/* Google fonts  */





@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;900&display=swap');



/* color Varibale */



:root {

     --blue: #2B4274;

     --white: #ffffff;

     --bs-font-montseet: 'Montserrat', sans-serif;

     --bs-font-red_hat_bold: 'red_hat_displayblack';

     --bs-font-red_hat_medium: 'red_hat_displaymedium';

     --bs-font-red_hat_semibold: 'red_hat_displaysemibold';

     --bs-font-red_hat_extrabold: 'red_hat_displayextrabold';

     --bs-font-red_hat_regular: 'red_hat_displayregular';

}



/* end color Varibale */



.ListingBox, .solutionsBox, a, img, .clientlogo, #headerOuter, .TopMenuOuter, ::after, .whiteLogo, .darkLogo, .teamBox {

     -webkit-transition: all 0.5s ease-in-out;

     -moz-transition: all 0.5s ease-in-out;

     -ms-transition: all 0.5s ease-in-out;

     -o-transition: all 0.5s ease-in-out;

     transition: all 0.5s ease-in-out;

}



body {

     font-family: var(--bs-font-montseet);

}



.Mont_font {

     font-family: var(--bs-font-montseet);

}



.homepageHeader, .white-navbar a.nav-link, a.basiceBtn:hover, a.videoBtn, a.blue-btn, .carousel-indicators button, .logoContent p span, .footerTitle, .copyrightOuter .row, .copyrightOuter p, .whiteBtnOutLine, .whiteBtnOutLine:hover, .subscribeFooter, .subscribeFooter h3, .subscribeFooter p, .teamBox:hover .name, .teamBox:hover p, .teamBox:hover .socialIcon a {

     color: var(--white);

}







@font-face {

     font-family: 'red_hat_displaymedium';

     src: url('fonts/red-hat/red-hat-display-v14-latin-500-webfont.woff2') format('woff2'), url('fonts/red-hat/red-hat-display-v14-latin-500-webfont.woff') format('woff');

     font-weight: normal;

     font-style: normal;

}



@font-face {

     font-family: 'red_hat_displaysemibold';

     src: url('fonts/red-hat/red-hat-display-v14-latin-600-webfont.woff2') format('woff2'), url('fonts/red-hat/red-hat-display-v14-latin-600-webfont.woff') format('woff');

     font-weight: normal;

     font-style: normal;

}



@font-face {

     font-family: 'red_hat_displaybold';

     src: url('fonts/red-hat/red-hat-display-v14-latin-700-webfont.woff2') format('woff2'), url('fonts/red-hat/red-hat-display-v14-latin-700-webfont.woff') format('woff');

     font-weight: normal;

     font-style: normal;

}



@font-face {

     font-family: 'red_hat_displayextrabold';

     src: url('fonts/red-hat/red-hat-display-v14-latin-800-webfont.woff2') format('woff2'), url('fonts/red-hat/red-hat-display-v14-latin-800-webfont.woff') format('woff');

     font-weight: normal;

     font-style: normal;

}



@font-face {

     font-family: 'red_hat_displayblack';

     src: url('fonts/red-hat/red-hat-display-v14-latin-900-webfont.woff2') format('woff2'), url('fonts/red-hat/red-hat-display-v14-latin-900-webfont.woff') format('woff');

     font-weight: normal;

     font-style: normal;

}



@font-face {

     font-family: 'red_hat_displayregular';

     src: url('fonts/red-hat/red-hat-display-v14-latin-regular-webfont.woff2') format('woff2'), url('fonts/red-hat/red-hat-display-v14-latin-regular-webfont.woff') format('woff');

     font-weight: normal;

     font-style: normal;

}



.red_hat_bold, .breadcrumb-item.active {

     font-family: var(--bs-font-red_hat_semibold);

}



.red_hat_font, .breadcrumb, .breadcrumb-item+.breadcrumb-item::before {

     font-family: var(--bs-font-red_hat_regular);

}



