html{
    overflow-x: hidden ;
}
body{
margin: 0px;
overflow-x:hidden;
 font-family: "Open Sans", sans-serif !important;
}
p{
    margin-bottom: 0px;
}







.ip-loader{
    margin-left: 0px!important;
    bottom: 41%!important;
    
}
.loader {
  width: 195px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
 animation: filter-animation 3s infinite;
  
}
.loading img {
    width: 160px;
      animation: bounce-scale 2s ease-in-out infinite;
  
}
@keyframes bounce-scale {
    0% { transform: scale(1) translateY(0); }
    25% { transform: scale(1.1) translateY(-10px); } /* Slight bounce up */
    50% { transform: scale(1) translateY(0); } /* Back to original */
    75% { transform: scale(1.1) translateY(-10px); } /* Bounce again */
    100% { transform: scale(1) translateY(0); } /* Reset */
}

















.topmain-hd {
    position: relative;
    width: 100%;
    float: left;
    z-index: 1;
}
.hd-part{
	width: 100%;
	float: left;


}
.logo{
	width: 20%;
	float: left;
	padding-top: 43px;

}
.logo img{

	width: 100%;
	float: left;
	max-width: 100px;
}
.head-menu{
	width: 80%;
	float: left;
	padding-top: 71px;
	position: relative;
}
.banner {
	position: relative;
    margin-top: -160px;
    width: 100%;
    float: left;
    height: 788px;
    z-index: 0;
    background-size: cover;
    background-image: url(../images/banner-bg.webp);
}
.banner-main{
	position: relative;
	width: 100%;
	float: left;
}
.banner-img-mob{
	display: none;
	width: 100%;
	float: left;
	padding-top: 75px;
}
.banner-img-mob img{
	width: 100%;
	float: none;
	margin: auto;
	display: block;
	text-align: center;
	max-width: 565px;
}
.banner-text{
	position: relative;
	padding-top: 248px;
	width: 100%;
	float: left;
}
.banner-text h2{
	width: 100%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 0px;
	font-size: 65px;
	line-height: 120%;
	font-weight: 300;

}
.banner-text h2 span{
	font-style: italic;
	font-weight: 700;
}
.banner-text p{
	padding-bottom: 38px;
	padding-top: 25px;
	width: 100%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	line-height: 200%;
	font-size: 16px;
	font-weight: 400;
}
.read{
	width: auto;
	float: left;
}

.read a {
    background: linear-gradient(270deg, rgba(230, 197, 132, 1) 0%, rgba(183, 148, 80, 1) 100%);
    border: 0;
    font-size: 17px;
    color: #FFFFFF;
    padding: 13px 10px;
    border-radius: 10px;
    width: 215px;
    height: 57px;
    font-weight: 600;
    text-decoration: none;
    align-items: center;
    display: flex
;
    justify-content: center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
}

.read a:hover {
    background: linear-gradient(270deg, rgba(183, 148, 80, 1) 0%, rgba(230, 197, 132, 1) 100%);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;

}


.read button {
    background: linear-gradient(270deg, rgba(230, 197, 132, 1) 0%, rgba(183, 148, 80, 1) 100%);
    border: 0;
    font-size: 17px;
    color: #FFFFFF;
    padding: 13px 10px;
    border-radius: 10px;
    width: 215px;
    height: 57px;
    font-weight: 600;
    text-decoration: none;
    align-items: center;
    display: flex
;
    justify-content: center;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
}

.read button:hover {
    background: linear-gradient(270deg, rgba(183, 148, 80, 1) 0%, rgba(230, 197, 132, 1) 100%);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;

}
.banner-img {
    width: 60%;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
}
.banner-img img {
    width: 100%;
    max-width: 565px;
    float: right;
}


.line-1 {
	width: auto;
    position: absolute;
    right: 385px;
    bottom: -115px;
    overflow: hidden;
}

.line-1 img {
    max-width: 224px;
    width: 100%;
    float: left;

    /* Animation */
   
}








.line-2{
	width: auto;
	float: left;
	position: absolute;
	right: -140px;
    top: 184px;
}
.line-2 img{
	width: 100%;
	float: left;
	max-width: 287px;
	
}
.section1{
	width: 100%;
	float: left;
	padding-top: 130px;
	padding-bottom: 90px;

}
.stion1-img{
	width: 100%;
	float: left;
	position: relative;
}
.stion1-img img{
	width: 100%;
	float: left;
	max-width: 542px;
}
.stion1-txt{
	width: 64%;
	float: right;
	/*padding-left: 125px;*/
}
.stion1-txt h2 {
    width: 100%;
    float: left;
    text-align: left;
    color: #202020;
    margin-bottom: 0px;
    font-size: 65px;
    line-height: 120%;
    font-weight: 300;
}
.stion1-txt-p {
    float: left;
    padding-left: 200px;
}
.stion1-txt h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.stion1-txt p{
	padding-top: 22px;
	width: 100%;
	float: left;
	text-align: left;
	color: #202020;
	font-size: 16px;
	font-weight: 400;
	line-height: 200%;
	padding-bottom: 43px;
}
.stion1-img::after {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    max-width: 565px;
    height: 530px;
    background-size: cover;
    background-image: url(../images/about-img.webp);
   /* z-index: 1;*/
}






.section2{
	width: 100%;
	float: left;
	background-size: cover;
	background-image: url('../images/cta-bg.webp');
	padding-top: 139px;
	padding-bottom: 160px;
}
.section2 h2{
	width:auto;
	float: left;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 0px;
	font-size: 53px;
	font-weight: 300;
}
.section2 h2 span{
	font-weight: 700;
	font-style: italic;
}
.cont-r{
	margin-top: 6px;
	float: right;
}
.cont-r a{
	width: 190px;
}
.section3{
	width: 100%;
	float: left;
	padding-top: 29px;
	padding-bottom: 115px;
	position: relative;
	z-index: 0;
}
.section3-hd h2{
	width: 100%;
	float: left;
	text-align: center;
	color: #202020;
	font-size: 65px;
	margin-bottom: 0px;
	font-weight: 300;
}
.section3-hd h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section3-hd p{
	width: 100%;
	float: left;
	text-align: center;
	color: #202020;
	font-size: 16px;
	font-weight: 400;
	padding-top: 21px;
	padding-bottom: 100px;
	position: relative;
}
.section3-main{
	width: 100%;
	float: left;
	padding-left: 115px;
}
.section3-main-top{
	width: 100%;
	float: left;
}
.section3-main-top h2{
	width: auto;
	float: left;
	text-align: left;
	color: #202020;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 0px;
	line-height: 120%;
	padding-top: 22px;
	position: relative;

}
.section3-hd p:after {
    position: absolute;
    content: '';
    top: 360px; /* Places it right below the h2 */
    left: 50%; /* Positions the left edge at 50% */
    transform: translateX(-50%); /* Adjusts to center the element */
    width: 1196px;
    height: 1px;
    background: #bfbfbf;
}


