/*

Theme Name: sunstoneepitome



*/
body {font-size: 14px;}
.alignleft {
    float: left; /* Floats the image to the left */
    margin: 0 1.5em 0 0; /* Creates space around the image (top, right, bottom, left) */
}

.alignright {
    float: right; /* Floats the image to the right */
    margin: 0 0 0 1.5em; /* Creates space around the image (top, right, bottom, left) */
}

.aligncenter {
    display: block; /* Makes the image a block-level element */
    margin-left: auto; /* Centers the image horizontally */
    margin-right: auto;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 0;
}
:where(.wp-block-columns.has-background) {
    padding:0;
}
.wp-elements-127e6d849113b03e094908c01a002872 {
    color: #ddd6b5;
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
}
.scroll-top {
    bottom: 90px;
}
.scrolled .header {
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding-bottom: 10px;
	padding-top: 10px;
}
figure {
    margin: 0;
}
.boxfullcontent{
	 gap: 1.5em;
}
.header {
	padding: 40px 0;
}
.form-control {
	font-size: 12px;
	padding: 20px 32px;
  border-radius: 0;	
}
.btn-submit{
	font-size: 20px;
	padding: 12px 48px;
  border-radius: 0;	
	background: #042d1e;
color:#ddd6b5;
}
.enqbutton a{    
	padding: 10px 30px;
    letter-spacing: 1px;}
textarea.form-control {
    height: 150px;
}
.hero:before {
 width: 52%;
}
.hero .toptext { 
	letter-spacing: 6px;
	font-size: 28px;
font-weight: 500;
}
.hero .btn-getstarted{

    padding: 12px 24px;
   border-radius: 0;
  
    float: right;
    margin-top: -78px;
 margin-bottom: 120px;
}
.hero p {
 color: #042d1e;
	margin: 20px 0;
    font-size: 24px;
	font-weight: 500;
}
.hero p img.wp-image-37 {
    width: 22px;
    height: auto;
    position: relative;
    float: left;
    top: 9px;
margin: 0 10px 30px 0;
}
.hero h2 {
    color: #042d1e;
    font-size: 85px;
    font-weight: 400;
    line-height: 80px;
}
.header .logo img {
    max-height: 85px;
}

.header {
    color: var(--default-color);
  background-color: transparent;
    
}
.topmenu {}
.topmenu a {
    color: #042d1e;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 40px;
}
.contentgreen{
/* 	align-items: flex-end !important; */
	margin-bottom: 0;
}
.contentgreenbox{
	padding:70px 70px 30px 70px;
	
}
.contentgreenbox2{
	padding:30px 100px 30px 100px;

}
.greenleft p, .greenright p {

	margin-bottom: 0;
}
.greenright{
	padding-left:5%;
}
.greenleft{
	padding-right:5%;
}
.contentgreenbox img{
	max-width:25px;
	margin-top: 6px;
}
.contentboxpadright{
	padding-left:12%;
padding-right:6%;
}
.contentboxpadleft{
	padding-left:6%;
padding-right:12%;
}

.contentboxpad p {
	font-size:17px;
line-height:28px;

}

.co2tent1 p {
	font-size: 36px;
color:#8e7709;
line-height: 40px;
}
.co2tent1 h2 {
    font-size: 56px;
    color: #013220;
    line-height: 56px;
    margin-bottom: 5px;
}

.content2 p {
	   padding-left: 100px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;

}
.content2 h2 {
   font-weight: 400;
    font-size: 96px;
    line-height: 86px;
    margin-top: -36px;
    color: #ddd6b5;
    margin-bottom: 0;

}

.content3 p {
	    padding-left: 170px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;

}
.content3 h2 {
    font-weight: 400;
    font-size: 96px;
    line-height: 86px;
    margin-top: -36px;
	color:#ddd6b5;

}

.content4 p {
	    padding-left: 140px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;
margin: 0px;

}
.content4 h2 {
    font-weight: 400;
    font-size: 96px;
   
    line-height: 96px;
    margin: 0px;
	color:#ddd6b5;

}