.homepageHeader {

     /*Permalink-usetoeditandsharethisgradient:;

     https:;

     //colorzilla.com/gradient-editor/#2b4274+0,112654+100*/

     background: #2b4274;

     /*Oldbrowsers*/

     background: -moz-linear-gradient(top, #2b4274 0%, #112654 100%);

     /*FF3.6-15*/

     background: -webkit-linear-gradient(top, #2b4274 0%, #112654 100%);

     /*Chrome10-25,Safari5.1-6*/

     background: linear-gradient(to bottom, #2b4274 0%, #112654 100%);

     /*W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/

     filter: ;

     progid: DXImageTransform.Microsoft.gradient(startColorstr='#2b4274', endColorstr='#112654', GradientType=0);

     /* IE6-9 */

     : ;



     min-height: 820px;

     -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b4274', endColorstr='#112654', GradientType=0);

}



/* top menu css */



.homepageMenu {

     border-bottom: solid 1px rgba(255, 255, 255, 0.4);

}



.TopMenuOuter {

     padding: 24px 0;

}



#headerOuter {

     position: absolute;

     left: 0;

     right: 0;

     top: 0;

     z-index: 10000;



}



#headerOuter.lightHeader, #headerOuter.sticky {

     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b4274+0,112654+100 */

     background: #F6F9FD;

     position: fixed;

     left: 0;

     right: 0;

     top: 0px;

     z-index: 11000;

     ;

}



.TopMenuOuter .row {

     align-items: center;

}



#headerOuter.sticky .TopMenuOuter {

     padding: 5px 0;

}



#headerOuter.sticky .navbar-nav li.active a.nav-link::after {

     bottom: -109%;

}



#headerOuter.lightHeader {

     background: none;

}



#headerOuter.lightHeader.sticky {

     background: #F6F9FD;

}









.darkLogo {

     filter: brightness(0) invert(1);

     -webkit-filter: brightness(0) invert(1);

}



#headerOuter.sticky .darkLogo, #headerOuter.lightHeader .darkLogo {

     filter: brightness(100%) invert(0);

     -webkit-filter: brightness(100%) invert(0);

}



#headerOuter.lightHeader .topmenu a.nav-link, #headerOuter.sticky .topmenu a.nav-link {

     color: #2B2B2B;

}



#headerOuter.lightHeader .navbar-nav li.active a.nav-link::after, #headerOuter.sticky .navbar-nav li.active a.nav-link::after {

     background-color: var(--blue);

}



#headerOuter.lightHeader .white-navbar .navbar-nav li.nav-item:last-child a, #headerOuter.sticky .white-navbar .navbar-nav li.nav-item:last-child a {

     background-color: #112654 !important;

     color: var(--white) !important;

}



#headerOuter.lightHeader .homepageMenu, #headerOuter.sticky .homepageMenu {

     border-color: rgba(85, 85, 85, 0.4);

}



#headerOuter.lightHeader .topmenu a.nav-link:hover, #headerOuter.sticky .topmenu a.nav-link:hover {

     color: #000;

}





.navbar-expand-lg .navbar-nav .nav-link {

     padding: 0;

}



.navbar-nav li {

     padding: 0px 21px !important;

     font-weight: 500 !important;

}



.navbar-nav li.active a.nav-link {

     font-weight: 700 !important;

     position: relative;

}



.navbar-nav li.active a.nav-link::after {

     content: "";

     height: 3px;

     background: var(--white);

     position: absolute;

     bottom: -190%;

     left: 0;

     right: 0;

}



.white-navbar .navbar-nav li.nav-item:last-child a {

     background-color: var(--white);

     color: var(--blue);

     padding: 12px 24px !important;

     border-radius: 4px;

     -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

     -ms-border-radius: 4px;

     -o-border-radius: 4px;

     font-weight: bold !important;

}





ul.navbar-nav {

     display: flex;

     align-items: center;

     font-weight: bold;

}



.topmenu {

     display: flex;

     justify-content: flex-end;

}



/* End top menu css */



.bannerImg {

     right: 0;

     position: absolute;

}



.leftImg_01 {

     position: absolute;

     left: 0;

}



.systemSectionRightImg {

     position: absolute;

     right: 0;

     padding-top: 100px;

}



.homepageSlider {

     padding: 238px 0 62px 0;

}