.section3-main-top h2 span{
	font-weight: 700;
}
.stion3-img{
	width: 80%;
	float: left;
	padding-left: 50px;
}
.stion3-img-circle {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #c6a86c;
    display: flex;              /* Enables flexbox */
    align-items: center;
    float: left;        /* Vertically centers the image */
    justify-content: center;    /* Horizontally centers the image */
    position: relative;
}
.ston3-ex h6 {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    position: relative;
    top: 15px;
    color: #caa764;
   /* left: 49px;*/
   text-align: center;
    opacity: 0;
     transition: opacity 0.5s ease-in-out; /* Slower transition */
}
.banner-carousel.owl-drag .owl-item {
	height: 180px;
}

.ston3-ex:hover h6 {
    opacity: 1;
}
.ston3-ex {
    width: 86%;
    float: left;
}











.stion3-img-circle img {
   width: 100%;
	float: left;
	max-width: 59px;              /* Maintains aspect ratio */
}
.banner-carousel .owl-nav.disabled{
display: none;
}
.s-sctbt{
	padding-top: 120px;
	float: left;
}
.stio3allmain{
	width: 100%;
	float: left;
}
.section4{
	width: 100%;
	height: 790px;
	float: left;
	background-size: cover;
	background-image: url('../images/sec-bg.webp');
}
.section4-hd{
	width: 100%;
	float: left;
}
.section4-hd h2 {
    width: 100%;
    float: left;
    text-align: right;
    color: #202020;
    font-size: 65px;
    margin-bottom: 0px;
    font-weight: 300;
    padding-bottom: 21px;
}
.section4-hd h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section4-hd p{
	width: 100%;
    float: left;
    text-align: right;
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 70px;
    position: relative;
}
.stion-4all{
	width: 100%;
	float: left;
	height: 407px;
	background: white;
	border-radius: 50px;
	padding: 64px 58px 79px 58px;
	box-shadow: 0 0px 21px -8px rgba(0, 0, 0, 0.2);
}
.stion-4all-inn{
	width: 100%;
	float: left;
	position: relative;
}
.stion4-icons{
	width: 50%;
	float: left;
}
.stion4-icons img{
	width: 100%;
	float: left;
	max-width: 84px;
}
.stion4-icons:hover img {
    transform: rotateY(360deg);
    transform-style: preserve-3d;
    transition: transform 0.8s;
}



.stion4-icons h3{
	width: auto;
	float: left;
	text-align: left;
	color: #000000;
	margin-bottom: 0px;
	font-size: 25px;
	font-weight: 700;
}
.stion4-icons p{
width: auto;
	float: left;
	text-align: left;
	color: #393939;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
	line-height: 177%;
	padding-top: 3px;
}
.s4-txt {
    padding-left: 32px;
    width: 76%;
    float: left;
}
.s4-extra:after{
	content: '';
	width: 887px;
	height: 1px;
	background: #D2D2D2;
	position: absolute;
	 left: 50%;
	 top: 41px;
    transform: translateX(-50%);

}

.s4-extra{
padding-top: 80px;	
position: relative;
}
.section5{
	width: 100%;
	float: left;
	padding-bottom: 100px;
}
.section5-hd{
	width: 100%;
	float: left;
	padding-bottom: 47px;
}
.section5-hd h2 {
    width: 100%;
    float: left;
    text-align: left;
    color: #202020;
    font-size: 65px;
    margin-bottom: 0px;
    font-weight: 300;
    padding-bottom: 21px;
}
.section5-hd p {
    width: 100%;
    float: left;
    text-align: left;
    color: #202020;
    font-size: 16px;
    font-weight: 400;
}
.section5-hd h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section5-main{
	width: 100%;
	float: left;
	background: white;
	border-radius: 30px;
	padding: 12px 12px 29px 12px;
	   box-shadow: 0 0px 21px -8px rgba(0, 0, 0, 0.2);
       box-shadow: 0 0px 21px -8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.6s ease-in-out, transform 0.5s ease-in-out; /* Separate transitions */
    transform: translateY(0); /* Default position */
}
.section5-main:hover {
    background: #e3c281;
    transform: translateY(-10px); /* Moves the box up */
}
.section5-main:hover h2{
	color: white;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.section5-main:hover h4{
	color: #000000;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.section5-main img{
	width: 100%;
	float: left;
	max-width: 246px;
	border-radius: 30px;
}
.section5-main-txt{
	width: 100%;
	float: left;
	padding-top: 19px;
}
.section5-main-txt h2{
	width: 100%;
	float: left;
	text-align: center;
	color: #00171F;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0px;
	padding-bottom: 8px;
	line-height: 140%;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.section5-main-txt h4{
	width: 100%;
	float: left;
	text-align: center;
	color: #B9B9B9;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 700;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}


.b2-slider {
    float: left;
    overflow: hidden;
     position: relative; 
    width: 100%;
    z-index: 0;

}

/*.b2-slide{
    padding-right: 100px;
}*/
.b2-slide img{
	width: 100%;
	float: left;
	max-width: 100%;
	height: 432px;

}

.b2-slide-track{
    -webkit-animation: scroll2 24s linear infinite;
    animation: scroll2 39s linear infinite;
    display: flex;
    width: calc(100%* 20);
}
@keyframes scroll2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-652px * 10));
  }
}
.stion-last{
	width: 100% ;
	float: left;
	position: absolute;
	left: 0px;
	z-index: 1;
	padding-top: 105px;


}
.stion-last h2{
	width: 100%;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-size: 65px;
	font-weight: 300;
	margin-bottom: 0px;
	padding-bottom: 11px;
}
.stion-last h2 span{
	font-weight: 700;
	font-style: italic;
}
.stion-last p{
	width: 100%;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 0px;
	line-height: 200%;
	padding-bottom: 26px;
}
.lst-stion{
	width: 100%;
	float: left;
	display: flex;
    justify-content: center;
}
.footer{
	width: 100%;
	float: left;
	padding-top: 68px;
	background-size: cover;
	background-image: url(../images/banner-bg.webp);
}
.ftr-logo{
	width: 100%;
	float: left;
}
.ftr-logo img{
	width: 100%;
	float: left;
	max-width: 195px;
}
.ftr-main{
	width: 100%;
	float: left;
}
.ftr-main h2{
 width: 100%;
 float: left;
 text-align: left;
 color: #FFFFFF;
 margin-bottom: 0px;
 font-size: 16px;
 font-weight: 700;
 padding-bottom: 25px;
}
.ftr-main a{
	width: 100%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
	line-height: 215%;
	text-decoration: none;
	transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;

}
.ftr-main a:hover{
color: #000000;
transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
}
.ftr-bx1{
	width: 25%;
	float: left;
	padding-left: 22px;
}
.ftr-bx2{
	width: 25%;
	float: left;
	padding-left: 22px;
}
.ftr-bx3{
	width: 25%;
	float: left;
}
.ftr-bx3 p{
		width: 100%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
	line-height: 200%;
	padding-bottom: 26px;
	position: relative;
	
}
.ftr-bx3 p:after{
	width: 105px;
	float: left;
	left: 0;
	content: '';
	position: absolute;
	height: 1px;
	background: #FFFFFF;
	bottom: 0px;
}
.ftr-bx3 h3{
		width: 100%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
	line-height: 200%;

}
.ftr-bx3 h3 a{
	font-weight: 700;
	float: none;
}
.copy{
	width: 100%;
	float: left;
}
.copys{
	width: 100%;
	float: left;
	border-top: 1px solid #FFFFFF;
	padding: 38px 0px;
	margin-top: 70px;
}
.copys h2{
	width: 50%;
	float: left;
	text-align: left;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
}
.copys h3{
	width: 50%;
	float: left;
	text-align: right;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
}
.copys h3 a{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}



