@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'woodgritmediumw00-regularRg';
    src: url('../fonts/woodgrit_medium_w00_regular-webfont.woff2') format('woff2'),
         url('../fonts/woodgrit_medium_w00_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/Merriweather-Regular.woff2') format('woff2'),
        url('../fonts/Merriweather-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root{ 
    --poppins:"Poppins", sans-serif;
    --font-awesome: 'Font Awesome 6 Free';
    --common-transition:0.5s ease-in-out;
    --primary:#00BCFF;  
    --black: #32332B;  
    --btn-color: rgba(50, 51, 43, 0.5);
    --gray:#919588;
    --white:#FCF3EE;
    --white-transparent: rgba(252, 243, 238, 0.25);
    --green:#447E59;
    --body-font-color:#32332B;
    --subhdr-text-color:#3e4140;
    --grey-border:#e1e6e4;
    --circle-border:#575a59;
    --inner-box-bg:#2a2a29;
    --font-family:'Arial Black', Gadget, sans-serif;
    --font-weight: 600;
    --font-weight-strong:700;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */
html{overflow-x: hidden;}
body { margin: 0; padding: 0;  font-size: 20px; line-height: 1.4; font-weight: var(--font-weight); color: var(--body-font-color); overflow-x: hidden; font-family: var(--font-family); 
    background-color: var(--white);
}
ul{padding: 0;margin-bottom: 0;}
ul li{list-style: none;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 25px; padding: 0; line-height: 1.2; color: var(--white);}
h1{ font-size:100px;text-transform: uppercase; font-family: var(--font-family); letter-spacing:4px; }
h1 strong{ color:var(--green); display: inline-block; font-weight: var(--font-weight);
}
h2{ font-size: 90px; }
h3{ font-size: 36px;}
h4{ font-size:30px; }
h5{ font-size: 24px; } 
h6{ font-size: 18px;}
p{ margin: 0 0 25px; padding: 0; line-height: 1.6; font-weight: var(--font-weight); font-size: 18px; color: var(--body-font-color);font-family: var(--font-family);} 

.h1-strock-color h1 { -webkit-text-fill-color: transparent;  -webkit-text-stroke-width:1px; -webkit-text-stroke-color: var(--sky); font-size: 330px;}
.h1-strock-color2 h1{
 -webkit-text-stroke-color: var(--stroke-text-color)!important;
}
h2 span, h3 span, h4 span, h5 span, h6 span {color: var(--sky);}
h2 span.dot, h3 span.dot, h4 span.dot, h5 span.dot, h6 span.dot {color: var(--sky)!important;}

.blck h1, .blck h2, .blck h3, .blck h4, .blck h5, .blck h6, .blck p{color: var(--body-font-bg-color);}
.white-txt h1, .white-txt h2, .white-txt h3, .white-txt h4, .white-txt h5, .white-txt h6, .white-txt p{color: var(--white);}
h1.blck ,h2.blck,h3.blck,h4.blck,h5.blck,h6.blck{color:var(--body-font-bg-color);font-weight:var(--font-weight);}

.cmn-btn-dv a.cmn-btn{ 
	padding: 15.5px 37px; 
	letter-spacing:1.5px; 
	border-radius:0; 
	background-color: var(--btn-color); 
	border: 1px solid transparent; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	text-align: center; 
	transition: var(--common-transition);
	appearance: none;
	z-index: 2;
	position:relative;
	overflow: hidden;
}


.cmn-btn-dv a.cmn-btn p{
	color: var(--black);
	margin-bottom: 0;
	line-height: 1;
	font-size:22px;
	font-family: var(--font-family);
	text-transform: uppercase;
	font-weight:800;
}
/* .cmn-btn-dv a.cmn-btn span{width: 10px; height: 10px; background: var(--white); border-radius: 50%;} */

.cmn-btn-dv a.cmn-btn.bdr-btn{
  background-color: var(--white-transparent);
  border:1px solid var(--black);
  margin-right:10px;
}

.cmn-btn-dv a.cmn-btn.bdr-btn.current-menu-item{
	color:var(--green) !important;
}

.cmn-btn-dv a.cmn-btn.current-menu-item p{
	color:var(--green);
}

.cmn-btn-dv a.cmn-btn.cmn-btn2 p{
	color: var(--white);
}

.cmn-btn-dv a.cmn-btn::after {
    content: "";
    background-color: var(--green);
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    clip-path: circle(0% at 50% 50%);
    z-index: -1;
    transition: 0.8s cubic-bezier(0, 0.96, 0.58, 1.1);
}

.cmn-btn-dv a.cmn-btn:hover::after {
    clip-path: circle(100% at 50% 50%);
    transition: 4s cubic-bezier(0, 0.96, 0.58, 1.1);
}

.cmn-btn-dv.blck a.cmn-btn{color: var(--body-font-bg-color); }

.cmn-btn-dv.blck-pure a.cmn-btn{color: var(--body-font-bg-color); border: 1px solid var(--body-font-bg-color); }
.cmn-btn-dv.blck-pure a.cmn-btn p{color: var(--body-font-bg-color);}
/* .cmn-btn-dv.blck-pure a.cmn-btn span{background: var(--body-font-bg-color);} */

.cmn-btn-dv a.cmn-btn:hover{background-color:transparent;border:1px solid var(--white);}
.cmn-btn-dv a.cmn-btn:hover p{color:var(--white);}

.cmn-btn-dv.wht a.cmn-btn{color: var(--white); border: 1px solid var(--white); }
.cmn-btn-dv.wht a.cmn-btn span{background: var(--white);}
.cmn-btn-dv.blck-pure.blck-bg-btn a.cmn-btn{background-color: var(--body-font-bg-color); }
.cmn-btn-dv.blck-pure.blck-bg-btn a.cmn-btn p{color:var(--white);}
/* .cmn-btn-dv.blck-pure.blck-bg-btn a.cmn-btn span{background-color:var(--white);} */
.mr-auto{margin: auto;}
.mr-b-0{margin-bottom:0;}
.mr-t-0{margin-top:0;}
.mr-b-5{margin-bottom:5px}
.mr-t-5{margin-top:5px}
.mr-b-10{margin-bottom:10px}
.mr-t-10{margin-top:10px}
.mr-b-15{margin-bottom:15px}
.mr-t-15{margin-top:15px}
.mr-b-20{margin-bottom:20px}
.mr-t-20{margin-top:20px}
.mr-b-25{margin-bottom:25px}
.mr-t-25{margin-top:25px}
.mr-b-30{margin-bottom:30px}
.mr-t-30{margin-top:30px}
.mr-b-35{margin-bottom:35px}
.mr-t-35{margin-top:35px}
.mr-b-40{margin-bottom:40px}
.mr-t-40{margin-top:40px}
.mr-b-45{margin-bottom:45px}
.mr-t-45{margin-top:45px}
.mr-b-50{margin-bottom:50px}
.mr-t-50{margin-top:50px}
.mr-b-55{margin-bottom:55px}
.mr-t-55{margin-top:55px}

.btn-grad {background: linear-gradient(to right, #6ec8db 0%, #82cbce  51%, #8fcec6  100%);transition: var(--common-transition);}

a.cmn-btn.btn-grad:hover{
  background: transparent;
}
a.cmn-btn.btn-grad:hover p{
  color:var(--white);
}
a.cmn-btn.btn-grad:hover span{
  background-color:var(--white);
}
.btn-grad p{
    margin:0;
}

.z-index-0{z-index: 0;}
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-9{z-index: 9;}
.z-index-99{z-index: 99;}
.z-index-999{z-index: 999;}
.z-index-9999{z-index: 9999;}
.p-tag p{margin:0;}

.comn-hdr h4{color: var(--subhdr-text-color);position:relative;}
.comn-hdr h4.sub-hdr{ display: flex;align-items: center;}
.comn-hdr h4.green-text{color:var(--green);text-transform: uppercase;font-family: var(--font-family); letter-spacing:1px;}

.comn-hdr.posh-team-hdr h4.green-text{
    display: inline-block;
    padding: 0 260px;
}
.comn-hdr.posh-team-hdr h4.green-text:before {
    position: absolute;
    content: "";
    top: 50%;
    width:255px;
    height:4px;
    background:var(--green);
    left: 0;
}
.comn-hdr.posh-team-hdr h4.green-text:after{
  right:0;
  margin-left:0;
}
.comn-hdr h4.green-text:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-left: 10px;
    width:255px;
    height:4px;
    background:var(--green);
}
.comn-hdr h4 img{margin-right:5px;}
.comn-hdr h2{font-weight:var(--font-weight);margin-bottom: 15px;color: var(--body-font-color);text-transform: uppercase;font-family: var(--font-family); letter-spacing:3px;line-height: 0.9;}
.comn-hdr h2 strong{font-weight:var(--font-weight-strong);color:var(--body-font-bg-color);}
.comn-hdr.white-txt h2 strong{font-weight:var(--font-weight-strong);color:var(--white);}

/* .comn-hdr p{font-size:24px;font-weight:500;color:var(--body-font-bg-color);} */

.line-height-1 h1{line-height:1;}
.line-height-0-8 h1{line-height:0.8;}

h1 span{border-radius:50%;color:#6ec8db;display: inline-block;
    font-size: 120px;}

@media only screen and (max-width: 1599px) {
h1 {font-size: 90px;}
.cmn-btn-dv a.cmn-btn p {font-size: 20px;}
.cmn-btn-dv a.cmn-btn { padding: 14.5px 31px;}
h1, h2, h3, h4, h5, h6{margin-bottom:20px;}
h4 {font-size: 27px;}
h2 {font-size: 80px;}
h3 {font-size: 34px;}
.comn-hdr h4.green-text::after {width: 230px;}
.comn-hdr.posh-team-hdr h4.green-text::before { width:230px;}
.comn-hdr.posh-team-hdr h4.green-text {padding: 0 240px;}
p {line-height: 1.5;font-size: 16px;}
.mr-t-30 {margin-top: 25px;}
.sub-hdr img { width: 50px;}
.mr-b-50 {margin-bottom:45px;}
.mr-t-40 {
  margin-top: 35px;
}
.mr-t-50 {
  margin-top: 40px;
}
}


@media only screen and (max-width: 1399px) {
h1 {font-size: 80px;}
.cmn-btn-dv a.cmn-btn p {font-size: 18px;}
.cmn-btn-dv a.cmn-btn { padding: 13.5px 29px;}
h1, h2, h3, h4, h5, h6{margin-bottom:15px;}
h4 {font-size: 25px;}
h2 {font-size: 50px;}
h3 {font-size: 30px;}
.comn-hdr h4.green-text::after {width: 200px;}
.comn-hdr.posh-team-hdr h4.green-text::before { width:200px;}
.comn-hdr.posh-team-hdr h4.green-text {padding: 0 210px;}
p {font-size: 13px;}
.mr-t-30 {margin-top: 15px;}
.sub-hdr img { width: 45px;}
.mr-b-50 {margin-bottom:40px;}
.mr-t-40 {
  margin-top: 30px;
}
.mr-t-50 {
  margin-top: 30px;
}
}


@media only screen and (max-width: 1199px) {
h1 {font-size: 70px;}
.cmn-btn-dv a.cmn-btn p {font-size:16px;}
.cmn-btn-dv a.cmn-btn { padding: 12.5px 25px;}
h1, h2, h3, h4, h5, h6{margin-bottom:10px;}
h4 {font-size: 22px;}
h2 {font-size: 40px;}
h3 {font-size: 25px;}
.comn-hdr h4.green-text::after {width:180px;}
.comn-hdr.posh-team-hdr h4.green-text::before { width:180px;}
.comn-hdr.posh-team-hdr h4.green-text {padding: 0 190px;}
.sub-hdr img { width: 40px;}
.mr-b-50 {margin-bottom:40px;}
.mr-t-40 {
  margin-top: 25px;
}
.mr-t-50 {
  margin-top: 25px;
}
}


@media only screen and (max-width: 991px) {
   h1 {font-size: 60px;}
   .cmn-btn-dv a.cmn-btn p {font-size:15px;}
   .cmn-btn-dv a.cmn-btn { padding: 10.5px 22px;}
   h4 {font-size: 20px;}
  h2 {font-size: 25px;}
  h3 {font-size: 20px;}
.comn-hdr h4.green-text::after {width:160px;}
.comn-hdr.posh-team-hdr h4.green-text::before { width:160px;}
.comn-hdr.posh-team-hdr h4.green-text {padding: 0 168px;}
.sub-hdr img { width: 35px;}
.mr-b-50 {margin-bottom:30px;}
.mr-t-40 {
  margin-top: 20px;
}
}



@media only screen and (max-width: 767px) {
  h1 {font-size: 50px;} 
   .cmn-btn-dv a.cmn-btn { padding: 9.5px 20px;}
   h4 {font-size: 18px;}
   h2 {font-size: 20px;}
   h3 {font-size: 18px;}
   .comn-hdr h4.green-text::after {width:140px;}
   .comn-hdr.posh-team-hdr h4.green-text::before { width:140px;}
    .comn-hdr.posh-team-hdr h4.green-text {padding: 0 148px;}
    .mr-b-50 {margin-bottom:25px;}
}


@media only screen and (max-width: 575px) {
   h1 {font-size: 40px;} 
   h2 {font-size: 10px;}
  .comn-hdr h4.green-text::after {width:70px;}
  .comn-hdr.posh-team-hdr h4.green-text::before { width:70px;}
  .comn-hdr.posh-team-hdr h4.green-text {padding: 0 75px;}
}
@media only screen and (max-width: 484px) {
 h1 {font-size: 30px;} 
 h2 {font-size:15px;}
}
@media only screen and (max-width: 480px) {
  .cmn-btn-dv a.cmn-btn {padding: 8.5px 16px;}
  
}

@media only screen and (max-width: 420px) {
  
    
}

@media only screen and (max-width: 390px) {
  
}

@media only screen and (max-width: 360px) {
    
}






img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--white); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

label { color: #58595B;  font-weight: bold; margin-bottom: 10px;}
span.sub-label {display: block; font-size: 16px; color: #58595B; transform: translateY(-15px); }
textarea, select, .form-control, input { border-radius: 0 !important;  outline: none; padding: 15px 20px; border: 0; background-color: #F3F3F3; width: 100%; border-radius: 6px; margin-bottom: 20px; }
textarea { padding: 15px 20px; min-height: 150px; resize: none; }
input[type="submit"] {   transition: all 0.3s ease 0s; outline: none; max-width: 140px; margin-bottom: 0;}
input[type="submit"]:hover { background-color: var(--primary); }
textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: inherit;}

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 95% center; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
/* --- for placeholder color --- */

input::-moz-placeholder , .form-control::-moz-placeholder { color: #555555; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #555555; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #555555; }

/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft, .alignnone { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { margin: 10px auto; display: block; }
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- *
.coolBeans { overflow: hidden; position: relative; text-decoration: none; transition: 0.2s transform ease-in-out; will-change: transform; z-index: 0; display: inline-block;  line-height: 1; color: #FFF !important; text-transform: uppercase; background-color: #000; border-radius: 0; padding:15px 30px; }
.coolBeans:hover { background-color: #C7C7BC; color: #000 !important; }
/* --- Button Styles --- */

strong { font-weight: var(--font-weight-strong); }

/*..............common styles..............*/

/* ======= section-title ======= */

 

@media only screen and (min-width: 1600px) {
    .container { max-width: 1560px;  } 
}
.common-padding{ padding-top: 100px; padding-bottom: 100px; }  
.padding-top{ padding-top: 100px;  } 
.padding-bottom{padding-bottom: 100px;} 

@media only screen and (max-width:1599px) {
    .common-padding{ padding-top: 80px; padding-bottom: 80px; }  
    .padding-top{ padding-top: 80px;  } 
    .padding-bottom{padding-bottom: 80px;} 
}

@media only screen and (max-width:1399px) {
    .common-padding{ padding-top: 60px; padding-bottom: 60px; }  
    .padding-top{ padding-top: 60px;  } 
    .padding-bottom{padding-bottom: 60px;} 
}

@media only screen and (max-width:1199px) {
    .common-padding{ padding-top: 40px; padding-bottom: 40px; }  
    .padding-top{ padding-top: 40px;  } 
    .padding-bottom{padding-bottom: 40px;} 
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--green);
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  background-color: var(--green);
  opacity: 0.3;
}

.cursor-outer {
  margin-left: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--green);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  -o-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}

.img-custom-anim-bottom {
  animation: img-anim-bottom 2s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}