.subTitle {

     text-transform: uppercase;

     letter-spacing: 1px;

     font-size: 20px;

     font-family: var(--bs-font-red_hat_regular);

}



h2.title, h1.title {

     font-size: 45px;

     font-family: var(--bs-font-red_hat_bold);

     padding: 35px 50px 0px 0px;

}



a.basiceBtn {

     background-color: var(--white);

     color: var(--blue);

     border: solid 1px var(--white);

     padding: 16px 43px;

     margin-right: 20px;

}



a.basiceBtn:hover {

     background-color: #1B2E57;

     border: solid 1px var(--white);

}



.btn {

     display: flex;

     align-items: center;

     padding: 42px 0 0 0;

}



.btn a {

     text-decoration: none;

     font-family: var(--bs-font-red_hat_semibold);

     border-radius: 4px;

     -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

     -ms-border-radius: 4px;

     -o-border-radius: 4px;

     font-size: 18px;

}



a.videoBtn {

     padding: 16px 20px;

     background-color: #1d3159;



     border: solid 1px var(--white);

     border-radius: 4px;

     -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

     -ms-border-radius: 4px;

     -o-border-radius: 4px;

}



a.videoBtn:hover {

     opacity: 0.7;

}



.navbar-expand-lg .navbar-nav .nav-link:hover {

     opacity: 0.8;

}



a.videoBtn img {

     padding-left: 10px;

}



.carousel-indicators {

     right: inherit;

     left: 15px;

     bottom: 0px;

     margin: 0 0 0 0px;

}



.pr {

     position: relative;

}



#HomepageSlider .carousel-inner {

     padding-bottom: 50px;

}



.bannerText {

     padding-bottom: 100px;

}



.section {

     padding: 100px 0;

}



.title h1, .title h2 {

     font-family: var(--bs-font-red_hat_semibold);

     font-size: 45px;

     line-height: 60px;

}



.sectionOurTeam {

     padding-top: 0;

}



.title span {

     display: block;

     padding: 0 0 18px 0;

     font-size: 20px;

     text-transform: uppercase;

     color: var(--blue);

     font-size: 20px;

     font-weight: bold;

}



p {

     font-size: 16px;

     line-height: 26px;

     font-weight: 500;

     margin: 20px 0;

     color: #555555;

}



a.blue-btn {

     background-color: var(--blue);

     font-size: 18px;

     font-family: var(--bs-font-red_hat_semibold);

     display: inline-block;

     padding: 17px 43px;

     border-radius: 4px;

     -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

     -ms-border-radius: 4px;

     -o-border-radius: 4px;

     text-decoration: none;

     margin-top: 15px;

}



a.blue-btn:hover {

     opacity: 0.9;

}



.leftImg {

     position: absolute;

     left: 0;

}



.rightImg {

     position: absolute;

     right: 0;

}



.rightcontent {

     padding-left: 30px;

}



.blue-light-bg {

     background-color: #F3F7FF;

}



.industrySection::after {

     content: "";

     background: url(../img/right-light-pettern.png);

     position: absolute;

     right: 0;

     top: 0;

     width: 174px;

     height: 174px;

     display: block;

}



.industryListing {

     display: grid;

     grid-template-columns: 1fr 1fr;

     gap: 30px;

     padding-top: 40px;

}



.ListingBox {

     background-color: var(--white);

     border-radius: 10px;

     padding: 41px 30px;

     border-radius: 10px;

     -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

     -ms-border-radius: 10px;

     -o-border-radius: 10px;

     border: solid 2px #F3F7FF;

}



.ListingBox:hover, .solutionsBox:hover {

     -webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.06);

     box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.06);

     background-color: var(--white);

}



.ListingBox h3 {

     font-family: var(--bs-font-red_hat_semibold);

     font-size: 25px;

     color: #1A1A1A;

}



.ListingBox p {

     margin-top: 0;

}



.ListingBox .link, .solutionsBox .link {

     position: absolute;

     left: 0;

     right: 0;

     bottom: 0;

     top: 0;

}



.solutionListing {

     display: grid;

     grid-template-columns: 1fr 1fr 1fr 1fr;

     gap: 30px;

}