.inner-pages{
	width: 100%;
	float: left;
	background-size: cover;
	    margin-top: -160px;
	     padding: 240px 0px 50px;
    background-image: url(../images/banner-bg.webp);
}
.inner-pages h3 {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    color: white;
   
    font-size: 45px;
    font-weight: 500;
}
.inner-pages p{
	width: 100%;
	float: left;
	margin-bottom: 0px;
	text-align: left;
	font-size: 16px;
	font-weight: 300;
	padding-top: 15px;
	color: white;
}
.inn-abt{
	width: 100%;
	float: left;
	padding: 70px 0px;
	background: white;
}
.inn-abt-main{
	width: 100%;
	float: left;
}
.inn-abt-main h2 {
    width: auto;
    text-align: left;
      color: #202020;
    font-size: 65px;
    margin-bottom: 0px;
    font-weight: 300;
    line-height: 120%;
    padding-bottom: 30px;
}

   
  
.inn-abt-main h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.inn-abt-main img {
    object-fit: contain;
    /* height: 305px; */
    max-width: 468px;
    float: right;
    width: 100%;
    margin-left: 55px;
    margin-top: 70px;
}
.inn-abt-main p {
   width: auto;
    text-align: left;
       color: #202020;
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
}
.v-m-tion{
	width: 100%;
	float: left;
	padding: 25px 0px;
	background: #ab8343;
	height: 325px;
}
.b3-bx1 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 23px 0px 27px 0px;
    border: 1px solid transparent;
     transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
   
}
.b3-bx1 img{
float: none;
    width: 60px;
}

.b3-bx1 h2 {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 25px;
    color: white;
    margin-bottom: 10px;
    margin-top: 8px;
}
.b3-bx1 p {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    color: white;
}
.b3-bx1-icon {
    float: none;
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 90px;
    background: #ffffff;
    border-radius: 50px;
    padding: 16px 0px;
}
.b3-bx1:hover {
  border: 1px solid #ffffff;
    margin-top: -12px;
    padding: 35px 0px 39px 0px;
    background: #ab8343;
   transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;



    





}
.all-vision-main{
	width: 100%;
	float: left;
	padding: 75px 0px;
}
.v-m {
    border: 1px solid #b89552;
    border-radius: 40px;
    width: 100%;
    float: left;
    padding: 40px 45px;
}
.v-m h2 {
    padding-top: 25px;
    /* width: 100%; */
    padding-left: 20px;
    float: left;
    text-align: left;
    color: #cba966;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 0px;
}
.v-m p {
	padding-top: 22px;
    width: 100%;
    text-align: left;
    color: #202020;
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 200%;
}
.v-m img{
	width: 100%;
	float: left;
	max-width: 80px;
}
.opportunities{
	width: 100%;
	float: left;
}
.opportunities-hds{
	width: 100%;
	float: left;
	padding: 70px 0px;

}
.opportunities-hds h2{
	width: 100%;
    float: left;
    text-align: center;
    color: #202020;
    font-size: 65px;
    margin-bottom: 0px;
    font-weight: 300;
}
.opportunities-hds p{
	padding-top: 22px;
    width: 100%;
    float: left;
    text-align: center;
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
    padding-bottom: 22px;
   
}
.opportunities-hds h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.opp-p{
	padding: 0px 100px;
}
.opportunities-hds img{
	width: 100%;
	float: none;
	margin: auto;
	display: block;
	text-align: center;
	max-width: 800px;
}
#sub-page-intro {
    float: left;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
}
#sub-page-intro h2 {
    float: left;
    width: 100%;
      color: #202020;
    text-align: center;
    font-size: 65px;
    font-weight: 300;
    line-height: 140%;
    padding-top: 25px;
    padding-bottom: 10px;
      margin-bottom: 0px;   
}
#sub-page-intro h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#sub-page-intro p {
    text-align: center;
    float: left;
    width: 100%;
    color: #202020;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 45px;
}
.career-frn {
    float: left;
    width: 100%;
}
.frm-titel {
    float: left;
    padding-bottom: 5px;
    width: 100%;
    color: #232323;
    font-size: 15px;
    font-weight: 600;
}
.career-frm {
    /* border: 1px solid #b0aaaa; */
    color: #131616;
    display: block;
    padding-left: 15px !important;
    font-weight: 400;
    font-size: 15px;
    height: 55px;
    margin-bottom: 30px !important;
    padding: 0 20px;
    outline: none;
    background: white;
    width: 100%;
    padding-left: 0px;
    border: none;
    transition: all 500msease;
    border: solid 1px #ccaa67;
    margin-top: 3px;
    width: 100%;
    float: left;
    padding: 7px 10px;
    margin-top: 3px;
    border-radius: 8px;
}
.cpt {
    padding-top: 12px;
}