.content5 p {
	    padding-left: 70px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;

}
.content5 h2 {
    font-weight: 400;
    font-size: 96px;
    line-height: 82px;
    margin-top: -36px;
	color:#ddd6b5;

}

.content6 p {
	    padding-left: 70px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;

}
.content6 h2 {
    font-weight: 400;
    font-size: 96px;
    line-height: 84px;
    margin-top: -36px;
	color:#ddd6b5;

}
.content7 p {
	    padding-left: 106px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;

}
.content7 h2 {
    font-weight: 400;
    font-size: 96px;
    line-height: 94px;
    margin-top: -36px;
	color:#ddd6b5;

}
.content8 p {
text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 20px;
}
.content8 h2 {
    font-weight: 400;
    font-size: 42px;
    line-height: 56px;
    margin: 0px;
	color:#ddd6b5;
	font-family: 'Didot';

}
.content9 p {
	    padding-left: 130px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;

}
.content9 h2 {
    font-weight: 400;
    font-size: 96px;
    line-height: 84px;
    margin-top: -36px;
	color:#ddd6b5;

}
.content10 {
    max-width: 356px;
    margin: 100px auto 0 auto !important;
}
.content10 p {
	    padding-left: 60px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;

}
.content10 h2 {
    font-weight: 400;
    font-size: 96px;
    line-height: 84px;
    margin-top: -36px;
	color:#ddd6b5;
	margin-bottom:0

}

.content11 {
/*    max-width: 278px; */
    margin:50px auto 50 auto !important;
text-align:right;}
.content11 p {
	    padding-left: 60px;
    text-transform: uppercase;
    letter-spacing: 3px;
	font-size: 18px;

}
.content11 h2 {
    font-weight: 400;
    font-size: 96px;
    line-height: 84px;
    margin-top: -36px;
	color:#ddd6b5;
	margin-bottom:0

}
.content11a {
    padding-left: 12%;
    margin: 50px auto 50px auto !important;
}
.footertop{margin:0 auto;}
.footerbottom{font-size:12px;}
.content21 {margin-bottom: -15px !important;}
.content21 p{   padding-left: 186px;padding-bottom: 5px;}
.content31 p{   padding-left: 236px;}
.imageboxleft{padding-right:40px;text-align: justify;
  text-justify: inter-word;   }
.imageboxright{padding-left:40px;text-align: justify;
  text-justify: inter-word; }

	.content2 h2, .content3 h2, .content7 h2{margin-bottom: 0px;}
	.content5 h2, .content6 h2{margin-bottom: 0px;}
.wp-block-social-links .wp-block-social-link.wp-social-link {
    background: none;
    border: 1px solid;
}
.planSec .tabWrapper .planSlider .swiper-slide {
    margin-right: 3px;
}
.planSec .tabWrapper .planSlider .swiper-slide .planImgDiv {
	border: solid 1px #beb777;
	    height: auto;
}
.tabWrapper .tabHeading {
    padding: 0;
    list-style: none;
	width: 100%;
}

.tabWrapper .tabHeading li a {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8rem;
    letter-spacing: 3px;
    color: #6D6E70;
    display: flex;
    border-bottom:6px solid transparent;
    transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
    position: relative;
  padding: 10px 30px 10px 0px;
    margin-right: 30px;
	    z-index: 2;
	position:relative;
}
.tabHeading.plantrack:after {
    content: "";
    width: 100%;
    height: 6px;
    background: #EDEDED;
    position: absolute;
    left: 0;
    bottom: 0;
	    z-index: 1;
    
}

.dcontent h4, .dcontent h2 {
   
    font-family: 'Didot';
}

.job_sticky-card {
  z-index: 99;
  box-sizing: border-box;
  text-align: left;
  object-fit: fill;
  border-radius: 0;
  flex: 0 auto;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  padding: 0;
  position: fixed;
  inset: 50% 0% 0% auto;
}

