@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
        --color-primary: #007BA9;
        --color-primary-50: #7DBCD4;
        --color-primary-90: #255C72;
        --color-primary-dark: #0E4B62;
        --color-primary-light: #008EC3;
        --color-accent: #F46F20;
        --color-accent-light: #FF8942;
        --color-bluegrey: #7C888C;
        --color-dark: #0B2935;
        --text-dark: #03161D;
        --color-body: #243840;
        --grey-light-1:#F0F8FB;
        --grey-light-2:#E1EDF2;
        --grey-light-3:#F9FDFF;
        --footer-bg: #0B2935;
         
}
html{width: 100%; height: 100%; margin: 0; padding: 0;}
body {font-family: Inter, sans-serif; font-size: 16px; background-color:#fff; color: var(--color-body); font-weight: 400; line-height: 1.65; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; font-optical-sizing: auto; font-style: normal; font-variation-settings:"slnt" 0; }
 

/*LINK FOCUS_______________________________________________________________________________________________*/ 
/*#########################################################################################################*/
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
 

/*TRANSITIONS______________________________________________________________________________________________*/
/*#########################################################################################################*/
.btn, a, button, .transition { webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}


/*FONTS____________________________________________________________________________________________________*/
/*#########################################################################################################*/
.body-font{font-family: Inter, serif;}
.heading-font{font-family: Inter, serif;}
 

/*SWIPER PAGINATION________________________________________________________________________________________*/
/*#########################################################################################################*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet{background-color: #999; opacity: 0.7;}
.swiper-pagination-bullet-active{background-color: var(--color-accent); opacity:1;}

.swiper-pagination.custom-pagination{position: relative; transform: none; width: 100%; text-align: center;}
.swiper-pagination.tp10 {padding-top: 10px;}
.swiper-pagination.tp15 {padding-top: 15px;}
.swiper-pagination.tp20 {padding-top: 20px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp25 {padding-top: 25px;}
.swiper-pagination.tp30 {padding-top: 30px;}


/*SWIPER NAV BUTTONS_______________________________________________________________________________________*/
/*#########################################################################################################*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 36px; width: 36px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: #333; border: 1px solid #E6E6E6; opacity: 1; background-color: white;  display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: none; webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: #E6E6E6; border: 1px solid #E6E6E6; color: black;}

/*TEXT WHITE TO LIGHT WHITE________________________________________________________________________________*/
/*#########################################################################################################*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK________________________________________________________________________________*/
/*#########################################################################################################*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT GREY AND DARK_______________________________________________________________________________________*/
/*#########################################################################################################*/
.text-grey{ color: #6c757d;} .text-grey-dark{ color: #343a40;} .text-grey-10{ color: #f8f9fa;} .text-grey-20{ color: #e9ecef;} .text-grey-30{ color: #dee2e6;} .text-grey-40{ color: #ced4da;} .text-grey-50{ color: #adb5bd;} .text-grey-60{ color: #6c757d;} .text-grey-70{ color: #495057;} .text-grey-80{ color: #343a40;} .text-grey-90{ color: #212529;}

/*FONT WEIGHTS_____________________________________________________________________________________________*/
/*#########################################################################################################*/

.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING___________________________________________________________________________________________*/
/*#########################################################################################################*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT______________________________________________________________________________________________*/
/*#########################################################################################################*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px _____________________________________________________________________________________*/
/*#########################################################################################################*/
.fs0{font-size: 0;} .fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*OPACITY__________________________________________________________________________________________________*/
/*#########################################################################################################*/
.opacity0{opacity: 0;} .opacity1{opacity: 0.1;} .opacity2{opacity: 0.2;} .opacity3{opacity: 0.3;} .opacity4{opacity: 0.4;} .opacity5{opacity: 0.5;} .opacity6{opacity: 0.6;} .opacity7{opacity: 0.7;} .opacity8{opacity: 0.8;} .opacity9{opacity: 0.9;}




/*IMAGE ZOOM ON HOVER______________________________________________________________________________________*/
/*#########################################################################################################*/
.image-hover-zoom img {transform: scale(1); transition: all .3s ease;transform-style: preserve-3d;}
.image-hover-zoom:hover img {transform: scale(1.1);}

.image-hover-zoom2 img {transform: scale(1); transition: all .3s ease;transform-style: preserve-3d;}
.image-hover-zoom2:hover img {transform: scale(1.05);}

.image-hover-zoom3 img {transform: scale(1); transition: all .3s ease;transform-style: preserve-3d;}
.image-hover-zoom3:hover img {transform: scale(1.02);}

.img-zoom .image-hover-zoom{transform: scale(1); transition: all .3s ease;transform-style: preserve-3d;}
.img-zoom:hover .image-hover-zoom {transform: scale(1.1);}


/*CARD STYLE_______________________________________________________________________________________________*/
/*#########################################################################################################*/
.card-theme{border-radius: 12px; background-color: white; border: 1px solid var(--card-border); padding: 12px;}
.card-shadow{transform-style: preserve-3d;transition: all .3s ease;}
.card-shadow:hover{box-shadow: 2px 4px 12px #00000014;}

/*CARD SCALE_______________________________________________________________________________________________*/
/*#########################################################################################################*/
.card-scale-1{transform: scale(1); transition: all .3s ease;transform-style: preserve-3d;}
.card-scale-1:hover{transform: scale(1.01);}
.card-scale-2{transform: scale(1); transition: all .3s ease;transform-style: preserve-3d;}
.card-scale-2:hover{transform: scale(1.03);}


/*BUTTONS__________________________________________________________________________________________________*/
/*#########################################################################################################*/
.btn{border-radius: 8px; font-size:12px; padding-top: 12px; padding-bottom: 12px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; line-height: 1; border-width: 2px; display: inline-flex; align-items: center; justify-content: center;box-shadow: var(--bs-box-shadow);}
.btn-sm{font-size: 12px; border-radius: 8px; padding-top: 8px; padding-bottom: 8px;}
.btn-lg{font-size: 12px; border-radius: 12px; padding-top: 18px; padding-bottom: 18px;}
.btn-xl{font-size: 13px; border-radius: 16px; padding-left: 32px; padding-right: 32px; padding-top: 20px; padding-bottom: 20px;}


/*BUTTON STYLES____________________________________________________________________________________________*/
/*#########################################################################################################*/
.btn-prime{background-color: var(--color-primary); border-color: var(--color-primary); color: #fff;}
.btn-prime:hover,.btn-prime:focus,.btn-prime:hover,.btn-prime:focus{background-color: var(--color-primary-light)!important; border-color: var(--color-primary-light)!important; color: #fff!important;}

.btn-outline-prime{background-color: transparent; border-color: var(--color-primary); color: var(--color-primary);}
.btn-outline-prime:hover,.btn-outline-prime:focus{background-color: var(--color-primary-light)!important; border-color: var(--color-primary-light)!important; color: #fff!important;} 

.btn-accent{background-color: var(--color-accent); border-color: var(--color-accent); color: #fff;}
.btn-accent:hover,.btn-accent:focus,.btn-accent:hover,.btn-accent:focus{background-color: var(--color-accent-light)!important; border-color: var(--color-accent-light)!important; color: #fff!important;}

.btn-outline-accent{background-color: transparent; border-color: var(--color-accent); color: var(--color-accent);}
.btn-outline-accent:hover,.btn-outline-accent:focus{background-color: var(--color-accent)!important; border-color: var(--color-accent)!important; color: #fff!important;}



/*SECTION BUTTON LG________________________________________________________________________________________*/
/*#########################################################################################################*/
.section-button-wrap{text-align: center;padding-top: 18px;}
.section-button-wrap .section-button-lg{min-width: 280px; height: 60px; border-radius: 12px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.7px; box-shadow: var(--bs-box-shadow);}    


/*SECTION TITLE HEADING____________________________________________________________________________________*/
/*#########################################################################################################*/
.section-heading{text-align: center; max-width: 860px; margin: -12px auto 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;}
.section-heading .section-heading__tagline{font-size: 18px; line-height: 100%; margin-bottom: 0; font-weight: 600; color: var(--color-accent); text-transform: uppercase; letter-spacing: 1px;}
.section-heading .section-heading__title{font-size: 48px; line-height: 115%; margin-bottom: 0; font-weight: 700; color: var(--text-dark);}
.section-heading .section-heading__subtitle{font-size: 18px; letter-spacing: 0.2px; line-height:160%; color: var(--color-dark); opacity: 0.8; max-width: 780px; margin: 0;}
.section-heading__title.section-heading__title--lg{font-size: 56px;}

/*SECTION TITLE HEADING WHITE______________________________________________________________________________*/
/*#########################################################################################################*/
.section-title{font-size: 32px; font-weight: 700; line-height: 97%; color: #333; margin-bottom: 24px;}
.section-title--lg{font-size: 48px; letter-spacing: -1px; margin-bottom: 32px;}


/*HEADING FONTS____________________________________________________________________________________________*/
/*#########################################################################################################*/
.heading-16{font-size: 16px;} .heading-18{font-size: 18px;} .heading-20{font-size: 20px;} .heading-22{font-size: 22px;} .heading-24{font-size: 24px;} .heading-26{font-size: 26px;} .heading-28{font-size: 28px;} .heading-32{font-size: 32px;} .heading-36{font-size: 36px;} .heading-40{font-size: 40px;} .heading-44{font-size: 44px;} .heading-48{font-size: 48px;} .heading-56{font-size: 56px;}


/*LINE HEIGHT_______________________________________________________________________________________________*/
/*#########################################################################################################*/
.lh100{line-height: 100%;} .lh105{line-height: 105%;} .lh110{line-height: 110%;} .lh115{line-height: 115%;} .lh120{line-height: 120%;} .lh125{line-height: 125%;} .lh130{line-height: 130%;} .lh135{line-height: 135%;} .lh140{line-height: 140%;} .lh145{line-height: 145%;} .lh150{line-height: 150%;} .lh155{line-height: 155%;} .lh160{line-height: 160%;} .lh165{line-height: 165%;} .lh170{line-height: 170%;} .lh175{line-height: 175%;} .lh180{line-height: 180%;}



/*TEXT-COLOR_______________________________________________________________________________________________*/
/*#########################################################################################################*/
.text-prime{color: var(--color-primary);}
.text-prime-dark{color: var(--color-primary-dark);}
.text-prime-light{color: var(--color-primary-light);}
.text-accent{color: var(--color-accent);}
.text-dark{color: var(--color-dark)!important;}
.text-body{color: var(--color-body);}
.text-bluegrey{color: var(--color-bluegrey);}
.text-accent--link:hover{color: var(--color-primary-dark);}

/*BG-COLOR_________________________________________________________________________________________________*/
/*#########################################################################################################*/
.bg-prime{background-color: var(--color-primary);}
.bg-prime-dark{background-color: var(--color-primary-dark);}
.bg-prime-light{background-color: var(--color-primary-light);}
.bg-accent{background-color: var(--color-accent);}
.bg-greylight-1{background-color: var(--grey-light-1);}
.bg-greylight-2{background-color: var(--grey-light-2);}

/*OPACITY_________________________________________________________________________________________________*/
/*#########################################################################################################*/
.opacity10{opacity: 0.10;} .opacity15{opacity: 0.15;} .opacity20{opacity: 0.20;} .opacity25{opacity: 0.25;} .opacity30{opacity: 0.30;} .opacity35{opacity: 0.35;} .opacity40{opacity: 0.40;} .opacity45{opacity: 0.45;} .opacity50{opacity: 0.50;} .opacity55{opacity: 0.55;} .opacity60{opacity: 0.60;} .opacity65{opacity: 0.65;} .opacity70{opacity: 0.70;} .opacity75{opacity: 0.75;} .opacity80{opacity: 0.80;} .opacity85{opacity: 0.85;} .opacity90{opacity: 0.90;} .opacity95{opacity: 0.95;} .opacity100{opacity: 1;}


/*BORDER-COLOR_____________________________________________________________________________________________*/
/*#########################################################################################################*/
.border-prime{border-color: var(--color-primary)!important;}
.border-prime-dark{border-color: var(--color-primary-dark)!important;}
.border-prime-light{border-color: var(--color-primary-light)!important;}
.border-accent{border-color: var(--color-accent)!important;}
.border-dark{border-color: var(--color-dark)!important;}
.border-body{border-color: var(--color-body)!important;}
.border-bluegrey{border-color: var(--color-bluegrey)!important;}

/*SECTION TOP BOTTOM PADDING_______________________________________________________________________________*/
/*#########################################################################################################*/
.section-vertical-padding{padding-top: 88px;padding-bottom: 88px;}

/*CONTAINER WIDTH__________________________________________________________________________________________*/
/*#########################################################################################################*/

.containerx-right {max-width: none !important; overflow: hidden; padding-left: 12px;}

/*###########################################################################################################*/
/*###########################################################################################################*/
/*#######################################_________MAIN STYLES_________#######################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/

/*HEADER*/
header.header{box-shadow: var(--bs-box-shadow-sm); position: relative; z-index: 5;}
.header__nav-item{margin-left: 0.5rem; margin-right: 0.5rem;}
.header__nav-item .header__nav-link{color: var(--text-dark); font-size: 14px; font-weight: 500; padding-left: 0.5rem !important; padding-right: 0.5rem !important;height:80px;align-items: center;display: flex;}
.header__nav-item .header__nav-link:hover{color: var(--color-primary);}
.header__right .header__phone-icon{margin-right: 12px;}
.header__right .header__phone-icon img{height: 40px; width: 40px;}
.header__right .header__enquiry-button{min-width: 130px;}



/*--Dropdown-megamenu CSS start---*/
.header .dropdown .dropdown-menu {
    display: block;
    left: 0;
    right: 0;
    border-radius: 10px;
    max-width: 1108px;
    margin-top: -1px !important;
    position: fixed;
    margin: 0 auto;
        display: none;
            top: 92px;
}
.header .dropdown .dropdown-menu.show {
    display: block !important;
}
 
.mega-menu-column li { line-height:30px;border-bottom: 1px dashed rgba(192,201,210,.5);list-style: none;}
.mega-menu-column li:last-child{ border-bottom:none}
.mega-menu-column li:hover{ border-bottom:1px solid var(--color-accent)}
.mega-menu-column li a{font-size: 14px;color: #000;text-decoration: none; display: block;}
.mega-menu-column li a:hover{ color: var(--color-accent);}



/*HOMEPAGE HERO SECTION________##############################################################################*/

.homepage-hero{background-size: cover; background-repeat: no-repeat; background-color: var(--color-primary-dark); height: 603px; width: 100%;}
.hero-content{max-width: 520px; padding-top: 24px; padding-bottom: 24px;}
.hero-content__btn-group{display: flex; flex-direction: row; align-items: center; gap: 12px;}
.hero-content__btn-group .btn{min-width: 200px;padding: 20px 30px;}


/*ABOUT SECTION________##############################################################################*/
.about-header{padding-bottom: 100px; padding-top: 100px;}
.about-content{padding-top: 64px; padding-bottom: 88px;}
.about-content__usp-block{margin-bottom: 48px; max-width: 408px;}
.about-content__usp-block:last-child{margin-bottom: 0;}
.about-content__usp-icon{height: 64px; width: 64px;}
.about-content__media{max-width: 760px; margin-right: 0; margin-left: auto; margin-top: -148px;}
.about-content__client-block{text-align: center; padding: 24px; min-height: 96px; margin-bottom: 0; display: flex; justify-content: center; align-items: center;}


/*SERVICE SECTION________##############################################################################*/
.service-block{background-color: var(--color-primary); border-radius: 64px; margin-bottom: 12px;}
.service-block.isOpen{border-radius: 32px; background-color: white;}
.service-block.isOpen .service-block__content{display: block;}
.service-block__header{padding: 20px 20px 20px 32px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: white;}
.service-block.isOpen .service-block__header{padding: 32px;}
.service-block.isOpen .service-block__category-heading{font-size: 32px; color: var(--color-dark); letter-spacing: -1px;}
.service-block__category-heading{margin-bottom: 0; font-size: 24px; line-height: 115%; font-weight: 700; color: white;}
.service-block__chevron {height: 42px; width: 42px; display: flex; justify-content: center; align-items: center; background-color: white; color: var(--color-dark); border-radius: 50px; font-size: 18px; }
.service-block.isOpen .service-block__chevron {background-color: var(--color-accent); color: white; transform: rotate(180deg);}
.service-block__content{padding: 0 32px 32px; display: none;}
.service-block__description{margin-bottom: 40px;}
.service-block__description p{font-size: 14px; line-height: 145%; margin-bottom: 16px;}
.service-block__description p:last-child{margin-bottom: 0;}
.service-block__service-list{display: flex; flex-direction: row; gap: 12px; flex-wrap: wrap; margin-bottom: 40px;}
.service-block__service-subcategory{font-size: 13px; font-weight: 600; line-height: 120%; border-radius: 50px; background-color: var(--grey-light-3); border: 1px solid var(--color-primary-50); color: var(--color-dark); max-width: 245px; min-width: 245px; width: 100%; padding: 16px 18px; text-decoration: none; display: flex; flex-direction: row; gap: 12px; align-items: center;}
.service-block__service-subcategory .bi{color: var(--color-primary); font-size: 24px;}
.service-block__service-subcategory:hover{background-color: var(--color-accent); border-color: var(--color-accent); color: white;}
.service-block__service-subcategory:hover .bi{color: white;}


/*WHY CHOOSE US SECTION________##############################################################################*/
.whychooseus-block{}
.whychooseus-block__image{padding: 6px; background: conic-gradient(from 45deg at 60% 50%, #00baff, #f46f20); border-radius: 16px;}
.whychooseus-block__image img{border-radius: 16px;}
.whychooseus-block__icon{height: 60px; width: 60px; border-radius: 50px; margin-top: -40px; padding: 12px; background-color: white; object-fit: contain; object-position: center;}
.whychooseus-block__heading{}


/*INDUSTRY SECTION________##############################################################################*/
.industry-section{background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.industry-section:before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgb(15 87 114 / 90%); z-index: 1; filter: blur(0.8) grayscale(0);}
.industry-slider__nav{max-width: 1080px; margin: 0 auto;}
.industry-slider__nav .swiper-wrapper{display: flex; flex-direction: row!important; justify-content: center!important; flex-wrap: wrap!important; gap: 8px; margin-bottom: 40px;}
.industry-slider__nav .swiper-slide{width: auto!important; margin-bottom: 8px;}
.industry-slider__nav .industry-slider__nav-item{color: white; border-radius: 50px; max-width: 190px; min-width: 190px; width: 100%; padding: 12px 20px; text-align: center; font-size: 14px; font-weight: 500; background-color: rgb(255 255 255 / 20%); border: 1px solid rgb(255 255 255 / 20%); }
.industry-slider__nav .industry-slider__nav-item .bi{font-size: 20px; margin-right: 6px;}

.industry-slider__nav .swiper-slide-thumb-active .industry-slider__nav-item{background-color: var(--color-accent); border-color: var(--color-accent); color: white;}

.industry-slider__content{max-width: 870px; margin: 0 auto; padding-top: 12px;}
.industry-slider__heading{font-size: 72px; font-weight: 800; color: white; text-align: center; margin-bottom: 0; position: relative; z-index: 3; text-shadow: 0px 6px 12px rgb(0 0 0 / 43%);}
.industry-slider__image{border-radius: 32px 32px 0 0; margin-top: -24px;}
.industry-slider__content .swiper-button-prev,
.industry-slider__content .swiper-button-next{margin-top: 24px;}

/*PROJECT SECTION________##############################################################################*/
.project-block{position: relative; text-align: center; border-radius: 16px; overflow: hidden;}
.project-block__video{width: 100%; display: block;}
.project-block__name{padding: 16px; font-size: 14px; font-weight: 600; color: white; background-color: rgb(255 255 255 / 24%); backdrop-filter: blur(6px); position: absolute; left: 0; right: 0; bottom: 0; margin: 0;}

/*TESTIMONIAL SECTION________##############################################################################*/
.testimonial-intro{max-width: 260px;}
.testimonial-wrap .testimonial-block {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonial-block__content{height: 100%;background-color: white; border-radius: 32px; padding: 32px 32px 90px; position: relative; background-image: url(../images/circle.svg); background-repeat: no-repeat; background-position: right bottom;}
.testimonial-block__content p{font-size: 15px; font-weight: 500; font-style: italic; line-height: 160%; color: var(--color-dark);}
.testimonial-block__star{position: absolute;left: 0;bottom: -45px; width: 124px; height: 78px;}
.testimonial-block__user-info {padding: 12px;}
.testimonial-block__photo{width: 64px; height: 64px;}

/*CTA SECTION________##############################################################################*/
.cta-section{padding-bottom: 140px;}
.cta-section:before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 280px; background-color: var(--grey-light-2);}
.cta-container{border-radius: 0 0 80px 80px;}
.cta-link{position: relative; top: 60px; display: block;}

/*FOOTER________##############################################################################*/
.site-footer{background-color: var(--footer-bg);}
.footer-top{padding-top: 72px; padding-bottom: 72px;}

.footer-block--link ul{margin: 0; padding: 0;}
.footer-block--link ul li{list-style: none; color: white; margin-bottom: 16px;}
.footer-block--link ul li a{text-decoration: none; color: white; opacity: 0.7; font-size: 13px; display: block; line-height: 1.6;}
.footer-block--link ul li a:hover{text-decoration: underline; opacity: 1;}

.footer-block--newsletter{}
.footer-block--newsletter .form-control,
.footer-block--newsletter .btn{height: 56px; border-radius: 12px;}


.footer-social a{font-size: 20px; color: #fff;}
.footer-social a:hover{color: var(--color-accent);}

.enquiry-icon {position: absolute; right: 10px; bottom: 10px; position: fixed; z-index: 9; height: 56px; width: 56px; transition: all 200ms ease-in-out; transform-origin: center; }



/*###########################################################################################################*/
/*###################################_________SERVICE DETAILS PAGE_________##################################*/
/*###########################################################################################################*/
.top-banner{position: relative; height: 363px; border-bottom: 8px solid var(--color-primary-50);}
.top-banner__image{position: absolute; right: 0; left: auto; bottom: 0; top: 0; max-width: 480px; width: 100%;}
.top-banner__image:before{content: ""; background-color: var(--color-accent); height: 100px; width: 100px; display: block; position: absolute; left: -50px; bottom: -16px; border-radius: 200px 0 200px 200px;}
.top-banner__image img {object-fit: cover; height: 100%; width: 100%; object-position: center; border-radius: 90px 0 0 0;}
.top-banner__content{max-width: 620px; width: 100%;}
.top-banner .service-detail__title{font-size: 48px;}

/*SERVICE SECTION CONTENT*/
.service-card{position: relative;}
.service-card__number{position: absolute; right: 20px; top: 20px;}

/*GREEN CHECKED LIST*/
.checked-list{padding-left: 0;}
.checked-list li {position: relative; list-style: none; padding-left: 25px; margin-bottom: 16px; padding-right: 25px; font-size: 15px; }
.checked-list li:before {position: absolute; content: "\F633"; display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: 400 !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 0px; top:4px; color: #03c988; font-size: 16px; }


.faq-container{max-width: 992px; margin: 0 auto;}
.faq-block{margin-bottom: 12px; overflow: hidden; background-color: white; border-radius: 48px;}
.faq-block:last-child{margin-bottom: 0;}
.faq-block .faq-header{cursor: pointer; position: relative; padding: 32px;}
.faq-block .faq-header h4{margin-bottom: 0; font-weight: 700; color:var(--color-primary-dark); font-size: 20px;}

.faq-block .faq-header:before, 
.faq-block .faq-header:after{content: '';background-color: var(--color-primary); width: 12px;height: 2px; position: absolute; top: 46px; transition: all .4s ease-in-out;} 
.faq-block .faq-header:before {right: 21px; transform: rotate(-40deg);} 
.faq-block .faq-header:after {right: 30px; transform: rotate(40deg);} 


.faq-block .faq-content{display: none; padding-top: 0; padding-bottom: 12px; padding-left: 32px; padding-right: 32px;}
.faq-block .faq-content p{color: white; opacity:0.8; font-size: 15px; line-height: 150%;}
 
.faq-block.isOpen {background: var(--color-primary); border-color:var(--color-primary-light)!important; border-radius: 24px;} 
.faq-block.isOpen .faq-header{color: white; padding-bottom: 16px;} 
.faq-block.isOpen .faq-header:before, 
.faq-block.isOpen .faq-header:after{background-color: white;} 
.faq-block.isOpen .faq-header:before {transform: rotate(40deg);} 
.faq-block.isOpen .faq-header:after {transform: rotate(-40deg);}
.faq-block.isOpen .faq-header h4{color: white;}


/*###########################################################################################################*/
/*####################################____________ARTICLES PAGE____________##################################*/
/*###########################################################################################################*/
.article-block{ background-color: white; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(226, 226, 226, 1); border-radius: 40px;}
.article-block:hover{box-shadow: var(--bs-box-shadow); border-color: transparent; transform: translate(0, -2px)}
.article-block__link{position: relative; height: 100%;}
.article-block__thumbnail-img{height: 100%; object-fit: cover; object-position: center;}
.article-block__content{padding: 32px;}
.article-block__author{margin-bottom: 8px;}
.article-block__title{font-size: 22px; font-weight: 700; color: var(--color-primary-dark); margin-bottom: 16px; line-height:1.5;}
.article-block__description{font-size: 14px; opacity:0.8; padding-bottom: 12px;}
.article-block__btn{width: 185px; height: 44px; font-size: 12px; letter-spacing: 4%; text-transform: uppercase;}

/* PAGINATION */
.pagination-block{text-align: center; display: flex; justify-content: center; align-items: center; gap: 12px; padding-top: 32px;}
.pagination-block__item{height: 48px; width: 48px; font-size: 14px; border-radius: 50%; background-color: white; box-shadow: 0 1px 4px 0px rgb(0 0 0 / 25%); display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--color-blue);}
.pagination-block__item:hover,.pagination-block__item:focus,.pagination-block__item.active{background-color: var(--color-accent); color: white;}


/*###########################################################################################################*/
/*#################################____________ARTICLE DETTAIL PAGE___________###############################*/
/*###########################################################################################################*/
.article-content{}
.article_main_caption{padding: 32px;}
.article_mn_title h1{ font-size:32px; font-weight: 700;}
.article_secs h2, .article_secs h3, .article_secs h4, .article_secs h5, .article_secs h6{color: var(--color-body);}
.article_secs h1, .article_secs h2, .article_secs h3, .article_secs h4, .article_secs h5, .article_secs h6{font-weight: 600; color: var(--color-primary-dark);}
.article_secs p, .article_secs ul li, .article_secs ol li{font-size: 15px; line-height: 150%; opacity: 0.95;}
.article_secs img{ width:100%; margin-bottom:10px}

.article_main_thumb { position: relative; display: block; overflow: hidden;margin-bottom: 15px;}

.article_main_thumb .article-date {top: 8px;left: 8px;background: var(--color-primary-dark);display: flex;align-items: center;border-radius: 16px;}
.article_main_thumb .article-day {background:var(--color-accent); padding:9px 18px 12px;font-size: 30px;line-height: 1.2;color: #fff;font-weight: 700;border-radius: 12px;}
.article_main_thumb .article-year {text-align: center;font-size: 14px;line-height: 1.2142;color: #fff;padding: 0px 16px 0px;text-transform: uppercase;}
.article_main_thumb .article-year span {display: block;color: inherit;}

/*PAGE SIDEBAR*/
.sidebar-block{padding:3px; border-radius: 20px; margin-bottom: 24px;}
.sidebar-block .sidebar-block__title{font-size: 16px; font-weight: 500; margin-bottom: 0; padding: 12px;}
.sidebar-block .sidebar-block__content{border-radius: 12px 12px 17px 17px; padding: 8px;}
.sidebar-block .sidebar-block__row{padding: 12px; text-decoration :none; border-radius: 16px;}
.sidebar-block .sidebar-block__row figure{border-radius: 12px;}
.sidebar-block .sidebar-block__photo{height: 72px; width: 72px; border-radius: 12px; object-fit: cover; object-position: center;}
.sidebar-block .sidebar-block__row-title{font-size: 16px; font-weight: 600; color:var(--color-primary-dark); margin-bottom: 0;}
.sidebar-block .sidebar-block__expert{font-size: 12px; opacity: 0.8;}
.sidebar-block .sidebar-block__row:hover .sidebar-block__row-title{color: var(--color-primary);}

.sidebar-block.sidebar-block--category .sidebar-block__photo{height: 88px; width: 88px;}
.sidebar-block.sidebar-block--category .sidebar-block__content{display:flex; flex-direction:column; gap: 8px; padding: 12px;}
.sidebar-block.sidebar-block--category .sidebar-block__row{background-color: var(--color-light-1);}

.blog-detail .sidebar-block .sidebar-block__photo{width: 88px;}

.blog-category{padding-top: 20px;}
.blog-category li{list-style-position: inside;margin-left: 8px; margin-bottom: 20px;}
.blog-category li::marker{color: var(--color-accent);}
.blog-category li a{font-weight: 500; text-decoration: none; color: var(--color-skyblue);}
.blog-category li a:hover{color: var(--color-primary-dark); border-bottom: 1px dashed var(--color-bluegrey);}



.types-block-in{background-color: #fff; transition: all 0.2s; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);}



/*Process SECTION_______________________________________________________________________________________*/
.Process-section { padding-top: 120px;padding-bottom: 120px;}
.Process-section .bgImg {background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-position: center;width: 50%;position: absolute;left: 0;top: 0; bottom: 0;display: block;}
.feature-title {margin-right: 70px;background-color: rgb(244 111 32 / 90%);backdrop-filter: blur(2px);padding:75px;color: #fff;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.feature-title h2 {font-size: 36px;line-height: 1.1;margin-bottom: 10px; }
.feature-title p { font-size: 22px;}
.feature-wrap { margin-left: 70px;}
.feature-block {margin-bottom: 42px;}
.feature-block:last-child { margin-bottom: 0;}
.feature-block .feature-block__number span {color: #333; background-color: #fff;border: 1px solid var(--color-accent);position: relative;height: 58px;width: 58px; font-size: 36px;line-height: 1; font-weight: 900; border-radius: 50px;display: flex;justify-content: center; align-items: center;}
.feature-block .feature-block__number span:after {height: 48px; width: 48px; border: 1px solid var(--color-accent); border-radius: 50px;content: "";position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;}
.feature-block__content .feature-heading {font-size: 20px;  font-weight: 600;margin-bottom: 3px;}
.feature-block__content .feature-desc {font-size: 15px;color: #454545;line-height: 1.5;}


/*ABOUT US PAGE_______________________________________________________________________________________*/
.about-us-pg-img .img-two {margin-top: 40px;}

.alternate-content{position: relative;min-height:520px;} 
.alternate-content .image-bg{background-repeat: no-repeat; background-position: center right; background-size: cover; width: 50%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; display: block; } 
.alternate-content:nth-child(even) .image-bg{left: auto; right: 0; background-position: left center; } 
.alternate-content .alternate-content-block{padding-left: 60px;padding-top:130px; padding-bottom: 80px;padding-right: 10px; }
.alternate-content:nth-child(even) .alternate-content-block{padding-right: 100px; padding-left: 0; } 
.alternate-content p{font-size: 15px; line-height: 1.9; color:#444 } 
 
.ceo-sec{ padding:50px 0}
.ceo-text-sec {border-radius:10px; padding:30px}
.ceo-desk{ padding:15px}
.posi_block{  padding:10px 50px;margin-top: -45px;position: relative; }
.img-ceo{ float:left; padding-right:25px; padding-bottom:25px} 

.awards-logo figure{max-height: 200px; height: 180px; display: flex!important; align-items: center; justify-content: center; align-content: center; padding: 30px!important;}
.awards-logo img{width: 100%; height: auto; max-height: -webkit-fill-available; max-width:150px; object-fit: contain; }
.awards-logo .card-footer {font-weight: 500;font-size:12px;line-height: 1.5;color:#555;text-align: center;padding-top: 10px;}

/*CONTACT US PAGE_______________________________________________________________________________________*/
 
.google-map iframe{width: 100%; height:450px; display: block;}




@media only screen and (max-width: 1200px) {
    header.header .header-enq {
        width: 100%;
    }
    header.header .header-enq .header__info {
    justify-content: space-between;
    width: 100%;
}
}

@media only screen and (max-width: 992px) {

header.header .header-enq {
    display: none;
}

.header-logo-menu {
    display: flex;
    justify-content: space-between;
}
.header-logo-menu .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.header-logo-menu .navbar-toggler {
    background-color: #f56f21;
    width: 60px;
    height: 60px;
    margin-top: 8px;
    border-radius: 5px;
}
header.header .header__navbar .header__nav-link {
    height: auto;
    border-bottom: solid 1px #ccc;
    padding: 15px 0px;
}
header.header .header__navbar .navbar-collapse {
    padding: 20px 0px !important;
}
.hero-content {
    max-width: 100%;
}
.homepage-hero {
    height: 440px;
}
.about-content__media{
        margin-top: 0;
}
.section-heading__title.section-heading__title--lg {
    font-size: 42px;
}
.section-heading .section-heading__subtitle {
    font-size: 16px;
}
.about-header__content {
    font-size: 18px;
}
.service-block__media {
    margin-top: 25px;
}
.section-heading .section-heading__title {
    font-size: 34px;
}
.section-heading .section-heading__tagline {
    font-size: 14px;
}
.service-block__category-heading {
    font-size: 20px;
}
.industry-slider__heading {
    font-size: 52px;
}
.testimonial-intro {
    max-width: 100%;
    margin-bottom: 30px;
}
.testimonial-intro img {
    width: 40px;
}
.service-block.isOpen .service-block__category-heading {
    font-size: 26px;
}

.about-content {
    padding-top: 64px;
    padding-bottom: 0px;
}
.alternate-content .image-bg {
    background-position: center;
    position: static;
    height: 500px;
    width: 100%;
}
.alternate-content .alternate-content-block {
    padding: 80px 0px;
}
.header .dropdown .dropdown-menu {
    position: static;
    border: 0;
}
.header .dropdown .dropdown-menu .mega-content {
    padding: 0px !important;
}
.service-detail__image {
    margin-top: 30px;
}
.Process-section .bgImg {
    display: none;
}
.feature-title {
    margin-right: 0;
    height: auto;
    margin-bottom: 40px;
}
.feature-wrap {
    margin-left: 0px;
}
.Process-section {
    padding-top: 0px;
    padding-bottom: 60px;
}
    .top-banner__image {
        max-width: 100%;
        z-index: -1;
        opacity: 0.2;
    }
    .top-banner {
    z-index: 99;
}
.top-banner__image img {
    border-radius: 0;
}
.top-banner__image::before {
    display: none;
}
}

@media only screen and (max-width: 767px) {

.service-block__service-subcategory {
    max-width: none;
}
    .industry-slider__heading {
        font-size: 32px;
    }
    .industry-slider__content {
    padding-top: 22px;
}
    .section-heading .section-heading__title {
        font-size: 26px;
    }
    .faq-block .faq-header h4 {
    font-size: 17px;
}
.heading-40 {
    font-size: 30px;
}
.whychooseus-block__image img {
    width: 100%;
}
.heading-36 {
    font-size: 28px;
}
.hero-content__btn-group .btn {
    min-width: auto;
    padding: 15px 30px;
}
.about-header {
    padding-bottom: 60px;
    padding-top: 60px;
}
.top-banner .service-detail__title {
    font-size: 30px;
}
.lead.service-detail__subtitle {
    font-size: 16px;
}
.top-banner {
    height: auto;
}
.feature-title h2 {
    font-size: 30px;
}
.feature-title {
    padding: 40px;
}
.footer-top {
    padding-top: 40px;
    padding-bottom: 40px;
}
.homepage-hero {
    background-position: center;
    position: relative;
    z-index: 9;
}
.homepage-hero:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 35%);
    top: 0;
    z-index: -1;
}
.industry-slider__nav{
    display: none;
}
.about-content__client {
    padding-bottom: 40px;
}

}