.cpt-snd {
    padding-top: 28px;
    float: left;
}
.qa2 {
    width: 100%;
    float: left;
    background: linear-gradient(270deg, rgba(230, 197, 132, 1) 0%, rgba(183, 148, 80, 1) 100%);
    padding: 70px 0;
}
.qa-box {
    width: 100%;
    float: left;
    padding: 40px 20px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 30px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.qa-box img {
    width: 80px;
    height: 90px;
    object-fit: contain;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.qa-box h2 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-top: 10px;
}
.qa-box p {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400;
}
.inner-design {
    float: left;
    width: 100%;
    padding: 70px 0px;
}
.contact-bac {
    float: left;
    width: 100%;
    border: 1px solid #ba9854;
    padding: 0px 20px;
    border-radius: 30px;
}
.contact-bx {
    float: left;
    width: 100%;
    padding: 30px;
    border-radius: 20px;
    background: #ceac69;
    margin-top: -35px;
    margin-bottom: -20px;
}
.contact-bx h2 {
    float: left;
    width: 100%;
    font-size: 28px;
    color: white;
    font-weight: 700;
}
/*.contact-bx p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #e3ffd4;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 4px;
}*/
.contact-bx-adrs {
    float: left;
    width: 100%;
    padding: 30px;
    background: white;
}
.contact-bx-adrs img{
	width: 100%;
	float: left;
	max-width:50px;
	/*margin-bottom: 20px;*/
}
.contact-bx-adrs h4 {
    float: left;
    /* width: 100%; */
    font-size: 17px;
    font-weight: 600;
    color: #000000;
    padding-left: 15px;
    padding-top: 20px;
}

.contact-bx p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    line-height: 28px;
    /* margin-bottom: 4px; */
    padding-top: 15px;
}
.contact-bx-adrs a {
    float: left;
    width: 100%;
    font-size: 15px;
    color: black;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 4px;
    padding-top: 15px;
    text-decoration: none;
}
.contact-form {
    float: left;
    width: 100%;
    padding: 30px 30px 0px;
}
.contact-form-hed {
    float: left;
    width: 100%;
}
.contact-form-hed h3 {
    float: left;
    width: 100%;
    font-size: 28px;
    color: #61b331;
    font-weight: 700;
}
.contact-form-hed p {
    float: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    color: black;
    margin-bottom: 0px;
    margin-top: 8px;
}
.contact-forms {
    float: left;
    width: 100%;
    padding: 25px 0px 0px;
    border-radius: 0px 0px 15px 15px;
}
.s-form {
    color: black;
    display: block;
    font-weight: 400;
    font-size: 15px;
    /* text-transform: uppercase; */
    height: 70px;
    margin-bottom: 30px;
    outline: none;
    background: white;
    width: 100%;
    padding-left: 0px;
   
    transition: all 500ms ease;
    outline: none;
     border: 1px solid #ba9854;
    /* margin-top: 3px; */
    width: 100%;
    float: left;
    padding: 15px;
    /* margin-top: 17px; */
    border-radius: 10px;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.con-exm{
	width: 100%;
	float: left;
}
.con-exm h2{
	float: left;
    width: 100%;
    color: #202020;
    text-align: center;
    font-size: 65px;
    font-weight: 300;
    line-height: 140%;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.con-exm p{
text-align: center;
    float: left;
    width: 100%;
    color: #202020;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 70px;
}
.con-exm h2 span {
    font-style: italic;
    font-weight: 700;
    background: linear-gradient(90deg, #e6c584, #b79450);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.products{
	width: 100%;
	float: left;
	padding: 70px 0px;
}
.stion5-exbtm{
	margin-bottom: 40px;
}
.products-detail{
	width: 100%;
	float: left;
	padding: 70px 0px;
	position: relative;
    z-index: 0;
}
.outer {
    margin: 0 auto;
    width: 100%;
}
#big.owl-theme {
    position: relative;
    border: 1px solid #e4be74;
    border-radius: 30px;
    margin-bottom: 20px;
}
#big .item {
    /* padding: 10px 0px; */
    /* margin: 2px; */
    color: #FFF;
}
.big-img {
    /* width: 60% !important; */
    display: block;
    float: none !important;
    margin: auto;
    border-radius: 30px;
    /*height: 340px;*/
    object-fit: cover;
}
.owl-theme .owl-nav.disabled+.owl-dots {
     margin-top:0px !important; 
}
#thumbs .current .item {
}
#thumbs .item {
    background: white;
   
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 14px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #bc9955;
}
.thumbs-img {
    display: block;
    width: 100% !important;
    float: none;
    margin: auto;
    border-radius: 14px;
    height: 124px;
    object-fit: cover;
}
#thumbs .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}
#big .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}
#thumbs .owl-nav {
    width: 100%;
    position: relative;
    float: left;
    top: -93px;
    display: none;
}
.pd-ban1{
	width: 100%;
	float: left;
	padding-left: 20px;
}
.pd-ban1 h2{
	width: 100%;
	float: left;
	text-align: left;
  color: #00171F;
    font-size: 40px;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 0px;;
}
.add-rv {
	width: 100%;
    font-weight: normal;
    float: left;
    font-size: 14px;
    color: #a68040;
    text-decoration: none;
    position: relative;
    padding-top: 15px;
}
.cash-bxs{
	width: 100%;
	float: left;
}
.cash-bxs h3{
	width: 100%;
	float: left;
	text-align: left;
	color: black;
	font-size: 30px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-top: 15px;
}
.cash-bxs p{
	width: 100%;
	float: left;
	text-align: left;
	color: #393939;
	font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: 177%;
     padding-top: 15px;
}
.size-panel {
    float: left;
    width: 100%;
    padding-bottom: 17px;
    padding-top: 20px;
}
.size-panel span {
    font-weight: 500;
    float: left;
    color: #000000;
    font-size: 20px;
    margin-right: 24px;
}
.size-item {
    position: relative;
    flex-basis: calc(70% / 3);
    height: 100%;
    /* display: flex
; */
    justify-content: center;
    align-items: center;
    border: 1px solid #EDEDED;
    /* padding: 10px; */
    text-align: center;
    border-radius: 10px;
    float: left;
   width: 40px;
    height: 38px;
    margin-right: 16px;
    margin-bottom: 10px;
    /* padding-top: 1px; */
}
.bank-class [type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.size-panel_radio {
    appearance: none;
    display: none;
}
.size-item_label {
    position: relative;
    /* padding-top: 9px; */
    cursor: pointer;
    /* height: 100%; */
    /* padding-bottom: 5px; */
    width: 100%;
    text-align: center;
    /* border-radius: 9999px; */
    /* line-height: 400%; */
    /* padding-left: 0 !important; */
    font-weight: 500;
    transition-duration: .5s;
    transition-property: transform, color, box-shadow;
    transform: none;
    font-size: 14px;
    /* line-height: 16px; */
    text-align: center !important;
    /* padding-right: 0px !important; */
    /* padding-top: 6px; */
    padding: 8px;
}
.size-panel_radio:checked + .size-item_label {
    background-color: #a47f3e;
    color: var(--white);
    box-shadow: -2 0 4px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .5);
    /* transform: translateY(-2px); */
    padding: 8px;
    margin: 0;
    color: #fff;
    border-radius: 10px;
    /* padding-top: 14px; */
}
.wts a {
    background: linear-gradient(270deg, rgba(230, 197, 132, 1) 0%, rgba(183, 148, 80, 1) 100%);
    border: 0;
   font-size: 17px;
    color: #FFFFFF;
    padding: 13px 10px;
    border-radius: 10px;
    width: 215px;
    height: 57px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center; /* Centers items vertically */
    justify-content: center; /* Centers items horizontally */
    gap: 10px; /* Adds spacing between image and text */
    transition: all ease-in-out 0.5s;
}


