/****************fonts-files****************/
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Light.eot');
    src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Light.woff2') format('woff2'),
        url('../fonts/Avenir-Light.woff') format('woff'),
        url('../fonts/Avenir-Light.ttf') format('truetype'),
        url('../fonts/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Black.eot');
    src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Black.woff2') format('woff2'),
        url('../fonts/Avenir-Black.woff') format('woff'),
        url('../fonts/Avenir-Black.ttf') format('truetype'),
        url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir-Book';
    src: url('../fonts/Avenir-Book.eot');
    src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Book.woff2') format('woff2'),
        url('../fonts/Avenir-Book.woff') format('woff'),
        url('../fonts/Avenir-Book.ttf') format('truetype'),
        url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.eot');
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff'),
        url('../fonts/Avenir-Medium.ttf') format('truetype'),
        url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/**************** fonts-files****************/
*{padding:0px;margin:0;}
html, body {overflow-x:hidden;}
ul{padding:0px;margin:0;}
li{padding:0px;margin:0;list-style-type:none;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
h2 { font-weight: bold; }
body p{    font-family: 'Avenir'; font-weight: 500; font-size:15px;}
img{width:100%;}
body .container { max-width: 1200px; color: #000000; font-family: 'Avenir'; font-weight: 500;}
body a {text-decoration:none;}
section {float:left; width:100%;}
/**************** /fonts-files****************/

/******************Header********************/
.logo-div a.navbar-brand img { max-width: 190px; }
.custom-top-header .logo-div { padding: 0; }
.custom-top-header nav.navbar .container-fluid { padding: 0; }
ul.navbar-nav li { margin: 0 3px 0 3px; }
ul.navbar-nav li a { font-family: 'Avenir'; font-weight: 900; font-size: 15px; color: #000000; }
.custom-top-header nav.navbar { background: transparent !important; padding: 20px 0 20px 0; }
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus { color: #00b74b !important; }
ul.navbar-nav li a.active { color: #00b74b !important; }
/****************** /Header********************/

/****************** Banner********************/
.custom-main-banner .banner-img { position: relative; }
.custom-main-banner .banner-img img { border-radius: 30px; float: left; width: 100%; box-shadow: 0px 5px 25px #afabab; }
.banner-text-main { position: absolute; width: 100%; top: 50%; padding: 45px 45px 45px 90px; max-width: 600px; transform: translate(0%, -50%); left: 0; }
.banner-text-left h1 { color: #ffffff; margin: 0 0 15px 0; font-family: 'Avenir'; font-weight: 900; }
.banner-text-left p { color: #ffffff; font-size: 16px; max-width: 90%; font-family: 'Avenir'; font-weight: 300; }
/****************** /Banner********************/

/****************** Section1********************/
.custom-sama-section { margin: 60px 0 60px 0; }
.custom-sama-section > .container > .row { box-shadow: 0px 5px 25px #dddddd; border-radius: 30px; padding: 45px; }
.custom-sama-section .container { background: #f0f3f5; border-radius: 30px; }
.custom-sama-section .row { align-items: center; }
.sama-lefttext { color: #000000; padding-right: 25px; }
.sama-lefttext h3 { margin: 0 0 10px 0; font-family: 'Avenir'; font-weight: 900; text-transform: capitalize; }
.sama-lefttext p { margin: 15px 0 15px 0; font-family: 'Avenir'; font-weight: 300; }
.sama-lefttext p a { background: #147200; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; }
.sama-lefttext p a:hover { background: #000000; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; }
.custom-sama-section .col-sm-12.col-md-6.col-lg-6:nth-of-type(2) { padding: 0; }
.sama-rightimage img { border-radius: 26px; }
/****************** /Section1********************/

/****************** Section2********************/
.custom-dsbrand-section { background: #f5f7fa; }
.custom-dsbrand-section ul.dsbrand-ul { display: flex; padding: 50px 0 50px 0; align-items: center; gap: 35px; }
.custom-dsbrand-section ul.dsbrand-ul li p { margin: 0; }
.custom-dsbrand-section ul.dsbrand-ul li h3 { color: #72767c; font-weight: 300; font-family: 'Avenir'; }
/****************** /Section2********************/

/****************** Section3********************/
.custom-action-section { margin: 0; padding: 100px 0 60px 0; }
.custom-action-section .row { align-items: center; }
.action-lefttext { color: #000000; padding-right: 25px; }
.action-lefttext h3 { margin: 0 0 10px 0; font-family: 'Avenir'; font-weight: 900; text-transform: capitalize; }
.action-lefttext p { margin: 15px 0 15px 0; font-family: 'Avenir'; font-weight: 300; }
.action-lefttext p a { background: #147200; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; }
.action-lefttext p a:hover { background: #000000; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; }
/*.custom-action-section .col-sm-12.col-md-6.col-lg-6:nth-of-type(2) { padding: 0; }*/
.action-rightimage img { border-radius: 26px; }
/****************** /Section3********************/

/****************** Section4********************/
.service-images-section { margin: 0; padding: 50px 0 0 0; background: #f5f7fa; }
.service-images-section .container .row { border-bottom: 2px dashed #e9e9e9; padding-bottom: 45px; margin-bottom: 100px; }
.service-images-col { position: relative; }
.service-images-col p { margin: 0; }
.service-images-col p.img-text-cus { position: relative; }
.service-images-col span { position: absolute; top: 50%; padding: 15px; left: 50%; transform: translate(-50%, -50%); color: #ffffff; font-family: 'Avenir'; font-weight: 500; width: 100%; text-align: center; font-size: 25px; }
.service-images-col p.text { font-weight: 300; margin: 20px 0 20px 0; }
.service-images-col span a { color: #ffffff; }
.col-sm-12.col-md-3.col-lg-3 { padding-top: calc(var(--bs-gutter-x)* .5); padding-bottom: calc(var(--bs-gutter-x)* .5); }
.service-images-col p img { border-radius: 20px; }
/****************** /Section4********************/



/****************** Section5********************/
.service-activiti-section { background: #f7f5fa; }
.service-activiti-section > .container > .row { box-shadow: 0px 5px 25px #dddddd; border-radius: 30px; padding: 45px; align-items: center; }
.service-activiti-section { color: #000000;  padding-bottom: 100px; }
.service-activiti-section h3 { margin: 0 0 10px 0; font-family: 'Avenir'; font-weight: 900; text-transform: capitalize; }
.service-activiti-section p { margin: 15px 0 15px 0; font-family: 'Avenir'; font-weight: 300; }
.service-activiti-section p a { background: #147200; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; }
.service-activiti-section p a:hover { background: #000000; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; }
.service-activiti-section .service-activiti-col p img { border-radius: 25px; }
/****************** /Section5********************/






.custom-footer-section { background: url("../images/bottombanner.jpg"); padding-top: 60px; padding-bottom: 60px; background-position: center center; background-size: cover; }
.custom-footer-section .col-sm-12.col-md-6.col-lg-6:nth-of-type(2) { float: right; align-items: center; display: flex; justify-content: flex-end; }
.custom-footer-section .col-sm-12.col-md-6.col-lg-6 h2 { color: #ffffff; float: right; }


.custom-footer-section2 { background: #000000; padding: 60px 0 60px 0; }




.custom-footer-section .footer-area ul {
    display: flex;
    justify-content: flex-start;
    margin: 25px 0 0 0;
}
.custom-footer-section .footer-area p a img {
    max-width: 270px;
}
.custom-footer-section .footer-area ul li a img {
    max-width: 25px;
    margin-right: 10px;
}
.custom-footer-section .footer-area .col-sm-12.col-md-4.col-lg-4:nth-of-type(2) {
    color: #ffffff;
}
.custom-footer-section .footer-area .col-sm-12.col-md-4.col-lg-4 h5 {
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 14px 0;
    color: #ffffff;
}

.custom-footer-section2 {
    background: #000000;
    padding: 60px 0 60px 0;
}
.custom-footer-section2 .footer-area {
    align-items: center;
}
.footer-section2c1 p {
    color: #ffffff;
}

.footer-section2c2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.footer-section2c2 p {
    color: #ffffff;
    margin: 0;
}
.footer-section2c2 ul {
    margin-left: 25px;
}
.footer-section2c2 ul li {
    display: inline-block;
}
.footer-section2c2 ul li a {
    display: inline-block;
}
.footer-section2c2 ul li a img {
    max-width: 35px;
}




/*****************inner-banner************/
.custom-inner-banner .inner-banner-img > img { border-radius: 30px; }
.custom-inner-banner .inner-banner-img { position: relative; }
.custom-inner-banner .inner-banner-img::before { position: absolute; width: calc(100% - 1.5rem); background: #106e2e; top: 0; height: 100%; content: ""; border-radius: 30px; opacity: 0.7; z-index: 99; left: 50%; transform: translate(-50%, 0%); }
.custom-inner-banner .banner-inner-text-main { position: absolute; width: 100%; top: 50%; padding: 45px; max-width: 600px; transform: translate(-50%, -50%); left: 50%; color: #ffffff; z-index: 999; text-align: center; }
 .custom-inner-banner .banner-inner-text-main h1 { color: #ffffff; margin: 0 0 15px 0; font-family: 'Avenir'; font-weight: 900; }


.custom-record-section ul.record-ul { display: flex; justify-content: space-between; margin: 50px 0 50px 0; }

.custom-record-section ul.record-ul li {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 33.33%;
}
.custom-record-section ul.record-ul li .left-data-record {
    width: 23%;
}
.custom-record-section ul.record-ul li .left-data-record h2 {
    color: #147200;
}
.custom-record-section ul.record-ul li .right-text-record {
    width: 75%;
    float: right;
    margin-left: 2%;
}
.custom-record-section ul.record-ul li .right-text-record h4 {
    font-weight: 600;
}
.custom-record-section ul.record-ul li .right-text-record p {
    max-width: 80%;
}




.custom-lfti-section { background: #f5f7fa; padding-top: 60px; padding-bottom: 30px; }
.custom-lfti-section .row { align-items: center; }
.lfti-lefttext { color: #000000; padding-right: 25px; }
.custom-lfti-section h3 { margin: 0 0 10px 0; font-family: 'Avenir'; font-weight: 900; text-transform: capitalize; }
.lfti-lefttext  p { margin: 15px 0 15px 0; font-family: 'Avenir'; font-weight: 300; }
.lfti-lefttext p a { background: #147200; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; }
.lfti-lefttext p a:hover { background: #000000;}  





.custom-lfit-section { background: #f5f7fa; padding-top: 30px; padding-bottom: 60px; }
.custom-lfit-section .row { align-items: center; }
.lfit-righttext { color: #000000; padding-left: 25px; }
.custom-lfit-section h3 { margin: 0 0 10px 0; font-family: 'Avenir'; font-weight: 900; text-transform: capitalize; }
.lfit-righttext  p { margin: 15px 0 15px 0; font-family: 'Avenir'; font-weight: 300; }
.lfit-righttext p a { background: #147200; color: #ffffff; padding: 10px 20px; float: left; border: 0; font-family: 'Avenir'; font-weight: 500; text-transform: uppercase; } 
.lfit-righttext p a:hover { background: #000000;} 




.custom-record-section ul.record-ul li .right-text-record p { margin: 0; }




.custom-imght-section { padding-top: 60px; padding-bottom: 60px; }

.custom-imght-section ul.imght-ul {
    display: flex;
    justify-content: space-around;
    gap: 20px;
}
.custom-imght-section ul.imght-ul li {
    background: #f5f7fa;
    border-radius: 30px;
}
.custom-imght-section ul.imght-ul li img {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
.custom-imght-section ul.imght-ul li h3 {
    font-weight: 900;
    padding: 20px 20px 10px 20px;
}
.custom-imght-section ul.imght-ul li p {
    padding: 0px 20px 20px 20px;
}






/***************** /inner-banner************/


@media (min-width:0px) and (max-width:567px){
.custom-dsbrand-section ul.dsbrand-ul li p img { max-width: 200px; max-height: 40px; }
.custom-dsbrand-section ul.dsbrand-ul { display: flex; padding: 25px 0 25px 0; align-items: center; gap: 35px; flex-direction: column; }
}


@media (min-width:0px) and (max-width:767px){
.custom-footer-section .col-sm-12.col-md-4.col-lg-4 { margin-bottom: 30px; } 
.logo-div a.navbar-brand img { max-width: 160px; }


.custom-sama-section > .container > .row { box-shadow: 0px 5px 25px #dddddd; border-radius: 30px; padding: 20px; }
.custom-sama-section > .container > .row .col-sm-12.col-md-6.col-lg-6:nth-of-type(1) { margin-bottom: 20px; }
.custom-action-section .col-sm-12.col-md-6.col-lg-6:nth-of-type(1){margin-bottom:20px;}
.custom-action-section { margin: 0; padding: 30px 0 0px 0 !important; }
.service-images-section .col-sm-12.col-md-4.col-lg-4 { margin-bottom: 15px; }
.service-images-section .col-sm-12.col-md-4.col-lg-4:last-child { margin-bottom: 0px; }
.service-images-section .container .row { border-bottom: 2px dashed #e9e9e9; padding-bottom: 25px; margin-bottom: 55px; }
.service-activiti-section > .container > .row { padding: 20px; }
.service-activiti-section { color: #000000; padding-bottom: 50px; }
.custom-footer-section .col-sm-12.col-md-6.col-lg-6:nth-of-type(2) { justify-content: flex-start; }
.footer-section2c2 { display: flex; justify-content: flex-start; align-items: center; }


.custom-record-section ul.record-ul { display: flex; justify-content: space-between; margin: 50px 0 50px 0; flex-direction: column; }
.custom-record-section ul.record-ul li { display: flex; align-items: center; width: 100%; margin-bottom: 15px; flex-direction: column; justify-content: space-around; text-align: center; }
.custom-record-section ul.record-ul li .right-text-record p { max-width: 100%; }

.custom-lfti-section .col-sm-12.col-md-6.col-lg-6:nth-of-type(1) {
    margin-bottom: 20px;
}
.custom-lfit-section .container .row {
    flex-direction: column-reverse;
}
.custom-lfit-section .col-sm-12.col-md-6.col-lg-6:nth-of-type(2) {
    margin-bottom: 20px;
}
.lfit-righttext {
    color: #000000;
    padding-left: 0;
}
.custom-inner-banner .banner-inner-text-main {
    padding-top: 45px;
    padding-bottom: 45px;
}
.custom-imght-section ul.imght-ul {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    flex-wrap: wrap;
}
}


@media (min-width:0px) and (max-width:991px){
.banner-text-main { position: unset; bottom: 0; width: 100%; transform: unset; padding: 10px 0 40px; }
body .custom-top-header .logo-div { padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); }
body .custom-main-banner .banner-img { padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); background: url("../images/banner.jpg"); background-size: cover; }
body .custom-main-banner .banner-img > img { display: none; }
.banner-text-left { width: 100%; float: left; padding: 25px 0 25px 0; position: unset; bottom: 80px; left: 0px; }
.custom-sama-section { margin: 30px 0 30px 0; }
.custom-main-banner .banner-img ul { float: left; width: 100%; background: #ffffff; padding: 25px; display: flex; border-top-left-radius: 30px; border-top-right-radius: 30px; flex-direction: column; }
.custom-propos-section .container { background: #252530; border-radius: 30px; width: calc(100% - 20px); }
.custom-top-header nav.navbar .container-fluid .d-flex { width: 100%; }

.custom-action-section { margin: 0; padding: 30px 0 60px 0; }
}


@media (min-width:0px) and (max-width:991px){}


@media (min-width:568px) and (max-width:767px){}


@media (min-width:768px) and (max-width:991px){
.service-images-col span { position: absolute; bottom: 0; padding: 15px; left: 50%; transform: translate(-50%, 0%); color: #ffffff; font-family: 'Avenir'; font-weight: 900; bottom: 0%; width: 90%; text-align: center; }
}


@media (min-width:992px) and (max-width:1100px){
body .custom-top-header .logo-div { padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); } 
body .custom-main-banner .banner-img { padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); } 
.custom-propos-section .container { background: #252530; border-radius: 30px; width: calc(100% - 20px); }
}


@media (min-width:768px) and (max-width:10000px){}