@font-face {
        font-family: 'Basis Grotesque Arabic Pro';
        src: url('../fonts/BasisGrotesqueArabicPro-Bold.eot');
        src: local('Basis Grotesque Arabic Pro Bold'), local('BasisGrotesqueArabicPro-Bold'), url('../fonts/BasisGrotesqueArabicPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BasisGrotesqueArabicPro-Bold.woff2') format('woff2'), url('../fonts/BasisGrotesqueArabicPro-Bold.woff') format('woff'), url('../fonts/BasisGrotesqueArabicPro-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
    }
    @font-face {
        font-family: 'Basis Grotesque Arabic Pro Lt';
        src: url('../fonts/BasisGrotesqueArabicPro-Light.eot');
        src: local('Basis Grotesque Arabic Pro Light'), local('BasisGrotesqueArabicPro-Light'), url('../fonts/BasisGrotesqueArabicPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/BasisGrotesqueArabicPro-Light.woff2') format('woff2'), url('../fonts/BasisGrotesqueArabicPro-Light.woff') format('woff'), url('../fonts/BasisGrotesqueArabicPro-Light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
    }
    @font-face {
        font-family: 'Basis Grotesque Arabic Pro';
        src: url('../fonts/BasisGrotesqueArabicPro-Regular.eot');
        src: local('Basis Grotesque Arabic Pro Regular'), local('BasisGrotesqueArabicPro-Regular'), url('../fonts/BasisGrotesqueArabicPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BasisGrotesqueArabicPro-Regular.woff2') format('woff2'), url('../fonts/BasisGrotesqueArabicPro-Regular.woff') format('woff'), url('../fonts/BasisGrotesqueArabicPro-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Basis Grotesque Arabic Pro Blk';
        src: url('../fonts/BasisGrotesqueArabicPro-Black.eot');
        src: local('Basis Grotesque Arabic Pro Black'), local('BasisGrotesqueArabicPro-Black'), url('../fonts/BasisGrotesqueArabicPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/BasisGrotesqueArabicPro-Black.woff2') format('woff2'), url('../fonts/BasisGrotesqueArabicPro-Black.woff') format('woff'), url('../fonts/BasisGrotesqueArabicPro-Black.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
    }
    @font-face {
        font-family: 'Basis Grotesque Arabic Pro Md';
        src: url('../fonts/BasisGrotesqueArabicPro-Medium.eot');
        src: local('Basis Grotesque Arabic Pro Medium'), local('BasisGrotesqueArabicPro-Medium'), url('../fonts/BasisGrotesqueArabicPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BasisGrotesqueArabicPro-Medium.woff2') format('woff2'), url('../fonts/BasisGrotesqueArabicPro-Medium.woff') format('woff'), url('../fonts/BasisGrotesqueArabicPro-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
    }
    /*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/
    /*************** DEFAULT CSS ***************/
    :root {
        --body-font: 'Basis Grotesque Arabic Pro Md';
        --body-font-Size: 16px;
        --body-color: #0d0d0d;
        --primary-color: #00adee;
        --secondary-color: #0768a9;
        --lightblue-color:#e8f8fd;
        --black: #000;
        --white: #fff;
        --grey: (#ccc);
        --heading-font: 'Euclid Circular A';
    }
    body{
        font-family: var(--body-font);
        font-size:var(--body-font-Size);
        font-style: normal;
        line-height: normal;
        font-weight:500;
        color: var(--body-color);
        text-decoration: none;
        margin:0px;
        -webkit-font-smoothing: antialiased;
        padding:0;
    }
    html{
        scroll-behavior: smooth;
    }
    * {
        -webkit-box-sizing: border-box;
        -mox-box-sizing: border-box;
        box-sizing: border-box;
    }
    ::selection {
        background: var(--primary-color);
        /* Safari */
        color:#fff;
    }
    ::-moz-selection {
        background: var(--primary-color);
        /* Firefox */
        color:#fff;
    }
    a {
        color:var(--primary-color);
        text-decoration: none;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    a:hover {
        color: var(--secondary-color);
    }
    p {
        margin:0px 0 30px 0;
        clear:left;
        padding:0;
        font-weight: normal;
        line-height: 23px 
    }
    h1, h2, h3, h4, h5, h6 {
        margin:0 0 20px 0;
        padding:0;
        font-weight:normal;
    }
    h2{
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px 
    }
    .subtitle{
        font-size:24px;
        line-height:34px;
        font-weight:300 !important;
    }
    hr {
        margin:50px 0 50px 0;
        height:1px;
        border:0;
        border-top:1px solid #0caf4e;
        position:relative;
    }
    img{
        border:0;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    a img {
        border: 0;
    }
    .bold{
        font-family: 'Basis Grotesque Arabic Pro Blk';
        font-weight: 900
    }
    /*-----------text styles------------*/
    .text-white{
        color:var(--white)!important;
    }
    .text-black{
        color: #000 !important;
    }
    .text-primary{
        color: var(--primary-color) !important;
    }
    .text-secondary{
        color: var(--secondary-color) !important;
    }
    .text-center{
        text-align: center;
    }
    .text-justify{
        text-align: justify;
    }
    .uppercase{
        text-transform: uppercase;
    }
    /*-----------background styles------------*/
    .bg-primary{
        background-color: var(--primary-color);
        color:var(--white);
    }
    .bg-secondary{
        background-color: var(--secondary-color);
        color:var(--white);
    }
    .bg-black{
        background-color: var(--black);
        color:var(--white);
    }
    .bg-dark-blue{
        background-color: #0e121b;
        color:var(--white);
    }
    /*************** PRELOADER ***************/
    #preloader {
        position: fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background-color:var(--primary-color);
        /* change if the mask should have another color then white */
        z-index:999999;
        /* makes sure it stays on top */
    }
    #status {
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        /* centers the loading animation horizontally one the screen */
        top:0;
        /* centers the loading animation vertically one the screen */
        background-image:url(../images/logo-white.png);
        /* path to your loading animation */
        background-repeat:no-repeat;
        background-position:center;
        margin:0;
        /* is width and height divided by two */
    }
    #status{
    }
    /*************** BACK TO TOP ***************/
    /*************** COLUMS AND ROWS ***************/
    main{
        position:relative;
    }
    .row{
        width:100%;
        display:block;
        padding:0;
    }
    .row-flex{
        margin: 0;
        padding: 0;
        display: block;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .justify-center{
        justify-content: center;
    }
    .align-center{
        align-items: center;
    }
    .space-between{
        justify-content: space-between;
    }
    .container{
        width:1320px;
        margin:0 auto;
    }
    .fullwidth{
        width:100%;
        display:block;
    }
    .two-col{
        width: 46%;
        margin-right: 8%;
    }
    .three-col{
        width:30%;
        margin-right:5%;
    }
    .four-col{
        width:22%;
        margin-right:4%;
    }
    .last{
        margin-right:0 !important;
    }
    section , footer {
        width: 100%;
        position: relative;
    }
    .smd1{
        width:100% 
    }
    .smd2{
        width:50% 
    }
    .smd3{
        width:33.33333333333333% 
    }
    .smd4{
        width:25% 
    }
    .smd5{
        width:20% 
    }
    .smd6{
        width:16.66666666666667% 
    }
    .smd40{
        width:40% 
    }
    .smd50{
        width:50% 
    }
    .smd60{
        width:60% 
    }
    .smd30{
        width:30% 
    }
    .smd70{
        width:70% 
    }
    .smd75{
        width:75% 
    }
    .smd66{
        width: 66.66666666%;
    }
    .pd-5{
        padding:5px;
    }
    .pd-10{
        padding:10px;
    }
    .gap-100{
        height:100px;
    }
    .steakhouse{
        width:300px;
        display:inline-block;
    }
    /*************** HOME PAGE CSS ***************/
    header{
        width: 100%;
        top:-100px;
        z-index: 2;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .header{
        background: var(--white);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0;
        position: relative;
    }
    .logo{
    }
    .logo img{
        max-width: 175px;
    }
    .header-right{
        display: flex;
        align-items: center;
    }
    .connectlink{
        display: inline-block;
        background: var(--primary-color);
        padding: 8px 13px;
        border-radius: 25px;
        color: var(--white);
        margin-left: 20px;
    }
    .connectlink:hover{
        background: var(--black);
        color: var(--white);
    }
    .social a {
        display: inline-block;
    }
    .social a i{
        width: 34px;
        height: 34px;
        color: var(--white);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: 4px;
        border:1px solid #fff;
        border-radius: 100%;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    a.fb i{
        background-color: #45619D;
    }
    a.call{
        color: var(--black) 
    }
    a.call i{
        font-size: 12px;
        background-color: #fff;
        border:1px solid #ccc;
        color: var(--black) 
    }
    a.instagram i{
        font-size: 16px;
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
        /* -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        */
    }
    a.call{
    }
    .social a:hover i{
        background:var(--primary-color);
    }
    .topbar{
        display: flex;
        justify-content: flex-end;
    }
    .inline {
        display: inline-block;
        padding: 4px 8px;
        line-height: 20px;
        color: #fff;
    }
    .number{
        position: relative;
        font-size: 16px;
        color: #4b5469;
    }
    .number i{
        position: absolute;
        top:0;
        width:30px;
        height: 30px;
        background: #edb523;
        border-radius: 100%;
    }
    .menu-wrap{
    }
    .menu {
        position: relative;
        z-index: 100;
        margin-top: 8px;
    }
    .sch-btn {
        background-color: #fff;
        border: 1px solid #bfbfbf;
        width: 60px;
        height: 60px;
        color: #000;
        font-size: 20px;
        font-weight: 700;
        padding: 18px;
        position: relative;
        z-index: 100;
    }
    .slider-wrap {
        position: relative;
        /* padding-left: 5%*/
    }
    .link{
    }
    .link a{
        background:transparent;
        color: #1f416c;
        padding: 15px 59px 15px 34px;
        position: relative;
        font-size: 14px;
        display: inline-block;
        margin: 10px 0;
        border: 1px solid #333;
    }
    .white-link a{
        border: 1px solid #fff;
        color: #fff;
    }
    .link a span {
        position: relative;
        z-index: 2;
    }
    .link a:hover{
        border: 1px solid var(--primary-color);
    }
    .link a:hover span {
        color: #fff;
    }
    .link a:after{
        content: '';
        width: 0;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 100%;
        z-index: 1;
        background: var(--primary-color);
        color: #fff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .link a:before{
        content: '';
        width: 44px;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 10px;
        z-index: 2;
        background-image: url(../images/icons/arrow.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        color: #fff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .white-link a:before{
        filter: brightness(0) invert(1);
    }
    .link a:hover:after {
        width: 100%;
        left: 0;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }
    .explore-box{
        width: 130px;
        height: 130px;
        padding: 18px;
        font-size:14px;
        color: var(--white);
        position: absolute;
        left:33%;
        bottom: 50px;
        text-transform: uppercase;
        background: var(--primary-color);
        justify-content: flex-start;
    }
    .explore-box a{
        color: var(--white);
        display: flex;
        flex-direction: column;
        gap:5px;
        align-items: flex-start;
    }
    .explore-box a img{
        filter: brightness(0) invert(1);
        padding-top: 15px;
    }
    .subtitile{
        display: inline-block;
        padding: 0 0 0 30px;
        margin-bottom: 30px;
        font-size: 18px;
        color: var(--black);
        position: relative;
    }
    .subtitile:after{
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top:7px;
        left:0;
        background: var(--primary-color) 
    }
    .heading{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px;
        color: var(--black) 
    }
    .heading span{
        font-weight: 900 !important;
        font-family: 'Basis Grotesque Arabic Pro Blk';
    }
    .highlight-text{
        /* color: #535353;
        */
        font-size: 22px;
        line-height: 24px;
    }
    .white-img img{
        filter: brightness(0) invert(1);
    }
    .chairman-photo{
        padding: 0 0px 100px 100px;
        background: url(../images/shape.png) no-repeat bottom left;
    }
    .c-name{
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
        border-top:1px solid rgba(255, 255, 255, 0.2);
        align-items: center;
    }
    .c-name img{
        display:inline-block;
    }
    .highlight-text{
        font-size: 22px;
        line-height: 28px;
    }
    h3{
        font-size: 34px;
        line-height: 40px;
    }
    .section-profile{
    }
    .welcome-box{
        padding: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .splitbg{
        width: 50%;
        height: 100%;
        background: url(../images/bg1.jpg) no-repeat;
        background-size: cover;
        position: absolute;
        top:0;
        left:0;
        z-index: -1;
    }
    .bigtext{
        font-size: 64px;
        line-height: 67px;
    }
    .small-text{
        font-synthesis: 11px;
        line-height: 12px;
        color: #747474;
        display: inline-block;
    }
    .testimonial-single{
        border:1px solid #ccc;
        padding: 40px 27px 40px 135px;
        position: relative;
    min-height: 310px;
    }
    .testimonial-single .photo {
        position: absolute;
        top: 38px;
        left:25px;
        border-radius: 100%;
        overflow: hidden;
        width: 86px;
        height: 86px;
    }
    .testimonial-single .photo img{
        width: 100%;
    }
    .testimonial-single .cont{
        padding: 0 0 0 68px;
        background: url(../images/icons/quote.png) no-repeat top left;
    }
    .testimonial-single .cont p{
        font-size: 20px;
        line-height: 25px;
        color: var(--black);
    }
    .name{
        display: inline-block;
        font-size: 16px;
        line-height: 16px;
        color: var(--black);
        display: inline-block;
    }
    /*--------------------------------scroll-------------*/
    .bannerH {
        white-space: nowrap;
        position: relative;
        color: white;
    }
    .bannerH p{
        font-family: 'Basis Grotesque Arabic Pro Blk';
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--primary-color);
        font-size: 100px;
        line-height: 100px;
        color: transparent;
        font-weight: 900;
        display: flex;
        align-items: center;
    }
    .bannerH p .sep {
        margin: 0 30px;
    }
    .sideScroll {
        display: inline-block;
        animation: sideScroll 20s linear infinite;
    }
    @keyframes sideScroll {
        100% {
            transform: translateX(-50%);
        }
    }
    .sep{
        width: 50px;
        height: 50px;
        display: inline-block;
    }
    .sidescroll-row{
        overflow: hidden;
    }
    .mission-box{
        padding:130px 30px 30px 30px;
        position: relative;
    }
    .mission-box img.icon{
        position: absolute;
        top:30px;
        right:30px;
    }
    h3{
        font-size: 25px;
        line-height: 25px;
        font-weight: 400;
    }
    .underline{
        padding-bottom: 15px;
        position: relative;
    }
    .underline:after{
        content: '';
        width: 50px;
        height: 1px;
        background-color: var(--primary-color);
        position: absolute;
        bottom:0;
        left:0;
        z-index: 2;
    }
    .border{
        border: 1px solid var(--primary-color);
    }
    .group-companies-inner{
    }
    .group-companies-inner .item{
        width: 20%;
        border:1px solid #ccc;
        margin:-1px 0 0 -1px;
    }
    .group-companies-inner .item img{
        width: 100% 
    }
    .group-companies-inner .item .g-companies {
        /*border-left: 0px solid #ccc;
        */
    }
    .g-companies:hover img{
        transform: scale(0.9);
    }
    .gallery-item{
        flex:0 0 23.5%;
        padding: 10px;
        line-height: 0;
        margin-bottom: 1%;
    }
    /*********file chosen style**************/
    input.file{
        display: none;
    }
    .custom-file-upload {
        border: 0;
        display: block;
        padding: 16px 20px;
        color: #333;
        cursor: pointer;
        background-color: #f1f1f1;
        border-radius: 6px;
        border: 1px solid #ccc;
    }
    .testimonial-inner-row{
        gap:2%;
    }
    .testimonial-inner-row .testimonial-single{
        flex:0 0 49%;
        margin-bottom: 30px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .testimonial-inner-row .testimonial-single:hover{
        -webkit-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.21);
        -moz-box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.21);
        box-shadow: 0px 1px 20px 0px rgba(50, 50, 50, 0.21);
        -moz-box-shadow: 0px 4px 20px #00000059;
        background-color: #fff;
    }

li.view-all-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.view-link a {
    color: #1f416c;
    border: 1px solid #1f416c;
}
.division-drop {
    margin-left: 2%;
    flex: 0 0 28%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px 0px rgb(223 223 223);
}
.division-drop p {
    margin-bottom: 0;
}
.division-box ul.list li:before {
    color: #fff;
}
ul.line-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.8%;
    padding: 35px 0 0;
}

ul.line-list li {
    list-style: none;
    background-color: #0eb2ef;
    color: #fff;
    padding: 25px 12px;
    margin-bottom: 15px;
    flex: 0 0 16%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 22px;
    border-radius: 10px;
}
.align-division .smd70 p {
    text-align: justify;
}


























    /*************** paddings ***************/
    .pt-100{
        padding-top: 100px
    }
    .pb-100{
        padding-bottom: 100px
    }
    .pt-50{
        padding-top: 50px
    }
    .pb-50{
        padding-bottom: 50px
    }
    .pt-70{
        padding-top: 70px
    }
    .pb-70{
        padding-bottom: 70px
    }
    .pt-30{
        padding-top: 30px
    }
    .pb-30{
        padding-bottom: 30px
    }
    .pt-20{
        padding-top: 20px
    }
    .pb-20{
        padding-bottom: 20px
    }
    .pt-0{
        padding-top: 0px
    }
    .pb-0{
        padding-bottom: 0px
    }
    .pad-0{
        padding: 0
    }
    .pad-25{
        padding: 25px
    }
    .pad-50{
        padding: 50px
    }
    .pl-100{
        padding-left: 100px
    }
    .pr-100{
        padding-right: 100px
    }
    .pl-80{
        padding-left: 80px
    }
    .pr-80{
        padding-right: 80px
    }
    .pl-20{
        padding-left: 20px
    }
    .pr-20{
        padding-right: 20px
    }
    .pl-30{
        padding-left: 30px
    }
    .pr-30{
        padding-right: 30px
    }
    .pl-50{
        padding-left: 50px
    }
    .pr-50{
        padding-right:50px
    }
    .pl-70{
        padding-left: 70px
    }
    .pr-70{
        padding-right: 70px
    }
    .pr-20{
        padding-right: 20px
    }
    .mt-100{
        margin-top: 100px
    }
    .mb-100{
        margin-bottom: 100px
    }
    .mt-50{
        margin-top: 50px
    }
    .mb-50{
        margin-bottom: 50px
    }
    .mt-0{
        margin-top: 0px
    }
    .mb-0{
        margin-bottom: 0px
    }
    /*************** footer CSS ***************/
    footer{
    }
    footer a{
        color: #fff;
    }
    footer a:hover{
        color: #c93a60;
    }
    .footer{
        overflow-x: hidden;
    }
    .footer-top{
        display: flex;
        width: 93%;
        /* padding: 30px 0;
        */
        justify-content: space-between;
    }
    .footer-div{
        flex:0 0 30%;
        padding-right: 20px;
        color: var(--white) 
    }
    .footer-div:nth-child(01) {
        flex: 0 0 20%;
    }

    .footer-div:nth-child(03) p {
        line-height: 25px;
    }
    .footer-div h3{
        position: relative;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 20px;
        color: #fff;
        font-weight: 900;
    }
    .footerright{
        background: url(../images/shape2.png) no-repeat top left var(--primary-color);
        position: relative;
        padding: 100px 0 0 70px;
    }
    .footerright:after{
        content: '';
        width: 1000%;
        height: 100%;
        background-color: var(--primary-color);
        position: absolute;
        top:0;
        right:-1000%;
    }
    .footer-row{
    }
    .footer-form-box{
    }
    .footer-form-box h3{
        font-size:26px;
        line-height: 28px;
        color: var(--white) 
    }
    ul.footerlinks{
        margin:0 0 20px 0;
        padding: 0;
    }
    ul.footerlinks li{
        list-style: none;
        padding: 6px 0 6px 20px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        position: relative;
    }
    ul.footerlinks li:before{
        content: "\f111";
        position: absolute;
        top:7px;
        left:0;
        font-family: "FontAwesome";
        color: var(--primary-color);
        font-size: 8px;
    }
    .footer a{
        color: #fff
    }
    .footer a:hover{
        color: rgb(255, 255, 255, 0.7);
    }
    .footer-social{
    }
    .footer-social a{
        color: #fff!important;
    }
    .footer-social a i {
        margin-right: 7px;
        font-size: 19px;
        color: #fff;
    }
    .footer-social a:hover i {
        color: #d7ae6c;
    }
    .footer-bottom{
        border-top:1px solid rgba(255, 255, 255, 0.5);
        padding: 30px 0;
        color: #fff;
        font-size: 14px;
        width: 93% 
    }
    .copy{
        display: flex;
        justify-content: space-between;
    }
    .copy p{
        margin-bottom: 0;
    }
    .quirey-box ::-webkit-input-placeholder {
        color: #d3eaf9 !important;
    }
    .quirey-box :-moz-placeholder {
        /* Firefox 18- */
        color: #d3eaf9 !important;
    }
    .quirey-box ::-moz-placeholder {
        /* Firefox 19+ */
        color: #d3eaf9 !important;
    }
    .quirey-box :-ms-input-placeholder {
        color: #d3eaf9 !important;
    }
    .quirey-box .fieldset {
        width: 100%;
        height: auto;
        padding: 16px 0;
        display: block;
        border: 0;
        border-bottom: 1px solid #fff;
        font-weight: normal;
        margin: 0;
        color: #d3eaf9;
        font-size: 14px;
        border-radius: 0;
        font-weight: 300;
    }
    .quirey-box h3{
    font-size: 30px;
    margin-bottom: 20px;
    color: #fff;
    line-height: 34px;
    }
    .footer-send{
        border:0;
        background: transparent;
        font-size: 22px;
        font-weight: 700;
        padding: 15px 0;
        color: var(--white) 
    }
    .footer-send:hover{
        color: var(--black) 
    }
    /*************** INNER PAGE CSS ***************/
    .flex-gap{
        gap:2%;
    }
    .two-flex-col{
        flex:0 0 48%;
    }
    .three-flex-col{
        flex:0 0 32%;
    }
    .four-flex-col {
        flex:0 0 22%;
    }
    .five-flex-col {
        flex:0 0 18%;
    }
    .image-box{
        padding-left: 45px;
        padding-bottom: 45px;
        position: relative;
        width: 100%;
    }
    .stickybar{
        position: sticky !important;
        top: 120px;
    }
    .image-box2{
        padding-top:30px;
        padding-left:30px;
    }
    .image-box .hover-effect{
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);
        -moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.7);
        box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);
    }
    .image-box:after, .image-box2:before{
        content: '';
        width: 60%;
        height: 60%;
        background: url(../images/shape.png) no-repeat bottom left;
        background-size: cover;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    .image-box2:before{
        bottom: auto;
        right:auto;
        top:0;
        left:0;
        background:#d7ae6c;
    }
    .wrap-box{
        border-radius: 15px;
        -webkit-box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);
        -moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.7);
        box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);
        overflow: hidden;
    }
    ul.list{
        margin:0;
        padding: 0;
        margin-bottom: 30px;
    }
    ul.list li{
        list-style: none;
        padding: 2px 7px 2px 20px;
        /* line-height: normal;
        */
        position: relative;
    }
    ul.list li:before{
        content: "\f111";
        position: absolute;
        top: 7px;
        left:0;
        font-family: "FontAwesome";
        color: var(--primary-color);
        font-size: 8px;
    }
    .cnt-wrap {
        background-color: var(--secondary-color);
        padding-top: 26px;
        padding-bottom: 20px;
    
    }
    .icon_box {
        padding: 25px 25px 25px 75px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
        position: relative;
    }
    .icon_box i {
        margin: 0;
        padding: 8px;
        border-radius: 100%;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 30px;
        color: var(--black);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        background: var(--white);
        position: absolute;
        top: 30px;
        left: 15px;
    }
    .icon_box .descripion {
        display:block;
        overflow:hidden
    }
    .icon_box .descripion h5 {
        font-size: 18px;
        margin: 0 0 8px 0;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400
    }
    .icon_box p {
        margin:0;
    }
    .icon_box a {
        color: #fff;
    }
    .icon_box:last-child{
        margin-bottom:0px;
        border-bottom:none;
    }
    .cnt-form{
    }
    .map{
        overflow: hidden;
        width: 100% 
    }
    .map iframe{
    }
    .map iframe:hover{
    }
    .table-row{
        width: 100%;
        overflow-x: scroll;
    }
    .table-style {
        border-collapse: collapse;
        width: 100%;
    }
    .table-style th, .table-style td {
        text-align: left;
        padding: 8px;
        border: 1px solid #d9d9d9;
    }
    .table-style tr:nth-child(even){
        background-color: #f2f2f2
    }
    .table-style th {
        background-color:var(--primary-color);
        color: white;
    }
    /*************** INNER BANNER ***************/
    /*************** INNER BANNER ***************/
    .banner{
        z-index: 0;
        width: 100%;
        height: 254px;
        display: flex;
        align-items: center;
        background-image: url(../images/banner1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
    }
    .banner-caption h2{
        color: var(--primary-color);
        font-size: 40px;
        margin-bottom: 10px;
        font-weight: 500;
        line-height: 42px;
    }
    .banner-caption h4 span{
        color: #ccc;
    }
    .banner-caption h4 a{
        color: var(--secondary-color);
        /* font-size: 12px;
        */
    }
    .banner-caption h4 {
        padding: 0px 0px;
        display: inline-flex;
        margin-bottom: 0px;
        align-items: center;
    }
    .banner-caption{
        position: relative;
        z-index: 1;
    }
    .banner1{
        background: url(../images/bg.jpg) no-repeat top left var(--primary-color) ;
    }
    .banner-caption h4 span.b-sep{
        font-size: 0;
        width: 23px;
        height: 21px;
        margin: 0 12px;
        background: url(../images/icons/arrow.png) no-repeat 0 0;
        display: inline-block;
        background-size: 22px;
    }
    /*************** FIXED HEADER ***************/
    header.smaller {
        top:0;
        left:0px;
        position: fixed;
        z-index: 9;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
        -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
        box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
        -moz-box-shadow: 0px 4px 20px #00000059;
        background-color: #fff;
    }
    header.smaller .logo img{
        max-width: 125px;
    }
    /*************** JARALLAX ***************/
    .jarallax{
        position:relative;
        background-repeat:no-repeat;
        background-position:center center;
        -moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .bg1{
        background: url(../images/bg1.jpg) no-repeat top center;
    }
    .bg2{
        background: url(../images/bg2.jpg) no-repeat top center;
    }
    .bg3{
        background: url(../images/bg3.jpg) no-repeat top center;
    }
    /**********forms**************/
    form{
        margin:0;
        padding:0;
    }
    *:focus {
        outline: none;
    }
    .fieldset{
        width: 100%;
        height: 52px;
        padding: 8px 10px;
        background-color: none;
        background-color: transparent;
        display: block;
        border: 1px solid rgb(211 211 211);
        margin: 0 0 10px 0;
        color: #626262;
        font-size: 14px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        /* border-left: 2px solid #f04e30;
        */
    }
    .fieldset1{
        height: 130px;
    }
    .sendbutton{
        width: auto;
        height: auto;
        border: 0;
        outline: 0;
        margin: 0 5px 0 0;
        display: inline-block;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
        vertical-align: top;
        padding: 15px 30px 15px;
        text-align: center;
        background-color: var(--primary-color);
        /* text-transform: uppercase;
        */
        /* font-weight: 700;
        */
        border-radius: 55px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
    }
    .sendbutton:hover{
        background-color: #000;
    }
    .select-box {
        appearance: none;
        -webkit-appearance: none;
        background-image: url(../images/icons/icon5.svg);
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 14px;
    }
    .contact-form{
        width: 100%;
    }
    .contact-form .fieldset {
        margin-bottom: 0px;
    }
    ::-webkit-input-placeholder {
        color: #626262 !important;
    }
    :-moz-placeholder {
        /* Firefox 18- */
        color: #626262 !important;
    }
    ::-moz-placeholder {
        /* Firefox 19+ */
        color: #626262 !important;
    }
    :-ms-input-placeholder {
        color: #626262 !important;
    }
    .ftr-form ::-webkit-input-placeholder {
        color: #fff !important;
    }
    .ftr-form :-moz-placeholder {
        /* Firefox 18- */
        color: #fff !important;
    }
    .ftr-form ::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff !important;
    }
    .ftr-form :-ms-input-placeholder {
        color: #fff !important;
    }
    .wpcf7-form-control-wrap {
        position: relative;
    }


    .about-us {
        background-image: url(../images/vslider/1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 100px 0 70px 0;
    }

    .brand-sctn {
        display: flex;
        flex-wrap: wrap;
        gap: 3%;
    padding-left: 0;
    justify-content: center;
    }

    .brand-sctn li {
        flex: 0 0 22.7%;
        background:rgb(255 255 255 / 93%);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgb(255 255 255 / 10%);
        padding: 20px 15px;
        margin-bottom: 30px;
        text-align:center;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        transition: ease-in-out 0.3s;
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -ms-transition: ease-in-out 0.3s;
    }

    /* .brand-sctn li:hover .icon-img img {
        transform: rotate3d(0, 1, 0.5, 3.142rad);
    } */











    /************************************* 1600px *************************************/
    @media only screen and (max-width: 1600px) {
    }
    /************************************* 1400px *************************************/
    @media only screen and (max-width: 1400px) {
    }
    /************************************* 1366px *************************************/
    @media only screen and (max-width: 1366px) {
    }
    /************************************* 1180px *************************************/
    @media only screen and (max-width: 1320px) {

    .container{
        width:100%;
        padding:0 20px;
        }
    header .container{
        padding:0;
    }

    .header{
        display: block;
        padding:15px 0  0 0;
        gap:0;
        flex-direction:column;  
    }


    .header-right {
        width: 100%;
        display: flex;
        justify-content: center;
        padding:10px 0;
        margin-top:10px;
        background-color:#F2F2F2;
        }	
        
    .connectlink{
        display: inline-block;
        background: var(--primary-color);
        padding: 8px 13px;
        border-radius: 25px;
        color: var(--white);
        margin-left:0;
    }

    .logo{
    padding:0 15px;
    }
    
    .logo img, header.smaller .logo img{
        max-width: 110px;
        
    }
    .explore-box{
    display:none;
    }
    }
    /************************************* 1024px *************************************/
    @media only screen and (max-width: 1024px) {
        .brand-sctn li {
    flex: 0 0 30%;
}
    }
    /************************************* 980px *************************************/
    @media only screen and (max-width: 980px) {
        .menu-wrap {
        }
        .four-flex-col{
            flex:0 0 48% 
        }
    }
    /************************************* 900px *************************************/
    @media only screen and (max-width: 900px) {
    }
    /************************************* 767px *************************************/
    @media only screen and (max-width: 767px) {
        .pt-100, .pt-70, .pt-80,.pt-50{
            padding-top:30px;
        }
        .pb-100, .pb-70, .pb-80,.pb-50{
            padding-bottom:30px;
        }
        .pt-100{
            padding-top:30px;
        }
        .pl-100, .pl-70, .pl-50{
            padding-left:0;
        }
        .pr-100, .pr-70, .pr-50{
            padding-right:0;
        }
        .pad-50{
            padding: 20px
        }
        .brand-sctn li {
    flex: 0 0 48%;
}
    }
    /************************************* 640px *************************************/
    @media only screen and (max-width: 640px) {
        .align-division {
    flex-direction: column-reverse;
}
.group-companies-inner .item {
    width: 33.3333%;
}
ul.line-list li {
    flex: 0 0 49.6%;
}
        .division-drop{
            flex: 0 0 100%;
            margin-top: 20px;
        margin-left: 0;
        }
    
    .link a{
        padding: 10px 40px 10px 20px; 
    }
    .link a:before{
        content: '';
        width: 30px;     
        right: 10px;
        background-size: 50%;
    
    }

    .c-name img{
        width:100px;
    }
    
    .heading{
        font-size: 30px;
        line-height: 30px;
    
    }

    .welcome-box{
        padding:50px 20px;
        background-color:var(--primary-color);
        margin-top:20px;
    
    }
    .splitbg{
        width: 100%;
        background-image:none;
    
    }

    
    .smd1,
    .smd2,
    .smd3,
    .smd4,
    .smd5,
    .smd6, .smd30, .smd40, .smd60, .smd50, .smd70, .smd75 {
            width: 100%
        }
        .smd60, .smd70, .smd75{
            margin-top:20px;
        }
        /*------------flex-col---------*/
        .flex-gap{
            gap:15px 0;
        }
        .three-flex-col, .two-flex-col, .four-flex-col{
            flex:0 0 100% 
        }
        .five-flex-colum {
            flex:0 0 48% 
        }
        /*------------flex-col---------*/
        .steakhouse{
            width:240px;
        }
        
        
        

    .testimonial-single{
        padding: 120px 20px 20px 20px;
    
    }
    .testimonial-single .photo {
        
        top: 20px;
        left:20px;
        width: 80px;
        height: 80px;
    }
    
    .testimonial-single .cont{
        padding: 30px 0 0 0;
        background: url(../images/icons/quote.png) no-repeat top left;
        background-size:20px;
    }
    .testimonial-single .cont p{
        font-size: 16px;
        line-height: 20px;
        gap:0;
        
    }
    .footer-top{
        width: 100%;
        flex-direction:column;
        justify-content: center;
    }
    .footer-div{
        flex:100% !important;
        padding-right: 0;
    
    }
    .footer-div:nth-child(01) {
        flex: 0 0 100%;
    }
        
    .bannerH p{
        line-height: 30px;
        font-size:40px;
    }
        
    .bannerH p .sep {
        
        width:20px;
        height:20px;
        
    }	
        

        
        
        
        
        
        
        
        
    }
    /************************************* 480px *************************************/
    @media only screen and (max-width: 480px) {
        .brand-sctn li {
    flex: 0 0 100%;
}
    }
    /************************************* 360px *************************************/
    @media only screen and (max-width: 360px) {
    }
    /************************************* 320px *************************************/
    @media only screen and (max-width: 320px) {
    }