.wts a img {
    width: 24px; /* Adjust image size */
    height: 24px;
}
.wts a:hover {
    background: linear-gradient(270deg, rgba(183, 148, 80, 1) 0%, rgba(230, 197, 132, 1) 100%);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
}




/*slide*/
.hamburgermenu {
    float: right;
    /* padding-top: 0px; */
    position: relative;
    z-index: 111111111111;
    /* padding-right: 125px; */
    /* padding-top: 10px; */
    margin-top: -9px;
}
.hamburgermenu img {
    width: 25px;
    cursor: pointer;
    /* padding: 6px; */
}
.nav-pd {
    text-align: left;
    padding: 0px 0px;
    transform: rotate(15deg);
}
.hd-address {
    width: 100%;
    float: left;
    text-align: left;
    padding: 70px 0px;
    background: transparent;
    height: 100vh;
    margin-right: -80px;
}

.hd-address-exbx {
    padding-bottom: 35px;
    width: 100%;
    float: left;
}
.hd-address-exbx a {
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 400;
    padding: 0px !important;
    float: left;
    text-align: left;
    margin-bottom: 0px;
    text-decoration: none;
}
.ad-logo{
	width: 100%;
	float: left;
	padding-bottom: 30px;
}
.ad-logo img{
	width: 100%;
	float: left;
	max-width: 100px;
}

