@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300..900;1,300..900&display=swap');
:root {
    --color-blue: #006CBA;
    --color-blue-2: #0053BD;
    --color-blue-3: #2265AA;
    --color-sky-blue: #0098FF;
    --color-body: #1A1A1A; 
    --color-blue-dark: #00365D;
    --color-dark-heading : #0B2B4C; 
    --color-dark-1 : #0B2B4C; 
    --color-light-1: #FAFBFD;
    --color-light-2: #D2E6F4;
    --color-light-3: #F5F7FA;
     
}
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}
a { text-decoration: none;color: #000;}
a:hover,a:focus,a:active {color: var(--color-blue);text-decoration: none;outline: 0}


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


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

/*SWIPER PAGINATION________________________________________________________________________________________*/
/*#########################################################################################################*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet{background-color: var(--color-sky-blue); opacity: 0.7;}
.swiper-pagination-bullet-active{background-color: var(--color-sky-blue); 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; background-color: white;  display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{background-color: #333;color: white;}

/*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: transform .3s ease;}
.image-hover-zoom:hover img {transform: scale(1.1);}

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

.img-scale img {transform: scale(1); transition: transform .3s ease;}
.img-scale:hover img {transform: scale(1.1);}

/*BUTTONS__________________________________________________________________________________________________*/
/*#########################################################################################################*/
.btn{border-radius: 0; font-size:12px; font-weight: 500; letter-spacing: 0.5px; border-width: 2px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase;}
.btn-sm{font-size: 10px;}
.btn-lg{font-size: 14px;}
.btn-xl{font-size: 16px; padding-left: 32px; padding-right: 32px; padding-top: 12px; padding-bottom: 12px;}

/*FORM STYLES______________________________________________________________________________________________*/
/*#########################################################################################################*/
.form-control, .form-select, textarea{border-radius: 0;}

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

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

 

/*SECTION TITLE HEADING____________________________________________________________________________________*/
/*#########################################################################################################*/
.heading-wrap{text-align: center; margin-bottom: 32px;}
.heading-wrap .heading-wrap__title{font-size: 42px; line-height: 1; margin-bottom: 12px; font-weight: 700; color: var(--color-dark-heading);}
.heading-wrap .heading-wrap__desc{font-size: 16px; line-height:160%; color: var(--color-body); max-width: 750px;}

/*SECTION TITLE HEADING WHITE______________________________________________________________________________*/
/*#########################################################################################################*/
.bg-dark-blue .heading-wrap .heading-wrap__title{color:#fff;}
.bg-dark-blue .heading-wrap .heading-wrap__desc{color: #fff;}

/*BG-COLOR_________________________________________________________________________________________________*/
/*#########################################################################################################*/
.bg-blue{background-color: var(--color-blue);}
.bg-blue-1{background-color: var(--color-blue-2);}
.bg-dark{background-color: var(--color-body);}
.bg-dark-1{background-color: var(--color-dark-1);}
.bg-skyblue{background-color: var(--color-sky-blue);}
.bg-light-1{background-color: var(--color-light-1)!important;}
.bg-light-2{background-color: var(--color-light-2)!important;}
.bg-light-3{background-color: var(--color-light-3)!important;}

/*BORDER-COLOR_____________________________________________________________________________________________*/
/*#########################################################################################################*/
.border-color-1{border-color: #D2E6F4!important;}
.border-color-2{border-color: #D9D9D9!important;}
.border-color-3{border-color: #24354D!important;}

/*TEXT-COLOR_______________________________________________________________________________________________*/
/*#########################################################################################################*/
.text-blue{color: var(--color-blue);}
.text-skyblue{color: var(--color-sky-blue);}
.text-dark{color: var(--color-dark-heading);} 

/*SECTION BUTTON LG________________________________________________________________________________________*/
/*#########################################################################################################*/
.section-button-wrap{text-align: center;padding-top: 24px;}
.section-button-wrap .section-button-lg{min-width: 280px; height: 64px; box-shadow: var(--bs-box-shadow);}    


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

/* MAIN NAVBAR */
.main-navbar__logo{max-width: 350px; width: 100%}

.main-navbar .navbar-nav{align-items: center;}
.main-navbar .nav-item{margin-left: 20px;}
.main-navbar .nav-item .nav-link:not(.btn){color: var(--color-blue-dark); font-size: 12px; font-weight:600; letter-spacing: 0.5px; text-transform: uppercase; height:75px;align-items: center;display: flex;}
.main-navbar .nav-item .nav-link:not(.btn):hover{color: var(--color-sky-blue);}
.main-navbar .nav-item .btn{font-size: 12px; font-weight: 600; min-width: 130px; height: 40px;}
 

 
/*-----Maga Menu Dropdown---*/
.my-mega .dropdown-menu{ border-radius:0; margin-top: -1px !important;width: 100%; background:#f4f4f4;padding: 0;} 
.my-mega .dropdown-menu:after{position: absolute;top: 0px; left: 0px; width: 20%;height: 100%;  z-index: -1;content: "";background:#eeeded; }
.my-mega .categories-bg{background:#eeeded}
.my-mega .dropdown-toggle::after {vertical-align: 0.1em;border-top: 0.4em solid;border-right: 0.4em solid transparent; border-left: 0.4em solid transparent;}
.my-mega .nav-tabs{ border-bottom:0}
.my-mega .nav-tabs .nav-link {background: transparent;position: relative;width: 100%; text-align: left;border-color: #eeeded; font-size:15px!important }
.my-mega .nav-tabs .nav-link.active { background: #fff;border-radius: 0; border-left: 2px solid #006cba !important; border-top: 1px solid #dcdcdc !important;border-bottom: 1px solid #dcdcdc !important; color: #23074a !important;}
.my-mega .mega-content h5{font-size: 14px;text-transform: uppercase; font-weight: 600;}
.my-mega .mega-content .nav-tabs .nav-link {margin-left: 0!important; padding: 12px;height: auto !important;}
.viw-all-bt{ background-color: #e3e1e6;color: #000;border-radius: 50px;display: inline-block;text-align: center;width: 90px;font-weight: 600;font-size: 12px;padding:3px 5px; text-transform: uppercase; margin-bottom:10px}
.viw-all-bt:hover{ background-color:var(--color-sky-blue);color: #fff; }

.mn-menu-block {height: 340px;overflow-y: scroll;}
.sub-menu-block ul{margin-top: 22px;padding-left: 0;}
.sub-menu-block li {display: inherit;position: relative; padding-left: 25px;margin: 15px 0px;font-size: 15px;font-weight: 500;line-height: 25px;}
.sub-menu-block li:before {position: absolute;content: '\f054';left: 0px;top: 1px;font-family: 'FontAwesome'; color:#818181}
.main-header .dropdown:hover .dropdown-menu { display: block; width: 100%; left: 0;  right: 0; }  


.mn-menu-block .nav-item{margin-right: 0px;}

.my-mega.Brand .dropdown-menu:after{background:#f4f4f4; }
.my-mega.Brand .categories-bg{background:#f4f4f4}

/*#################________image__overlay Menu_________#################*/
.image__overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 110, 185, 0.9);
color: #ffffff;display: flex;flex-direction: column; align-items: center;justify-content: center;opacity: 0;
transition: opacity 0.25s;}
.image__overlay > * {transform: translateY(20px);transition: transform 0.25s;}
.image__overlay:hover {opacity: 1;}
.image__overlay:hover > * {transform: translateY(0);}

.dropdown:hover .dropdown-menu.about-menu {border-radius: 0;width: 230px; background: #f4f4f4; font-size:15px}

.dropdown:hover .dropdown-menu.about-menu a:hover{color: var(--color-blue); background-color:#fff}
.dropdown:hover .dropdown-menu.about-menu.pro {width: 380px;margin-left: -135px;}

/* HERO SECTION============================================================================================= */
.hero-block{position: relative;}
.hero-block__content {position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; bottom: 0; display: flex; align-items: center;}
.hero-block__content .hero-block__wrap {max-width: 580px;min-height: 300px;}
.hero-block .hero-block__heading{font-size:43px; font-weight: 800; line-height: 130%; color: white; margin-bottom: 12px;}
.hero-block .hero-block__description{font-size: 17px; line-height: 150%; color: white; opacity: 0.8; margin-bottom: 40px;}
.hero-block .hero-block__button{min-width: 280px; height: 56px; font-size: 13px; background-color: white; border-color: white; text-transform: uppercase;}
.hero-block .hero-block__button:hover{background-color: var(--color-sky-blue); color: white; border-color: var(--color-sky-blue);}

/* NEWS SECTION============================================================================================= */
.news-section{padding-top: 32px;padding-bottom: 32px;}

.news-slider{position: relative; padding-top: 8px; padding-bottom: 8px;}
.news-slider .swiper-wrapper{position: relative; padding-right: 80px;}
.news-slider .swiper-button-group{position: absolute; z-index: 99; right: 0;top: 0;bottom: 0; display: flex; align-items: center; flex-direction: row; gap: 4px; width: 76px; height: 100%; padding: 8px 0;}
.news-slider .swiper-button-next, .news-slider .swiper-button-prev { position: static; margin: 0;}
.news-item{display: flex; flex-direction: column; gap: 6px;}
.news-item .news-item__time{font-size:15px; color: white; text-transform: uppercase; line-height: 1;}
.news-item .news-item__heading{font-size:20px; color: white; line-height: 1; font-weight: 600;}

/* USP SECTION============================================================================================= */
.usb-section{padding-top: 60px; padding-bottom: 70px; background-image: url(../images/pattern.png); background-repeat: repeat; background-position: 0 0;}

.usp-header{max-width: 700px;margin-bottom: 48px;}
.usp-header .usp-header__heading{font-size: 32px; color:white; font-weight: 600; line-height: 1; margin-bottom: 10px;}
.usp-header .usp-header__subheading{font-size: 18px; opacity: 0.8; color:white; line-height: 1.5;}

.usp-wrap{}
.usp-block{}
.usp-block .usp-block__media{border: 3px solid white; height: 96px;width: 96px; margin-bottom: 0;}
.usp-block .usp-block__image{width: 100%; height: auto;}
.usp-block .usp-block__heading{color: #FFF700; text-transform: uppercase; font-size: 13px; font-weight: 700; line-height: 1; margin-bottom: 8px;}
.usp-block .usp-block__content{color: #fff; font-size: 16px; font-weight: 600; line-height: 1.4;}

/* CATEGORIES SECTION============================================================================================= */
.category-section{padding-top: 60px; padding-bottom: 80px;}

.category-block{border: 1px solid var(--color-light-2); background-color: var(--color-light-1); text-align: center; padding: 12px; display: block; text-decoration: none;}
.category-block__image{}
.category-block__title{font-size: 13px; font-weight: 500; color: var(--color-dark-heading);}
.category-block:hover{border: 1px solid white!important; background-color: white!important; box-shadow: var(--bs-box-shadow); transform: translate(0, -5px);}

/* INDUSTRIES SECTION============================================================================================= */
.industry-section{padding-top: 60px; padding-bottom: 80px; background-image: url(../images/industries-bg.jpg);background-repeat: repeat; background-position: 0 0;}

.industry-title{padding: 24px; border-right: 1px solid var(--color-light-2); background-color: var(--color-light-1);}
.industry-title .nav-item{margin-bottom: 16px;}
.industry-title .nav-link{color: var(--color-dark-heading); font-size: 15px; padding-top: 8px; padding-bottom: 8px; border-radius: 0; background-color: transparent; line-height: 1; webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.industry-title .nav-link:hover{color: var(--color-sky-blue);}
.industry-title .nav-link.active{font-size:19px; font-weight: 700; color: var(--color-blue-dark);background-color: transparent; border-left:5px solid var(--color-blue-2); padding-left: 12px;}
.industry-content{padding:40px; background-color: white;}

/* FEATURE SECTION============================================================================================= */
.feature-section{padding-top: 60px;padding-bottom: 100px;}



/* TIMELINE SECTION================================================================================== */
#timeline {width: 900px;height: 350px;overflow: hidden;margin: 30px auto;position: relative;background: url('../images/timeline/dot.gif') left 45px repeat-x;}
#dates {width: 900px;height: 60px;overflow: hidden;}
#dates li {list-style: none;float: left;width: 100px;height: 50px;font-size: 24px;text-align: center;background: url('../images/timeline/biggerdot.png') center bottom no-repeat;}
#dates a{line-height: 38px;padding-bottom: 10px;font-size: 15px;color: #adadad;}#dates .selected {font-size: 38px;}
#dates .selected, #timeline .year{font-size: 40px; font-weight:600; color:var(--color-blue)}

#issues {width:900px;height: 350px;overflow: hidden;}	
#issues li {width: 900px;height: 350px;list-style: none;float: left;}
#next,#prev {position: absolute;top: 0;font-size: 70px;top: 170px;width: 22px;height: 38px;background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next:hover,#prev:hover {background-position: 0 -76px;}
#next {right: 0;background-image: url('../images/timeline/next.png');}
#prev {left: 0;background-image: url('../images/timeline/prev.png');}
#next.disabled,#prev.disabled {opacity: 0.2;}

#timeline p{ padding-right:100px}

/* WHY CHOOSE US SECTION================================================================================== */
.whychooseus-section{padding-top: 60px;padding-bottom: 50px;}
.whychooseus-block{text-align: center; margin-bottom: 24px;}
.whychooseus-block__icon{width: 72px;height: 72px;}
.whychooseus-block__heading{font-size: 12px; font-weight: 600; letter-spacing: 0.5px; color: var(--color-dark-heading); max-width: 180px; margin: 0 auto;}

/* PARTNERS SECTION============================================================================================= */
.partner-section{padding-top: 60px; position: relative; background-image: url(../images/partners-bg.jpg); background-position: center; background-repeat: no-repeat;background-size: cover;}
.partner-wrap{padding-bottom: 80px;}
.partner-block{background-color: white; min-height: 118px; padding: 16px; display: flex; justify-content: center; align-items: center;}
.partner-block img{max-width: -webkit-fill-available;}

/* CUSTOMER SECTION============================================================================================= */
.customer-block{background-color: #fff; min-height: 120px;}
.customer-section{padding-top: 70px; padding-bottom: 30px; background-color: rgb(34 101 170 / 40%); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.customer-section .swiper-button-prev,
.customer-section .swiper-button-next{margin-top: -38px;}

/* INSIGHTS SECTION============================================================================================= */
.insight-section{padding-top: 60px; padding-bottom: 80px;}

.insight-block{display: block; background-color: black;}
.insight-block .insight-block__content{position: absolute;left: 8px;bottom: 8px;right: 8px; background-color: white;padding: 12px;background-color: rgb(0 25 50 / 60%); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.insight-block .insight-block__time{color:#fff; font-size: 12px;}
.insight-block .insight-block__heading{color:#fff; font-size: 16px; font-weight: 600; line-height: 1.4; margin-bottom: 8px;}
.insight-block .insight-block__readmore{color:#fff;text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; font-weight: 500;}

.insight-block:hover img{opacity: 0.8;}
.insight-block:hover .insight-block__content{background-color: rgb(34 101 170 / 40%);}

/* REQUIREMENT SECTION============================================================================================= */
.requirement-section{padding-top: 40px;}


.requirement-content__heading{font-weight: 700; line-height: 120%; margin-bottom: 16px;}
.requirement-content__subheading{line-height:150%;}
.requirement-content__divider{margin-top: 32px;margin-bottom: 32px;  opacity: 0.2;;}
.requirement-content__description{ opacity: 0.8;}

.requirement-form{padding: 36px 48px 48px; margin-top: 40px;}

.requirement-form .requirement-form__heading{margin-bottom: 16px; line-height: 1;}
.requirement-form .requirement-form__group{margin-bottom: 12px;}
.requirement-form .requirement-form__group .form-control{font-size: 12px; height: 50px; background-color: #ffffff1c; border: 1px solid rgb(255 255 255 / 40%); color: white;}
.requirement-form .requirement-form__group textarea.form-control{min-height: 80px;}
.requirement-form .requirement-form__group .form-control:focus{border-color: white; opacity:1;}
.requirement-form .btn{height: 56px; font-size: 13px; border-width: 1px; box-shadow: var(--bs-box-shadow); background-color: white;}
.requirement-form .btn:hover{border-color: var(--color-sky-blue); background-color: var(--color-sky-blue); color: white;}
.requirement-form .requirement-form__group .form-control::-webkit-input-placeholder {color: white; opacity: 0.7;}
.requirement-form .requirement-form__group .form-control:-moz-placeholder {color: white; opacity: 0.7;}
.requirement-form .requirement-form__group .form-control::-moz-placeholder {color: white; opacity: 0.7;}
.requirement-form .requirement-form__group .form-control:-ms-input-placeholder {color: white; opacity: 0.7;}

/* TESTIMONIALS SECTION============================================================================================= */
.testimonial-section{padding-top: 80px;padding-bottom: 80px;}
.testimonial-section .heading-wrap__title{font-size: 56px;}
.testimonial-block{background-color: white; padding: 48px 72px; position: relative; outline: 4px solid #E2EDF6; margin: 12px; border: 1px solid #D9D9D9; min-height: 320px;}
.testimonial-block .testimonial-block__doublequote{position: absolute; right: 28px;top: 28px;}
.testimonial-block__header{margin-bottom: 12px;}
.testimonial-block__image{width: 75px; height: 75px; border: 3px solid white; box-shadow: var(--bs-box-shadow-sm); border-radius: 50px;}
.testimonial-block__detail{}
.testimonial-block__name{}
.testimonial-block__company{}
.testimonial-block__body{}
.testimonial-block__heading{font-size: 18px; font-weight: 600; margin-bottom: 4px;}
.testimonial-block__content{font-size: 14px;opacity: 0.8;}

/* FOOTER SECTION============================================================================================= */
.site-footer{position: relative;}
.newsletter-block{padding: 24px 32px; top: -20px; position: relative;}
.newsletter-form .form-control{height: 60px; font-size: 14px; padding-left: 24px; padding-right: 24px; background-color: transparent; border-color: white; color: white;}
.newsletter-form .btn{height: 60px; min-width: 160px; background-color: white; border-color: white; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px;}
.newsletter-form .form-control::-webkit-input-placeholder {color: white; opacity: 0.7;}
.newsletter-form .form-control:-moz-placeholder {color: white; opacity: 0.7;}
.newsletter-form .form-control::-moz-placeholder {color: white; opacity: 0.7;}
.newsletter-form .form-control:-ms-input-placeholder {color: white; opacity: 0.7;}

.footer-content{padding-top: 20px;}
.footer-content .footer-content__row {border: 1px solid rgb(255 255 255 / 30%);}
.footer-block.footer-block--middle { border-left: 1px solid rgb(255 255 255 / 30%); border-right: 1px solid rgb(255 255 255 / 30%);}
.footer-block .footer-block__heading{font-size: 15px; font-weight: 600; color: white; margin-bottom: 16px;}
.footer-block .footer-block__links-items{display: flex; flex-direction: column;}
.footer-block .footer-block__link{color: white; text-decoration: none; font-size: 13px; margin-bottom: 12px; opacity: 0.75;}
.footer-block .footer-block__link:hover{opacity: 1; text-decoration: underline;}


.footer-block__social-link{color: var(--color-blue-dark); height: 42px; width: 42px; background-color: white; border-radius: 50px; display: flex; justify-content: center; align-items: center; text-decoration: none;}
.footer-block__social-link:hover{background-color: var(--color-sky-blue); color: white;}


.footer-block--contact p,.footer-block--contact address{color: white; opacity: 0.75; font-size: 13px;}

.footer-block {height: 100%; padding: 24px 40px;}


.footer-block__social hr{margin-top: 32px; margin-bottom: 32px; border-color: #fff; opacity: 0.2;}

.footer-legal{padding: 32px; border-left: 1px solid rgb(255 255 255 / 30%); border-right: 1px solid rgb(255 255 255 / 30%); border-bottom: 1px solid rgb(255 255 255 / 30%);}
.footer-legal a{color: white; text-decoration: none; font-size: 13px; opacity: 0.75;}
.footer-legal a:hover{opacity: 1; text-decoration: underline;}

.footer-bottom,
.footer-bottom span{font-size: 12px; opacity: 0.75; color: #fff; text-decoration: none;}
.footer-bottom a{text-decoration: none;}
.footer-bottom a:hover span{opacity: 1;}


/*----Industries We Serve 2--------*/
.what_we-block{text-align: center;box-shadow: 0 0px 10px 0px rgb(0 0 0 / 10%);display: block;margin-bottom:20px;transition: all linear 300ms;border: 1px solid #fff;}
.what_we-block .card-body{padding: 25px 0;}
.what_we-block .card-title{margin-bottom: 5px;font-size: 14px;font-weight: 500;}
.what_we-block:hover {transform: translate(0, -5px); box-shadow: 0 5px 15px 5px rgb(0 0 0 / 8%);background-color: #f5f9ff;border: 1px solid #cef5ff;}
 

/*Sticky Form=========================================================================================== */
.sideStickyForm {position: fixed;right: -350px;top: 230px;z-index: 801;background: #f3f3f3;padding: 20px;width: 350px;border: 1px solid #ddd;transition: all 400ms ease-in-out;}
.sideStickyForm.isOpen{right: 0;}
.sideStickyForm .formToggler {background: var(--color-blue);padding: 10px 15px;width: 150px;color: #fff;text-align: center;font-weight: 600;position: absolute;top: 85px;left: -100px;transform: rotate(90deg);cursor: pointer; transition: all 400ms ease-in-out;border-top: 0;}
.sideStickyForm.isOpen .formToggler {background: #000;color: #fff;border: 1px solid #636363;border-top: 0;}
.sideStickyForm .form-group .form-control {margin-bottom: 10px;width: 100%;padding: 10px 10px;border: 1px solid rgb(171, 171, 171);border-radius: 0px;font-size: 13px;background-color: #fff;color: #444;-webkit-transition: border-color 100ms;-o-transition: border-color 100ms;transition: border-color 100ms;-webkit-appearance: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sideStickyForm .enqformtitle {color: #222;text-align: center;margin-top: 0;margin-bottom: 15px;font-weight: 600;font-size: 20px}
.sideStickyForm .enqformtitle .closeform {position: absolute;top: -1px;right: -1px;background:var(--color-blue);color: #fff;height: 25px;width: 25px;line-height: 28px;text-decoration: none;font-size:14px}
  
/*PRODUCTS=========================================================================================== */
.product-card{text-align: center;position: relative; border:1px solid; background-color: #fff }
.product-card .product-image { display: block;}
.product-card .product-image img{width: 100%;}
.product-card .product-manufacturer{color: var(--color-blue); font-size: 13px; font-weight: 600; margin-bottom: 3px; text-transform: uppercase;   height: 45px;}
.product-card .product-name{font-size: 14px; font-weight: 400; line-height: 1.5;margin-bottom: 8px;}

/*PRODUCTS DETAILS PAGE ==================================================================================== */

.product_detail .detail-table { margin-bottom:10px; border-bottom: 1px solid #aeaeae; padding-left: 15px; padding-right: 15px;}
.product_detail .detail-table .item-row {border-top: 1px solid #aeaeae;padding-top:10px;padding-bottom:10px;}
.product_detail .detail-table .item-row .heading { font-size: 13px;font-weight: 700;text-transform: uppercase; padding-left:0}
.product_detail .detail-table .item-row .info {font-size: 13px; padding-right: 0;}

/*QUANTITY*/
.ubquanwrap{width: 100%;display: inline-flex; align-items: center;}
.ubquanwrap > span{margin-right: 10px;}
.ubquanwrap .btn{font-size:10px;padding: 12px;border: 1px solid #a5a4a4;cursor: pointer;display: flex;align-items: center; border-radius: 3px;}
.ubquanwrap .btn-minus {border-right: 0;border-radius: 0;}
.ubquanwrap .btn-plus {border-left: 0;border-radius:0;}
.ubquanwrap .ubquanfield{max-width: 50px;text-align: center; border: 1px solid #a5a4a4;}
.ubquanwrap .btn,
.ubquanwrap .ubquanfield{ height: 35px;}


.product-detail-content{padding: 20px;background: rgb(255 255 255 / 56%);}

.product-det-block dl{display: flex;flex-flow: wrap;border-top: 1px solid rgb(147, 147, 154);margin-bottom: 0;margin-top: -1px;}
.product-det-block dl dt,
.product-det-block dl dd{width: 50%; padding: 10px;font-weight: 600; margin-bottom: 0;border-bottom: 1px solid rgb(147, 147, 154);font-size: 13px;}
.product-det-block dl dt{background-color: rgb(245, 245, 245);}
.product-det-block dl dd{background-color: rgb(255, 255, 255);}
.product-detail-content ul{ list-style-type:disc; padding-left:20px}


/*ABOUT US=========================================================================================== */
 .inner-banners{background-repeat: no-repeat;background-position: top right;background-size: cover;background-color:var(--color-blue);display: flex;align-items: center;height: 300px;}
 
 
.ceo-sec { padding: 90px 0}
.ceo-image-sec{ background-size: cover !important; display: block; position: relative; min-height:500px;}
.ceo-text-sec { padding:20px}
.ceo-desk{ padding:10px 25px 20px 25px; margin-bottom: 20px;}
.ceo-desk p{ font-size:17px; font-weight:400} 
.posi_block{ background:var(--color-blue); padding:10px 50px;left: -160px;bottom: -45px;}
 
.fix_box ul { padding-left:0}
.fix_box ul li { margin-bottom: 12px;list-style: none;padding-left: 25px;position: relative;}
.fix_box li::before {content: "\f058";position: absolute;font-family: "FontAwesome"; left: 0;top: 0; color: var(--color-blue)}


/*CONTACT US=========================================================================================== */

.contact-info {background-color:var(--color-blue);padding:52px 35px 22px;border-radius:15px;position:relative;z-index:1}
.contact-info span {display:block;margin-bottom:5px}
.contact-info h2 {color:#fff;font-size:26px; margin-bottom:20px}
.contact-info ul li {display:block;margin-bottom:30px;padding-left:60px;position:relative}
.contact-info ul li .content i {width:45px; height:45px;line-height:45px;background-color:#fff;font-size:20px;color:#0097E3;border-radius:50px;border:1px solid #e2e2e2;margin-bottom:10px;text-align:center; position:absolute;left:0;top:0}
.contact-info ul li .content h3 {font-size:18px;margin-bottom:10px; color:#fff; display:block}
.contact-info ul li .content a {color:#fff;display:block;font-weight:400; font-size:14px}
.contact-info ul li .content span {color:#fff;font-weight:400;display:block;font-size:14px}

.msg{ height:100px !important; resize:none} 
 
.google_map iframe{ -webkit-filter: grayscale(100%); }


/*OUR Presence=========================================================================================== */
.global .rs-contact-wrapper {position: relative;}
.global .rs-ripple-item {position: absolute;width: 25px;}
 
.global .rs-ripple-item.ripple-1 {left: 18%;top: 30%;}
.global .rs-ripple-item.ripple-2 {left: 14%; top: 42%;}
.global .rs-ripple-item.ripple-3 {left: 31%; top: 69%;}
.global .rs-ripple-item.ripple-4 {left: 68.5%;top: 38.5%;}
.global .rs-ripple-item.ripple-5 {right: 20%;top: 39%;}
.global .rs-ripple-item.ripple-6 {right: 18%;top: 36%;}
.global .rs-ripple-item.ripple-7 {right: 23%; top: 47%;}
.global .rs-ripple-item.ripple-8 {right: 19%;top: 41%;}
.global .rs-ripple-item.ripple-9 {right: 11%;top: 32%;}
.global .rs-ripple-item.ripple-10 {right: 10.5%;top: 29.5%;}
.global .rs-ripple-item.ripple-11 {right: 12.1%;top: 31.5%;}
.global .rs-ripple-item.ripple-12 {right: 13.3%;top: 32%;}
.global .rs-ripple-item.ripple-13 {right: 12.5%;top: 33.3%;}
.global .rs-ripple-item.ripple-14 {right: 12%;top: 34%;}
.global .rs-ripple-item.ripple-15 {left: 68%;top: 46%;}
 
.global .pre-circle-ripple {position: relative; cursor: pointer;}
.global .pre-circle-ripple::after {content: "";position: absolute;top: 3px;left: 3px;height: 14px;width: 14px;border-radius: 50%;background: rgba(255, 255, 255, 0.76);z-index: 9;border: 3px solid var(--color-blue);}
.global .rs-ripple-item:hover .rs-ripple-figure {opacity: 1; transform: translate3d(-50%, -35px, 0);visibility: visible;}
.global .rs-ripple-figure {min-width: 250px;text-align: left; position: absolute;bottom: 0;left: 8px;transition: all 0.4s ease;z-index: 999;opacity: 0;  background: #1F1F1F;padding: 30px;border-radius: 2px;transition: all 500ms ease;transform: translate3d(-50%, -70px, 0);visibility: hidden;text-align: center;}
.global .rs-ripple-figure::after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 12px solid #1F1F1F;top: 100%;right: 0;margin: 0 auto}

 
/*TEAM=========================================================================================== */
.sn_teamListblock {text-align: center; margin-bottom: 30px;}
.sn_teamListblock figure {width: 230px;height: 230px;line-height: 230px;text-align: center;background-color: #f9f9f9;margin-bottom: 15px;overflow: hidden;margin: 0 auto;border-radius: 50%;border: 1px solid #f3f3f3;}
.sn_teamListblock .sn_membridentity { min-height: 70px;margin-top: 15px;}
.sn_teamListblock .sn_membridentity p {font-weight: 500;color: #7b7b7b;font-size: 14px}

/*Strength=========================================================================================== */
.Our_strength{  border-bottom: 8px solid var(--color-blue) !important; webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;box-shadow: 0px 0px 18px 5px rgba(154, 161, 171, 0.18);border-radius: 0;}
.Our_strength:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);}

.ChannelPartner-static .partner-block img{width: auto; height:65px;}

 
.other-website  ul{ margin-top:1rem;padding-left: 0;}
.other-website  li { margin-right: 0.2rem; display: inline-block;}
.other-website  li a {background: var(--color-blue);padding:5px 15px;border-radius: 0px;margin-bottom: 10px;display: inline-block;border: 1px solid var(--color-blue); color: #fff;font-size: 13px;}
.other-website  li a:hover{ background-color: #f4f5f7; border-color:#e6eaf1;  color: #333;}



.Partner-slider { margin-bottom:50px}

.events-block{cursor: pointer;}
.events-block:hover .bg-secondary{background: var(--color-blue) !important}
 
.srch-br #category-search{ font-size: 13px;margin-left: 10px;}
.srch-br #search-suggestions{font-size: 13px;width: 100%;left: 10px;border: none;border-radius: 0;}
.srch-br #search-suggestions a{border-bottom: 1px solid #ddd;}
.srch-br #search-suggestions a:last-child{ border-bottom:none}

/*###########################################################################################################*/
/*###########################################################################################################*/
/*#####################################_________MEDIAQUERIES CSS________#####################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
 

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (min-width: 1400px) {
   
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
 .loginreg-image { position: static; width: 100%; height: 280px;}
 .loginreg-wrap{padding-left: 0;padding-top: 0; padding-bottom: 100px; margin-top: -60px;}    
}

@media (max-width: 767.98px) {
 .loginreg-image { height: 260px;}
    .loginreg-wrap { margin-top: -30px;}
    .form-container { padding: 24px 24px 56px;}
	
.main-navbar { padding:10px 0 !important}	
.main-navbar__logo {max-width: 260px}
.main-navbar .nav-item .nav-link:not(.btn) {text-align: center;display: block;height: auto;padding:25px 0;}
.main-navbar .nav-item { margin-left: 0;display: block; width: 100%; text-align:center}	
 
.dropdown:hover .dropdown-menu.about-menu {width: 100%;}	
}

@media (max-width: 576.98px) {
 .logregother-block{padding-left: 24px;padding-right: 24px;}
 .hero-block .hero-block__heading {font-size: 30px;}
 .hero-block .hero-block__description {font-size: 13px;line-height: 130%}
 .news-item {margin-top: 15px;}
 .swiper-button-group.bg-skyblue, .industry-section .btn-blue{ display:none}
 .news-section {padding-bottom: 0;}
 .category-section .d-flex.gap-5, .industry-section .d-flex.gap-5{ display:block !important}
 .heading-wrap .heading-wrap__title {font-size: 35px;}
 .partner-block img{height: 35px}
 .customer-block img {height: 60px}
 .requirement-content__heading{ font-size:24px}
 .requirement-content__subheading {font-size: 15px}
 .requirement-form {padding:20px;margin-top: 10px;}
 .Partner-slider { margin-bottom:20px}
 .dropdown:hover .dropdown-menu.about-menu.pro {width: auto; margin-left:0;}
 
 .product-card .product-manufacturer{ height:auto}
}