.solutionsBox h4 {

     font-family: var(--bs-font-red_hat_semibold);

     font-size: 22px;

     padding: 24px 0px 0 0;

}



.solutionsBox p {

     color: #555555;

     line-height: 24px;

     font-weight: 400;

}



.solutionsBox a {

     color: #333333;

     text-decoration: none;

     font-weight: bold;

     letter-spacing: 1px;

}



.solutionsBox {

     padding: 30px 20px;

     border-radius: 12px;

     -webkit-border-radius: 12px;

     -moz-border-radius: 12px;

     -ms-border-radius: 12px;

     -o-border-radius: 12px;

}



.solutionsBox img {

     filter: grayscale(100%);

     -webkit-filter: grayscale(100%);

     opacity: 0.8;

}



.solutionsBox:hover img {

     filter: grayscale(0%);

     -webkit-filter: grayscale(0%);

     opacity: 1;

}



.solutionsBox:hover a {

     color: var(--blue);

     text-decoration: underline;

}



p.para {

     padding: 0 130px;

     text-align: center;

}



.light-red-bg {

     background-color: #FCF5F5;

}



.systemSectionLeftContent {

     padding-top: 40px;

     padding-right: 40px;

}



.accordion-item {

     margin-bottom: 30px;



     border: solid 2px #F3F7FF;

}



.accordion-button, .accordion-item {

     border-radius: 12px !important;

     -webkit-border-radius: 12px !important;

     -moz-border-radius: 12px !important;

     -ms-border-radius: 12px !important;

     -o-border-radius: 12px !important;

}



.accordion-button:not(.collapsed) {

     box-shadow: none;

     color: none;

     background: none;

}



.accordion-button:focus {

     border: none;

     background: none;

     box-shadow: none;

}



.accordion-item:first-of-type .accordion-button {

     border: none;

     box-shadow: none;

     background: none;

}



.accordion-button img {

     opacity: 0.8;

     padding: 0 15px 0 0;

     filter: grayscale(100%);

     -webkit-filter: grayscale(100%);

}



.accordion-button:not(.collapsed) img {

     filter: grayscale(0%);

     -webkit-filter: grayscale(0%);

     opacity: 1;

}



.accordion-button {

     color: #000 !important;

     font-size: 20px;

     font-family: var(--bs-font-red_hat_semibold);

}



.accordion-body ul li {

     list-style: none;

     padding: 7px;

     font-size: 18px;

     font-weight: 600;

     display: flex;

}



.accordion-body ul {

     margin: 0;

     padding: 0;

}



.accordion-body ul li::before {

     font-family: "Material Icons";

     content: "\e5cc";

     display: inline-block;

}



.accordion-body {

     padding-top: 0;

     padding-bottom: 24px;

}



.accordion-button::after {

     filter: grayscale(0%);

     -webkit-filter: grayscale(0%);

}



.accordion-button:not(.collapsed)::after {

     filter: grayscale(100%);

     -webkit-filter: grayscale(100%);

}



.accordion-button {

     padding: 31px 24px 24px 24px;

}







.accordion-item.open {

     -webkit-box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.04);

     box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.04);

}



/* .accordion-button {pointer-events: none;} */

/* .accordion-button.collapsed {pointer-events: initial;} */

.accordion {

     padding-top: 10px;

}





.howitWorkList {

     display: grid;

     grid-template-columns: 449px 1fr;

     align-items: center;

     padding-bottom: 70px;

}



.howitWorkContent {

     padding-left: 40px;

}



.howitWorkList h3 {

     font-weight: 700;

     font-size: 30px;

}



.howitWorkListOuter .howitWorkList:last-child {

     padding-bottom: 0;

}



.howitWorkListOuter .howitWorkList:nth-child(even) {

     grid-template-columns: 1fr 470px;

}



.howitWorkListOuter .howitWorkList:nth-child(even) .howitWorkNumber {

     order: 2;

}



.howitWorkListOuter .howitWorkList:nth-child(even) .howitWorkContent {

     padding: 0 40px 0 0;

}



.FeatureList {

     display: grid;

     grid-template-columns: 42% 58%;

}