.hd-address h2 {
    margin-top: 0px;
   font-size: 29px;
    font-weight: 300;
    color: #ffffff;
    text-align: left;

}
.hd-address h5 {
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 400;
    padding: 0px !important;
    float: left;
    text-align: left;
    margin-bottom: 0px;
    line-height: 140%;
}
.req-form1 {
    width: 100%;
    float: right;
    height: auto;
    margin-right: 0;
    opacity: 1;
    background: transparent;
    padding: 27px 0px;
    top: 0;
    position: relative;
    right: 0;
    height: 100vh;
    z-index: 99;
}
.req-form1 h2 {
    font-size: 25px;
    text-align: left;
    font-weight: 500;
    margin-top: 18px;
    color: white;
}
.req-form1 p {
    font-size: 15px;
    width: 100%;
    color: white;
    line-height: 25px;
    margin-bottom: 14px;
    font-weight: 200;
    margin-top: 7px;
}
.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 11px;
}
.hidden-input-field {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}
.field_area {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 11px;
}
.field_area label {
    color: white;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.field_area input[type=email], .field_area inpu.t[type=number], .field_area input[type=text], .field_area textarea, .field_area select {
    border-bottom: 1px solid transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #000;
    padding: 10px;
}
.ind-form {
    outline: 1px solid #0000001a;
    border-radius: 5px;
}
.form-inner img {
    width: 155px;
}
.st2-imger{
	width: 100%;
	float: left;
	display: none;
	padding-top: 65px;

}
.st2-imger img{
	width: 100%;
	float: none;
	margin: auto;
	display: block;
	text-align: center;
	max-width: 540px;

}
.fill-sort{
	width: 100%;
	float: left;
	padding-bottom: 30px;
}













.custom-select-box {
    width: 140px;
    position: relative;
    /* font-family: Arial, sans-serif; */
    user-select: none;
    float: left;
}
.selected-option {
    background: #ffffff;
    /* border: 1px solid #ccc; */
    /* padding: 12px 15px; */
    /* border-radius: 8px; */
    cursor: pointer;
}

.options-list {
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-top: 5px;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.option {
    font-size: 15px;
  padding: 10px 15px;
  cursor: pointer;
}

.option:hover {
  background: #f0f0f0;
}


.option_1 {
    font-size: 15px;
  padding: 10px 15px;
  cursor: pointer;
}

.option_1:hover {
  background: #f0f0f0;
}






















.custom {
    position: relative;
    display: inline-block;
    float: right;
}
.custom h5{
	width: auto;
	float: left;
	font-weight: 500;
    float: left;
    color: #000000;
    font-size: 19px;
    margin-bottom: 0px;
}
.custombx1 {
    position: relative;
    width: auto;
    float: left;
}
.custombx2 {
    position: relative;
    width: auto;
    float: left;
}
.selected-option {
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    color: #222222;
    position: relative;
}
.slctop1 {
    padding-right: 30px;
}
.selected-option img {
    width: 100%;
    max-width: 18px;
    margin-left: 6px;
}

.options {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    list-style: none;
    width: 210px;
    left: -67px;
    padding: 0;
    margin: 0;
    border: 0;
    top: 40px;
    border-top: none;
    border-radius: 10px;
    box-shadow: 10px 2px 6px -3px rgba(0, 0, 0, 0.05);
}
.options li {
    padding: 10px 15px;
}
.options li input[type="radio"] {
    display: none;
}
.options input[type=radio], .dropdown-content, input[type=radio] {
    display: none;
}
ccc .bank-class [type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.list-left input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.options2 input[type=radio], .dropdown-content, input[type=radio] {
    display: none;
}
.options li input[type="radio"] + label {
    cursor: pointer;
}
.options input[type=radio] + label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
}
.options input[type=radio] + label:before {
    left: 0;
    position: absolute;
    content: "";
    width: 15px;
    top: 5px;
    height: 15px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #b08b4a;
}
.custom input[type=radio]:checked + label:before {
    left: -3px;
    background: #b08b4a;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #b08b4a;
}












/*2*/
.options2 {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    list-style: none;
    width: 210px;
    left: -67px;
    padding: 0;
    margin: 0;
    border: 0;
    top: 40px;
    border-top: none;
    border-radius: 10px;
    box-shadow: 10px 2px 6px -3px rgba(0, 0, 0, 0.05);
}
.options2 li {
    padding: 10px 15px;
}
.options2 li input[type="radio"] {
    display: none;
}
.options input[type=radio], .dropdown-content, input[type=radio] {
    display: none;
}
ccc .bank-class [type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.listing-sec input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.list-left input[type=checkbox], .dropdown-content, input[type=radio] {
    display: none;
}
.options2 input[type=radio], .dropdown-content, input[type=radio] {
    display: none;
}
.options2 li input[type="radio"] + label {
    cursor: pointer;
}
.options2 input[type=radio] + label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
}
.options2 input[type=radio] + label:before {
    left: 0;
    position: absolute;
    content: "";
    width: 15px;
    top: 5px;
    height: 15px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #b08b4a;
}
.custom input[type=radio]:checked + label:before {
    left: -3px;
    background: #b08b4a;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #b08b4a;
}
/*2*/
















@media(max-width:991px){
	.nav-menu > li > a {
    color: #af8845;
}
.nav-dropdown{
	margin-left: 0px;
}


}


@media(max-width:1024px){
.banner-img-mob{
	display: block;
}
}



@media(max-width:400px){



.section4-hd h2 span{
	color: white;
	background: none;
	-webkit-text-fill-color:black;
}
.s4-txt{
	padding-left: 0px;
	width: 100%;
	padding-top: 22px;

}




















}











@media(max-width:575px){
    
    .custom {
        width:50%;
    }
    
    
    .custom-select-box {
    width: auto;
        
    }
    
    
    
    


.logo {
    width: 50%;
}
.head-menu {
    width: 50%;
}
.hamburgermenu{
	display: none;
}
.banner-text h2{
	font-size: 45px;
	text-align: center;
}
.banner-text p{
	text-align: center;
}
.banner-text p br{
	display: none;
}
   .read {
        float: none; /* Remove float */
        display: flex;
        justify-content: center; /* Centers the button */
        width: 100%; /* Ensures full width for centering */
    }

    .read a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 229px; /* Keep button width */
    }

.banner-img{
	display: none;
}
.banner{
	height: auto;
}

.stion1-txt {
    width: 100%;
    float: left;
}
.stion1-txt h2 {
        font-size: 45px;
        text-align: center;
    }
.section1{
	padding-bottom: 50px;
	padding-top: 80px;
}
.stion1-txt-p{
	padding-left: 0px;
}
.stion1-txt p{
	text-align: center;
}
.stion1-img::after{
	display: none;
}
.st2-imger{
	display: block;
}
.section2 h2{
	text-align: center;
	font-size: 45px;
	padding-bottom: 35px;
}
.section3-hd h2{
	font-size: 45px;
}
.section3-hd p{
	padding-bottom: 40px;
}
.section3-main{
	padding-left: 18px;
	padding-right: 18px;
}
.section3-main-top h2{
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
}
.section3-main-top h2 br{
	display: none;
}

.section3-hd p:after{
	display: none;
}
.ston3-ex{
	width: 100%;
}
.stion3-img{
	width: 100%;
	padding-left: 0;
}
.ston3-ex h6{
	display: none;
}
.s-sctbt {
     padding-top:0px;
    }



.section3{
	padding-bottom: 60px;
}
.section4-hd h2{
	text-align: center;
	font-size: 45px;
}
.section4-hd p{
	text-align: center;
}
.section4{
	height: auto;
	object-fit: cover;
}

.stion4-icons {
    width: 100%;
    padding-bottom: 40px;
}
.stion-4all{
	padding: 31px 30px 0px 40px;
		height: auto;
}
.stion4-icons img{
	width: 65px;
}
.s4-extra {
    padding-top: 0px;
}
.s4-extra:after{
	display: none;
}
.section5-hd h2{
	font-size: 45px;
	text-align: center;
	padding-top: 60px;
}
.section5-hd p{
	text-align: center;
}
.section5 .section5-main{
	margin-bottom: 30px;
}
.section5 {
	padding-bottom: 50px;
}
.stion-last h2{
	font-size: 45px;
}
.stion-last p br{
	display: none;
}
.b2-slide img{
	height: 500px;
}
.stion-last{
	padding-left: 18px;
	padding-right: 18px;
}
.ftr-logo img{
	width: 160px;
	float: none;
	margin: auto;
	display: block;
	text-align: center;
}
.ftr-bx1 {
    width: 100%;
    padding-left: 0px;
}
.ftr-main h2 {
    padding-top: 25px;
    text-align: center;
}
.ftr-main a {
    width: 50%;
    text-align: center;

}
.ftr-bx2 {
    width: 100%;
    padding-left: 0;
}
.ftr-bx3 {
    width: 100%;
}
.ftr-bx3 p{
	text-align: center;
	padding: 0px 25px;
}.ftr-bx3 p:after{
	display: none;
}
.ftr-bx3 h3{
	text-align: center;
}.copys h2{
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
}
.copys h3{
	width: 100%;
	text-align: center;
}
.copys {

    padding: 15px 0px;
    margin-top: 40px;
}
.inner-pages h3{
	font-size: 35px;
}
.inn-abt {
    padding-top: 0 !important;
}
.inn-abt-main img{
	margin-left: 0px;
	float: none;
	margin: auto;
	display: block;
	text-align: center;
}
.inn-abt-main h2{
	font-size: 45px;
	text-align: center;
}
.inn-abt-main p{
	text-align: center;
}
.v-m-tion{
	height: auto;
}
.all-vision-main{
	padding-top: 35px !important;
}
.v-m p{
	text-align: center;
}
.v-m {
    padding: 30px 35px;
    margin-bottom: 35px;
}.opportunities-hds h2{
	font-size: 45px;
}
.opp-p{
	padding: 0px;
}
#sub-page-intro h2{
	font-size: 45px;
}

#sub-page-intro p{
	padding-left: 0;
	padding-right: 0;
}
.con-exm h2{
	font-size: 45px;
}
.con-exm p{
	padding-left: 0;
	padding-right: 0;
}
.contact-bac{
	padding: 30px 20px;
}
.pd-ban1 h2 {
    padding-top: 40px;
}
}
  





