@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet');

body{font-family: 'Josefin Sans', sans-serif; margin:0; padding:0; font-size:14px; color:#000; line-height:24px; font-weight:400; background:#dedede;}
html{scroll-behavior: smooth;scroll-padding-top: 100px;}

.column#zoomIn img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}
.column#zoomIn:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



a{color:#318b5d; text-decoration:none;}
a:hover{color:#fff;}
a, .logo img, .btn, .shrink.navbar-expand-lg, .videobox:hover i, .g-btn{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

h1, h2, h3, h4{font-weight:700;}
h1{font-size: clamp(20px, 4.2vw, 48px);}
h2{font-size: clamp(20px, 2vw, 30px);}
h3{font-size: clamp(16px, 2vw, 24px);}
h4{font-size: clamp(14px, 2vw, 18px);}
/*.line{width: 50px;height: 5px;opacity: 1;border-top: 0;background: #ccc;margin:0 auto;}*/
.img-height{aspect-ratio:2/1; object-fit: cover;}
.mt-n5{margin-top:-160px;}
.mt-n8{margin-top:-80px; margin-bottom: -30px;}


.lead{font-size: clamp(14px, 2vw, 16px)!important;}
.bg-success{background-color:#318b5d!important;}
.bg-light{background-color:#e7e7e7!important;}
.bg-grey{background-color:#dedede!important;}
.text-success{color:#318b5d!important;}
.text-info{color:#b6e0ce!important;}
.thinline{border-bottom:2px solid #b6e0ce; margin-top:5px; margin-bottom:5px; display:inline-block;}

.linkbox a{font-size:16px; font-weight:700; color:#000; display: flex;align-items: center;}
.linkbox i{color:#318b5d; margin-right:5px;}
.linkbox a:hover{color:#318b5d;}



.navbar{position:fixed; width:100%; z-index:99; background:#1e1e1e;}
.call a, .call i{font-size:18px; margin-right:5px; color:#318b5d; font-weight:600;}
.call a:hover{color:#fff!important;}
.spacer{height:62px;}
.logo img{max-width:clamp(100px, 14vw, 180px);}
.shrink .logo img{max-width:clamp(100px, 10vw, 150px);}
.page-home .spacer{display:none;}









.btn{font-size:16px; text-decoration:none; padding:10px 25px 7px 25px; border-radius:0; font-weight:700; text-transform:uppercase;}
.btn:hover{background:#333; color:#fff; border-color:#333;}
.btn:focus{box-shadow:none;}
.btn-link{text-transform: capitalize; border:0; background:none; padding:0; color:#318b5d; font-weight:600; display:flex; align-items: center;}
.btn-link:hover{background:none; color:#333; border:transformer;}
.btn-link i, .btn-light i{font-size:20px; vertical-align:middle; margin-right:5px;}

.btn-light{text-transform: capitalize; color:#318b5d; font-weight:600;}
.btn-light:hover{background:#000; border:1px solid #000;}
.light-success{color:#b6e0ce!important;}
.light-success:hover{color:#fff!important;}
.btn-lg{font-size:18px; padding:14px 30px 10px;}
.btn-sm{padding:6px 15px 5px; font-size:14px;}

.g-btn{background: rgb(25,135,84); background: linear-gradient(180deg, rgba(25,135,84,1) 0%, rgba(33,62,49,1) 100%); border:0;}
.g-btn:hover{background: rgb(25,135,84); background: linear-gradient(180deg, rgba(33,62,49,1) 0%, rgba(25,135,84,1) 100%);}









.navbar>.container{display:block;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#318b5d!important;}
/*.navbar{background:#1c5f97;}*/
.nav-link {font-size: 16px;color: #fff;display: block;margin: 0 20px 0 0;position: relative;}
.nav-link i{font-size: 14px;}
.nav-link:hover {color:#318b5d;}

.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.dropdown-toggle::after{position:absolute; top:50%; transform:translate(0, -50%);}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;top: 40px;border:0;}
.dropdown-item {padding: 5px 10px;font-size: 14px;font-weight: 600;}
.dropdown-toggle::after{display:none;}




/*.banner{background:url("images/banner.jpg")center center no-repeat; width:100%; background-size:cover; height: calc(100vh - 80px);}*/
.banner{background:#000; height:100dvh;}
.banner img{height:100%; width:100%; object-fit: cover; opacity:.5;}
.banner p{margin-top:20px; margin-bottom:40px;}

.iconbox{text-align:center; color:#fff;}
.iconbox img{margin-bottom:10px;}
.servicebanner{position:relative; background:#000;}
.servicebanner img{opacity:.7; aspect-ratio:3/1; object-fit: cover;}
.companybox{display: flex; justify-content:center; margin:0; padding:0;}
.companyname{list-style: none; margin: 20px; max-width:250px;}




.thumbox{background:#fff; padding:clamp(20px, 3vw, 40px); height:100%;}
.thumbox .list{margin:30px 0;}
.midiumline{width:60px; opacity:1; border-top: 2px solid transparent;}
.affilate-hr .midiumline{margin:13px auto; border-top: 3px solid transparent;}
.thumbcheck{position:relative; height:100%; isolation: isolate; overflow: hidden;}
/*.thumbcheck:before{position: absolute; content:''; width:100%; height:100%; background: url("images/check.png") no-repeat center left; opacity:.1; inset:40px 0;}*/






/*
.img-overlay {display: grid;place-items: center;overflow: hidden;position: relative; height:100%;}
.img-overlay > img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
.color-overlay:before {content: '';position: absolute;inset: 0;background: rgb(0 0 0 / 50%);z-index: 1;}
*/


.videobox{position:relative; background:#000; height: 100%;}
.videobox .videocaption{position: absolute; left:0; right:0; top:50%; transform:translate(0, -50%);}
.videotitle{margin-top:-300px;}
.videobox i{position: absolute;bottom: 20px;right: 20px;font-size: 20px;background: #d5dfdb;border-radius: 100%;z-index: 9;width: 50px;height: 50px;display: flex; align-items: center;
justify-content: center;}
.videobox:hover i{background:#318b5d;}
.videobox img{opacity:.5; height:100%; width:100%; object-fit:cover;}
.staricon{max-width: 60px!important; aspect-ratio: inherit!important; height:inherit!important;}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #328b5e;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #328b5e;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #1e1e1e;
}
.video-play-button:before {
  content: "";
  color: red;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #328b5e;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}


.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


.sectionbox{background:#1c4932; position:relative;}
.sectionbox img{opacity:.5; height:340px; object-fit: cover;}
.sectionbox .tittle{position: absolute; left:30px; bottom:30px; margin-bottom:0; color:#fff;}
.personal-loan a:hover{color:#000;}







.list{position: relative; margin:0; padding:0; line-height:normal;}
.list li{display: grid; grid-template-columns: 14px 1fr; column-gap:10px; margin-bottom:15px;}
.list li:before{background: url("images/check.png"); background-size: cover; width:14px; height:14px; content:'';}

.gardientbox{background:url(images/grass.jpg); position:relative; isolation: isolate;}
.grass:before{position: absolute; content:''; width:100%; height:100%; background:#318b5d; opacity:.8; top:0; left:0; right:0; z-index:-1;}
.gardientbox a{color:#fff;}








.form-control{margin-bottom:30px; line-height:30px; border-radius:4px; background:#fff; border: 0; border-bottom:1px dotted #ccc; border-radius:0;}
textarea.form-control{height:150px!important;}
.form-control:focus{box-shadow:none; border-color:#2e8b5b;}
.error{color:#F10307; display:block; margin-top:10px;}
/*.form-floating>.form-select{border-radius:0; border: 0; border-bottom:1px dotted #ccc; padding:0;}*/
.form-select:focus{box-shadow:none;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}





.newsleterform .error{color:#F10307; display:block; position:absolute; left:0; bottom:-30px; font-size:12px;}
.form-floating>label, .form-floating>.form-control{padding-left:0;}
.newsleterform .form-control {background:#fff;font-size: 14px;line-height: 42px; margin-bottom:0; padding:0 80px 0 0; border-bottom:1px solid #ccc;}
.newsleterform .btn-link{position: absolute;right:0;top: 50%;transform: translate(0, -50%);}



.testimonial.slick-slider{margin-inline: -15px;}
.testimonial .slick-track { display: flex !important; }
.testimonial .slick-slide{margin:0 15px; position: relative; background:#fff; padding:clamp(14px, 2vw, 20px); text-align: center; line-height:24px;height: inherit !important;}
.testimonial .slick-slide img{margin: 0 auto;}
.testimonial span{display:block; margin-top:10px; font-weight:700; font-size:16px;}
.testimonial .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); font-size:26px; border:0;background:none; cursor: pointer; padding:10px 5px; border-radius:0; z-index:9;}
.testimonial .las.la-angle-left, .testimonial .las.la-angle-right{align-items: center; display: flex; justify-content:center; color: #fff; background:#328b5e;}
.testimonial .las.la-angle-right{right:15px;}
.testimonial .las.la-angle-left{left:15px;}
.testimonial h3{font-weight:600;}


.testimonialbox{background:#fff; padding:15px;}
.testimonialbox h3{font-weight:600;}










.footer{font-size:16px; background:#fff; color:#000;  position:relative;}
.footer:after{position: absolute; content:''; width:100%; height:100%; background:url("images/footerbg.jpg") right center; background-size: cover; top:0; opacity:.2;}
.footer .container{position:relative; z-index:9;}
.footer a:hover{color:#689f40;}
.f-social{display:flex; justify-content: center; align-items:center;}
.f-social a{padding:3px; display:flex; align-items: center; justify-content: center; margin:0 5px; font-size:20px; color:#318b5d; background:#fff; border-radius: 100%; width:30px; height:30px;}
.f-social a:hover{background:#318b5d; color:#fff;}


.lineicon{display:flex; align-items:center;}
.lineicon a{font-size:16px;}
.lineicon i{margin-right:5px;}

.home-location i{font-size:19px;}









@media (max-width:1400px){.container{max-width:1230px; position:relative; }}

@media (max-width:1199.98px){.spacer {height:62px;}.nav-link{margin:0 8px 0 0;}.batch img{max-width:150px;}}

@media (min-width:991px) {
.dropdown .dropdown-menu {display: block;visibility: hidden;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);
-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;box-shadow: 0 10px 10px rgb(0 0 0 / 10%); padding: 10px;}
.dropdown:hover > .dropdown-menu {visibility: visible;opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {color: #318b5d;background-color:#d5dfdb;padding-left: 15px;border-radius:3px;}
}

@media (max-width:991.98px){.spacer {height:55px;}.nav-link{font-size:16px; color:#000;}.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}
.navbar-collapse{position: absolute;left:0; right:0; top:52px; background-color:#b6d5c7;}/*	.shrink .navbar-collapse{top:48px;}*/.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit;}.testimonial p{line-height:20px;}.experiancebox img{max-width:230px;}.experiancebox .mt-n8{margin-top:-20px; margin-bottom:0;}	
}

@media (max-width:767.98px){.mt-n5{margin-top:0;}}

@media (max-width: 575.98px) {body{font-size:13px; line-height:16px;}.banner{height:300px;}.banner .btn{font-size:10px; padding:5px 10px;}
.iconbox img{max-width:40px;}.gardientbox .btn-link{font-size:12px;}.btn, .btn-lg{font-size:14px!important; padding:8px;}.experiancebox img {max-width: 150px;}.batch img {max-width: 100px;}.companyname{margin: 5px;}
.navbar-collapse{top:48px;}
}

@media (max-width: 430.98px) {.videotitle{margin-top:-250px;}}

@media (max-width: 376.98px) {.linkbox a{font-size:12px;} textarea.form-control{height:100px!important;} .btn-lg{font-size:10px!important; padding:8px;}}