*, ::after, ::before {
    box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
	overflow-x:hidden;
}


body{
	margin:0px;
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	overflow-x:hidden;
}
h1, h2, h3{
	position:relative;
}
ul{
	padding:0px;
	margin:0px
}
a{
	text-decoration:none;
}
img{
	max-width:100%
}
header{
	position: sticky;
    top: 0;
    background-color: white;
    border-bottom: 1px solid #e2e2e2;
    z-index: 9;
	padding: 0px 34px;
	background:linear-gradient(#ffffff 0,#ffffff 26%,#f8f6f6 100%);
	box-shadow: 0px 3px 7px -1px #e8e8e8;
	transition: 0.2s;
}
header img{
	width: 185px;
	transition: 0.2s;
}

.note{
	    font-size: 16px;
    position: absolute;
    bottom: 55px;
    right: 12px;
    left: 12px;
    text-align: center;
}
.fixheader{
	position: fixed !important;
    width: 100%;
    right: 0;
    left: 0;
	transition: 2s;
}
.fixheader img{
	width: 100px;
	transition: 0.2s;
}

.black-header{
	background: linear-gradient(#000000 0,#2d3133 26%,#000000 100%);
}
.black-header a{
	color:white !important;
}
.black-header img{
	filter: brightness(0) invert(1);
}
.mobile{
	display:none;
}
.logo{
	padding-top:6px;
}
.text-center{
	text-align:center;
}

.header-flex{
	display:flex;
	gap:12px;
	justify-content:space-between;
	align-items: center;
}
.container{
	padding: 0px 20px;
    width: 1150px;
    margin: 0px auto;
}
.nav ul{
	gap: 35px;
    grid-template-columns: repeat(4, 1fr);
    display: flex;
}

.nav ul li{
	list-style:none;
	text-align:center;
}
.nav ul li a{
	color:black;
	text-transform:uppercase;
	transition: 0.2s;
}
.fixheader .nav ul li a{
	font-size:17px;
	transition: 0.2s;
}
.nav ul li a:hover{
	border-bottom:3px solid #f58222;
	color:#f58222;
}
.active{
	border-bottom: 3px solid #f58222 ;
	color:#f58222 !important;
}
.ac{
	align-items:center;
}

.g-text{
	background:-webkit-linear-gradient(left, #f52222, #ff5200, #f58222);
    background-size: 1600px 200px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-duration: 3s;
    animation-duration: 6s;
    -webkit-animation-name: animationgradienttitle;
    animation-name: animationgradienttitle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

	margin: 0px;
	font-size:42px;
}
.d-flex{
	display:flex;
	gap:16px;
}
.half{
	width:50%;
}
.top-section{
	padding: 100px 0px;
}
.top-section img{
	margin: 0px auto;
    display: block;
}
.btn{
    background-color: #f58222;
    padding: 12px 32px;
    display: inline-block;
    color: white;
    text-decoration: none;
    margin-top: 22px;
    box-shadow: 1px 1px 11px 2px #e8e6e6;
    border: 1px solid #f58222;
	font-size:17px;
}
.btn:hover{
	color: #f58222;
	background-color:white;
}
.sec{
	padding: 100px 0px;
}
.dark{
	background-color:#f8f8f8;
}
h2{
	font-size: 39px;
    margin-top: 0;
}
.mimg{
	width:500px
}
.carousel{
  width:100%;
  margin:0px auto;
}
.slick-slide{
  margin:10px;
}
.slick-slide img{
  width:100%;
  border: 2px solid #fff;
  margin:0px auto;
}
.wrapper .slick-dots li button:before {
    font-size: 16px;
    color: #cdcdcd;
}
.banner{
	background-image:url(../img/women.jpg);
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
}
.overlay{
	height:400px;
	background-color:#00000082;
}
.smimg{
	width: 303px;
    display: block;
    margin: 0px auto;
}
.hborder{
	    border-left: 3px solid #f58222;
    padding-left: 19px;
}
.sub{
	font-style: italic;
    margin-top: 0px;
    color: #f58222;
}
.support{
	background:rgb(255,131,21);
	padding:25px 0px;
	color:white;
}
.support-flex{
	display:flex;
	gap:32px;
	align-items:center
}
.sicon{
	text-align:center;
	width: 650px; 
	max-width:100%;	
}
.sicon i{
	font-size:43px;
}
.support p{
	margin: 0px;
}
.support h3{
	font-size: 29px;
	margin:0px
}
.ilist{
	padding-left: 15px;	
}
.ilist li{
	list-style:none;
	margin-bottom: 12px;
}
.ilist li:before {    
    font-family: 'FontAwesome';
    content: "\f105";
    margin:0 5px 0 -15px;
    color: #f58222;
	margin-right: 12px;
}
.footer-top{
	background-image:url(../img/food.jpg);
	color:white;
}
.orange{
	color:rgb(255,131,21);
}
footer h2{
	margin:0px;
	font-size: 48px;
}
footer .overlay{
	height: auto;
    background-color:#070101e6;
    padding: 120px 0px;
}
.footerlogo{
	width: 343px;
}

.footer-bottom{
	background-color:rgb(255,131,21);
	color:white;
    padding: 12px 0px;	
}
.social a{
    color: #f58222;
    background-color: black;
    padding: 8px;
    border-radius: 31px;
    height: 41px;
    width: 41px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.social a:hover{
	background-color:white;
}
.social{
	display: flex;
    gap: 11px;
}
.bottom-flex{
	display:flex;
	gap:22px;
	justify-content:space-between;
	align-items: center;
}
.cinfocont{
	display: flex;
    align-items: center;
    gap: 50px;
}
a{
	text-decoration:none;
}
.cinfo a{
	color:black;
	display: flex;
    align-items: center;
    gap: 6px;
	justify-content: center;
}
.loc a{
	color:black
}
.inner-top{
    background-color: rgb(255,131,21);
    color: white;
    overflow: hidden;
    padding: 120px 8px;
    text-transform: uppercase;
	background: rgb(255,131,21);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
.inner-top h1{
	font-size: 60px;
}
.three-col{
	width:33.33%
}
.price h3{
	color: #ff8315;
    text-align: center;
    margin: 0px;
	font-size: 29px;
}
.price{
	background-color: white;
    padding: 21px;
	min-height: 500px;
    border: 1px solid #c4c4c4;
    box-shadow: 0px 5px 11px 2px #dddada;
	position:relative;
}
.price ul li{
	font-size: 15px;
}
.price ul{
	margin-top: 32px;
}
.price p{
	margin: 0;
    text-align: center;
    font-size: 16px;
    margin-bottom: 12px;
}
.tbox{
	width: 100%;
    padding: 17px;
    outline: 0px;
  	border:0px;
	font-family: 'Poppins', sans-serif;
    font-size: 17px;
	margin-bottom:12px
}
.common{
	color: white;
    background-color:rgb(255,131,21);
    margin-top: -45px;
    min-height: 494px;
}
.common h3{
	color: white;
}
.common .ilist li:before{
	color:white;
}
.pprice{
	    text-align: center;
    color: #ff8315;
    font-size: 59px;
    font-weight: bold;
    line-height: 57px;
}
.common .pprice{
	color:white;
}
.price a{
	display: block;
    text-align: center;
    position: absolute;
    bottom: -16px;
    background-color: rgb(255,131,21);
    color: white;
    padding: 4px 29px;
    border-radius: 32px;
    left: 25%;
	border:2px solid rgb(255,131,21);
}
.common a{
	background-color: white;
	color:black;
}

.obtn {
	display: inline-block;
    text-align: center;
    background-color: rgb(255,131,21);
    color: white;
    padding: 7px 36px;
    border-radius: 32px;
    border: 2px solid rgb(255,131,21);
    margin-top: 12px;
}
.price a:hover, .obtn:hover{
	background-color:white;
	color:black;
}
.smsg{
	text-align: center;
   
    color: rgb(255,131,21);
}
.smsg div{
	 margin-bottom: 55px;
    /* margin-top: -54px; */
}
.address{
	display:flex;
}
.address i{
	padding-right: 9px;
    margin-top: 7px;
}
@media screen and (max-width: 1226px) {
	.container{
		    width: 1018px;
	}
}
@media screen and (max-width: 1052px) {
	.container {
		width: 954px;
	}
}

@media screen and (max-width: 956px) {
	.container{
		width:100%
	}
}

@media screen and (max-width: 829px) {
	.footer-top .d-flex{
		display:block;
		text-align:center
	}	
	.footer-top .half{
		width:100%;
	}	
	.footerlogo{
		margin-top:30px
	}	
	.g-text{
		font-size:40px
	}	
}
@media screen and (max-width: 1058px) {
	.mobile {
		display:block;
		padding: 0px 20px;
	}
	.logo a{
		display:grid;
	}	
	.nav ul{
		grid-template-columns: repeat(1, 1fr);
		display:grid;
		position: absolute;
		background-color: white;
		width: 100%;
		right: 0;
		top: 61px;
		text-align: left;
		padding: 22px 12px;
		z-index: 99;
		display:none;
		border-bottom: 1px solid #e2e2e2;
	}
	.nav ul li a{
	  color:black;
	  text-align:left;
	  display:block;
	  margin-left:0px !important;
	  padding:12px 12px
	}

	.two-col{
		grid-template-columns: repeat(1, 1fr);
	}
	.header-flex{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-content: space-around;
		align-items: center;
	}
	.micon{
		position: absolute;
		top: 17px;
		right: 0;
	}
	.nav{
		padding:51px 20px 9px 48px
	}
	.logo {
		padding-top: 0;
	}
}
@media screen and (max-width: 800px) {
	.price{
		margin-bottom:44px !important;
	}
	.d-flex{
		display:block;
	}
	.half, .three-col{
		width:100%;
	}
	.top-section img, .wrapper, .rightimg{
		margin-top: 70px;
	}
	.leftimg{
		margin-bottom:70px;
	}
	.three-col{
		 margin-bottom:12px;
	}
	.inner-top{
		padding:70px 0px;
	}
	.inner-top h1 {
		font-size: 40px;
	}
	.common{
		margin-top: 0px;
		min-height:unset !Important;
	}
	.price{
		    width: 374px;
		margin: 0px auto;
		min-height: 537px !important;
	}
	
}
@media screen and (max-width: 768px) {
	.bottom-flex{
		display:block;
		text-align:center;
	}
	.social, .cinfo{
		justify-content:left;
		margin-bottom:12px
	}
	.address{
		justify-content: left;
		text-align: left;
		margin-top:24px
	}
	.cinfocont {
		display: block;
	}
	.cinfo a{
		justify-content:left;
		margin-top:24px
	}
}
@media screen and (max-width: 619px) {
	.cinfo{
		grid-template-columns: repeat(1, 1fr);
		gap: 4px;
	}
	.support-flex{
		display:block;
		text-align:center;
	}
	footer h2{
		font-size: 39px;
	}
	.footerlogo {
		width: 226px;
	}
	 h2{
		font-size: 35px;
	}
	.sicon{
		margin-bottom: 13px;
	}
}
.slick-arrow{
	display:none;
}
@keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}