.silderBox {

     background-color: var(--white);

     border-radius: 10px;

     -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

     -ms-border-radius: 10px;

     -o-border-radius: 10px;

     border: solid 1px #DCECEE;

     padding: 8px 20px 0px 20px;

}



.owl-carousel .owl-item img {

     width: inherit !important;

     display: inline !important;

}



.silderBox p {

     margin-top: 8px;

}



.silderBox h4 {

     font-size: 21px;

     font-family: var(--bs-font-red_hat_semibold);

}





.owl-stage-outer {

     margin-left: 40px;

}



.owl-nav {

     margin-left: 80px;

}



.owl-stage-outer {

     padding-top: 30px;

}



.owl-nav {

     display: flex;

     justify-content: center;

}



.owl-carousel .owl-nav button {

     background: #2B4274 !important;

     color: var(--white) !important;

     border-radius: 8px;

     -webkit-border-radius: 8px;

     -moz-border-radius: 8px;

     -ms-border-radius: 8px;

     -o-border-radius: 8px;

}



.owl-carousel .owl-nav button span {

     display: none

}



.owl-carousel .owl-nav button:first-child {

     margin-right: 16px;

}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {

     padding: 4px 11px !important;

}



.owl-carousel .owl-nav button.owl-next:after {

     font-family: "Material Icons";

     content: "\e5cc";

     display: inline-block;

     font-size: 24px;

}



.owl-carousel .owl-nav button.owl-prev:after {

     font-family: "Material Icons";

     content: "\e5cb";

     display: inline-block;

     font-size: 24px;

}



.owl-nav {

     padding: 35px 0 0 0;

}



.FeatureList {

     padding: 30px 0 0 0

}



.owl-dots {

     display: none;

}



.valueList {

     border-left: solid 4px #2B4274;

     padding: 15px 0 0 25px;

     margin: 20px 0;

     font-size: 60px;

     font-family: var(--bs-font-red_hat_bold);

     color: #313131;

     line-height: 51px;

}



.valueList span {

     color: #828282;

     font-size: 20px;

     font-family: var(--bs-font-red_hat_regular);

     display: block;

}



.valueListCount .col-lg-6:nth-child(even) .valueList {

     border-left: solid 4px #C42A28;

}



.carousel-indicators button {

     height: 4px !important;

     width: 14px !important;

     opacity: 0.4;

     border-radius: 10px;

     -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

     -ms-border-radius: 10px;

     -o-border-radius: 10px;

}



.carousel-indicators [data-bs-target] {

     border: none;

}



.carousel-indicators button:focus {

     outline: none;

}



.carousel-indicators button.active {

     width: 40px !important;

}



.clientLogosList {

     display: grid;

     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

     gap: 30px;

     padding-top: 20px;

}



.clientlogo {

     background-color: #F3F7FF;

     border-radius: 10px;

     -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

     -ms-border-radius: 10px;

     -o-border-radius: 10px;

}



.clientlogo img {

     filter: grayscale(100%);

     -webkit-filter: grayscale(100%);

     opacity: 0.5;

     width: 120px;

     height: fit-content;

}



.clientlogo:hover {

     background-color: var(--white);

     -webkit-box-shadow: 0 2px 8px 4px rgba(0, 37, 96, 0.10);

     box-shadow: 0 2px 8px 4px rgba(0, 37, 96, 0.10);

     ;

}



.clientlogo a {

     padding: 36px 25px;

     display: flex;

     width: 100%;

     height: 100%;

     align-items: center;

     justify-content: center;

}



.clientlogo:hover img {

     filter: grayscale(0%);

     -webkit-filter: grayscale(0%);

     opacity: 1;

}



.testinomailBox {

     display: grid;

     grid-template-columns: 401px 1fr;

}



.testinomailImg {

     padding: 40px;

}



.testinomailImg::before {

     content: "";

     background: url(../img/test-top.png) no-repeat left top;

     position: absolute;

     top: 40px;

     left: 0px;

     height: 62px;

     width: 66px;

}



.testinomailImg::after {

     content: "";

     background: url(../img/testi-bottom.png) no-repeat left top;

     position: absolute;

     bottom: 0px;

     right: 0px;

     height: 62px;

     width: 66px;

}