@media (min-width:576px) and (max-width:767px){
    
      .custom {
        width:50%;
    }


.logo {
    width: 50%;
}
.head-menu {
    width: 50%;
}
.hamburgermenu{
	display: none;
}
.banner-text h2{
	font-size: 45px;
	text-align: center;
}
.banner-text p{
	text-align: center;
}
.banner-text p br{
	display: none;
}
   .read {
        float: none; /* Remove float */
        display: flex;
        justify-content: center; /* Centers the button */
        width: 100%; /* Ensures full width for centering */
    }

    .read a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 229px; /* Keep button width */
    }

.banner-img{
	display: none;
}
.banner{
	height: auto;
	
}

.stion1-txt {
    width: 100%;
    float: left;
}
.stion1-txt h2 {
        font-size: 45px;
        text-align: center;
    }
.section1{
	padding-bottom: 50px;
	padding-top: 80px;
}
.stion1-txt-p{
	padding-left: 0px;
}
.stion1-txt p{
	text-align: center;
}
.stion1-img::after{
	display: none;
}
.st2-imger{
	display: block;
}
.section2 h2{
	text-align: center;
	font-size: 45px;
	padding-bottom: 35px;
}
.section3-hd h2{
	font-size: 45px;
}
.section3-hd p{
	padding-bottom: 40px;
}
.section3-main{
	padding-left: 18px;
	padding-right: 18px;
}
.section3-main-top h2{
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
}
.section3-main-top h2 br{
	display: none;
}

.section3-hd p:after{
	display: none;
}
.ston3-ex{
	width: 100%;
}
.stion3-img{
	width: 100%;
	padding-left: 0;
}
.ston3-ex h6{
	display: none;
}
.s-sctbt {
     padding-top:0px;
    }



.section3{
	padding-bottom: 60px;
}
.section4-hd h2{
	text-align: center;
	font-size: 45px;
}
.section4-hd p{
	text-align: center;
}
.section4{
	height: auto;
}

.stion4-icons {
    width: 100%;
    padding-bottom: 40px;
}
.stion-4all{
	padding: 31px 30px 0px 40px;
		height: auto;
}
.stion4-icons img{
	width: 65px;
}
.s4-extra {
    padding-top: 0px;
}
.s4-extra:after{
	display: none;
}
.section5-hd h2{
	font-size: 45px;
	text-align: center;
	padding-top: 60px;
}
.section5-hd p{
	text-align: center;
}
.section5 .section5-main{
	margin-bottom: 30px;
}
.section5 {
	padding-bottom: 50px;
}
.stion-last h2{
	font-size: 45px;
}
.stion-last p br{
	display: none;
}
.b2-slide img{
	height: 500px;
}
.stion-last{
	padding-left: 18px;
	padding-right: 18px;
}
.ftr-logo img{
	width: 160px;
	float: none;
	margin: auto;
	display: block;
	text-align: center;
}
.ftr-bx1 {
    width: 100%;
    padding-left: 0px;
}
.ftr-main h2 {
    padding-top: 25px;
    text-align: center;
}
.ftr-main a {
    width: 50%;
    text-align: center;

}
.ftr-bx2 {
    width: 100%;
    padding-left: 0;
}
.ftr-bx3 {
    width: 100%;
}
.ftr-bx3 p{
	text-align: center;
	padding: 0px 25px;
}.ftr-bx3 p:after{
	display: none;
}
.ftr-bx3 h3{
	text-align: center;
}.copys h2{
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
}
.copys h3{
	width: 100%;
	text-align: center;
}
.copys {

    padding: 15px 0px;
    margin-top: 40px;
}
.inner-pages h3{
	font-size: 35px;
}
.inn-abt {
    padding-top: 0 !important;
}
.inn-abt-main img{
	margin-left: 0px;
	float: none;
	margin: auto;
	display: block;
	text-align: center;
}
.inn-abt-main h2{
	font-size: 45px;
	text-align: center;
}
.inn-abt-main p{
	text-align: center;
}
.v-m-tion{
	height: auto;
}
.all-vision-main{
	padding-top: 35px !important;
}
.v-m p{
	text-align: center;
}
.v-m {
    padding: 30px 35px;
    margin-bottom: 35px;
}.opportunities-hds h2{
	font-size: 45px;
}
.opp-p{
	padding: 0px;
}
#sub-page-intro h2{
	font-size: 45px;
}

#sub-page-intro p{
	padding-left: 0;
	padding-right: 0;
}
.con-exm h2{
	font-size: 45px;
}
.con-exm p{
	padding-left: 0;
	padding-right: 0;
}
.contact-bac{
	padding: 30px 20px;
}
.pd-ban1 h2 {
    padding-top: 40px;
}
}


@media (min-width:768px) and (max-width:991px){


.banner{
	height: auto;
}
.logo {
    width: 50%;
}
.head-menu {
    width: 50%;
}
.hamburgermenu{
	display: none;
}
.banner-img{
	display: none;
}
.banner-text h2{
	font-size: 50px;
	text-align: center;
}
.banner-text p {
	text-align: center;
} .read {
        float: none; /* Remove float */
        display: flex;
        justify-content: center; /* Centers the button */
        width: 100%; /* Ensures full width for centering */
    }

    .read a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 229px; /* Keep button width */
    }


.section1 {
	padding-top: 90px;
	padding-bottom: 40px;
}
.stion1-img::after{
	display: none;
}
.stion1-txt {
    width: 100%;
    float: left;
}
.stion1-txt h2{
	font-size: 50px;
	text-align: center;
}

.stion1-txt-p{
	padding-left: 0;
}
.stion1-txt p{
	text-align: center;
}

.section2 h2{
	text-align: center;
	padding-bottom: 30px;
}
.st2-imger{
	display: block;
}
.section3-hd h2{
	font-size: 50px;
}
.section3-hd p{
	padding-bottom: 35px;
}
.section3-main{
	padding-left: 0px;
}

.section3-main-top h2{
	padding-bottom: 25px;
	text-align: center;
	width: 100%;
}
.stion3-img {
    width: 100%;
}
.section3-hd p:after{
	display: none;
}
.s-sctbt {
     padding-top: 0px;
    }

.ston3-ex h6{
	display: none;
}


.section4-hd h2{
	text-align: center;
	font-size: 50px;
}
.section4-hd p{
	text-align: center;
}
.section4{
	height: auto;
}
.stion-4all{
	height: auto;
}
.stion4-icons img{
	max-width: 50px;
}
.s4-extra:after{
	display: none;
}
.section5-hd h2{
	text-align: center;
	font-size: 50px;
}
.section5-hd p{
	text-align: center;
}

.section5-main img{
	max-width: 100%;
}
.section5-main{
	margin-bottom: 30px;
}

.stion-last h2{
	font-size: 50px
}
    .ftr-bx1 {
        width: 36%;
        padding-left: 47px;
    }
