@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
body {font-family: 'Poppins', sans-serif;font-size: 16px;color: rgba(21, 21, 21, 0.8);-webkit-font-smoothing: antialiased;font-weight: 400;line-height: 1.3;text-align: left;}
.topInfoStrip{background-color:#1497CE;padding:15px 20px;}
.topInfoStrip .InfoContainer {display:flex;align-items:center;padding-left:20px;padding-right:20px}
.topInfoStrip .InfoContainer .Icon{color:#ffffff;font-size:20px;padding-right:10px;}
.topInfoStrip .InfoContainer .Info{color:#ffffff;font-size:16px;font-weight:400}

.text-color-primary{color:#1497CE}
.SectionSubTitle{font-size:24px;padding:30px;color:#1497CE;font-weight:500;text-align:center}

.form-control {border-radius: 25px;font-size: 18px;border-color: #ffffff;}
.btnSubmit,.btnSubmit:hover {background-color: #000000;padding: 12px 24px;border-radius: 20px;font-size: 18px;text-align: center;display: flex;align-items: center;justify-content: center;font-weight: 300;color: #ffffff;margin:auto}
.btnSubmit .Icon{height:26px;width:26px;margin-left:15px;}

.btnsocial,.btnsocial:hover {
    border-radius: 50%;
    font-size: 32px;
    height: 60px;
    width: 60px;
    margin: 10px 10px 10px 0;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9999;
}
.whatsapp {
    background-color: #075e54;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    transition: all 0.5s;
    z-index: 9998;
    transition: all 0.5s;
    top: 80px;
}
#header .header-container {background: #fff;}
#header.header-scrolled {background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);top: 0;}
#header .logo {overflow: hidden;padding: 10px 20px;background: #ffffff;}
#header .logo h1 {font-size: 26px;padding: 0;line-height: 1;font-weight: 700;font-family: "Poppins", sans-serif;}
#header .logo h1 a, #header .logo h1 a:hover {color: #fff;text-decoration: none;}
#header .logo img {padding: 0;margin: 0;max-height: 60px;}
.logoImg{height:auto;width:140px;}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none;}
.nav-menu > ul > li {position: relative;white-space: nowrap;float: left;}
.nav-menu a {display: block;position: relative;color: #595a5a;padding: 10px 26px;transition: 0.3s;font-size: 16px;font-weight: 600;text-transform: uppercase;font-family: "Poppins", sans-serif;}
 .nav-menu .active > a{color: #1497CE;text-decoration: none;border-bottom:3px solid #1497CE}
.nav-menu .nav-menu li:hover > a, .nav-menu a:hover {color: #1497CE;text-decoration:none}
.nav-menu .get-started a {background: #1497CE;color: #fff;border-radius: 50px;margin: 0 15px;padding: 10px 25px;}
.nav-menu .get-started a:hover {background: #1685b3;color: #fff;}
.nav-menu .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;}
.nav-menu .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.nav-menu .drop-down li {min-width: 180px;position: relative;}

.nav-menu .drop-down ul a {padding: 10px 20px;font-weight: 500;text-transform: none;color: black;}
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {color: #009970;}
.nav-menu .drop-down > a:after {content: "\f078";font-family: "Font Awesome 5 Free";font-weight:900;padding-left: 5px;}
.nav-menu .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.nav-menu .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.nav-menu .drop-down .drop-down > a {padding-right: 35px;}
.nav-menu .drop-down .drop-down > a:after {content: "\eaa0";font-family: IcoFont;position: absolute;right: 15px;}

.scrollFixed #header {transition: all 0.1s;z-index: 9998;top: 50px;background-color: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
.scrollFixed .topInfoStrip {transition: all 0.5s;z-index: 9998;top: 0;left:0;right:0; position:fixed}


@media (max-width: 1366px) {
    .nav-menu .drop-down .drop-down ul {left: -90%;}
    .nav-menu .drop-down .drop-down:hover > ul {left: -100%;}
    .nav-menu .drop-down .drop-down > a:after {content: "\ea9d";}
}

/* Mobile Navigation */
.mobile-nav-toggle {position: fixed;right: 40px;top: 70px;z-index: 9999;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {color: #1497ce;}
.mobile-nav {position: fixed;top: 138px;right: 15px;bottom: 15px;left: 15px;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;border-radius: 10px;padding: 10px 0;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #36343a;padding: 10px 20px !important;font-weight: 500;outline: none;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #1497ce;text-decoration: none;}
.mobile-nav .get-started {text-align: left;}
.mobile-nav .get-started a {background: #1497CE;color: #fff;border-radius: 50px;margin: 0 15px;padding: 10px 25px;display: inline-block;}
.mobile-nav .get-started a:hover {background: #00c28e;color: #fff;}
.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\eaa1";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(29, 28, 31, 0.6);overflow: hidden;display: none;transition: ease-in-out 0.2s;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}
.mobile-nav-active .mobile-nav-toggle i {color: #1497ce;}
.mobile-nav-overly{display:none}
.mobile-nav-active .mobile-nav-overly{display:block}
.CloseMenu{display:none !important}
.mobile-nav-active .OpenMenu{display:none}
.mobile-nav-active .CloseMenu{display:block !important}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 90vh;
    background: url("../images/banner/banner.jpg") center center;
    background-size: cover;
    position: relative;
}
#hero .container {padding-top: 0px;}
#hero:before {content: "";background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}
#hero h1 {margin: 0 0 10px 0;font-size: 54px;font-weight: 700;line-height: 70px;color: #ffffff;text-shadow:1px 4px 3px rgba(0,0,0,0.4), 1px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1)}
#hero .DescriptionTextContainer {padding-top:60px;}
#hero .DescriptionText {color: #ffffff;text-align:center;padding-bottom: 30px;padding-top:30px;border-top:4px solid #ffffff;font-size: 20px;font-weight: 500;font-family: 'Poppins', sans-serif;letter-spacing: 0.5px;}
#hero .btn-get-started .innerBorder{font-family: "Poppins", sans-serif;text-transform: capitalize;font-weight: 700;font-size: 18px;letter-spacing: 1px;display: inline-block;padding: 10px 28px;border-radius: 50px;border: 2px solid #1497CE;color: #000000;display:flex;align-items:center}
#hero .btn-get-started .innerBorder .arrow{color: #1497CE;margin-left:10px;}
#hero .btn-get-started  {background-color: #ffffff;padding: 5px;border-radius: 50px;display: inline-block;cursor: pointer;transition: all ease-in-out 300ms;}
#hero .btn-get-started:hover {box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);text-decoration:none}
#hero .HighlitedText{color:#1497CE;text-transform:uppercase}
#hero .CallToActoionContainer{padding-top:30px;}
.IndicatorContainer {position:relative;top:-36px;z-index:1}
.ScrollDownIndicator{height: 65px;width: 65px;border: 1px solid #1497CE;padding: 6px;background-color: transparent;border-radius: 50%;z-index: 1;display: block;margin:auto;cursor:pointer}
 .ScrollDownIndicator .innerCircle{height: 50px;width: 50px;display: inline-block;padding: 16px;text-align: center;border-radius: 50%;background-color: #1497CE;}
 .ScrollDownIndicator .innerCircle .icon{height:18px;width:18px;}
@media (min-width:1024px) and (max-width:1440px){
    #hero h1 {font-size: 40px;line-height: 52px;}
    #hero .container {padding-top: 30px;}
    #hero .DescriptionTextContainer {padding-top: 30px;}
    #hero .DescriptionText{padding-top:20px;padding-bottom:20px}
}
@media (min-width: 1024px) {
  #hero {background-attachment: fixed;}
}
@media (max-width: 768px) {
  #hero {height: 100vh;}
  #hero .container {padding-top: 60px;}
  #hero h1 {font-size: 32px;line-height: 36px;}
}
/*-------------- Button Styling strat------------*/
.btnPrimaryRounded {background: #1497CE;font-size:22px; color: #ffffff !important;font-weight:400;border-radius: 50px;margin: 0 15px;padding: 12px 30px;cursor:pointer}
.btnPrimaryRounded:hover {background: #1685b3;}
.btnOutlineRounded {background-color:transparent;border:5px solid #ffffff;font-size:30px; color: #ffffff !important;font-weight:400;border-radius: 50px;margin: 0 15px;padding: 15px 50px;cursor:pointer}
.btnOutlineRounded:hover {background-color:#ffffff;border:5px solid #ffffff; color: #1497CE !important;}

/*-------------- Sectoion Styling strat------------*/
.SectionContainer{background-color:#f6f6f6;padding:30px 0;position:relative}
.SectionContainer.RelativeUpContainer{top:-66px;}
.SectionContainer .titlebackground{padding:10px 0;text-align:center;position:relative;margin-bottom:60px;}
.SectionContainer .titlebackground .TitleText {color: #1497CE;font-size: 150px;font-weight: 600;opacity: .1;position: absolute;left: 0;right: 0;top: -20px;}
.SectionContainer .titlebackground .SectionTitle {color: #000000;font-size: 50px;font-weight: 600;padding: 34px 0 5px 0;}
.SectionContainer .titlebackground .ContactSectionTitle {color: #000000;font-size: 38px;font-weight: 600;padding: 0 0 15px 0;text-align: left;}
.SectionContainer .titlebackground .BottomLine{margin:auto;width:116px;background-color:#1497CE;height:5px;}
.SectionContainer .titlebackground .BottomLineLeft{width:116px;background-color:#000000;height:5px;}
.sectionInnerHeading{font-size:65px;color:#1497CE;font-weight:500;padding-bottom:25px;}

/*---------------who are we start start------------*/

.coverimage{height:700px;width:972px;object-fit:cover}
.aboutCard{background-color:#ffffff;box-shadow: 0px 3px 6px #00000029;padding:30px 80px;width:100%}
.borderedContentBox {border-left: 6px solid #1497CE;padding: 0 33px;font-size: 22px;font-weight: 300;line-height: 40px;color: #000000;position:relative;left:-34px}
@media(min-width:986px){
    .coverimageContainer,.aboutCardContainer{padding:0}
    .aboutCardwrapper{display:flex;align-items:center;height:100%}
}

/*--------------What We Provide Section Styling Start-----------*/
.WhatWeProvideSection .innerBackground {
    background-image: url("../images/whatweprovide.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 100%; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.innerBackgroundContentCard{background-color:rgba(255,255,255,0.9);box-shadow: 0px 3px 6px #00000029;padding:30px 80px;width:100%}
.FactoryImage{height:100%;width:100%;padding:25px 0}
.highlightedText{font-weight:500}
.highlightedTextBig{font-weight:600}
@media(min-width:986px) {
    .WhatWeProvideSection{padding:98px 70px}
    .WhatWeProvideSection .innerBackground {padding:92px 110px}
}

.BrandIconContainer{padding:50px}
/*-------------Call to action Banner Section Start ---------------*/
.CallToActionBannerContainer {
    background-image: url("../images/calltoactionBanner.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 100%; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    padding: 80px 250px;
}
.CallToActionText{font-size:40px;color:#ffffff;font-weight:400;text-align:center;line-height:1.5}


/*-------------Call to action Banner Section Start ---------------*/
.CounterContainerSection {
    background-image: url("../images/counterSection.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 100%; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.CounterContainerSection:before {
    content: "";
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
.countInfoWrapper{padding:50px;max-width: 86%;}
.countInfo {text-align: left}
.countInfo .count{font-size:74px;font-weight:600;color:#FFE600}
.countInfo .info {font-size: 52px;font-weight: 500;padding: 20px 0;color: #ffffff;}

/*------------Testimonial Section styling Start ------------*/
.testimonialSectionWrapper{padding:30px 200px;}
.TestimonialCard{background-color:#ffffff;border:1px solid #2DAEE4;box-shadow: 0px 2px 10px #00000029;margin:30px 20px}
.TestimonialCard .content{padding:40px 30px}
.TestimonialCard .PersonalInfo{padding:20px 30px;border-top:1px solid #cccccc;display:flex;align-items:center}
.TestimonialCard .PersonalInfo .ProfileImg{height:80px;width:80px;margin-right:15px;object-fit:cover}
.TestimonialCard .PersonalInfo .Title{font-size:26px;font-weight:600;color:#000000;margin-bottom:10px;}
.TestimonialCard .PersonalInfo .Info{font-size:20px;font-weight:500;color:#2DAEE4;}
.TestimonialText{font-size:15px;color:#000000;line-height:1.6}



/*-------footer styling start------*/
.footer {
    background: #001C2B;
    color: white;
}
.footer .links ul {list-style-type: none;}
.footer .links li {padding:20px 0}
.footer .links li a {color: white;transition: color 0.2s;font-weight: 300;}
.footer .links li a:hover {text-decoration: none;color: #2daee4;}
.footer .about-company i {font-size: 25px;}
.footer .about-company a {color: white;transition: color 0.2s;}
.footer .location i {font-size: 18px;}
.footer .copyright{border-top: 1px solid rgb(255, 255, 255);}
.footer .copyright p {padding: 24px 0;margin-bottom:0}
.footer .logoImg{height:100px;width:auto;margin: 20px 0 40px 0;}
.footer .CompanyDesc{font-weight: 300;font-size: 16px;line-height: 1.6;color:#ffffff;}
.footer .ColumnTitle{font-size: 24px;padding: 15px 0;border-bottom: 1px solid #ffffff;}
.footer .contactInfoText{padding:20px 0;font-size:14px;color:#ffffff;font-weight:300}
.footer .SocialIconLink{padding:0 20px 0 0;display:none}
.footer .SocialIcon{height:40px;width:40px;}
.footer .bottomFooter{padding:15px;text-align:center;background-color:#1497CE;color:#ffffff;margin-top:50px;}
/*-------footer styling end------*/



/*---------------Page Common Banner Styling Start----------------*/
/*--------------------------------------------------------------
# Common Hero Section
--------------------------------------------------------------*/
#Commonhero {width: 100%;height: 56vh;background: url("../images/commonbanner.jpg") top center;background-size: contain;position: relative;}
 #Commonhero .container {padding-top: 80px;}
 #Commonhero:before {content: "";background: rgba(0, 0, 0, 0.2);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}
 #Commonhero h1 {margin:0 0 40px 0;font-size: 80px;font-weight: 700;line-height: 56px;color: #fff;}
 #Commonhero h2 {color: #eee;margin-bottom: 40px;font-size: 16px;font-weight: 500;letter-spacing: 0.5px;text-transform: uppercase;line-height:1.6}
 #Commonhero .btn-get-started {font-family: "Poppins", sans-serif;text-transform: uppercase;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 8px 28px;border-radius: 50px;transition: 0.5s;margin: 10px;border: 2px solid #fff;color: #fff;}
 #Commonhero .btn-get-started:hover {background: #009970;border: 2px solid #009970;}

@media (min-width: 1024px) {
  #Commonhero {background-attachment: fixed;}
}

@media (max-width: 768px) {
   #Commonhero {height: 40vh;}
   #Commonhero .container {padding-top: 60px;}
   #Commonhero h1 {font-size: 32px;line-height: 36px;}
   .brands_slider_container {height: 130px;padding-left: 0;padding-right: 0;}
   .BarndIcon {height: 50px;width: 100px !important;}
    #Commonhero .container {padding-top: 60px;padding-left: 30px;padding-right: 30px;}
    #Commonhero h1{margin: 0 0 28px 0}
    #Commonhero h2{font-size:14px;}
}


/*--------------About page styling Start------------*/
.AboutInfoSection {padding: 98px 90px;}
.AboutInfoSection .InfoText{color:#ffffff;font-size:24px;line-height:1.6;font-weight:300;padding-right: 48px;padding-bottom: 50px;}
.bgColorPrimary{background-color:#1497CE !important}
.AboutContentCard{height:940px;margin-bottom:190px;padding: 90px;}
.AboutContentCardWrapper{position:relative;top:166px;}
.AboutInfoImage {position: absolute;top: -280px;right: 60px;height: 896px;width: 600px;box-shadow: 8px 3px 6px #00000029;}
.OtherCompanyInfoSection .aboutCard{background-color: #ffffff;margin-top: 132px;box-shadow:none}
.OtherCompanyInfo{background-color:#ffffff;padding:60px 90px;}
.OtherCompanyInfo .InfoText{font-size: 22px;font-weight: 300;line-height: 40px;color: #000000;}
.ShowTitle{font-size:248px !important;}
.ShowTitle.right{top:-188px !important;}
.ShowTitle.left{top:-32px;}
.CallToActionBannerContainer.ShowBanner{height:635px;}
.ObjectiveSection{padding:120px 0 180px 0}
.ObjectiveCard {background-color: #ffffff;box-shadow: 0px 3px 6px #00000029;padding: 70px;margin: 94px;position: absolute;top: -210px;}
.ObjectiveCard.missionCard {background-color: #ffffff;box-shadow: 0px 3px 6px #00000029;padding: 70px;margin: 94px;position: absolute;top: -274px;}
.ObjectiveCard .header{display:flex;justify-content:space-between;margin-bottom:40px;}
.ObjectiveCard .header .Icon{height:50px;width:50px;}
.titlebackground .Icon{height: 80px;width: 80px;position: absolute;right: 70px;top: -70px;}
.ObjectiveCard .header .Title{font-size:50px;font-weight:600;color:#1497CE;text-transform:uppercase}
.ObjectiveCard .contentText{font-size: 22px;font-weight: 300;line-height: 40px;}
.TeamCard{border:3px solid #2DAEE4;box-shadow: 3px 2px 6px #00000029;text-align:center}
.TeamCard .TeamImage{height:276px;width:auto;object-fit:cover;object-position:top}
.TeamCard .DetailStrip{background-color:#2DAEE4;padding:10px;text-align:center;}
.TeamCard .DetailStrip .Des{text-align:center;font-size:18px;font-weight:300;color:#ffffff;text-transform:uppercase}
.TeamCard .DetailStrip .Title{text-align:center;font-size:18px;font-weight:300;color:#ffffff;}
.BottomInfo{margin-top:40px}


/*-------------------Services Page Styling Start------------------------*/
.ServiceCardwrapper{padding:0 180px;}
.ServiceCardContainer{padding:20px;}
.ServiceCard{padding:30px 40px;display:flex;align-items:center;border:2px solid #DCDCDC;background-color:#ffffff;width:390px;height:100%}
.ServiceCard:hover{border-color:#1497CE;background-color:#1497CE}
.ServiceCard .Icon{height:56px;width:56px;margin-right:30px;}
.ServiceCard .Title{font-size:15px;font-weight:500;color:#000000;line-height:1.3}
.ServiceCard:hover .Title{color:#ffffff;}
.ServiceCard .Icon.active{display:none}
.ServiceCard .Icon.normal{display:block}
.ServiceCard:hover .Icon.active{display:block}
.ServiceCard:hover .Icon.normal{display:none}
.ServiceDescFlexWrapper{padding:30px 80px 30px 268px}
.ServiceDescFlex{display:flex;align-items:flex-start;margin:30px}
.ServiceDescFlex .Icon{height:50px;width:50px;margin-right:30px;margin-top:5px;}
.ServiceDesc{font-size:20px;font-weight:400;color:#000000;line-height:1.6}

/*------------Product PAge styling Start------------*/
.ProductCardContainer{margin-bottom:30px;}
.ProductCard{background-color:#ffffff;text-align:center;transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.ProductCard:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.ProductCard:hover .ProductTitle{background-color:#2DAEE4;color:#ffffff;}
.ProductCard .ProductImg{height:100%;width:100%;object-fit:cover;display:block}
.ProductCard .ProductTitle{background-color:rgba(20, 151, 206,0.08);padding:15px 10px;text-align:center;color:#2DAEE4}

/*--------------Contact Card Styling Start---------------*/
.FormCard{background-color:#1497CE;padding:60px}
.ContactInfoCard{background-color:#ffffff;padding:60px 30px}
.ContactInfoContainer{display:flex;align-items:center;margin-bottom:40px;}
.ContactInfoContainer .Icon{height:30px;width:30px;margin-right:15px;}
.ContactInfoContainer .ContactText{font-size:16px;color:#000000;font-weight:500;line-height:1.3}
.ContactInfoContainer.address{display:flex;align-items:flex-start;}
.MapSection{margin-top:90px;}
/*-----------Responsive styling-----------*/
@media (min-width:1500px) and (max-width:1600px) {
    .SectionContainer .titlebackground .TitleText {font-size: 130px;}
    .SectionContainer .titlebackground .SectionTitle {font-size: 44px;padding: 26px 0 5px 0;}
    .sectionInnerHeading {font-size: 55px;}
    .borderedContentBox{font-size:20px;}
    .TestimonialCard .PersonalInfo .Title{font-size:20px;}
    .TestimonialCard .PersonalInfo .ProfileImg {height: 60px;width: 60px;margin-right: 15px;object-fit: cover;}
    /*--------About us Styling start-------------*/
    .BottomInfo {margin-top: 0;}
    .OtherCompanyInfoSection .coverimage {height: 728px;}
    .ShowTitle {font-size: 198px !important;}
    .ShowTitle.right {top: -155px !important;}
    /*------------Services Styling start---------------*/
    .ServiceCardwrapper {padding: 0 132px;}
    .ServiceDesc {font-size: 18px;}
    .ServiceDescFlex .Icon{height:40px;width:40px;}
    .ServiceDescFlexWrapper {padding: 30px 80px 30px 184px;}
}
@media(min-width:1300px) and (max-width:1390px){
    #Commonhero {height: 60vh}
}
@media (min-width:1400px) and (max-width:1500px){
    #Commonhero{height:44vh}
    .SectionContainer .titlebackground .TitleText {font-size: 130px;}
    .SectionContainer .titlebackground .SectionTitle {font-size: 44px;padding: 26px 0 5px 0;}
    .sectionInnerHeading {font-size: 46px;}
    .borderedContentBox{font-size:20px;}
    .TestimonialCard .PersonalInfo .Title{font-size:16px;}
    .TestimonialCard .PersonalInfo .ProfileImg {height: 60px;width: 60px;margin-right: 15px;object-fit: cover;}
    .testimonialSectionWrapper {padding: 30px 150px;}
    .BrandIconContainer {padding: 10px 24px;}
    .countInfo .info {font-size: 40px;}
    .countInfo .count {font-size: 58px;}
    /*--------About us Styling start-------------*/
    .AboutInfoImage {position: absolute;top: -220px;right: 60px;height: 758px;width: 470px;}
    .AboutContentCard {height: 728px;margin-bottom: 158px;padding: 46px;}
    .AboutInfoSection .InfoText {font-size: 20px;padding-right: 24px;padding-bottom: 20px;}
     .OtherCompanyInfoSection .coverimage {height: 776px;}
    .OtherCompanyInfoSection .aboutCard {margin-top: 72px;}
    .OtherCompanyInfo .InfoText {font-size: 20px;}
    .ShowTitle.right {top: -138px !important;}
    .ShowTitle {font-size: 185px !important;}
    .titlebackground .Icon {height: 70px;width: 70px;position: absolute;right: 55px;top: -55px;}
    .ObjectiveCard{top:-136px !important}
    .ObjectiveCard {background-color: #ffffff;box-shadow: 0px 3px 6px #00000029;padding: 40px;margin: 55px;position: absolute;top: -210px;}
    .ObjectiveCard .header{margin-bottom:20px;}
    .ObjectiveCard .header .Title{font-size:42px;}
    .ObjectiveCard .header .Icon {height: 42px;width: 42px;}
    .ObjectiveCard .contentText{font-size:20px;}
    .ObjectiveCard.missionCard{padding:40px;top:-280px !important}
     /*------------Services Styling start---------------*/
    .ServiceCardwrapper {padding: 0 40px;}
    .ServiceDesc {font-size: 18px;}
    .ServiceDescFlex .Icon{height:40px;width:40px;}
    .ServiceDescFlexWrapper {padding: 30px 80px 30px 100px;}
 }

@media (min-width:1200px) and (max-width:1399px){
    .SectionContainer .titlebackground .TitleText {font-size: 130px;}
    .SectionContainer .titlebackground .SectionTitle {font-size: 44px;padding: 26px 0 5px 0;}
    .sectionInnerHeading {font-size: 46px;}
    .borderedContentBox{font-size:20px;}
    .TestimonialCard .PersonalInfo .Title{font-size:16px;}
    .TestimonialCard .PersonalInfo .ProfileImg {height: 60px;width: 60px;margin-right: 15px;object-fit: cover;}
    .testimonialSectionWrapper {padding: 30px 110px;}
    .BrandIconContainer {padding: 10px;}
    .BrandIconContainer img{height:80px 120px}
    .countInfo .info {font-size: 40px;}
    .countInfo .count {font-size: 58px;}
    .WhatWeProvideSection .innerBackground {padding: 60px 60px;}
    .CallToActionText {font-size: 26px;}
    .TestimonialCard .PersonalInfo .Info {font-size: 16px;}
    .btnOutlineRounded {background-color: transparent;border: 3px solid #ffffff;font-size: 20px;color: #ffffff !important;font-weight: 400;border-radius: 50px;margin: 0 15px;padding: 8px 34px;cursor: pointer;}
    /*---------Common Styling start----------*/
    #Commonhero h1{font-size:60px;}
     /*--------About us Styling start-------------*/
    .AboutInfoImage {position: absolute;top: -220px;right: 60px;height: 666px;width: 448px;}
    .AboutContentCard {height: 650px;margin-bottom: 158px;padding: 46px;}
    .AboutInfoSection .InfoText {font-size: 18px;padding-right: 24px;padding-bottom: 20px;}
     .OtherCompanyInfoSection .coverimage {height: 776px;}
    .OtherCompanyInfoSection .aboutCard {margin-top: 72px;}
    .OtherCompanyInfo .InfoText {font-size: 18px;}
    .ShowTitle.right {top: -138px !important;}
    .ShowTitle {font-size: 170px !important;}
    .titlebackground .Icon {height: 70px;width: 70px;position: absolute;right: 55px;top: -55px;}
    .ObjectiveCard{top:-136px !important}
    .ObjectiveCard {background-color: #ffffff;box-shadow: 0px 3px 6px #00000029;padding: 40px;margin: 55px;position: absolute;top: -210px;}
    .ObjectiveCard .header{margin-bottom:20px;}
    .ObjectiveCard .header .Title{font-size:42px;}
    .ObjectiveCard .header .Icon {height: 42px;width: 42px;}
    .ObjectiveCard .contentText{font-size:18px;}
    .ObjectiveCard.missionCard{padding:40px;top:-280px !important}
     /*------------Services Styling start---------------*/
    .ServiceCardwrapper {padding: 0 14px;}
    .ServiceCard{padding:20px 25px}
    .ServiceDesc {font-size: 18px;}
    .ServiceDescFlex .Icon{height:40px;width:40px;}
    .ServiceDescFlexWrapper {padding: 30px 80px 30px 100px;}
}
@media(min-width:1200px) and (max-width:1280px){
     #Commonhero {height: 44vh;}
     /*--------About us Styling start-------------*/
    .sectionInnerHeading {font-size: 42px;}
    .AboutInfoImage {position: absolute;top: -220px;right: 60px;height: 582px;width: 398px;}
    .AboutContentCard {height: 530px;margin-bottom: 158px;padding: 46px;}
    .AboutInfoSection .InfoText {font-size: 16px;padding-right: 24px;padding-bottom: 20px;}
     .OtherCompanyInfoSection .coverimage {height: 714px;}
    .OtherCompanyInfoSection .aboutCard {margin-top: 72px;}
    .OtherCompanyInfo .InfoText {font-size: 16px;}
    .OtherCompanyInfoSection .aboutCard .borderedContentBox {font-size: 16px;line-height: 36px;}
    .ShowTitle.right {top: -120px !important;}
    .ShowTitle {font-size: 154px !important;}
    .titlebackground .Icon {height: 70px;width: 70px;position: absolute;right: 55px;top: -55px;}
    .ObjectiveCard{top:-136px !important}
    .ObjectiveCard {background-color: #ffffff;box-shadow: 0px 3px 6px #00000029;padding: 40px;margin: 55px;position: absolute;top: -210px;}
    .ObjectiveCard .header{margin-bottom:20px;}
    .ObjectiveCard .header .Title{font-size:42px;}
    .ObjectiveCard .header .Icon {height: 42px;width: 42px;}
    .ObjectiveCard .contentText{font-size:16px;}
    .ObjectiveCard.missionCard{padding:40px;top:-280px !important}
    .BottomInfo {margin-top: -18px;}
    .AboutInfoSection {padding: 50px 90px;}
    .OtherCompanyInfo{padding:32px 90px}
}
@media (max-width: 992px) {
 #header {box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);top: 48px;background: #ffffff;}
 #header.header-scrolled, #header .header-container {background: #ffffff;}
 #header .logo h1 {font-size: 24px;}
 #hero {height: 500px !important;}
 .SectionContainer .titlebackground{margin-bottom:30px}
 .SectionContainer .titlebackground .TitleText{font-size:60px;top:-10px}
 .SectionContainer .titlebackground .SectionTitle {color: #000000;font-size: 30px;font-weight: 600;padding: 0px 0 8px 0;}
 .coverimage {height: 536px;width: 100%;object-fit: cover;}
 .sectionInnerHeading {font-size: 40px;}
 .innerBackgroundContentCard {padding: 30px 45px;}
 .CallToActionBannerContainer{padding:80px 20px}
 .CallToActionText{font-size:24px;}
 .btnOutlineRounded {background-color: transparent;border: 5px solid #ffffff;font-size: 24px;color: #ffffff !important;font-weight: 400;border-radius: 50px;margin: 0 15px;padding: 8px 38px;cursor: pointer;}
 .testimonialSectionWrapper {padding: 30px ;}
    .TestimonialCard{margin:0;}
    .countInfo .count {font-size: 40px;}
    .countInfo .info {font-size: 30px;}
    .countInfoWrapper {padding: 30px;max-width: 100%;}
    .BrandIconContainer {padding: 10px;}
    .BrandIconContainer img{height:80px;width:auto}
    .TestimonialCard .PersonalInfo .Title {font-size: 20px;}
    .TestimonialCard .PersonalInfo .ProfileImg {height: 50px;width: 50px;}
    #Commonhero {height: 26vh;}
    #Commonhero .container{padding-top:0}
    #Commonhero h1 {margin: 28px 0 0 0;}
    /*-------------about styling start---------*/
    .ShowTitle {display:none !important}
    .AboutContentCardWrapper {position: relative;top: 0;}
    .AboutInfoSection {padding: 20px !important;}
   .AboutInfoSection .InfoText {font-size: 16px;padding-right: 0;padding-bottom: 0px;}
    .BottomInfo {margin-top: 0;}
    .AboutContentCard {height: 440px;margin-bottom:30px}
    .coverimage {height: 238px;}
    .OtherCompanyInfoSection .aboutCard{margin-top:0;    padding: 30px 50px;}
    .OtherCompanyInfoSection .aboutCard .borderedContentBox {border-left: 6px solid #1497CE;padding: 0 33px;font-size: 16px;font-weight: 300;line-height: 30px;left: 0;}
    .OtherCompanyInfo .InfoText {font-size: 16px;font-weight: 300;line-height: 30px;}
    .OtherCompanyInfo {background-color: #ffffff;padding: 42px 70px;}
    .ObjectiveSection{padding:10px 0}
    .ObjectiveCard,.ObjectiveCard.missionCard{position:unset;margin:15px 0;padding:30px;}
    .CallToActionBannerContainer.ShowBanner{display:none}
    .ObjectiveCard .header .Title{font-size:34px;}
    .ObjectiveCard .header .Icon {height: 34px;width: 34px;}
    .ObjectiveCard .header{margin-bottom:20px}
    .ObjectiveCard .contentText {font-size: 16px;font-weight: 300;line-height: 30px;}
    /*-------------Services Start ---------------*/
    .ServiceCardwrapper {padding: 0;}
    .ServiceCard{width:328px;}
    .ServiceCard{padding:30px 22px;}
    .ServiceDescFlexWrapper {padding: 10px 0;}
}
@media(max-width:767px){
    .topInfoStrip, .scrollFixed .topInfoStrip{display:none!important}
    #header,.scrollFixed #header{top:0}
    .mobile-nav-toggle {right: 28px;top: 26px;}
    #hero h1 {font-size: 24px;line-height: 36px;}
    .mobile-nav{top:92px}
    #hero .DescriptionTextContainer {padding-top: 45px;}
    .SectionContainer .titlebackground .TitleText {font-size: 46px;line-height:42px;}
    .SectionContainer .titlebackground .TitleText {top: -5px;}
    .SectionContainer .titlebackground .SectionTitle {font-size: 26px;padding: 0px 0 4px 0;}
    .SectionContainer .titlebackground {margin-bottom: 30px;}
    .coverimage {height: 240px;}
    .aboutCard {padding: 30px 16px;}
    .sectionInnerHeading {font-size: 28px;}
    .borderedContentBox {border-left: 3px solid #1497CE;padding: 0 10px;font-size: 16px;font-weight: 300;line-height: 30px;color: #000000;position: relative;left: 0;}
    .btnPrimaryRounded {background: #1497CE;font-size: 18px;color: #ffffff !important;font-weight: 400;border-radius: 50px;margin: 0 15px;padding: 8px 30px;cursor: pointer;}
    .innerBackgroundContentCard {padding: 30px 0px;}
    .WhatWeProvideSection{padding-bottom:0}
    .CallToActionBannerWrapper {padding: 0}
    .CallToActionBannerContainer {padding: 40px 20px;}
    .CallToActionText {font-size: 16px;}
    .btnOutlineRounded {background-color: transparent;border: 3px solid #ffffff;font-size: 18px;color: #ffffff !important;font-weight: 400;border-radius: 50px;margin: 0 15px;padding: 8px 38px;cursor: pointer;}

    #Commonhero {height: 40vh;background-size:cover}
    #Commonhero h1 {margin: 28px 0 0 0;}
    /*-------------about styling start---------*/
    .ShowTitle {display:none !important}
    .AboutContentCardWrapper {position: relative;top: 0;}
    .AboutInfoSection {padding: 20px !important;}
   .AboutInfoSection .InfoText {font-size: 16px;padding-right: 0;padding-bottom: 0px;}
    .BottomInfo {margin-top: 0;}
    .AboutContentCard {height: 738px;margin-bottom:30px}
    .coverimage {height: 238px;}
    .OtherCompanyInfoSection .aboutCard{margin-top:0;    padding: 30px 20px;}
    .OtherCompanyInfoSection .aboutCard .borderedContentBox {border-left: 6px solid #1497CE;padding: 0 33px;font-size: 16px;font-weight: 300;line-height: 30px;left: 0;}
    .OtherCompanyInfo .InfoText {font-size: 16px;font-weight: 300;line-height: 30px;}
    .OtherCompanyInfo {background-color: #ffffff;padding: 0 20px 20px 20px;}
    .ObjectiveSection{padding:10px 0}
    .ObjectiveSection .titlebackground{margin-bottom:0 !important}
    .ObjectiveCard,.ObjectiveCard.missionCard{position:unset;margin:0 0 30px 0;padding:30px;}
    .CallToActionBannerContainer.ShowBanner{display:none}
    .ObjectiveCard .header .Title{font-size:34px;}
    .ObjectiveCard .header .Icon {height: 34px;width: 34px;}
    .ObjectiveCard .header{margin-bottom:20px}
    .ObjectiveCard .contentText {font-size: 16px;font-weight: 300;line-height: 30px;}

    /*------------Services Styling Start--------------*/
    .SectionSubTitle {font-size: 20px;}
    .ServiceDescFlex{margin: 0 0 30px 0;}
    .ServiceDescFlex .Icon {height: 20px;width: 20px;margin-right: 10px;margin-top: 5px;}
    .ServiceDesc {font-size: 14px;}

    /*--------------Contact Card Styling Start---------------*/
    .FormCard{padding:20px 20px 30px 20px;}
    .SectionContainer .titlebackground .ContactSectionTitle{font-size:30px;}
    .ContactInfoCard {padding: 30px;}
    .MapSection {margin-top: 0;}
}