.owl-carousel .owl-item .testinomailImg img {

     width: 100% !important;

}



.dec p {

     font-size: 26px;

     color: #1B1C31;

     line-height: 46px;

}



.dec p:first-child:before {

     background: url(../img/testiIcon.png);

     display: block;

     content: "";

     height: 27px;

     width: 31px;

}



.dec {

     padding-top: 90px;

}



.testimonialSlider .owl-nav {

     position: absolute;

     top: 45%;

     width: 28%;

     display: flex;

     justify-content: space-between;

     /* justify-items: center; */

     /* align-content: space-evenly; */

     align-items: center;

}



.testimonialSlider .owl-carousel .owl-nav button {

     background-color: var(--white) !important;

     border-radius: 50%;

     -webkit-border-radius: 50%;

     -moz-border-radius: 50%;

     -ms-border-radius: 50%;

     -o-border-radius: 50%;

}



.testimonialSlider .owl-carousel .owl-nav button.owl-prev:after, .testimonialSlider .owl-carousel .owl-nav button.owl-next:after {

     color: var(--blue);

}



.testimonialSlider .owl-carousel .owl-nav button.owl-prev {

     margin-left: -22px;

}



.testimonialSlider .owl-carousel .owl-nav button.owl-next {

     margin-right: -22px;

}







.testimonialSlider .owl-dots {

     display: block;

     position: absolute;

     left: 15%;

     bottom: -5px;

}



.testimonialSlider .owl-theme .owl-dots .owl-dot span {

     width: 14px !important;

     height: 14px !important;

}



.testimonialSlider .owl-theme .owl-dots .owl-dot.active span {

     width: 30px !important;

     height: 14px !important;

     background-color: #C42A28;

}



.testimonialSlider .owl-carousel button.owl-dot {

     padding: 0 !important;

}



.companyDetail {

     display: flex;

     justify-content: space-between;

     align-items: center;

}



.clientName {

     color: #000;

     font-size: 20px;

     font-weight: bold;

}



.clientName span {

     font-size: 16px;

     color: #757095;

     display: block;

     font-weight: normal;

}



.testinomailContent {

     padding-left: 40px;

     display: flex;

     flex-direction: column;

     justify-content: space-around;

}





.black-bg {

     background-color: #070707;

}



.logo a {

     text-decoration: none;

}



.logoContent {

     padding-top: 12px;

     padding-left: 30px;

     padding-right: 30px;

}



.logoContent span {

     display: block;

}



.logoContent p {

     color: rgba(255, 255, 255, 0.8);

}



.logoContent p span {

     font-weight: 700;

     padding-bottom: 18px;

     display: block;

}



.logoContent p {

     padding-top: 0px;

     margin: 0;

}



.footerTitle {

     font-family: var(--bs-font-red_hat_semibold);

     padding-bottom: 24px;

     padding-top: 12px;

}



.footerMenu ul {

     padding: 0;

     margin: 0;

}



.footerMenu ul li {

     list-style: none;

     padding: 5px 0;

}



.footerMenu ul li a {

     color: rgba(255, 255, 255, 0.8);

     text-decoration: none;

}



.footerOuter {

     padding: 236px 0 61px 0;

}



.copyrightOuter .row {

     justify-content: space-evenly;

}



.copyrightOuter {

     border-top: solid 1px #DDE1E9;

}



.copyrightOuter p {

     margin: 31px 0;

}



.allrights {

     text-align: right;

}



.whiteBtnOutLine {

     border: solid 1px var(--white);

     text-decoration: none;

     font-size: 18px;

     border-radius: 4px;

     -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

     -ms-border-radius: 4px;

     -o-border-radius: 4px;

     padding: 17px 43px;

     font-family: var(--bs-font-red_hat_semibold);

}



.whiteBtnOutLine:hover {

     background-color: #112654;

     border: solid 1px #112654;

}



.subscribeFooter {

     background-color: var(--blue);

     border-radius: 10px;

     -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

     -ms-border-radius: 10px;

     -o-border-radius: 10px;

     padding: 81px 100px;

     position: absolute;

     top: -155px;

}