.ftr-bx3 p {
    width: 75%;
}
.ftr-bx3 {
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-left: -138px;
}
.ftr-bx2 {
    width: 32%;
    padding-left: 50px;
}
.section5 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.nav-toggle{
	right: 70px;
}
.inn-abt-main img{
	margin: auto;
	display: block;
	text-align: center;
	float: none;
}
.inn-abt-main h2{
	font-size: 50px;
	text-align: center;
}

.inn-abt-main p{
	text-align: center;
}
.v-m-tion{
	height: auto;
}

.pd-ban1 {
    padding-left: 0px; 
    padding-top: 30px;
}
.opportunities-hds h2{
	font-size: 50px;
}
.opp-p{
	padding: 0;
}
#sub-page-intro h2{
	text-align: center;
	font-size: 50px;
}
.con-exm h2{
	text-align: center;
	font-size: 50px;

}
.con-exm p{
	padding-left: 0px;
	padding-right: 0px;
}
.contact-forms{
	padding: 25px 0px 30px 0px;
}


}





@media (min-width:992px) and (max-width:1024px){


.banner{
	height: auto;
}
.logo {
   width: 25%;
}
.head-menu {
    width: 75%;
}
.nav-menu > li > a{
	padding-right: 40px;
}
.hamburgermenu{
	display: none;
}
.banner-img{
	display: none;
}
.banner-text h2{
	font-size: 50px;
	text-align: center;
}
.banner-text p {
	text-align: center;
} .read {
        float: none; /* Remove float */
        display: flex;
        justify-content: center; /* Centers the button */
        width: 100%; /* Ensures full width for centering */
    }

    .read a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 229px; /* Keep button width */
    }


.section1 {
	padding-top: 90px;
	padding-bottom: 40px;
}
.stion1-img::after{
	display: none;
}
.stion1-txt {
    width: 100%;
    float: left;
}
.stion1-txt h2{
	font-size: 50px;
	text-align: center;
}

.stion1-txt-p{
	padding-left: 0;
}
.stion1-txt p{
	text-align: center;
}

.section2 h2{
	text-align: center;
	padding-bottom: 30px;
}
.st2-imger{
	display: block;
}
.section3-hd h2{
	font-size: 50px;
}
.section3-hd p{
	padding-bottom: 35px;
}
.section3-main{
	padding-left: 0px;
}

.section3-main-top h2{
	padding-bottom: 25px;
	text-align: center;
	width: 100%;
}
.stion3-img {
    width: 100%;
}
.section3-hd p:after{
	display: none;
}
.s-sctbt {
     padding-top: 0px;
    }

.ston3-ex h6{
	display: none;
}


.section4-hd h2{
	text-align: center;
	font-size: 50px;
}
.section4-hd p{
	text-align: center;
}
.section4{
	height: auto;
}
.stion-4all{
	height: auto;
}
.stion4-icons img{
	max-width: 50px;
}
.s4-extra:after{
	display: none;
}
.section5-hd h2{
	text-align: center;
	font-size: 50px;
}
.section5-hd p{
	text-align: center;
}

.section5-main img{
	max-width: 100%;
}
.section5-main{
	margin-bottom: 30px;
}

.stion-last h2{
	font-size: 50px
}
    .ftr-bx1 {
        width: 36%;
        padding-left: 47px;
    }
.ftr-bx3 p {
    width: 75%;
}
.ftr-bx3 {
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-left: -138px;
}
.ftr-bx2 {
    width: 32%;
    padding-left: 50px;
}
.section5 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.nav-toggle{
	right: 70px;
}
.inn-abt-main img{
	margin: auto;
	display: block;
	text-align: center;
	float: none;
}
.inn-abt-main h2{
	font-size: 50px;
	text-align: center;
}

.inn-abt-main p{
	text-align: center;
}
.v-m-tion{
	height: auto;
}

.pd-ban1 {
   
    padding-top: 30px;
}
.opportunities-hds h2{
	font-size: 50px;
}
.opp-p{
	padding: 0;
}
#sub-page-intro h2{
	text-align: center;
	font-size: 50px;
}
.con-exm h2{
	text-align: center;
	font-size: 50px;

}
.con-exm p{
	padding-left: 0px;
	padding-right: 0px;
}
.contact-forms{
	padding: 25px 0px 30px 0px;
}


}

@media (min-width:1025px) and (max-width:1199px){



.hamburgermenu{display: none;}

.nav-menu > li > a{
	padding-right: 50px;
}
.banner-text h2{
	font-size: 50px;
}
.banner{
	height: auto;
	padding-bottom: 125px;
}
.banner-img {
    width: 40%;
}
.stion1-txt h2 {
	font-size: 50px;
}
.stion1-txt-p {
    padding-left: 172px;
}

.stion1-img::after {
  
    max-width: 480px;
    height: 449px;
}
.section2 h2{
	font-size: 43px;
}
.section1 {
    padding-top: 110px;
    padding-bottom: 75px;
}
.stion3-img{
	width: 100%;
	padding-left: 0px;
}
.section3-hd p{
	padding-bottom: 60px;
}
.section3-main-top h2{
	padding-bottom: 25px;
}
.s-sctbt {
    padding-top: 0px;
    }
.section3-hd p:after{
	display: none;
}

.stion-4all {
	height: auto;
    padding: 64px 58px 65px 58px;
}
.ftr-bx3 {
    width: 29%;
}
.ftr-bx2 {
    width: 23%;
}
.inn-abt-main img{
	margin-left: 55px;
}




}



@media (min-width:1200px) and (max-width:1313px){


	.stion3-img {
    width: 75%;
}
.hamburgermenu{
	display: none;
}

}


@media (min-width:1400px) {
	.nav-pd {
    text-align: left;
    padding: 100px 0px 0px 0px;
}

}



/*.custom-select-box {*/
/*    width: 155px;*/
/*    position: relative;*/
   
/*    user-select: none;*/
/*}*/

/*.selected-option {*/
/*    background: #ffffff;*/
/*    border: none;*/

/*    cursor: pointer;*/
/*    margin-top: 2px;*/
/*}*/

/*.options-list {*/
/*  background: #ffffff;*/
/*  border: 1px solid #ccc;*/
/*  border-radius: 8px;*/
/*  margin-top: 5px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  z-index: 10;*/
/*}*/

/*.option {*/
/*  padding: 10px 15px;*/
/*  cursor: pointer;*/
/*}*/

/*.option:hover {*/
/*  background: #f0f0f0;*/
/*}*/











.no-product{
     float: left;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #000;

}