body{color: #515151 !important; font-family: 'Poppins', sans-serif !important; margin: 0; padding: 0; outline: 0;}

a {outline: 0; text-decoration: none !important;}
  
a:hover {text-decoration: none !important; color: #b01e22;}

img {max-width: 100%; height: auto;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: "DM Sans", sans-serif; padding: 0; margin: 0;}

p {padding: 0; margin: 0;}

/* Header*/
.header-call-bg{width: 100%; display: inline-block; background: #015e53; padding: 8px 0;}
.sub-call-text{width: 100%; display: flex; flex-wrap: wrap; align-items: end; justify-content: end;}
.sub-call-text a{color: #ffffff; font-size: 14px; font-weight: 400; margin: 0 15px 0 0;}
.sub-call-text a i{margin: 0 5px 0 0;}
.sub-call-text a:hover{color: #eae7b0;}

header{width: 100%; padding: 5px 0; position: absolute; top: 32px; z-index: 9;}
/* Header End*/

/* Header Slider */
.header-slider{width: 100%; display: inline-block; position: relative;}
.header-slider .carousel-indicators{z-index: 1;}
.header-slider .carousel-control-next-icon{background-image:url(../images/right-arrow.png);}
.header-slider .carousel-control-prev-icon{background-image:url(../images/left-arrow.png);}
.header-slider .carousel-indicators [data-bs-target]{background-color:#005939;}
/* Header Slider End */


/* Our Global Presence */
.sub-global-pt-pb{width: 100%; display: inline-block; padding: 100px 0 0 0;}
.react-heading {position: relative; margin: 0 0 60px 0;}
span.watermark {font-size: 180px; position: absolute; left: 0; top: -10px; z-index: 1; text-transform: uppercase; font-weight: 700; opacity: 0.1;
    -webkit-background-clip: text; -webkit-text-fill-color: #4cb781; height: 95px; display: flex; align-items: center; -webkit-text-stroke: 1px #015e53;
}
.sub-title-box{display: inline-block; z-index: 0; position: relative;}
.sub-title-box h2 {width: 100%; display: inline-block; color: #015e53; font-size: 42px; font-weight: 600;}
/* Our Global Presence End */

/* Get in Touch */
.sub-get-touch-pt-pb{width: 100%; display: inline-block; background-color: #015e53; padding: 100px 0;
    background-image: url(../images/map-bg-1.png); background-position: center center; background-repeat: no-repeat; background-size: auto;
}

.sub-get-title h2{font-size: 32px; line-height: 38px; padding: 15px 0 60px 0;}

.sub-address-get-content{width: 100%; display: inline-block;}
.sub-address-get-content h4{width: 100%; display: inline-block; color: #eef1f4; font-size: 22px; font-weight: 600; margin: 0;}
.sub-address-get-content p{color: #ffffff; font-size: 16px; line-height: 26px; margin: 0; padding: 15px 0 0 0;}

.sub-call-get-content{width: 100%; display: inline-block;}
.sub-call-get-content h4{width: 100%; color: #eef1f4; font-size: 22px; font-weight: 600; margin: 0; display: inline-block; padding: 0 0 15px 0;}
.sub-call-get-content a{color: #ffffff; font-size: 16px; line-height: 26px;}
.sub-call-get-content a:hover{color: #eae7b0;}
.sub-call-get-content a i{margin: 0 6px 0 0;}
.sub-call-get-mt{margin: 30px 0 0 0;}

.sub-social-get-icon{width: 100%; display: inline-block; padding: 30px 0 0 0;}
.sub-social-get-icon h4{width: 100%; color: #eef1f4; font-size: 22px; font-weight: 600; margin: 0; display: inline-block; padding: 0 0 15px 0;}
.sub-social-get-icon ul{padding: 0; margin: 0; display: block;}
.sub-social-get-icon ul li{padding: 0; margin: 0 10px 0 0; list-style: none; display: inline-block;}
.sub-social-get-icon ul li a{width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border: 1px solid #97c199;}
.sub-social-get-icon ul li a i{color: #ffffff; font-size: 18px;}
.sub-social-get-icon ul li a:hover{background: #97c199;}

.sub-get-form{width: 100%; display: inline-block; background: #ffffff; border-radius: 8px; padding: 40px 50px;}
.sub-get-form h3{color: #005939; font-size: 32px; font-weight: 600; text-transform: uppercase; margin: 0;}
.sub-get-form p{font-size: 18px; padding: 15px 0;}
.sub-get-form .form-group .form-control{width: 100%; display: inline-block; margin: 0 0 15px 0;}
.sub-form-btn .btn-lg{margin: 20px 0 0 0;}
/* Get in Touch End */

/* Inner Page */
.sub-products-bucket-pt-pb{width: 100%; display: inline-block; padding: 85px 0; background: url(../images/about-us.png); background-position: top right;
    background-repeat: no-repeat; background-size: auto;
}
.sub-products-bucket-title{width: 100%; display: inline-block; padding: 0;}
.sub-products-bucket-title h1{color: #015e53; font-size: 48px; font-weight: 900; line-height: 52px; margin: 0; padding: 10px 0 20px 0;}
.sub-products-bucket-title p{font-size: 18px; line-height: 32px; padding: 10px 0 15px 0; margin: 0;}

.sub-map-mt-mb{width: 100%; display: inline-block; text-align: center;}
/* Inner Page End */

/* Our Services */
.sub-services-one-pt-pb{width: 100%; display: inline-block; padding: 140px 0 210px 0; background-color: #f1fae9;
    background-image: url(../images/product-smoke.png); background-position: center top; background-size: cover; background-repeat: no-repeat;
}
.sub-services-content{width: 100%; display: inline-block;}
.sub-services-content h2{color: #015e53; font-size: 38px; font-weight: 600; display: inline-block; padding: 0 0 20px 0; margin: 0;}
.sub-services-content p{font-size: 18px; line-height: 32px; padding: 0 0 15px 0; margin: 0;}

.sub-home-btn-about{width: 100%; display: inline-block; padding: 10px 0 0 0;}
.sub-services-right-w{display: inline-block; padding: 0 0 0 50px;}

.btn{color: #015e53; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 8px 35px !important; 
    border-radius: 0 !important; border: 1px solid #015e53 !important; overflow: hidden; position: relative; z-index: 1; transition: all 0.35s;
} 
.btn:hover,
.btn:focus{color:#fff !important;}
.btn:before{content: ""; background: #4cb781; width: 20%; height: 100%; transform: rotateZ(-45deg) translateX(-50%) translateY(-50%);
    position: absolute; top: 50%; left: 0; transition: all 0.3s; z-index: -1;
}
.btn:hover:before{width: 100%; top: 0; transform: none;}

.product-item.centered {min-height: 250px; /*background-color: #015e53;*/ border-radius: 12px; flex-direction: column; align-items: center;
    display: flex; overflow: visible; margin: 140px 0 0 0; position: relative; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    background: rgb(1,94,83); background: linear-gradient(0deg, rgba(1,94,83,1) 0%, rgba(76,183,129,1) 100%);
}
.product-item {overflow: hidden;}

.product-image.upp {margin-top: -40%; position: relative; transition: 0.3s; z-index: 999;}
.product-image.upp:hover{transform: scale(1.1);}
.sub-prd-mt{width: 100%; display: inline-block; padding: 180px 0 0 0;}
.sub-two-title-mb{padding: 0 0 100px 0;}

.sub-product-title{width: 100%; display: inline-block; padding: 0;}
.sub-product-title span{color: #eef1f4; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.sub-product-title h2{color: #97c199; font-size: 34px; font-weight: 800; line-height: 42px; text-transform: uppercase; margin: 0; padding: 10px 0 20px 0;}

.sub-product-title span img{display: inline-block; margin: 0 8px 0 0;}

.gear-pattern-layer {position: absolute; right: 24%; top: 25%; width: 345px; height: 344px; background-repeat: no-repeat; z-index: 1;}
.sub-services-img-round .gear-pattern-layer{left: -1%;}

.gear-pattern-layer{
    animation-name: rotateme; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
        
        -webkit-animation-name: rotateme; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
        
        -moz-animation-name: rotateme; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
        
        -ms-animation-name: rotateme; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
        
        -o-animation-name: rotateme; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes rotateme-two{
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(-180deg);
      }
    100% {
        -webkit-transform: rotate(-360deg);
        opacity: 1;
      }
}
/* Our Services End */

/* Product Industries */
.sub-prd-services-one-pt-pb{width: 100%; display: inline-block; padding: 85px 0;}

.sub-industries-pb{width: 100%; display: inline-block; padding: 0 0 30px 0;}

.service-item-wrapper {text-align: left; border: 1px solid #015e53; padding: 0; -webkit-box-shadow: 0px 0px 26px 0px rgba(215, 212, 212, 0.35);
        box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05); background: #f1fae9; margin: 0 0 30px 0;
}
.service-slider-item-link {position: relative; display: block;}
.service-item-number {position: absolute; top: -75px; left: 0; right: 0; padding: 0 30px; font-size: 100px; letter-spacing: -.03em; font-weight: 700; margin-top: 0; -webkit-transition: color .3s; transition: color .3s; color: #ffffff;
}
.service-item-content {width: 100%; padding: 10px 10px; background: #015e53; -webkit-transition: background-color .3s,bottom .3s; transition: background-color .3s,bottom .3s; display: inline-block; margin: 15px 0 0 0;
}
.service-post-title {color: #ffffff; font-size: 20px; font-weight: 600; padding: 0; position: relative; text-align: center; text-transform: uppercase; 
    margin: 0;
}
.service-item:hover .service-item-content{color: #015e53; background-color: #f1fae9;}
.service-item:hover .service-item-content .service-post-title{color: #015e53;}
/* Industries We Serve End */

/* Inner Page */
.main-inner-page-pt-pb{width: 100%; display: inline-block; padding: 85px 0;}

.sub-home-text-about{width: 100%; display: inline-block; padding: 0;}
.sub-home-text-about span{color: #69a913; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.sub-home-text-about h1{color: #005939; font-size: 48px; font-weight: 800; line-height: 52px; text-transform: uppercase; margin: 0; padding: 10px 0 20px 0;}
.sub-home-text-about h3{color: #005939; font-size: 32px; font-weight: 800; line-height: 42px; margin: 0; padding: 10px 0 20px 0;}
.sub-mt-mtr{width: 100%; display: inline-block; padding: 60px 0 0 0;}
.sub-home-text-about p{font-size: 18px; line-height: 32px; text-align: justify; margin: 0 0 10px 0;}
.sub-home-text-about span img{display: inline-block; margin: 0 8px 0 0;}

.sub-home-img-about{position: relative;}
.sub-home-img-about img{border-bottom: 10px solid #4cb781; border-left: 10px solid #015e53; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); padding: 15px;}

.sub-inner-about-pt{width: 100%; display: inline-block; padding: 30px 0 0 0;}

.sub-product-img-details{width: 100%; display: inline-block; background: #ffffff; border: 1px solid #dee2e6;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); padding: 15px;
}
.sub-product-table-details{width: 100%; display: inline-block; margin: 15px 0 0 0;}
.sub-product-title-details h2{width: 100%; display: inline-block; color: #005939; font-size: 32px; font-weight: 600; text-transform: uppercase; margin: 0;}
.sub-product-table-details p{width: 100%; display: inline-block; font-size: 18px; line-height: 32px; margin: 0; padding: 0 0 20px 0;}
.sub-product-table-details table tr th{font-size: 16px; font-weight: 600;}
.sub-product-table-details table tr td{font-size: 16px;}
.sub-product-dtal-btn{display: inline-block; padding: 10px 0 0 0;}
.sub-whtsp{display: inline-block; margin: 0 0 0 30px;}

.sub-product-cont-mt{width: 100%; display: inline-block; padding: 30px 0 0 0;}

.product-grid{width: 100%; display: inline-block; background: #ffffff; border: 1px solid #dee2e6; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); padding: 15px;}
.product-content h3 a{width: 100%; display: inline-block; color: #015e53; font-size: 28px; font-weight: 600; text-align: center; padding: 15px 0 0 0;}
.product-content h3 a:hover{color: #97c199;}

.sub-materials-pt-pb{width: 100%; display: inline-block; padding: 120px 0; background: url(../images/materials-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative; overflow: hidden; background-attachment: fixed;
}
.sub-materials-pt-pb::before {position: absolute; content: ""; background: #000000; width: 100%; height: 100%; opacity: 0.7; top: 0; left: 0;}

.sub-materials-content{width: 100%; display: inline-block; position: relative; z-index: 9; text-align: center;}
.sub-materials-content h3{color: #ffffff; font-size: 32px; font-weight: 400; line-height: 52px; letter-spacing: 1px; padding: 0 0 20px 0;}
.sub-materials-content .sub-home-btn-about .btn{color: #ffffff; border: 1px solid #ffffff !important;}

.sub-about-sevice-pt-pb{width: 100%; display: inline-block; background-color: #f1fae9; padding: 85px 0;}

.sub-about-sevice-title-pb{width: 100%; display: inline-block; padding: 0 0 40px 0;}
.sub-about-sevice-title-pb h2{color: #015e53; font-size: 48px; font-weight: 900; line-height: 52px; margin: 0; padding: 0;}

:root{ --main-color: #015e53; }
.serviceBox{width: 100%; min-height: 318px; color: var(--main-color); display: inline-block; text-align: center; padding: 35px 28px 25px; position: relative;
    z-index: 1;
}
.serviceBox:before,
.serviceBox:after{content: ""; border-radius: 25px; border: 10px solid var(--main-color);
    clip-path: polygon(65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%, 0 65%); position: absolute; top: 0; right: 0; left: 0; bottom: 0;
}
.serviceBox:after{border-width: 3px;
    clip-path: polygon(0 0, 60% 0, 55% 5%, 96% 44%, 100% 40%, 100% 100%, 40% 100%, 43% 95%, 5% 55%, 0 60%); top: 3px; bottom: 3px; right: 3px; left: 3px;
}
.serviceBox .service-icon{margin: 0;}
.serviceBox .title{font-size: 24px; font-weight: 600; letter-spacing: 1px; text-transform: capitalize; margin: 15px 0 10px;}
.serviceBox .description{color: #515151; font-size: 16px; line-height: 24px; margin: 0;}
.serviceBox.gray{ --main-color: #252D36; }
.serviceBox.purple{ --main-color: #BE2EDD; }
.serviceBox.blue{ --main-color: #0bb7ce; }

.sub-why-choose-pt-pb{width: 100%; display: inline-block; padding: 85px 0;}

.sub-why-choose-content{width: 100%; display: inline-block;}
.sub-choose-title{width: 100%; display: inline-block; padding: 0 0 40px 0;}
.sub-choose-title h2{color: #015e53; font-size: 48px; font-weight: 900; line-height: 52px; margin: 0; padding: 0;}
.sub-why-choose-content ul li{font-size: 18px; line-height: 32px; padding: 0 0 15px 0;}
.sub-why-choose-content p{font-size: 18px; line-height: 32px;}

.sub-about-bottom-title{width: 100%; display: inline-block; padding: 60px 0 0 0;}
.sub-about-bottom-title h3{color: #005939; font-size: 28px; font-weight: 600; line-height: 42px; text-align: center; margin: 0;}

.sub-img-post{width: 100%; display: inline-block; background: #ffffff; padding: 15px;}

.sub-process-content{padding: 0 0 30px 0;}
.sub-process-content h2{color: #015e53; font-size: 32px; font-weight: 900; line-height: 42px; margin: 0; padding: 0;}

.sub-img-process{width: 100%; display: inline-block; background: #ffffff; border: 1px solid #dee2e6; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); 
    padding: 15px;
}

.sub-text-process{width: 100%; display: inline-block; padding: 0;}
.sub-text-process h3{width: 100%; display: inline-block; color: #005939; font-size: 32px; font-weight: 600; text-transform: uppercase; margin: 0 0 20px 0;}
.sub-text-process p{width: 100%; display: inline-block; font-size: 18px; line-height: 32px; margin: 0; padding: 0 0 15px 0;}
.sub-text-process ul li{font-size: 18px; line-height: 32px; margin: 0; padding: 0 0 5px 0;}

.sub-process-gray-bg{width: 100%; display: inline-block; background-color: #f1fae9; padding: 60px 0 40px 0;}
.sub-process-white-bg{width: 100%; display: inline-block; padding: 60px 0;}

.sub-materials-content{padding: 0 0 30px 0;}
.sub-materials-content h2{color: #515151; font-size: 28px; font-weight: 500; line-height: 42px; margin: 0; padding: 0;}
.sub-img-materials{width: 100%; display: inline-block; background: #ffffff; border: 1px solid #dee2e6; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); 
    padding: 15px;
}
.sub-img-materials h4{width: 100%; display: inline-block; color: #ffffff; font-size: 24px; font-weight: 600; text-transform: uppercase; margin:10px 0 0 0;
    text-align: center; background: #015e53; padding: 10px 0;
}
/* Inner Page End */

/* Contact Us */
.sub-contact-title-box{width: 100%; display: inline-block; padding: 0 0 30px 0;}
.sub-contact-title-box-two{padding: 0 0 10px 0;}
.sub-contact-title-box p{width: 100%; display: inline-block; font-size: 15px;}
.sub-contact-title-box h5{width: 100%; display: inline-block; color: #0b0b0b; font-size: 22px; font-weight: 600; padding: 0;}
.sub-office-address{width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; margin: 0 0 30px 0;}
.sub-contact-form h5{width: 100%; display: inline-block; color: #0b0b0b; font-size: 28px; font-weight: 500; text-align: center; padding: 0 0 15px 0;}
.sub-office-address .sub-office-icon{width: 55px; height: 55px; display: flex; align-items: center; justify-content: center;  border-radius: 8px; 
    background: #015e53;
}
.sub-office-address .sub-office-icon i{color: #ffffff; font-size: 22px;}
.sub-office-content p{color: #373435; font-size: 18px; padding: 0 0 0 15px;}
.sub-office-content a{color: #373435; font-size: 18px; line-height: 36px; padding: 0 0 0 15px;}
.sub-office-content a:hover{color: #005939;}
.sub-contact-form{width: 100%; display: inline-block; background: #eef1f4; padding: 30px;}
.sub-contact-form .form-group .form-control{width: 100%; display: inline-block; border-radius: 0px; margin: 0 0 20px 0;}
.sub-contact-form .content-form-btn{width: 100%; display: inline-block; margin: 20px 0 0 0;}
.sub-contact-map{margin: 40px 0 0 0;}
.sub-contact-map iframe{width: 100%; height: 450px;}
/* Contact Us End */

/* footer */
footer{width: 100%; display: inline-block; background: #015e53; padding: 45px 0 35px 0; border-top: 1px solid #4cb781;}

.footer-menu h5{color: #97c199; font-size: 32px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0 0 20px 0; margin: 0;}
.footer-menu ul{display: flex; align-items: center; padding: 0; margin: 0;}
.footer-menu ul li{list-style: none; padding: 0; margin: 0;}
.footer-menu ul li a{color: #eef1f4; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; display: inline-block; margin: 0 18px 10px 18px; 
    position: relative;
}
.footer-menu ul li a::before{width: 10px; height: 14px; content: ""; position: absolute; background: url(../images/footer-right-arrow.png);
    background-position: center top; background-repeat: no-repeat; background-size: auto; top: 6px; left: -18px;
}
.footer-menu ul li a:hover{color: #eae7b0;}

.footer-menu-side-pl{padding: 0 0 0 30px;}

.footer-copy{width: 100%; display: inline-block; background: #4cb781; padding: 20px 0;}
.footer-copy-text{width: 100%; display: inline-block; text-align: left;}
.footer-copy-text p{color: #ffffff; font-size: 16px; font-weight: 500; margin: 0; padding: 0;}

.footer-copy-cmp{width: 100%; display: inline-block; text-align: right;}
.footer-copy-cmp p{color: #ffffff; font-size: 16px; font-weight: 500; margin: 0; padding: 0;}
.footer-copy-cmp p a{color: #ffffff;}
.footer-copy-cmp p a:hover{color: #eae7b0;}

.sub-img-make-ind{display: inline-block; position: relative;}
.sub-img-make-ind img{width: 250px; position: absolute; bottom: -36px; right: 50px;}
/* footer End */

/* Call to Action */
.sub-modal-popup .form-group .form-control {height: 45px; font-size: 16px; border: 1px solid #373435; margin: 0 0 15px 0;}
.sub-modal-popup .form-group textarea {height: auto !important; padding: 15px;}
.sub-modal-popup .modal-body {padding: 0;}
.sub-modal-popup .modal-footer .btn-primary {font-size: 18px; background: #77204a; border: 1px solid #77204a; border-radius: 6px; padding: 8px 35px;}
.sub-modal-popup .modal-footer .btn-primary:hover {background: #db1f68; border: 1px solid #db1f68;}
.footer-form {padding: 0 0 30px 0;}
.footer-form .form-group .form-control {font-size: 16px; height: 45px; border: 1px solid #77204a; margin: 0 0 15px 0;}
.footer-form .form-group textarea {height: auto !important; padding: 20px 25px;}
.sub-modal-popup .modal-dialog{max-width: 850px;}
.sub-modal-popup .modal-header{background: #015e53; padding: 8px 15px 8px 15px;}
.sub-modal-popup .modal-title{color: #ffffff;}
.sub-modal-popup .modal-footer{padding: 15px 0 0 0;}
.sub-modal-popup-form{width: 100%; display: inline-block; background: #f6f6f6; padding: 30px 30px 15px 30px;}
.sub-modal-logo-box-two{width: 100%; display: inline-block; text-align: center; padding: 0;}
.sub-modal-logo-box-two img{display: inline-block; margin: 0 0 30px 0;}
.sub-modal-logo-box .sub-modal-icons{width: 45px; height: 45px; color: #ffffff; display: flex; align-items: center; justify-content: center;
    background: #015e53; border-radius: 100%; margin: 0 15px 15px 0;
}
.sub-modal-logo-box .sub-modal-email{display: inline-block; padding: 10px 0 0 0;}
.sub-modal-logo-box a{color: #241f21; font-size: 18; font-weight: 600; display: inline-block; padding: 10px 0 0 0;}
.sub-modal-logo-box a:hover{color: #e86520;}
.sub-modal-logo-box p{color: #241f21; font-size: 16px; font-weight: 500; display: inline-block; padding: 0 0 0 0 !important;}
.sub-modal-logo-box p strong{font-size: 20px;}
.sub-modal-logo-box-two {width: 100%; display: inline-block; text-align: center; padding: 0;}
.sub-modal-icons-mail{display: inline-block; text-align: left; margin: 0 0 15px 0;}
.sub-modal-popup button.close {background-color: #241f21; margin: -9px -15px -25px 0; border-radius: 0 4px 0 0; opacity: 0.9; padding: 17px 20px;}
.sub-modal-popup .close:not(:disabled):not(.disabled):hover {color: #ffffff;}
.sub-modal-popup .close{color: #ffffff;}
.sub-modal-popup .modal-header .btn-close {background-color: #4cb781; margin: -9px -15px -9px 0; border-radius: 0 4px 0 0; opacity: 0.9; padding: 19px;}
/* Call to Action End */

/* Modal Popup Form */
.modal-dialog {max-width: 850px;}
input.edu-btn {
    width: auto;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    height: auto;
    color: #ffffff;
    background: #015e53;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: 0 none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 14px 35px;
    cursor: pointer;
}
input.edu-btn:hover {
    color: #ffffff;
    background: #4cb781;
}
.modal-title {
    width: 100%;
    color: #0b0b0b;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.modal-footer .form-group {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-items: flex-start;
}
.sub-modal-popup .modal-content{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.sub-modal-popup .modal-content a{
    color: #0b0b0b;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 0 0 0 0;
}
.sub-modal-logo-box{
    display: inline-block;
    padding: 0 0 0 0;
}
/* Modal Popup Form End */

/* Scroll to Top */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #00513a;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
}
#return-to-top i {
    color: #ffffff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: #62a509;
}
#return-to-top:hover i {
    color: #ffffff;
}
/* Scroll to Top End */

/* Footer Whatsapp & Call icon Left Right */
.footer-whatsapp-left{position: fixed; bottom: 0; right: 0; margin: 0 10px 80px 0; z-index: 999999;}
.footer-whatsapp-left a{display: flex; align-items: center; justify-content: center;}
.footer-whatsapp-left a img{width: 85px;}
.footer-call-right a img{width: 75px;}

.footer-call-right{position: fixed; bottom: 0; right: 0; margin: 0 20px 180px 0; z-index: 999999;}
.footer-call-right a{display: flex; align-items: center; justify-content: center;}

.vibrate-3 {-webkit-animation: vibrate-3 1s linear infinite both; animation: vibrate-3 1s linear infinite both;}

@-webkit-keyframes vibrate-3 {
    0% {
    -webkit-transform: translate(0);
    transform: translate(0);
    }

    10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    }

    20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
    }

    30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
    }

    40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    }

    50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    }

    60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
    }

    70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
    }

    80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    }

    90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
    }

    100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    }
}

@keyframes vibrate-3 {
    0% {
    -webkit-transform: translate(0);
    transform: translate(0);
    }

    10% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    }

    20% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
    }

    30% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
    }

    40% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    }

    50% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    }

    60% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
    }

    70% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
    }

    80% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    }

    90% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
    }

    100% {
    -webkit-transform: translate(0);
    transform: translate(0);
    }
}

.sub-brochure-pdf {position: fixed; right: 0; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 9;}
.sub-send-inquiry-form {position: fixed; left: 0; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 9;}
.mobile-footer-social-icon-main{display: none;}
/* Footer Whatsapp & Call icon Left Right End */

/* Page Header */
.page_header_content {width: 100%; position: relative; background-image: url("../images/inner-banner/inner-banner-bk.png"); background-position: bottom right;
    background-size: auto; background-repeat: no-repeat; margin: 0px; padding: 180px 0; text-align: center; overflow: hidden;
    background-color: #015e53;
}
.page_header_content::before {position: absolute; content: ""; background: #000000; width: 100%; height: 100%; opacity: 0.2; top: 0; left: 0;}
.page_header_content .breadcrumb {padding:0; margin: 0; list-style: none; /*display: block;*/ background: transparent;}
.page_header_content .breadcrumb li::before {content: ''; width: 2px; height: 15px; border-radius: 0; display: inline-block; background: #61a408;
    margin-right: 7px;
}
.page_header_content .breadcrumb li:first-child:before {display: none;}
.page_header_content .breadcrumb li {position: relative; display: inline-block; font-size: 18px; font-weight: 400; line-height: 32px;}
.page_header_content .breadcrumb li:not(:last-child) {margin-right: 6px;}
.page_header_content .breadcrumb li a {color: #ffffff;}
.page_header_content .breadcrumb li a:hover{color: #61a408;}
.page_header_content .breadcrumb li.active {color: #ffffff;}
.page_header_content .heading {position: relative; font-size: 48px; font-weight: 500; line-height: 60px; letter-spacing: 2px; margin: 0; padding: 0;
    color: #ffffff; text-align: left; text-transform: uppercase;
}
/* Page Header End */