.sectionOuter>.section:last-child {

     padding-bottom: 280px;

}



.subscribeFooter {

     display: flex;

     justify-content: space-between;

     align-items: center;

}



.subscribeFooter h3 {

     font-size: 48px;

     font-weight: bold;

}



.subscribeContent {

     width: 60%;

}



.subscribeFooter:after {

     content: "";

     background: url(../img/pettern02.png) no-repeat left top;

     width: 208px;

     height: 108px;

     position: absolute;

     right: 30px;

     bottom: -5px;

}



.scrolldown {

     position: absolute;

     left: 30px;

     bottom: 80px;

     z-index: 1000;

}



/* .aboutusSection, .industrySection , .solutionSection , .systemSection , .sectionHowitWork , .sectionFeature , .sectionValue , .sectionClient , .sectonTestimonials , .footerOuter , .copyrightOuter { display: none;} */





/* Innerpage css  */

.InnerpageHeader {

     background: url(../img/innerHeader.png) no-repeat left top;

     padding: 236px 0 136px 0;

     background-size: 100%;

}



.breadcrumb-item.active {

     color: var(--blue);

}



.breadcrumb-item.active {

     font-size: 20px;

}



.breadcrumb-item {

     line-height: 10px;

}



.breadcrumb-item a {

     color: #555555;

     text-decoration: none;

}



.breadcrumb-item+.breadcrumb-item::before {

     color: #555555;

}



h1, h2 {

     font-size: 45px;

}



.imagepettern01::before {

     background-color: #F4D7D7;

     content: "";

     height: 90%;

     display: block;

     width: 32px;

     position: absolute;

     left: -32px;

     top: 5%;

     border-radius: 10px 0px 0px 10px;

     -webkit-border-radius: 10px 0px 0px 10px;

     -moz-border-radius: 10px 0px 0px 10px;

     -ms-border-radius: 10px 0px 0px 10px;

     -o-border-radius: 10px 0px 0px 10px;

}



.WorkingExperience {

     position: absolute;

     bottom: 30px;

     background-color: var(--white);

     -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08);

     box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08);

     border-radius: 14px;

     -webkit-border-radius: 14px;

     -moz-border-radius: 14px;

     -ms-border-radius: 14px;

     -o-border-radius: 14px;

     padding: 30px;

     right: 28px;

     display: flex;

     align-items: center;

     border: solid 1px #F3F7FF;

}



.WorkingExperience::after {

     background: #112654;

     width: 7px;

     height: 100%;

     content: "";

     position: absolute;

     right: 0px;

     -webkit-border-radius: 0 140px 140px 0;

     border-radius: 0 14px 14px 0;

}



.workTitle {

     font-size: 30px;

     padding-left: 10px;

     line-height: 25px;

     padding-top: 10px;

}



.workTitle span {

     font-family: var(--bs-font-red_hat_medium);

     display: block;

     font-size: 15px;

}



.mission {

     border-radius: 10px;

     -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

     -ms-border-radius: 10px;

     -o-border-radius: 10px;

     padding: 50px 0px 28px 28px;

}



.aboutRightImg {

     margin-top: -100px;

     -moz-transform: translateX(10px) translateY(0px);

     -webkit-transform: translateX(10px) translateY(0px);

     -o-transform: translateX(10px) translateY(0px);

     -ms-transform: translateX(10px) translateY(0px);

     transform: translateX(10px) translateY(0px);

}



.vissonText {

     padding-top: 150px;

}



.aboutRightImg02 {

     -moz-transform: translateX(0px) translateY(80px);

     -webkit-transform: translateX(0px) translateY(80px);

     -o-transform: translateX(0px) translateY(80px);

     -ms-transform: translateX(0px) translateY(80px);

     transform: translateX(0px) translateY(80px);

}



.br-20 {

     border-radius: 20px;

     -webkit-border-radius: 20px;

     -moz-border-radius: 20px;

     -ms-border-radius: 20px;

     -o-border-radius: 20px;

}



.sectionValueContent {

     padding: 40px;

}



