body{font-family: 'Montserrat', sans-serif; line-height: 1.6; margin: 0; padding: 0; max-width: 100%; overflow-x: hidden;}
img{max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6{margin: 0;}
p{margin: 0;}
span{margin: 0;}
figure{margin: 0;}
a{text-decoration: none;}
ul{padding: 0; margin: 0;}

:root{
	--site-main-color : #003D7C;
	--site-sub-color: #5B8F13;
	--title-font-size: 26px;
	--content-text-color: #313131;
}

/* ----------------------- css for index.html page starts here ------------------------ */

/* ================= modified css for owl carousel in features-section starts here ================ */
.owl-carousel .owl-item img{width: auto;}
.features-section .owl-dots{display: none;}
.features-section .owl-nav{display: none;}
.features-section .owl-stage{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.features-section .owl-item{display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto !important;}
.testimonial-slider{z-index: 0;}
/* ================= modified css for owl carousel in features-section ends here ================ */

/* =================== site-header css starts here =============== */
.site-header{padding: 5px 0; background: #FFFFFF; position: sticky; top: 0; z-index: 1;
box-shadow: -12px 14px 26px #00000029;}
.logo-col{padding: 0 15px;}
.navmenu-col{padding: 0 15px; margin-left: auto;}
.nav-menus ul li{display: inline-block; padding-left: 25px;}
.nav-menus ul li a{color: var(--site-main-color); font-size: 18px; font-weight: 700;}
.nav-menus ul li a:hover{text-decoration: none; color: var(--site-sub-color);}
.header-row{align-items: center;}

         /* css for responsive navbar starts here*/
.toggle-menu ul{display:table; width:25px;}
.toggle-menu ul li{width:100%; height:3px; background-color: #71BE2F; margin-bottom:4px; list-style: none;}
.toggle-menu ul li:last-child{margin-bottom:0px;}
.main-header input[type=checkbox], .main-header label{display:none;}
.main-header{position: relative;}
        /* css for responsive navbar ends here*/
/* =================== site-header css ends here =============== */

/* =================== banner-section css starts here =============== */
.banner-section{padding: 250px 0;}
.banner-title{text-align: center;}
.banner-title h1{color: #FFFFFF; font-size: 46px; font-weight: 700; text-align: center; margin-bottom: 7px;}
.banner-title span{color: #FFFFFF; font-size: 20px; text-align: center;}
.index-quote-btn a{background: var(--site-sub-color); color: #FFFFFF; padding: 10px 35px; display: inline-block;
cursor: pointer; font-size: 16px; font-weight: 600;}
.index-quote-btn{text-align: center; margin-top: 23px;}
.index-quote-btn a:hover{text-decoration: none; background: var(--site-main-color); transition: 0.5s linear;}
/* =================== banner-section css ends here =============== */

/* =================== features-section css starts here =============== */
.features-section{margin-top: -100px; margin-bottom: 70px;}
.features-detail{padding: 10px; border: 1px solid #707070; box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1); 
text-align: center; background: #FFFFFF; height: 100%;}
.feature-title h3{color: var(--site-sub-color); font-size: 18px; font-weight: 700; margin-bottom: 7px; margin-top: 7px;}
.feature-content p{color: #313131; font-size: 14px; font-weight: 500;}
.feature-icon img{height: 50px !important; width: 50px !important;}
.hover-img{margin: 0 auto;}
.features-detail:hover{background: linear-gradient(var(--site-sub-color), var(--site-main-color)); transition: 0.8s;}
.features-detail:hover .feature-content p{color: #FFFFFF;}
.features-detail:hover .feature-title h3{color: #FFFFFF;}
.hover-img{display: none;}
.features-detail:hover .hover-img{display: block;}
.features-detail:hover .non-hover-img{display: none !important;}
/* =================== features-section css ends here =============== */

/* =================== index-abtus-section css starts here =============== */
.index-abtus-section{margin-bottom: 70px;}
.abtus-title{margin-bottom: 13px;}
.abtus-title h2{color: var(--site-main-color); font-size: var(--title-font-size); font-weight: 700;}
.abtus-title span{color: #313131; font-size: 18px; font-weight: 500;}
.abtus-content p{color: var(--content-text-color); font-size: 16px; margin-bottom: 13px; text-align: justify; font-weight: 500;}
.readmore-btn a{color: #FFFFFF; background: var(--site-sub-color); display: inline-block; padding: 10px 50px; text-decoration: none; 
font-weight: 700;}
.readmore-btn a:hover{background: var(--site-main-color); transition: 0.5s ease-in;}
/* =================== index-abtus-section css ends here =============== */

/* =================== index-services-section css starts here =============== */
.index-services-section{margin-bottom: 49px;}
.service-banner{margin-bottom: 50px;}
.sr-title{text-align: center;}
.sr-title h2{color: #FFFFFF; font-size: var(--title-font-size); font-weight: 700;}
.sr-title span{color: #FFFFFF; font-size: 18px; font-weight: 500;}
.sr-box{text-align: center; box-shadow: -12px 14px 26px #00000029; margin-bottom: 21px; padding: 15px 0; 
border: 1px solid #E2E2E2; background: #FFFFFF;}
.sr-box:hover{background: linear-gradient(var(--site-sub-color), var(--site-main-color));}
.sr-icon .sr-hover{display: none;}
.sr-box:hover .sr-icon .sr-nonhover{display: none;}
.sr-box:hover .sr-icon .sr-hover{display: block; margin: 0 auto;}
.sr-box:hover .sr-field h3{color: #FFFFFF;}
/*.sr-box:hover{background: linear-gradient(var(--site-sub-color), var(--site-main-color));}*/
.sr-icon{margin-bottom: 13px;}
.sr-field h3{color: #353535; font-size: 16px; font-weight: 700;}
.sr-box a{text-decoration: none;}
/* =================== index-services-section css ends here =============== */

/* =================== clients-section css starts here =============== */
.clients-section{margin-bottom: 70px;}
.clients-title{text-align: center; margin-bottom: 41px;}
.clients-title h2{color: var(--site-main-color); font-size: var(--title-font-size); font-weight: 700;}
.clients-title span{color: #313131; font-size: 18px; font-weight: 500;}
.clients-col{padding: 0 15px; text-align: center;}
.clients-section .owl-dots{margin-top: 31px;}
.clients-section .owl-nav{display: none;}
.owl-theme .owl-dots .owl-dot span {width: 14px; height: 14px; margin: 5px 7px; background: #D6D6D6; display: block;
-webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: var(--site-sub-color);}
.client-slider{z-index: 0;}
.client-slider .owl-stage{margin: 0 auto;}
/* =================== clients-section css ends here =============== */

/* =================== index-contact-section css starts here =============== */
.index-contact-section{margin-bottom: 50px; background: linear-gradient(var(--site-sub-color), var(--site-main-color)); 
padding: 70px 0;}
.con-title{text-align: center; margin-bottom: 27px;}
.con-title h2{color: #FFFFFF; font-size: var(--title-font-size); font-weight: 700; margin-bottom: 5px;}
.con-title span{color: #FFFFFF; font-size: 18px; font-weight: 500;}
.con-btn{text-align: center;}
.con-btn a{border: 1px solid #FFFFFF; padding: 10px 40px; color: #FFFFFF; text-decoration: none; font-size: 16px; 
font-weight: 700;}
.con-btn a:hover{background: #FFFFFF; color: #000000; transition: 0.8s ease;}
/* =================== index-contact-section css ends here =============== */

/*====================== site-footer css starts here ======================*/
.footer-logo{margin-bottom: 5px;}
.fiveeye-text p{color: #313131; font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.fiveeye-text ul li{color: #313131; font-size: 14px; font-weight: 500; margin-bottom: 7px; list-style: none;}
.links-title h4{color: var(--site-main-color); font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.footer-links ul li{list-style: none;}
.footer-links ul li a{margin-bottom: 7px; color: #313131; font-size: 14px; font-weight: 500;}
.footer-links a:hover{text-decoration: none;}
.office-info img{margin-right: 10px;}
.office-info{margin-bottom: 11px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.office-info ul li{list-style: none;}
.office-info ul li a{color: #313131; font-size: 14px; font-weight: 500; text-decoration: none;}
.office-info a:hover{text-decoration: none;}
.ft-top{margin-top: 15px;}
.footer-content{margin-bottom: 30px;}
.border-footer{width: 100%; height: 2px; background: #e2e2e2;}
.footer-social-links div{display: inline-block; margin-right: 7px;}
.footer-social-links div:last-child{margin-right: 0;}
.soc-icons img{ transition: 0.9s; -webkit-transition: 0.9s; -moz-transition: 0.9s; -ms-transition: 0.9s; 
-o-transition: 0.9s;}
.soc-icons img:hover{transition: 0.9s; -webkit-transition: 0.9s; -moz-transition: 0.9s; -ms-transition: 0.9s; 
-o-transition: 0.9s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); transform: rotate(360deg);} 
/*====================== site-footer css ends here ======================*/

/*======================= footer css starts here ========================*/
.footer{padding: 7px 0;}
.privacy-terms div{display: inline-block;}
.five-eye{margin-left: auto;}
.footer-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.bottom-footer-text p{color: #313131; font-size: 14px; font-weight: 500;}
.bottom-footer-text ul li{list-style: none;}
.bottom-footer-text ul li a{color: #313131; font-size: 14px; font-weight: 500; list-style: none;}
.bottom-footer-text a:hover{text-decoration: none;}
.bottom-footer-text{margin-right: 31px;}
.bottom-footer-text:last-child{margin-right: 0;}
/*======================= footer css ends here ========================*/

/*======================= media-query starts here ========================*/
@media(max-width: 1400px){
	.banner-section{padding: 200px 0;}
}

@media(max-width: 991px){
.main-header label {display: block !important; cursor:pointer; margin-left: auto; padding: 0 15px;}
.main-header input[type=checkbox]:checked ~ nav {display:block; overflow-y: scroll;}
.main-header label ul{position: relative;}
.main-header input[type=checkbox]:checked ~  label ul li:first-child{position: absolute; top: 4px; -webkit-transform: rotate(120deg); 
transform: rotate(135deg); opacity: 0.9; transition: -webkit-transform .35s ease-in-out;
transition: transform .35s ease-in-out; transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;}
.main-header input[type=checkbox]:checked ~  label ul li{margin-bottom: 0;}
.main-header input[type=checkbox]:checked ~  label ul li:nth-child(2){visibility: hidden;}
.main-header input[type=checkbox]:checked ~  label ul li:last-child{position: absolute; top: 4px; -webkit-transform: rotate(-123deg); 
transform: rotate(-135deg); opacity: 0.9; transition: -webkit-transform .35s ease-in-out; transition: transform .35s ease-in-out; 
transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;}
.main-header nav{display:none; position: fixed; right: 0px; top:95px; background-color: #393837; padding: 10px 20px; 
z-index:99; width: 30%; height: 100vh; transition: all 5s linear;}
.main-header nav ul{width:auto;}
.main-header nav ul li{float:none; padding:0px; width:100%; display:inline-block; list-style: none !important;}
.main-header nav ul li a{color:#FFF; font-size:15px; padding:10px 20px; display:block; border-bottom: 1px solid rgba(225,225,225,0.1);}
.logo-col{position: relative !important;}
}

@media(max-width: 767px){
    .service-banner{background-size: cover !important; background-repeat: no-repeat !important; 
        background-position: center center !important;}
	.features-section{margin-top: -120px;}
    .abt-img{margin-bottom: 23px;}
    .abtus-text{text-align: center;}
    .five-eye{margin: 0;}
    .bottom-footer-text {text-align: center !important;}
    .privacy-terms{width: 100%; text-align: center;}
    .privacy-terms div{display: block;}
    .five-eye{width: 100%; text-align: center;}
    .bottom-footer-text{margin: 0;}
}

@media(max-width: 575px){
	.features-section{margin-top: -80px;}
    .main-header nav{width: 60%;}
    .geo-logo img{height: 60px;}
    .main-header nav{top: 70px;}
    .footer-content{text-align: center;}
    .ft-menu-row{justify-content: center;}
    .banner-section{padding: 130px 0; background-size: cover !important; background-position: center !important;}
    .feature-content p{font-size: 13px;}
    .banner-title span{font-size: 15px;}
    .banner-title h1{font-size: 30px;}
    .abtus-content p{font-size: 13px;}
    .abtus-title span{font-size: 15px;}
    .sr-title span{font-size: 15px;}
    .sr-field h3{font-size: 15px;}
    .clients-title span{font-size: 15px;}
    .office-info{justify-content: center;}
}

@media(max-width: 460px){
    .main-header nav{width: 70%;}
}
/*======================= media-query ends here ========================*/

/*================== css for index.html page ends here ========================*/

/* -------------------------- css for aboutus.html page starts here --------------------- */



/* --------------------- css for about-us.html page starts here --------------------- */

/* ================= css for about-us-banner-section starts here ================== */
.about-us-banner-section{padding: 100px 0; margin-bottom: 20px;}
.abt-banner-title{text-align: center;}
.abt-banner-title h2{color: #FFFFFF; font-weight: 700; font-size: 32px;}
.abt-banner-title span{color: #FFFFFF; font-weight: 500; font-size: 18px;}
/* ================= css for about-us-banner-section ends here ================== */

/*================ css for our-detail-section starts here ==================*/
.our-detail-section{margin-bottom: 70px;}
.who-title h2{color: var(--site-main-color); font-size: var(--title-font-size); font-weight: 700; text-align: center;
margin-bottom: 8px;}
.who-title span{color: var(--site-sub-color);}
.who-text p{color: #313131; font-weight: 500; font-size: 16px; text-align: justify; margin-bottom: 50px;}
.visions-box{border: 1px solid var(--site-sub-color); box-shadow: -12px 14px 26px #00000029; padding: 15px 10px; 
text-align: center; background: #FFFFFF; height: 96%;}
.vision-title h3{color: var(--site-sub-color); font-size: 18px; font-weight: 700; margin-bottom: 7px; margin-top: 7px;}
.vision-text p{color: #313131; font-weight: 500; font-size: 14px;}
.visions-box:hover{background: linear-gradient(var(--site-sub-color), var(--site-main-color));}
.abt-hover{display: none;}
.visions-box:hover .abt-nonhover{display: none;}
.visions-box:hover .abt-hover{display: block; margin: 0 auto;}
.visions-box:hover .vision-title h3{color: #FFFFFF;}
.visions-box:hover .vision-text p{color: #FFFFFF;}
/*================ css for our-detail-section ends here ==================*/

/* =================== our-team-section css starts here ================= */
.our-team-section{margin-bottom: 70px;}
.who-title p{color: #313131; font-size: 18px; font-weight: 500; text-align: center; margin-bottom: 50px;}
.member-box{border: 1px solid var(--site-sub-color); box-shadow: -12px 14px 26px #00000029; padding: 0 0 10px; 
text-align: center; background: #FFFFFF; margin-bottom: 30px; position: relative;}
.member-name h3{color: #313131; font-size: 18px; font-weight: 700; margin-top: 7px;}
.member-image{margin-bottom: 8px; border-bottom: 1px solid #f1f1f1;}
.member-image img{height: 100%; width: 100%;}

.overlay-btn a{border: 1px solid #FFFFFF; padding: 8px 25px; background: transparent; color: #FFFFFF; cursor: pointer;
font-weight: 600; font-size: 16px;}
.overlay-btn a:hover{color: #FFFFFF; text-decoration: none;}
.overlay-member{position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; display: none; 
    background: linear-gradient(rgb(91, 143, 19, 0.9), rgb(35, 87, 142, 0.9)); padding: 20px 10px;}
.member-box:hover .overlay-member{-webkit-transition: all 0.4s; transition: all 0.4s; display: flex; 
flex-direction: column; align-items: center; justify-content: center;}
.name-overlay{margin-bottom: 9px;}
.name-overlay h3{color: #FFFFFF; font-size: 18px; font-weight: 600;}
.name-overlay span{color: #FFFFFF; font-size: 14px; font-weight: 500;}
.overlay-content p{color: #FFFFFF; font-size: 16px; font-weight: 700;}
.social-overlay{margin-bottom: 20px;}
.social-overlay img{ height: 30px; width: 30px;}
.social-overlay img:last-child{margin-right: 0;}
.social-overlay a{margin-right: 5px;}
.social-overlay a:last-child{margin-right: 0;}
/* =================== our-team-section css ends here ================= */

/* =================== customer-review-section css starts here ================= */
.customer-review-section{margin-bottom: 70px;}
.customer-review-box{padding: 20px; box-shadow: 0px 3px 6px #00000029; background: #FFFFFF; border: 2px solid #e2e2e2;}
.quote-right img{float: right; margin-top: -35px;}
.quote-right{margin-bottom: 10px;}
.review-wrap{display: flex; flex-wrap: wrap; display: -webkit-box;
display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}
.reviewer-name h4{color: var(--site-sub-color); font-size: 20px; font-weight: 700;}
.company-name span{color: #313131; font-size: 16px; font-weight: 600; font-style: italic;}
.reviewer-info{margin-left: 10px;}
.reviewer-image img{height: 100px; width: 100px; border-radius: 50%;}
.reviewer-quote p{color: #313131; font-size: 16px; font-style: italic; font-weight: 500;}
.customer-review-section .customer-slider .owl-stage{padding-top: 16px;}
.customer-review-section .customer-slider{z-index: 0 !important;}
.reviewer-quote span{display: none;}
.customer-review-box:hover .reviewer-quote span{display: block;}
/* =================== customer-review-section css ends here ================= */

@media(max-width: 1400px){
    .about-us-banner-section{padding: 55px 0;}
}

@media(max-width: 767px){
    .visions-box{margin-bottom: 15px;}
}

@media(max-width: 575px){
    .reviewer-quote span{display: block;}
    .about-us-banner-section{background-size: cover !important; background-position: center !important;}
    .who-text p{font-size: 13px;}
    .vision-text p{font-size: 13px;}
    .who-title p{font-size: 15px;}
    .reviewer-quote p{font-size: 13px;}
    .con-title span{font-size: 15px;}
    .fiveeye-text p{font-size: 13px;}
    .bottom-footer-text a{font-size: 13px;}
    .bottom-footer-text p{font-size: 13px;}
    .office-info a{font-size: 13px;}
    .footer-links a{font-size: 13px;}
    .abt-banner-title h2{font-size: 28px;}
    .abt-banner-title span{font-size: 15px;}
}

/* --------------------- css for about-us.html page ends here --------------------- */

/* --------------------- css for privacy-policy.html page starts here --------------------- */

/* ===================== privacy-terms-section css starts here ========================*/
.privacy-terms-section{margin-bottom: 70px;}
.privacy-text p{color: #313131; font-weight: 500; font-size: 16px; margin-bottom: 15px;}
.privacy-text h6{color: var(--site-sub-color); font-weight: 700; font-size: 18px; margin-bottom: 15px;}
.privacy-text h5{color: #313131; font-size: 18px; font-weight: 700; margin-bottom: 8px;}
/* ===================== privacy-terms-section css ends here ========================*/

@media(max-width: 575px){
    .privacy-text p{font-size: 13px; text-align: center;}
    .privacy-text h6{font-size: 15px; text-align: center;}
    .privacy-text h5{font-size: 16px; text-align: center;}
}
/* --------------------- css for privacy-policy.html page starts here --------------------- */

/* --------------------- css for our-services.html page starts here --------------------- */

/* ==================== about-service-section css starts here ======================= */
.about-service-section{margin-bottom: 70px;}
.detail-heading h3{color: #313131; font-weight: 700; font-size: 20px; margin-bottom: 11px;}
.detail-content{text-align: justify;}
.detail-content p{color: #313131; font-size: 16px; font-weight: 500; margin-bottom: 15px;}
.detail-content ul li{list-style: none; font-size: 16px; font-weight: 500;}
.detail-content ul li::before {
    content: '➤';
    color: var(--site-sub-color);
    font-size: 18px;
    margin-right: 10px;
}
.detail-content ul li span{color: #313131; font-weight: 600;}
.about-service-section .who-title h2{margin-bottom: 60px;}
.serve-detail-img{margin-bottom: 23px;}
.other-services-title h3{color: var(--site-main-color); font-weight: 700; font-size: 20px; margin-bottom: 9px;}
.other-services-fields a{list-style: none; color: var(--site-sub-color); font-size: 16px; font-weight: 600; 
 text-decoration: none; display: block; cursor: pointer;}
.other-services-fields ul li{list-style: none; margin-bottom: 4px;}
.other-services-fields a:hover{color: var(--site-sub-color); text-decoration: none;}
.other-services-fields a:last-child{margin-bottom: 0;}
/* ==================== about-service-section css ends here ======================= */
@media(max-width: 767px){
    .about-service-section .who-title h2{text-align: left !important;}
}

@media(max-width: 575px){
    .detail-heading h3{font-size: 16px;}
    .detail-content p{font-size: 13px;}
    .about-service-section .who-title h2{margin-bottom: 8px;}
    .detail-content ul li{font-size: 13px;}
    .serve-detail-img{text-align: center;}
    .other-services{text-align: center;}
    .other-services-fields a{font-size: 13px;}
}
/* --------------------- css for our-services.html page ends here --------------------- */


/* --------------------- css for products.html page starts here --------------------- */

/* ===================== products-section css starts here ========================== */
.products-section{margin-bottom: 70px;}
.product-detail{border: 1px solid #313131; box-shadow: 0px 3px 6px #00000029; padding: 3px 3px 50px 3px; height: 95%;}
.product-image{margin-bottom: 13px;}
.product-heading h3{color: var(--site-sub-color); font-size: 18px; font-weight: 700; margin-bottom: 4px; text-align: center;}
.product-content p{color: #313131; font-size: 16px; font-weight: 500; text-align: center; margin-bottom: 8px;}
.product-image{display: block; overflow: hidden;}
.product-image img{width: 100%;}
.product-image img:hover{transform: scale(1.5); transition: all 0.7s;}
.pro-btn{text-align: center;}
.pro-btn a{background: var(--site-main-color); color: #FFFFFF; padding: 8px 30px; border: none; cursor: pointer; 
font-size: 16px; }
.pro-btn a:hover{text-decoration: none;}
/* ===================== products-section css ends here ========================== */

@media(max-width: 767px){
    .product-detail{margin-bottom: 25px;}
    .product-content p{font-size: 13px;}
    .product-heading h3{font-size: 16px;}
    .who-title p{font-size: 13px;}
}

/* --------------------- css for products.html page ends here --------------------- */

/* --------------------- css for blogs.html page starts here --------------------- */

/* ====================== blogs-section css starts here ====================== */
.blogs-section{margin-bottom: 70px;}
.blogs-detail{border: 1px solid #f1f1f1; box-shadow: 0px 3px 6px #00000029; padding-bottom: 10px; margin-bottom: 25px;
height: 95%;}
.blogs-detail a:hover{text-decoration: none;}
.blog-category{position: absolute;text-align: center; top: -46px; left: 0px; line-height: 25px; 
overflow: hidden; margin-bottom: 20px; text-transform: uppercase;}
.blog-topic{display: inline-block; color: #FFFFFF; padding: 10px 25px 10px; overflow: hidden; 
background-color: var(--site-main-color);}
.blog-body{position: relative; padding: 0 23px;}
.blog-category h3{font-size: 14px; font-weight: 600; color: #FFFFFF;}
.blogs-detail:hover .blog-topic{background: var(--site-sub-color); transition: all 0.5s ease;}
.blog-heading h3{color: var(--site-main-color); font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.blog-content p{color: #313131; font-size: 16px; font-weight: 500; margin-bottom: 5px;}
.blog-date span{color: var(--site-sub-color); font-size: 14px; font-weight: 600;}
.blog-image{margin-bottom: 10px;}
/* ====================== blogs-section css starts here ====================== */

@media(max-width: 575px){
    .blog-heading h3{font-size: 16px;}
    .blog-content p{font-size: 13px;}
    .blog-category h3{font-size: 13px;}
    .blog-date span{font-size: 13px;}
    .blog-category{top: -45px;}
}

/* --------------------- css for blogs.html page ends here --------------------- */

/* --------------------- css for 404-error.html page starts here --------------------- */

/*===================== error-section css starts here ========================*/
.error-section{height: 100vh; position: relative; display: flex; justify-content: center; align-items: center;}
.error-title h2{color: #FFFFFF; font-size: 230px; font-weight: 700;}
.error-subtitle h3{font-size: 40px; font-weight: 600; color: #FFFFFF; margin-bottom: 15px;}
.error-section:before{position: absolute; content: ''; background: linear-gradient(rgb(91, 143, 19, 0.85), rgb(35, 87, 142, 0.85)); 
width: 100%; height: 100%; top: 0; left: 0;}
.error-contents{z-index: 1; text-align: center;}
.error-detail p{color: #FFFFFF; font-size: 22px; font-weight: 500; margin-bottom: 18px;}
.homepage-btn a{background: transparent; border: 1px solid #FFFFFF; padding: 10px 50px; color: #FFFFFF; font-size: 16px;
display: inline-block;}
.homepage-btn a:hover{text-decoration: none;}
/*===================== error-section css ends here ========================*/
@media(max-width: 575px){
    .error-title h2{font-size: 150px;}
    .error-subtitle h3{font-size: 30px;}
    .error-detail p{font-size: 16px;}
    .homepage-btn a{padding: 10px 40px;}
}
/* --------------------- css for 404-error.html page ends here --------------------- */

/* --------------------- css for coming-soon.html page starts here --------------------- */

/*===================== coming-soon-section css starts here ========================*/
.coming-soon-section{height: 100vh; position: relative; display: flex; justify-content: center; align-items: center;}
.coming-soon-section:before{position: absolute; content: ''; background: linear-gradient(rgb(91, 143, 19, 0.85), rgb(35, 87, 142, 0.85)); 
width: 100%; height: 100%; top: 0; left: 0;}
.soon-title h2{color: #FFFFFF; font-size: 60px; font-weight: 700;}
.coming-soon-contents{z-index: 1; text-align: center;}
.soon-detail p{color: #FFFFFF; font-size: 22px; font-weight: 500; margin-bottom: 18px;}
/*===================== coming-soon-section css starts here ========================*/

@media(max-width: 575px){
    .soon-title h2{font-size: 36px;}
    .soon-detail p{font-size: 16px;}
}
/* --------------------- css for coming-soon.html page ends here --------------------- */

/* --------------------- css for contact-us.html page starts here ----------------------*/

/* =================== contactus-info-section css starts here ======================= */
.contactus-info-section{margin: 70px 0;}
.getin-touch-title h3{color: #313131; font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.contact-form-box{padding: 25px; background: #f1f1f1; box-shadow: 0px 0px 10px #00000040;}
.contact-input input{width: 100%; padding: 10px 10px; background: #FFFFFF; border: 0; margin-bottom: 19px; font-size: 12px;
outline: none;}
.contact-input input::placeholder{color: #313131;}
.contact-input textarea{width: 100%; padding: 10px; font-size: 12px; border: 0; height: 100px; resize: none; outline: none;
margin-bottom: 19px;}
.contact-input textarea::placeholder{color: #313131;}
.send-btn button{background: var(--site-sub-color); border: 0; padding: 10px 40px; outline: none; font-size: 14px; 
font-weight: 600; color: #FFFFFF; cursor: pointer;}
.send-btn button:hover{background: var(--site-main-color); transition: 0.5s ease-in;}
.contact-input input::-webkit-outer-spin-button,
.contact-input input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
.contact-input input[type=number] {-moz-appearance: textfield;}
.infos-title h3{color: #313131; font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.infos-title span{display: block;}
.infos-content p{color: #313131; font-size: 16px; font-weight: 500; margin-bottom: 15px;}
.source-box{padding: 15px 0; border: 2px solid var(--site-sub-color); box-shadow: 0px 0px 10px #00000040; 
background: #FFFFFF; margin-bottom: 15px; height: 90%;}
.src-icon{margin-bottom: 10px; text-align: center;}
.src-heading h5{font-size: 16px; font-weight: 600; color: #313131;text-align: center;}
.src-info{text-align: center;}
.src-info a{color: #313131; font-size: 14px; font-weight: 500;}
.src-info a:hover{text-decoration: none;}
.source-box:hover{background: linear-gradient(var(--site-sub-color), var(--site-main-color));}
.con-hover{display: none;}
.source-box:hover .con-nonhover{display: none;}
.source-box:hover .con-hover{display: block; margin: 0 auto;}
.source-box:hover .src-heading h5{color: #FFFFFF;}
.source-box:hover .src-info a{color: #FFFFFF;}
/* =================== contactus-info-section css ends here ======================= */

/* =================== contact-map-section css starts here ======================= */
.contact-map-section{margin-bottom: 50px;}
.contact-map-section iframe{width: 100%;}
/* =================== contact-map-section css ends here ======================= */

@media(max-width: 575px){
    .getin-touch-title h3{font-size: 18px;}
    .infos-title h3{margin-top: 25px; text-align: center;}
    .infos-title h3{font-size: 18px;}
    .infos-content p{font-size: 13px; text-align: center;}
    .src-info a{font-size: 13px;}
    .src-heading h5{font-size: 15px;}
    .source-box:last-child{margin-bottom: 0;}
}
/* --------------------- css for contact-us.html page ends here ----------------------*/


/* --------------------- css for blogs-detail.html page starts here ----------------------*/

/* ===================== blogs-detail-section css starts here =========================*/
.blogs-detail-section{margin: 70px 0;}
.blog-main-image{margin-bottom: 15px;}
.blogs-categories{margin-bottom: 50px;}
.blogs-detail-maintitle h2{color: #5d5d5d; font-size: 26px; font-weight: 700;}
.rendered-date span{color: #495057; font-size: 16px; font-weight: 500;}
.rendered-date{margin-bottom: 20px;}
.blog-all-contents p{font-size: 16px; font-weight: 500; color: #313131; margin-bottom: 15px;}
.blog-all-contents p:last-child{margin-bottom: 0;}
.blogs-cat-title h3{color: #5d5d5d; font-size: 18px; font-weight: 500; margin-bottom: 25px; text-transform: uppercase;}
.all-categories ul li{list-style: none; color: #495057; font-size: 14px; font-weight: 500; margin-bottom: 7px; 
border-bottom: 1px solid #f1f1f1; padding: 7px 0;}
.recent-text-inner p{color: #313131; font-size: 14px; font-weight: 500;}
.blogs-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; 
justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #f1f1f1;}
.recent-image{width: 30%;}
.recent-text{width: 65%;}
.recent-date span{color: #495057; font-size: 13px; font-weight: 500;}
/* ===================== blogs-detail-section css starts here =========================*/

@media(max-width: 991px){
    .resp-blog{display: none;}
}

@media(max-width: 767px){
    .blogs-detail-maintitle h2{font-size: 20px;}
    .blog-all-contents p{font-size: 13px;}
    .rendered-date span{font-size: 13px;}
}

@media(max-width: 575px){
    .blogs-detail-maintitle h2{font-size: 18px;}
    .blog-all-contents p{text-align: justify;}
    .rendered-date span{}
}
/* --------------------- css for blogs-detail.html page ends here ----------------------*/

/* ----------------------- career.html css page starts here --------------------------*/

/* =================== css for job-grid-section starts here =================== */
.vacancy-subtext span{color: #313131; font-weight: 500; font-size: 18px; text-align: center; display: block; margin-bottom: 60px;}
.job-inner{border: 2px solid #e8ecec; padding: 20px 20px 35px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; 
-o-box-shadow: none; box-shadow: none; margin-bottom: 50px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; height: 87%;}
.job-image{text-align: center; margin-bottom: 20px;}
.job-image img{width: 100%;}
.job-field h3{color: #313131; font-size: 16px; font-weight: 600; margin-bottom: 6px;}
.border-job{height: 2px; width: 100%; background: #f1f1f1; margin-bottom: 12px;}
.time-posted span{color: #313131; font-size: 16px; font-weight: 600;}
.time-posted h4{color: #d9534f; font-size: 16px; font-weight: 500; font-style: italic;}
.job-bottom-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; 
-ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.apply a{background: transparent; border: 1px solid var(--site-sub-color); padding: 7px 20px; color: var(--site-main-color);
font-size: 14px; display: inline-block; font-weight: 600; text-align: center;}
.apply a:hover{text-decoration: none; background: var(--site-sub-color); border: 0; color: #FFFFFF;}
.job-inner:hover{-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); 
-ms-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); -o-box-shadow: 0px 0px 20px rgba(0,0,0,0.1); 
box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-color: #ffffff; margin-top: -20px;}
.job-time h5{color: var(--site-sub-color); font-size: 14px; font-weight: 500; margin-bottom: 15px;}
.no-posts-text{font-size: 20px; font-weight: 600; color: #313131; margin-bottom: 30px;}
/* =================== css for job-grid-section starts here =================== */

@media(max-width: 991px){
    .apply a{padding: 7px 13px;}
}

@media(max-width: 767px){
    .time-posted h4{font-size: 14px;}
    
}
/* ----------------------- career.html css page ends here --------------------------*/


/* ----------------------- career-detail.html page css starts here --------------------------*/

/*====================== css for job-detail-section starts here =======================*/
.job-detail-section{margin: 30px 0;}
.job-description-title h3{color: var(--site-main-color); font-size: 18px; font-weight: 700; margin-bottom: 13px;}
.job-full-details p{color: #313131; font-size: 16px; font-weight: 500; margin-bottom: 54px;}
.requirements{margin-bottom: 54px;}
.requirements ul li{list-style: none; font-size: 16px; font-weight: 500; margin-bottom: 8px; position: relative;}
.requirements ul li::before{content: '\2713'; font-size: 14px; font-weight: 700; margin-right: 7px; color: var(--site-sub-color);}
.job-overview{border: 2px solid #e2e2e2; padding: 30px 20px; border-radius: 8px; margin-bottom: 25px;}
.overview-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; margin-bottom: 25px;}
.overview-wrap:last-child{margin-bottom: 0;}
.overview-text h3{color: #313131; font-size: 15px; font-weight: 600;}
.overview-text{padding-left: 15px;}
.overview-text span{color: var(--site-sub-color); font-size: 14px; font-weight: 500;}
.send-resume h5{color: var(--site-sub-color); font-size: 15px; font-weight: 500; margin-bottom: 8px;}
.send-resume  a{font-style: italic; text-decoration: none; font-weight: 700; color: var(--site-main-color);}
.share-job{display: -webkit-box;display: -ms-flexbox;display: flex; margin-bottom: 25px; align-items: center;}
.share-title h3{color: var(--site-main-color); font-size: 18px; font-weight: 700;}
.share-icons img{margin-left: 5px;}
.job-deadline h5{color: var(--site-sub-color); font-size: 15px; font-weight: 500; margin-bottom: 15px;}
.job-deadline span{font-style: italic; text-decoration: none; font-weight: 700; color: var(--site-main-color);}
.overview-icon img{height: 35px; width: auto;}
.contact-for-job-responsive-menu{display: none;}
.file-input {display: inline-block; text-align: left; background: #fff;padding: 8px 10px; position: relative;width: 100%; 
margin-bottom: 15px;}
.file-input > [type='file'] {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: 10; cursor: pointer;}
.file-input > .button {display: inline-block; cursor: pointer; padding: 0px 16px; border-radius: 2px; margin-right: 8px; 
font-size: 12px; color: #313131; margin-left: -15px;}
.file-input > .label {color: #313131; white-space: nowrap; font-size: 12px;}
.file-input.-chosen > .label {opacity: 1;}

/*====================== css for job-detail-section starts here =======================*/

@media(max-width: 767px){
    .job-description-title h3{font-size: 16px;}
    .job-full-details p{font-size: 13px;}
    .requirements ul li{font-size: 13px;}
    .send-resume h5{text-align: center;}
    .job-deadline{text-align: center;}
    .share-job{justify-content: center;}
    .overview-column{margin: 0 auto;}
    .send-resume h5{font-size: 13px;}
    .job-deadline h5{font-size: 13px;}
    .share-title h3{font-size: 15px;}
    .job-overview-here{margin-top: 25px;}
    .job-row{flex-direction: column-reverse;}
    .contact-for-job-responsive-menu{display: block;}
    .contact-for-job{display: none;}
}

/* ----------------------- career-detail.html page css starts here --------------------------*/


/* ----------------------- personal-details.html page css starts here --------------------------*/
.our-details-card{width: 600px; margin: 20px auto;}
.logo-card{text-align: center; margin-bottom: 10px;}
.logo-card img{height: 50px;}
.personal-detail-card{background: linear-gradient(var(--site-sub-color), var(--site-main-color)); padding: 15px; width: 100%; 
    margin-bottom: 8px;}
.personal-image{width: 100%;}
.pr-info{background: #FFFFFF; width: 100%; padding: 5px 0; text-align: center; margin-bottom: 11px;}
.pr-info h3{color: #707070; font-size: 18px; font-weight: 700;}
.cm-details h5{color: #FFFFFF; font-size: 14px; font-weight: 500; margin-bottom: 6px;}
.cm-details a{color: #FFFFFF;}
.cm-details a:hover{text-decoration: none;}
.cont-info{margin-top: 10px;}
.card-rights p{color: #313131; font-size: 13px; font-weight: 500; text-align: right;}

@media(max-width: 767px){
    .our-details-card{width: 95%;}
    .pr-info h3{font-size: 12px;}
    .cm-details h5{font-size: 11px;}
    .card-rights p{font-size: 11px;}
    .card-rights p{font-size: 12px;}
}


.nav-menus ul li a.current{color: var(--site-sub-color);}

/* ----------------------- product-detail.html page css starts here --------------------------*/

/* =================== product-features-section css starts here ======================= */
.product-features-section{padding: 20px 0 60px;}
.product-detail-heading{margin-bottom: 30px;}
.both-title{display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 10px;}
.both-title::after{
    content: "";
    height: 2px; width: 100%; background: #E2E2E2; left: 0; position: absolute; bottom: 7px; z-index: -1;
}
.both-title a{font-size: 16px; font-weight: 500; color: #313131; margin-bottom: 8px; cursor: pointer; display: block;}
.both-title a:last-child{margin-left: 22px;}
.pro-texts p{color: #313131; font-size: 14px; font-weight: 500; margin-bottom: 13px;}
.enquire-btn a{background: var(--site-sub-color); padding: 8px 45px; color: #FFFFFF; font-size: 14px; font-weight: 700; 
display: inline-block; text-decoration: none;}
.enquire-btn a:hover{background: var(--site-main-color); transition: all 0.5s ease;}
.product-all-features ul li{color: #313131; font-size: 14px; font-weight: 500; list-style: none; margin-bottom: 5px;}
.product-all-features ul li::before{content: '➤'; font-size: 18px; font-weight: 700; margin-right: 7px; color: var(--site-main-color);}
.product-features-section .products-slider .owl-dots{display: none;}
.pro-slider-nav{display: flex; justify-content: space-between;}
.pro-slider-nav .prev-btn{margin-top: -35%; z-index: 0; cursor: pointer;}
.pro-slider-nav .next-btn{margin-top: -35%; z-index: 0; cursor: pointer;}
.product-image-here figure img{width: 100% !important;}
.products-slider{z-index: 0 !important;}
.tabcontent{display: none;}
.both-title a.featured{color: var(--site-main-color); font-weight: 700; border-bottom: 3px solid var(--site-main-color);}
/* =================== product-features-section css starts here ======================= */

@media(max-width: 767px){
    .product-features-description{margin-top: 25px;}
    .pro-texts p{font-size: 13px;}
    .product-all-features ul li{font-size: 13px;}
}
/* ----------------------- product-detail.html page css starts here --------------------------*/

/* ---------------------- terms-conditions.html page css starts here --------------------------*/
/* ================ css for terms-conditions-section starts here ===============*/
.terms-inner-details{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: -12px 14px 26px #00000029;
border-radius: 12px; padding: 30px;}
.terms-inner-details p{font-size: 16px; color: #313131; font-weight: 500;}
.terms-inner-details h2{color: var(--site-sub-color); font-size: 18px; margin-bottom: 10px; font-weight: 600;}
.data-content{margin-bottom: 30px;}
.data-title-cnt{margin-bottom: 30px;}
.terms-inner-details{margin: 0 0 70px;}
/* ================ css for terms-conditions-section starts here ===============*/

@media(max-width: 767px){
    .terms-inner-details p{font-size: 13px;}
    .terms-inner-details h2{font-size: 16px;}
}
/* ---------------------- terms-conditions.html page css starts here --------------------------*/

/* css for slider in products-detail page */
.detail-section .product-detail{padding: 3px 3px 32px 3px !important;}
.related-slider{z-index: 0;}
.detail-section .product-detail .product-content p{margin-bottom: 16px;}
.detail-section .related-slider .owl-dots{display: block;}