.button-2 {
  color: #ddd6b5;
  object-fit: fill;
  background-color: #042d1d;
  padding: 16px 32px 16px 32px;
  font-size: 19px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}
.job_sticky-card{
	transform-origin: 115px -115px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(-90deg) translateX(-50%);
}
.planSec .tabWrapper .tabHeading {
    width: 100%;
}
.tabWrapper .tabHeading li a{color:#c0c4c8;}
.tabWrapper .tabHeading li a:hover{color:#013220;}
.tabWrapper .tabHeading li a.active {
    color: #013220;
    border-bottom-color: #8e7709;
    transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}
.planSec .tabWrapper .planSlider .swiper-slide h6 {
    font-size: 16px;
    line-height: 24px;
    color: #013220;
   font-family: "Poppins", sans-serif;
    margin-top: 20px;
	letter-spacing: 2px;
}

.greybox{padding:40px 0;}
.greybox p{margin-bottom:0px;}
.greybox h4{font-size: 24px;font-family: "Poppins", sans-serif;}
.wp-block-image .aligncenter>figcaption
{text-align:center;}

.header .logo {
    order: 0 !important;
}
.imgbox1{padding:10px 5px 10px 0px;}
.imgbox2{padding:10px 5px 10px 5px;}
.imgbox3{padding:10px 5px 10px 5px;}
.imgbox4{padding:10px 0px 10px 5px;}
.swiper-button-next, .swiper-button-prev{
    color:#EDEDED !important;
}
.swiper-pagination-bullet-active-main{  color:#EDEDED !important;}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    display: none; 
}
.contentgreenleftimg{padding-right:5px; padding-bottom:10px;}
.contentgreenrightimg{padding-left:5px; padding-bottom:10px;}
@media screen and (max-width: 767px) {

.contentgreenleftimg{padding-right:0px; }
.contentgreenrightimg{padding-left:0px; }
	.orderone{order:1;}
    .enqbutton a, .btn-submit {
        padding: 6px 18px !important;
        
    }
    .enqbutton .wp-block-button__link, .btn-submit{
        font-size: 14px !important;
    }
    body {
        font-size: 14px;
    }
    p {text-align: center;}
    .hero p img.wp-image-37 {
        width: 14px !important;
        top: 5px !important;
    }
.header .navmenu, 	.job_sticky-card {

    }
  .header .logo img {
    max-height: 45px;
}


.hero:before {
    width: 100%;
}
.hero .toptext {
    letter-spacing: 1px;
    font-size: 14px !important;
}
.hero h2 {
    font-size: 42px;
    line-height: 42px !important;
}
.hero .btn-getstarted {
    float: left;
    margin-top: 0;
    margin-bottom: 30px;
font-size: 14px;
}	
.hero p {
    font-size: 14px !important;
    max-width: 320px;
text-align: left;
}
.co2tent1 h2 {
    font-size: 32px;
    line-height: 38px; 
}
.co2tent1 p {
    font-size: 20px !important;
    line-height: 20px;
padding-bottom: 10px;
}
	.wpcf7-spinner {width: 0;
    margin: 0;}
.content2 {max-width: 156px;
    margin: 0 auto -10px auto !important;
}
 .content3 {max-width: 196px;
    margin: 0 auto !important;}
  .content4 {max-width: 182px;
    margin: 0 auto !important;}
   .content5 {max-width: 280px;
    margin: 0 auto !important;}
    
     .content6 {max-width: 190px;
        margin: 0 auto !important;}
      .content7 {max-width: 168px;
        margin: 0 auto !important;}
.content8 {max-width: 252px;
    margin: 0 auto !important;}
.content9 {max-width: 120px;
    margin: 20px auto -20px auto !important;}

	#About {height:60px;
	}
#Interest{height:50px;
	}
.imageboxrightpb {
  margin-top: -25px;
margin-bottom: 40px;
}
.content2 h2, .content3 h2, .content4 h2, .content5 h2, .content6 h2, .content6 h2, .content7 h2, .content9 h2, .content10 h2, .content11 h2 {
    font-size: 54px;
	line-height: 75px !important;
}
	.content2 h2, .content3 h2, .content7 h2{margin-bottom: -10px;}
	.content5 h2, .content6 h2{margin-bottom: -25px;}
	.content10 h2 {margin-bottom: -15px;}

	.imageboxleft{padding-left:30px; padding-right:30px;}
.imageboxright{padding-left:30px; padding-right:30px;}
	.imageboxleft img{width:100%;padding: 0 40px 20px 40px;}
.imageboxright img{width:100%;padding: 0 40px 20px 40px;}
.content2 p, .content3 p, .content4 p, .content5 p, .content6 p, .content7 p , .content9 p , .content10 p, .content21 p, .content31 p, .content11 p{
    font-size: 12px;
letter-spacing: 1px;
	text-align:left;
}
.content11 p {
  padding-left: 99px;
  margin-top: -12px;
	}
	.content11 h2{margin-top: 30px;}
.content11 {
   max-width: 158px;
    margin:0 auto 0 auto !important;
}

.content11a {
   padding-left: 0;
    margin: 20px auto 20px auto !important;
}
.content10 {
    max-width: 200px;
    margin: 15px auto 0 auto !important;
}
.wp-container-core-columns-is-layout-9d6595d7{
		
	}
	.content4 h2{}
.content8 h2 {
    font-size: 32px;
	line-height: 44px;
	}
.content8 p {
    font-size: 18px;
    text-align: left;
	}
.content2 p {
    padding-left: 44px;
}		
.content3 p {
    padding-left: 90px;
}
	.content4 p {
		padding-left: 68px;
	}	
.content5 p {
		padding-left: 50px;
	}	
.content6 p {
		padding-left: 50px;
	}	
.content7 p {
		padding-left: 58px;
	}	
.content9 p {
		padding-left: 70px;
	}
	.content10 p {
		padding-left: 32px;
	}
.content21 p {
    padding-left: 100px !important;
}
	.content31 p {
    padding-left: 132px !important;
}
	.contentgreenfirst{order: 1;}
.contentgreenbox {
    padding: 30px 30px 30px 30px;
    margin-bottom: 0px !important;

}
.contentgreenbox2 {
    padding: 30px 30px 30px 30px;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column	.greeniconbox {
		    flex-basis: 45px !important;
	}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .greeniboxcontent {
        flex-basis: 82% !important;
    }

.greenright {
    padding-left: 0;
}
	.tabWrapper .tabHeading li a {
  padding: 10px 10px 10px 0px;
        margin-right: 5px;
        font-size: 18px;
		letter-spacing: 1px;
}
.footersecond .has-text-align-left {
    text-align: center;
}	
.footerthird {
    text-align: center;
}	
.footerthird ul {
    width: 90px;
    margin: 0 auto;
}	

.contentboxpadleft {
    padding-left: 30px;
    padding-right: 30px;
    order: 1;
    padding-top: 40px;
}
	.spacing1{
height:0px !important;
}	
	.spacing2{
height:20px !important;
}
.spacing3, .spacing5, .spacing6, .spacing7, .spacer112{
height:20px !important;
}	
	.wpcf7-submit{margin-bottom:40px;font-family:"Poppins", sans-serif}	

	.spacerl, .spacerc{height:0px !important;}
.content4  {
    margin-bottom: 0;
}	

.wp-elements-127e6d849113b03e094908c01a002872{height: 30px;
        font-size: 12px !important;}
.planSec {
    padding: 0px;
	}
	section, .section {
		padding:0;
	}
	.planSec .container {
    top: 120px;
}
.planSec .tabWrapper {
    width: calc(50% + 180px);
	        margin-top: 200px;
}	

.topmenu a {
    padding-left: 10px !important;
    font-size: 12px;
}
.contentboxpadleft {
    padding-left: 30px !important;
    padding-right: 30px !important;

}
.contentboxpadright {
      padding-left: 30px !important;
    padding-right: 30px !important;

}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .greeniconbox p{
    text-align: left;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .greeniboxcontent p {
text-align: left;
}	
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .contentgreenbox {
        flex-basis: 100% !important;
    }
	.header .navmenu, 	.job_sticky-card {

    }
  .header .logo img {
    max-height: 60px;
}


.hero:before {
/*     width: 100%; */
}
.hero .toptext {
    letter-spacing: 1px;
    font-size: 14px !important;
}
.hero h2 {
    font-size: 34px;
    line-height: 42px;
}
.hero .btn-getstarted {
    float: left;
    margin-top: 0;
    margin-bottom: 30px;
font-size: 14px;
}	
.hero p {
    font-size: 14px !important;
    max-width: 320px;
}

.contentboxpadleft {
    padding-left: 30px;
    padding-right: 30px;
  
    padding-top: 40px;
}
.contentboxpadright {
      padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
}	

.contentgreenbox {
    padding: 30px 30px 30px 30px;
    margin-bottom: 0px !important;
}
.contentgreenbox2 {
    padding: 30px 30px 30px 30px;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column	.greeniconbox {
		    flex-basis: 45px !important;
	}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .greeniboxcontent {
        flex-basis: 82% !important;
    }


.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column	.greenleft {
		    flex-basis: 50% !important;
	}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .greenright {
        flex-basis: 50% !important;
    }
.greenright {
    padding-left: 0;
}

	.spacing1{
height:20px !important;
}	
	.spacing2{
height:10px !important;
}
.spacing3, .spacing5, .spacing6, .spacing7{
height:20px !important;
}	
.spacing4{
height:40px !important;
}	
	.spacerl, .spacerc{height:0px !important;}
section, .section {
		padding:0;
	}	
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .greybox {
        flex-basis: 50% !important;
    }	

.content8 h2 {
    font-size: 36px;
	line-height: 44px;
	}
.content8 p {
    font-size: 20px;
	}
	.planSec .container {
   
}
	.tabWrapper .tabHeading li a{
		margin-right: 20px;
	}
.planSec .tabWrapper {
    width: calc(50% + 100px);
	      
}	
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
	.content11 h2{
			font-size: 80px;
	}
	.header .navmenu, 	.job_sticky-card {

    }
  .header .logo img {
    max-height: 60px;
}


.hero:before {
/*     width: 100%; */
}
.hero .toptext {
    letter-spacing: 1px;
    font-size: 24px;
}
.hero h2 {
    font-size: 56px;
    line-height: 56px;
}
.hero .btn-getstarted {
    float: left;
    margin-top: 0;
    margin-bottom: 30px;
font-size: 18px;
}	
.hero p {
 
    max-width: 550px;
}
.contentgreenbox {
    padding: 30px 30px 30px 30px;
    margin-bottom: 0px !important;
}
.contentgreenbox2 {
    padding: 30px 30px 30px 30px;
}
.content2 h2, .content3 h2, .content4 h2, .content5 h2, .content6 h2, .content6 h2, .content7 h2 {
    font-size: 75px;
	line-height: 76px;

}
.content2 p, .content3 p, .content4 p, .content5 p, .content6 p, .content7 p {
    font-size: 14px;
letter-spacing: 1px;
}
	
.content2 p {
    padding-left: 44px;
	padding-bottom:15px;
}		
.content3 p {
    padding-left: 90px;
}
	.content4 p {
		padding-left: 68px;
	}	
.content5 p {
		padding-left: 50px;
	}	
.content6 p {
		padding-left: 50px;
	}	
.content7 p {
		padding-left: 58px;
padding-bottom:15px;
	}	
}
@media screen and (max-width: 780px) {
 .contentboxpadleft {
  order:1;
}
}