.sectionValueImg img {

     -moz-transform: translateX(19%) translateY(0px);

     -webkit-transform: translateX(19%) translateY(0px);

     -o-transform: translateX(19%) translateY(0px);

     -ms-transform: translateX(19%) translateY(0px);

     transform: translateX(19%) translateY(0px);

}



.teamBox {

     background-color: #F3F7FF;

     border-radius: 20px;

     -webkit-border-radius: 20px;

     -moz-border-radius: 20px;

     -ms-border-radius: 20px;

     -o-border-radius: 20px;

     padding: 0px 35px 0px 35px;

}



.socialIcon {

     display: flex;

     justify-content: center;

     padding-top: 15px;

}



.socialIcon a {

     color: var(--blue);

     text-decoration: none;

     border-radius: 50%;

     -webkit-border-radius: 50%;

     -moz-border-radius: 50%;

     -ms-border-radius: 50%;

     -o-border-radius: 50%;

     border: solid 1px #2B4274;

     width: 36px;

     height: 36px;

     display: flex;

     justify-content: center;

     align-items: center;

     margin-right: 7px;

}



.socialIcon a:last-child {

     margin-right: 0;

}



.name {

     text-align: center;

     font-size: 24px;

}



.teamContent p {

     padding: 0;

     margin: 0;

}



.photo {

     -moz-transform: translateX(0%) translateY(-50px);

     -webkit-transform: translateX(0%) translateY(-50px);

     -o-transform: translateX(0%) translateY(-50px);

     -ms-transform: translateX(0%) translateY(-50px);

     transform: translateX(0%) translateY(-50px);



}



.sectionOurTeam .owl-carousel .owl-item .photo img {

     width: 100% !important;

     border-radius: 10px;

     -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

     -ms-border-radius: 10px;

     -o-border-radius: 10px;

}



.teamSlider .owl-stage-outer {

     padding-top: 80px;

     margin-left: 10%;

}



.teamContent {

     -moz-transform: translateX(0%) translateY(-30px);

     -webkit-transform: translateX(0%) translateY(-30px);

     -o-transform: translateX(0%) translateY(-30px);

     -ms-transform: translateX(0%) translateY(-30px);

     transform: translateX(0%) translateY(-30px);

}



.photo img {

     filter: grayscale(100%);

     -webkit-filter: grayscale(100%);

     opacity: 1;

}



.teamBox:hover .photo img {

     filter: grayscale(0%);

     -webkit-filter: grayscale(0%);

     opacity: 1;



}



.teamBox:hover {

     background-color: var(--blue);

}





.teamBox:hover .socialIcon a {

     border: solid 1px var(--white);

}



.teamBox:hover .socialIcon a:hover {

     background-color: var(--white);

     color: #2B4274

}





.formOUter input, .formOUter select, .formOUter textarea {

     border: solid 2px rgba(85, 85, 85, 0.07);

     background-color: var(--white);

     border-radius: 5px;

     -webkit-border-radius: 5px;

     -moz-border-radius: 5px;

     -ms-border-radius: 5px;

     -o-border-radius: 5px;

     padding: 15px;

     width: 100%;

     margin-bottom: 22px;

}



.formOUter input[type="submit"] {

     background-color: var(--blue);

     display: inline-block;

     width: 164px !important;

     letter-spacing: 1px;

     font-family: 'Montserrat', sans-serif;

     font-weight: bold;

     margin-bottom: 0;

     color: #fff;

}



.distributorImg {

     position: absolute;

     right: 0;

}



.distributorListingFeatures {

     display: grid;

     grid-template-columns: 1fr 1fr;

}



.distributorListingFeatures .listing {

     display: block !important;

}



.distributorListingFeatures .ListingBox {

     padding: 0;

     background: none;

}



.distributorListingFeatures {

     padding-top: 15px;

}



.distributorListingBox h3 {

     font-size: 20px;

     padding-bottom: 0px;

     padding-top: 10px;

}



.distributorListingBox .ListingContent p {

     margin-top: 0px;

     padding-right: 20px;

     font-size: 14px;

}



.distributorListingBox .ListImg img {

     width: 50px;

}



.navbar-toggler {

     display: none;

}
.footerOuter .container{
     margin-top: 1rem;
}