:root {
  --clrblack:#252525;
  --clrblue:#2B445D;
  --clrpink:#FA6767;
  --clrpink-hover:#FB8484;
  --clrgray:#F4F4F4;
  --btnWhite:#FA6767;
}
body{padding-top: 84px;}
.border_topleftRight{border-radius:20px 20px 0 0;}
.border_bottomleftRight{border-radius:0px 0px 20px 20px;}
.border_topbottomRight{border-radius:0px 20px 20px 0px;}
.border-r-20{border-radius:20px;}
.font-18{font-size: clamp(16px, 2vw, 18px); line-height: 1.8;}
.font-16{font-size: clamp(16px, 2vw, 16px); line-height: 1.6;}
.font-22{font-size: clamp(18px, 2vw, 22px); line-height: 1.6;}
.pinkColor{color: var(--clrpink);}
img{max-width: 100%;}
.whtieText{color: #fff !important;}
.blueText{color: var(--clrblue)}
a, a:hover{text-decoration: none;}
body{ margin: 0; font-family: "Lato", sans-serif; font-size: clamp(16px, 2vw, 18px); color: var(--clrblack);}
.search-icon i {position: absolute;top: 50%;font-size: 25px;right: 20px;transform: translate(-50%, -50%);}
.mobilemenu li{list-style: none;}
.mobilemenu a img {width: 185px;}
.mobilemenu a.btnNavToggle img {width: 32px;margin: 0 10px 0px 0;}
.btnNavToggle i{font-size: 25px;}
.navigations {margin: 0;}

nav ul li { list-style-type:none;}
nav ul li a {margin-right: 30px;font-size: 16px;display: block;color: var(--clrblue);font-weight: 600;line-height: normal;list-style-type: none;text-decoration: none;}
nav ul li.ddYes a span i {font-size: 12px; margin-left: 5px; transition: transform 0.5s ease;}
nav ul li:hover.ddYes a span i{transform: rotateY(-90deg);}
nav ul li:last-child a {margin-right: 0;}
nav ul li:hover > a{color: var(--clrpink);text-decoration: none;}
nav ul li .navCatList > li > a:hover, nav ul li .navCatList > li:hover a{color: var(--clrblack);}
nav ul{padding-left: 0;}
ul.mainNav {padding: 0; margin: 0;}
.order-btn {text-align: center;font-size: 14px; text-decoration: none; margin-left: 40px; font-weight: 600; color: #fff; background: var(--clrpink);border-radius: 20px;padding: 9px 40px; width: 212px; display: inline-block; margin-top: 16px; transition: all 0.3s linear;}
.order-btn:hover{color: #fff; background: #FB8484}

header {padding: 8px 0; background:#fff; position: fixed; top: 0;  left: 0;  width: 100%;  transition: transform 0.3s ease;  z-index: 999;}
header.show {padding: 5px 0; background:#fff; }
header.hide { transform: translateY(-100%);}
.mainvideobox{position: relative; overflow: hidden; background: #f9f9f9; height: 100dvh;}
.mainvideobox .videoHover{position: absolute; width: 100%; height: 100%; left:0; top:0; background: rgba(43, 68, 93, .5);}

@media(min-width:1366px){
    .container{max-width:1300px;}
    .container-fluid{padding-left: 2%; padding-right: 2%;}

}
@media(min-width:1600px){.container{max-width:1520px;}}


@media(min-width:992px){
    ul.mainNav{width: 100%;}
    nav ul li a{padding-top: 10px; padding-bottom: 15px;}
    nav ul li{position: relative;}
.logo img {width: 80%;margin:0 auto 6px;display: table;}
#navication {position: relative; width: 100%;}
.navication ul > li .megamenuWapper {  position: absolute;  z-index: 999; left: 0;  right: 0;  top: 100%;  background:rgba(255, 255, 255, 0.5); padding: 20px 0 10px; transition: all 0.8s linear; display: none; min-width: 160px;}
.navication ul > li:hover .megamenuWapper { display: block;} 
.navCatList > li { width: 100%;}
.navCatList > li > a{position: relative; padding: 5px 15px;}

.navCatChildList li a{ text-transform: capitalize;}
.navication ul > li .navCatChildList li a { color:#000;}
.navigations{padding:0;display:flex;align-items:center}
nav ul li.active a { color: var(--clrpink);  text-decoration: underline;}
.hover-border {position: relative;display: inline-block;text-decoration: none;}
.hover-border:hover {text-decoration: underline;}
.rotate-arrow {display: inline-flex;align-items: center;gap: 5px;text-decoration: none;color: #333;font-size: 18px;transition: color 0.3s ease;}
.arrow {display: inline-block;transition: transform 0.3s ease;}
.rotate-arrow:hover .arrow {transform: rotate(180deg);}
.mainNav li.ddYes a span{transition: color 0.3s ease;}
.mainNav li.ddYes a span i {transition: transform 0.3s ease;}
.mainNav li:hover.ddYes a span{transform: rotate(90deg);}
.menuNewList li a { font-size: 16px; color: #000;}
nav ul li a.dropDownnav{position: relative;}
nav ul li a.dropDownnav:before{position: absolute; content: '\f106'; font-size: 14px; right:-16px; top:48%; color: var(--clrpink); font-family:'FontAwesome'; transform: translateY(-50%); opacity: 0; transition: color 0.3s ease;}
nav ul li:hover a.dropDownnav:before{opacity: 1;}
.homeIndustries .col-lg-8{flex: 0 0 auto;  width: 61%;}
.homeIndustries .col-lg-4{flex: 0 0 auto;  width: 39%;}
}


@media(max-width:992px){ 
nav ul li a span.d-lg-none{float: right; }   
nav ul li a span.d-lg-none .iconfont {font-size: 14px;}   
.mainBanner .itemContent{right:5%;}
.mainBanner .itemContent .title{font-size: 32px;}
.mainBanner .itemContent > a{font-size: 16px; padding: 12px 30px;}
nav {margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0, 0, 0, .4);overflow: hidden;visibility:hidden;opacity: 0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index: -1;}
nav .navication {padding:0;margin:0;top:-10px;width:316px;height:100vh;background-color:#fff;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;overflow-y: auto;overflow-x: hidden;}
nav .navHeader {padding: 12px 0 20px;}
nav .navHeader .btnNavToggle {width: 20%;z-index: 99;height: 48px;display:inline-block;color:#060404;text-align:center;border: none;position: absolute;right: 0px;top: 10px;}
nav .navHeader .navLogo img {max-height: 12px;}
nav .navHeader .btnNavToggle .iconfont {font-size: 30px;}
nav.showMainNav {visibility:visible;opacity: 1;z-index: 99999;}
nav.showMainNav .navication {left:0; top: 0;visibility: visible;  opacity: 1;}
nav .container-fluid{padding:0;}
nav .navication ul {flex-wrap:wrap;}
nav ul li{width:100%;}     
.mainNav li img { width: 20px; margin-right: 10px;}
.searchnav{padding:10px 15px;}
.scrollNone{overflow:hidden;}
nav ul li.searchdropdown {order:1;}
.navHeader .searchdropdown{width:100%;text-align:center;display:inline-block;padding-top:4px;}
.navHeader .dropdown-menu{left:10%!important;right:inherit!important;transform: inherit !important; top:28px !important;}
.navHeader .dropdown-menu a{padding: 6px 10px !important; font-size: 12px !important;}
.navHeader .searchdropdown a{color: #000; font-size: 14px;}
.navHeader .searchdropdown .fa-angle-down{font-size:20px;display:inline-block;vertical-align: top;}
.subscribeBlock ul{margin-top: 15px;}    
.navigations {background-color: #1512133b;border-color: #1512133b;}
nav .navication ul {padding-top: 0;}
.midHeader {padding: 14px 0 22px;}
nav ul li .megamenuWapper{display: none;}
.navCatChildList { margin: 0;  padding: 0; display: block !important;  list-style: none;  position: fixed;  background: #fff;   height: calc(100vh - 60px);   overflow-y: auto;   z-index: 999;  width: 300px;  top: 60px;  left: -100%;  transition: all 0.4s ease-in-out;}  
.navCatChildList > li:first-child { border-top: none;  background: #000; color: #fff;}
.navCatChildList > li:first-child a{color: #fff; padding-left: 32px;}
.navCatChildList > li a.closeDropdown { position: absolute;  left: 10px;  top: 0px;  font-size: 24px;  padding: 0;}
.navCatChildList > li a.closeDropdown .iconfont, nav ul li a.d-lg-none .iconfont {font-size: 14px;}
.navCatChildList.showSubcategery{left:0;}
nav ul.navCatList  li{border-top:1px solid #ddd;border-bottom: none; padding-left: 25px;}
.navHeader a.btnNavToggle img{width:16px;}
nav .container {padding:0;margin:0;}
nav .navication ul.navCatList {width:100%; background: #f9f9f9;}
nav .navication ul.navCatList li a{font-size: 14px;}
nav ul li{border-bottom: 1px solid #ddd;}
nav ul li a {padding:12px 15px;font-size:16px;display:block;}
.mobilemenu {margin: 0;display: flex;align-items: center;}
ul.usefulLink {display: none;}
.mobileLogo { margin-left: 0;}
.mobileNavigation { display: flex; align-items: center;}
nav .container-fluid {padding: 0 !important;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
body.scroll-header {padding-top: 100px;}
nav ul li.active a { color: #22455e;}
ul.menuNewList { padding-left: 0;}
ul.menuNewList li a{color: #000;}
nav ul li a{position: relative; margin-right: 0;}
nav ul li a.dropDownnav:before{position: absolute; content: '\f107'; font-size: 14px; right:15px; top:50%;  font-family:'FontAwesome'; transform: translateY(-50%);}
}

@media screen and  (max-width:1500px){ 
    .homeIndustries .font-18{line-height: 1.6;}
    
}
@media screen and  (min-width:1100px) and (max-width:1200px){
nav ul li a {padding-right: 10px;font-size: 13px;}
nav ul li a {margin-right: 10px;}
.rotate-arrow {font-size: 14px;}
header .order-btn{margin-left: 20px;}
.homeIndustries .btnDetails{width: auto;}


}
@media screen and  (min-width:992px) and (max-width:1100px){
nav ul li a {padding-right: 30px;font-size: 13px;}
nav ul li a {margin-right: 10px;}
nav ul li a {padding: 5px 5px 0px !important;font-size: 12px;}
header .order-btn{margin-left: 10px;}
.homeIndustries .btnDetails{width: auto;}

}



.mainBannerVideo {margin-bottom: 80px;}
.mainBannerVideo .mainvideobox .videoMain video{position: relative;  object-fit: cover; height: 100dvh; }


.homeBtn {text-align: center;font-size: 14px;text-decoration: none;font-weight: 600; color: #fff;background:var(--clrpink);border-radius: 20px; padding: 0 60px; height: 42px; line-height: 41px; display: inline-block;}
.homeBtn:hover {background: var(--clrpink-hover); color: #fff;}
.homeTitle{font-size: clamp(24px, 3.5vw, 35px);font-weight: 600;margin-bottom: 15px;}
.homeTitle span { color:#FA6767 ;}
.topContentSection p { font-size: clamp(16px, 2vw, 18px); }
.prioritiesSlider { margin-bottom: clamp(60px, 5vw, 100px); margin-top: 30px;}
.prioritiesSlider .sliderbox .sliderText { padding:25px; background: var(--clrgray);}
.prioritiesSlider .sliderImg, .homePayment_innovation .imgBlock, .homeContact .contantimg, .homeIndustries .imgBlock {position: relative; overflow: hidden;}
.prioritiesSlider .sliderImg:before, .homePayment_innovation .imgBlock:before, .homeContact .contantimg:before, .homeIndustries .imgBlock:before {content: "";position: absolute; inset: 0; border-radius:20px 20px 0 0;  background: rgba(43, 68, 93, 0.4); left:0; top:0; bottom: 0; right:0;  z-index: 1;}
.homeIndustries .imgBlock:before{border-radius:20px;}
.homeIndustries{background: var(--clrgray); }
.cardOneHome, .homeIndustries, .homeContact{ padding-top: clamp(50px, 5vw, 100px);  padding-bottom: clamp(50px, 5vw, 100px);}
.homePayment_innovation, .homeContact{background: var(--clrblue);}
.prioritiesSlider .sliderbox .sliderText h3{font-size: clamp(17px, 2vw, 22px); font-weight: 600;}
.prioritiesSlider .sliderbox .sliderText p { font-size: clamp(16px, 2vw, 16px); height: 80px;}
.btnDetails{font-size: 14px; font-weight: 600; color: var(--clrblue); transition: all 0.3s linear; width: 142px; height: 35px; line-height: 34px; padding:0 8px; border-radius:20px; display: inline-block;}
.btnDetails:hover{font-size: 14px; font-weight: 600; color: var(--clrpink); background: #fff; }
.btnDetails i{font-size: 12px; vertical-align: top;}
.homeIndustries .btnDetails{width: 200px; height: 42px; line-height: 41px;}
.homePayment_innovation .btnDetails{background: #fff; text-align: center;}
.homePayment_innovation .btnDetails:hover{background: none; }
.homeIndustries .btnDetails:hover, .cardOneHome .btnDetails:hover{font-size: 15px;}
.homeLogoSlider {overflow: hidden; width: 100%;  position: relative;}
.homeLogoSlider .slide-track { display: flex; gap: 30px;}
.homeLogoSlider .slide { flex: 0 0 calc((100% - 220px) / 4);  box-sizing: border-box;  display: flex; align-items: center;  justify-content: center;}
.homeLogoSlider .slide img { max-width: 220px;  width: 100%;  height: auto;  transition: transform 0.3s ease;}
.homeLogoSlider .slide:hover img { opacity:0.7; transform: scale(.95);}
.homeLogoSlider .slide:hover .sliderBlock{position: relative;}
.homeLogoSlider .slide:hover .sliderBlock:before  { position: absolute; background: #1e2f41; content: '';  width: 100%; height: 100%; left:0; top:0; }
.cardOneHome h3{font-weight: 600;}
.cardOneHome .testimonialBlock img{width: 100px !important; margin: 0 auto;}
.cardOneHome .owl-carousel .owl-stage { display: flex;}
.cardOneHome .owl-carousel .owl-item { display: flex;}
.cardOneHome .item { display: flex;  width: 100%; padding: 0 3px;}
.cardOneHome .testimonialBlock { background: var(--clrblue);  padding: 25px 12% 35px;  display: flex;  flex-direction: column;  height: 100%;}
.cardOneHome .owl-nav button{position: absolute; border-radius:0; bottom:20px; width: 30px; height: 30px; background: #fff !important;}
.cardOneHome .owl-nav button span{display: none;}
.cardOneHome .owl-nav .owl-prev:before{position: absolute; left: 55%;top: 57%; transform: translate(-50%, -50%); content: ''; width: 24px; height: 24px; background: url(../images/leftIcon.png)left top no-repeat; background-size: 18px; transition: background-position 0.3s ease;}
.cardOneHome .owl-nav .owl-next:before{position: absolute;  left: 63%;top: 57%; transform: translate(-50%, -50%); content: ''; width: 24px; height: 24px; background: url(../images/rightIcon.png)left top no-repeat; background-size: 18px; transition: background-position 0.3s ease;}

.cardOneHome .owl-nav .owl-prev:hover:before{left:52%}
.cardOneHome .owl-nav .owl-next:hover:before{left:65%}
.cardOneHome .owl-nav .owl-prev{right:70px;}
.cardOneHome .owl-nav .owl-next{right:20px;}
.cardOneHome li:first-child{margin-top: 0px;}
.cardOneHome li{margin-top: 20px;}
.cardOneHome .testimonialBlock p{line-height: 1.5;}
.homeContact .contactFormhome{background: #fff; border-radius: 20px 0 0px 20px; padding: 40px;}
.homeContact .contantimg img, .homeContact .contantimg:before{border-radius: 0px 20px 20px 0px}
.homeContact .contactFormhome .form-control{border-radius:0;border:none; border-bottom: 1px solid var(--clrblack);font-size: 14px; }
.homeContact .contactFormhome .form-control:focus{outline: none; box-shadow:none; }
.homeContact .contactFormhome textarea.form-control{resize:none;}
.homeContact .contactFormhome label{font-size: 14px; width: 100%; margin-bottom: 10px;}
.iti--separate-dial-code .iti__selected-flag{background: none !important;}
.iti__selected-flag, .iti__country{font-size: 14px;}
.homeContact .iti {width: 100%;}
.btn-primary{background: none; border:1px solid var(--clrblack); color: var(--clrblack); width: 292px; height: 42px; line-height: 42px; padding: 0; font-size: 14px;}
.btn-primary:hover, .btn-primary:focus{background: none; border:1px solid var(--clrblack); background:var(--clrblack) ; color: #fff;outline: none; box-shadow:none;  }



/************ Footer Section Start *************/
footer {background-color: #f4f5f7;padding: 30px 0; overflow: hidden;} 
footer.footerSection h4.footerTitle {font-size: 45px; font-weight: 600; text-align: left; line-height: 50px; margin-bottom: 20px;color: #22455E;}
footer.footerSection h4.footerTitle span{color: #FA6767;}
.br-bttom {border-bottom: 1px solid #000;}
footer.footerSection .introtext p { margin-bottom: 0; font-size: 14px;color: #3B3A3A; margin-bottom: 0;}
footer.footerSection .introtext p a {font-size: 14px; color: var(--clrblack); text-decoration: none;}
footer.footerSection .usefulLink h5 { font-size: 14px; color: var(--clrblack); font-weight: 500;}
footer.footerSection .usefulLink ul { padding-left: 0;}
footer.footerSection .usefulLink ul li{ list-style: none; line-height: normal;}
footer.footerSection .usefulLink ul li a{ padding-left: 0;font-size: 14px; color: #3B3A3A; text-decoration: none;}
footer.footerSection .socailLink h4{text-align: right; font-weight: 600; color:var(--clrpink); margin-bottom: 15px;}
footer.footerSection .socailLink ul { display: flex; padding-left:0 ; justify-content: flex-end;}
footer.footerSection .socailLink ul li{ list-style: none; margin-left: 10px;}
footer.footerSection .socailLink ul li img {width: 25px;}
footer.footerSection p.copyText {font-size: 14px; text-align: center; margin-bottom: 0; color: #6E6E6E;} 
.br-bttom img{ margin-bottom: 20px;}
@media screen and (max-width:1600px){
    .prioritiesSlider .sliderbox .sliderText h3{height: 48px;}
}

@media screen and (max-width:980px){
.homeContact .contactFormhome, .homeContact .contantimg:before,.homeContact .contantimg img{border-radius:20px;}
.mainvideobox, .mainBannerVideo .mainvideobox .videoMain video{height: 100%;}
.mainBannerVideo {margin-bottom: 30px;}
footer .introtext, footer  .usefulLink, footer .mobileTigle{text-align: center; max-width: 400px; margin: 0 auto;}
.mobileTigle{border-bottom: 1px solid var(--clrblack); font-size: 14px; font-weight: 600; padding: 13px 0; position: relative; cursor: pointer;}
.usefulLink {padding:12px 0 0;}
.mobileTigle:after{content: '\f107'; font-size: 18px; right:10px; top:50%; font-family:'FontAwesome'; transform: translateY(-50%); transition: color 0.3s ease; position: absolute;}
.mobileTigle.active:after{content: '\f106';}
footer .usefulLink{display: none;}
.br-bttom{border: none;}
footer .homeTitle{margin-bottom: 0;}
footer.footerSection .socailLink h4{text-align: center; margin-top: 12px;}
footer.footerSection .socailLink ul{justify-content: center;}
.mobileFtplogo   img{max-width: 150px;}
.border_topleftRight{border-radius:5px 5px 0 0;}
.border_bottomleftRight{border-radius:0px 0px 5px 5px;}
.border-r-20{border-radius:10px;}
.btn.border-r-20{border-radius:20px;}
.prioritiesSlider .sliderImg:before, .homePayment_innovation .imgBlock:before, .homeContact .contantimg:before, .homeIndustries .imgBlock:before{border-radius: 10px;}
header{background: rgba(255, 255, 255, 1); padding: 15px 0;}
.container{padding: 0 20px;}
footer.footerSection .usefulLink ul li{line-height: 1.5;}
header.show{background: rgb(255, 255, 255); border-bottom: 1px solid #ddd; padding: 6px 0 10px;}
.border_topbottomRight { border-radius: 20px 20px 0px 0px;}
.homeContact .contantimg {height: 270px !important;}
.homeContact .contantimg img {object-fit: cover;}
.prioritiesSlider .sliderbox .sliderText h3{height: 42px;}
  .homeLogoSlider .slide {   flex: 0 0 calc((100% - 140px) / 3); }
  .cardOneHome .owl-nav .owl-next{right:inherit; left:52%;}
.cardOneHome .owl-nav .owl-prev{right:inherit; left:45%;}
footer.footerSection p.copyText{font-size: 13px;}
.homeIndustries .imgBlock{height: 300px; border-radius:10px;}
.homeIndustries .imgBlock img{object-fit:cover;}
.cardOneHome .testimonialBlock{padding: 25px 10% 80px;}
footer .row .col-lg-4:first-child .mobileTigle ~ .usefulLink {display: block;}

} 


@media (max-width: 767px) {
    .container{max-width: 100%;}
    .homeIndustries .imgBlock{height: auto;}
      .cardOneHome .owl-nav .owl-next{right:inherit; left:53%;}
.cardOneHome .owl-nav .owl-prev{right:inherit; left:40%;}
    .homeContact .contantimg{height: auto !imporant;}
    .homeContact .homeTitle{padding: 0 15px;}
  .homeLogoSlider .slide {   flex: 0 0 calc((100% - 40px) / 1); }
.br-bttom img { width: 250px;}
footer.footerSection .socailLink ul {   justify-content: center;}
footer.footerSection .socailLink h4 { text-align: center;}
.prioritiesSlider .sliderbox .sliderText h3{height: 45px;}
.topContentSection .homeTitle{font-size: 35px;}
.homeBtn{padding-left: 32px; padding-right: 32px;}
.homeIndustries .btnDetails{width: auto;}
.cardOneHome .font-22{font-size: 22px; text-align: center;}
.cardOneHome p{text-align: center;}
.btnDetails{padding: 0 15px;}
.homeContact .contactFormhome{padding: 30px 20px; border-radius:10px;}
.contactFormhome  .border-r-20{border-radius:20px}
.btn-primary{padding: 0 40px; width: auto;}
.cardOneHome .testimonialBlock{padding: 25px 4% 35px;}



}
@media (max-width:575px) {
    .w_100{width: 100% !important; text-align:center;}
    .homeBtn{height: 38px; line-height: 38px;}
} 

.scrollupDiv {opacity: 0; transform: translateY(60px);  transition: all 0.6s ease;}

/* Active Class */
.scrollupDiv.show {opacity: 1; transform: translateY(0);}