@font-face
{
font-family: "Avenir Next";
font-style:normal;
src:url("../../assets/fonts/AvenirNext.otf") format("opentype");
}
@font-face
{
font-family: "AvenirNextLTPro-Bold";
font-style:normal;
src:url("../../assets/fonts/AvenirNextLTPro-Bold.otf") format("opentype");
}
@font-face
{
font-family: "AvenirNext-SemiBold";
font-style:normal;
src:url("../../assets/fonts/Metropolis-SemiBold.otf") format("opentype");
}


@font-face
{
font-family: "S6uyw4BMUTPHjx4wXg";
font-style:normal;
src:url("../../assets/fonts/S6uyw4BMUTPHjx4wXg.woff2") format("opentype");
}


.about{
	background: black;
	padding-top: 30px;
	padding-bottom: 30px;
}
.content {
	display: flex;
	justify-content: center;
	align-items: center;
}
.sub-heading{
      font-size: 10px;
    margin-bottom: px;
    font-family: "Avenir Next",sans-serif;
    letter-spacing: 0.25em;
}
.heading{
	font-size: 45px;
	font-family: "Avenir Next",sans-serif;
	font-weight: 900;
	margin: 0px 0px 20px;
}
.offerheader
     {
        background: #0a7b89;
        color: #F2EDF0;
    }
.offerheader h5{
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: block;
    padding: 7px 20px 6px;
    transition: opacity 0.75s ease;
    text-align: center;
    margin-bottom: 0px;
}
    

.heading-1{
	font-size: 15px;
	font-family: "Avenir Next",sans-serif;
	padding-right: 65px;
    padding-left: 65px;
	
}
.text-heading{
	font-size: 45px;
	font-family: "Avenir Next",sans-serif;
	font-weight: 900;
	margin: 0px ;
}
a.btn {
    border:2px solid #000;
    border-radius:50px;
    width:250px;
    color:#000;
    height:50px;
    text-align:center;
    padding-top:12px;
    font-size:15px;
    font-family: "Avenir Next",sans-serif;
    margin:0 auto;
    text-align:center;
    display:block;
}
a.btn:hover{
	border: 2px solid white;
}
.sub-text{
	font-size: 28px;
	font-weight:600;
	 font-family: "Avenir Next",sans-serif;
	
	 color: white;
	 padding-top: 25px;
	 letter-spacing:2.1px;
}

.heading-2{
	color: #fff;
	font-size: 16px;
	font-family: "Avenir Next",sans-serif;
	text-align: center;
	    padding: 15px 12px 0px 12px;
	    font-weight: 600;
	    line-height:21px;

}
.container.about-container {
    max-width:1250px
}
/*.col-md-4.test {
    padding:25px;
}*/

/*.about .container{*/
/*	max-width: 1250px;*/
/*}*/
.test {
	padding: 20px;
}
@media screen and (max-width: 768px){ 
    .col-sm-12.col-md-6.col-lg-6.text-center.text-white.test{
        width:100%;
    }
    .content {
    flex-direction:column-reverse;
}
.col-sm-12.col-md-4.col-lg-4.test{width:100%;}
.heading-1{padding-left:0px;
padding-right:0px;}
.heading {
    font-size: 40px;
    margin: 0px 0px 0px 0px; 
    line-height: 50px;
}
}
@media screen and (min-width:320px) and (max-width:767px){ 
.content {
    flex-direction:column-reverse;
}
.content{
    padding:0px 20px 0px 20px;
    
}
    .heading{
        font-size:40px;
    }
    .heading-1{
        font-size:15px;
    }
    .text-heading {
    font-size: 38.25px;
      
        line-height: 1;
}

    .heading-2{
        font-size:12.75px;
        
    }
    /*.row .test{*/
    /*	padding-left: 38px ;*/
    /*	padding-right: 38px;*/
    /*}*/
    .col-sm-12.col-md-4.col-lg-4.test {
    width:100%;
   }


}



@media screen and (min-width:769px) and (max-width:1023px){
  .col-lg-6.text-center.text-white {
    padding: 20px;

    
}
.heading{
	line-height: 1;
}
/*.content {*/
/*    flex-direction:column-reverse;*/
/*}*/

}

/*@media screen and (min-width:768px) and (max-width:1023px){
.col-md-5.text-center.text-white {
    width:100%;
}
}*/


/*darshana css code*/


@font-face
{
font-family: "Avenir Next";
font-style:normal;
src:url("../../assets/fonts/AvenirNext.otf") format("opentype");
font-display: swap;
}
.py-5{
  padding-top: 50px;
  padding-bottom: 50px;
}



.testimonial-section h2{
	 font-family: "Avenir Next";
	 font-weight: 700;
	 font-style: normal;
	 font-size: 45px;
	 text-align: center;
}
.testimonial-section h6{
	font-family: "Avenir Next";
  font-style: italic;
  font-weight: 600;
	color: #111111;
  font-size: 18px;
  padding-top: 20px;
	}
.testimonial-section p{
  font-family: "Avenir Next";
  font-weight: 600;
  font-size: 20px;
	margin-top: -40px;
	color: #111111;
}
.testimonial-card{
	text-align: center;
}
.fa-fa-style{
	font-size: 60px !important;
    color: #e0e0e0;
}
.footer-section{
  background-color: #111111;
}
.footer-section h4 {
  font-family: "Avenir Next";
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding-bottom: 10px;

}
.footer-section p {
  font-family: "Avenir Next";
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  text-align: center;

}
.newsletter-form-group {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}
.newsletter-form-group__input {
    margin: 0 auto;
    width: 100%;
    border-bottom-color: currentColor;
    border-radius: 0;
    padding-right: 45px;
}
.newsletter-form-group__submit {
  background-color: #111111;
  color: white;
border: none;

    position: absolute;
    top: 0;
    right: 0;
   /* bottom: 0;*/
    padding-right: 0;
}
.newsletter-form-group__submit .icon {
    width: 26px;
    height: 24px;
    border-bottom: 2px solid;
    border-bottom-color: #fff;
}
input, select, textarea,.icon{
    background-color: transparent;
    color: #fff !important;
    border: 0;
    border-bottom: 2px solid;
    border-bottom-color: #fff;
    max-width: 100%;
    padding: 8px 0;
    border-radius: 0;
}
.footer-fa-fa-icon{
  font-size: 30px !important;

}
::placeholder {
  color: #fff;

}
footer.footer-section.py-5 a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
}
@media(min-width: 320px) and (max-width: 767px)
{
  .newsletter-form-group {
    max-width: 200px;
    
}
}



/*sonali css*/

@font-face
{
font-family: "Avenir Next";
font-style:normal;
src:url("../../assets/fonts/AvenirNext.otf") format("opentype");
font-display: swap;
}

img#logo {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
 header {
        background: #252525;
        color: #F2EDF0;
    }
header h5 {
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: block;
    padding: 7px 20px 6px;
    transition: opacity 0.75s ease;
    text-align: center;
    margin-bottom: 0px;
}
nav
{
    position:absolute;
    z-index: 999;
    margin: 0 auto;
    width: 100%;
    padding:30px;
}
.footer-logo
{
   background:black;
    z-index: 999;
    margin: 0 auto;
    width: 100%;
    padding:30px;
}

/* hero-section  */
.hero-section{
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent);*/
    /*background-image: url(../../assets/img/banner.webp);*/
      background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/bannerimg.png);
      /*background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/bannerimg.png);*/
   
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 110vh;    
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    background-position: 100% 100%;
    background-blend-mode: multiply;
    text-decoration: none;
}
.hero-section2{
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent);*/
    /*background-image: url(../../assets/img/banner.webp);*/
      /*background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/images(3).jpg);*/
      background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/black-friday.png);
   
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 110vh;    
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    background-position: 100% 100%;
    background-blend-mode: multiply;
    text-decoration: none;
}
.hero-section1{
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent);*/
    /*background-image: url(../../assets/img/banner.webp);*/
      background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/black-friday-sale-banner-template-illustration-free-vector.jpg);
   
    background-repeat: no-repeat;
   
    min-height: 110vh;    
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    background-position: 100% 100%;
    background-blend-mode: multiply;
    text-decoration: none;
}

.hero-content h1 {
    text-decoration: none;
    text-align: center;
    font-size: 59px;
    font-family: "Avenir Next";
    font-weight: 600;
}
.hero-content
{
    margin:0 auto;
    text-align: center;
    width:100%;
    max-width: 700px;

}
.hero-content p {
    font-size: 30px;
    font-family: "Avenir Next";
    /*font-weight: 500;*/
}

.hero__link a {
    display: inline-block;
    padding: 12px 25px;
    margin: 0;
    width: auto;
    min-width: 90px;
    line-height: 1.42;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    background: #fff;
    border-radius: 20px;
    font-family: "Avenir Next";
    letter-spacing: 2.0px;
    font-size: 14px;
    color: #000;
}
section.banner-bottom {
    background: #484547;
    color: #f2f2f2;
    height: 35px; 
}
.marquee-text
{
  font-size: 20px;
    white-space: normal;
    width: 100%;
    perspective: 900;
    animation: marquee-left 6.6s linear infinite forwards;
        animation-duration: 15s;
}
@keyframes marquee-left {
  0% {
    transform: translateX(-1%);
   }

   100% {
    transform: translateX(-1%);
  }
}


.logo-patner {
    display: flex;
    justify-content: center;
    align-item:center;
}
section.logo-section {
    margin-top: 50px;
    margin-bottom: 50px;
}
img#patner-logo {
    width:100%;
    max-width: 220px;
    padding-left: 30px;
    padding-right: 30px;
}



@media screen and (min-width:320px) and (max-width:767px)
{
  .logo-patner{
    text-align: center;
      margin-bottom: -40px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
    }


    img#patner-logo {
        width: 100%;
        max-width:135px;
        padding:15px;

    }
    .hero-content h1
    {
        font-size:36px;
    }
    .hero-section{
        background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/mobilebannerimage.png);
        background-position: 100% 1%;
        min-height: 100vh;
        background-repeat: no-repeat;
         background-size: cover;
   }
.hero-section2{
        background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/images(3).jpg);
        background-position: 100% 50%;
        min-height: 100vh;
        background-repeat: no-repeat;
         background-size: cover;
   }
.hero-section1{
        background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent), url(../../assets/images/black-friday-sale-banner-template-illustration-free-vector.jpg);
        background-position: 100% 50%;
        min-height: 100vh;
        background-repeat: no-repeat;
         background-size: cover;
   }

    
     .hero-content
     {
        width:100%;
     }
     .hero-content p
     {
        font-size:20px;
        /*font-weight: 400;*/
     }
     .hero__link a
     {
        padding:11px 20px;
     }

   
}

@media screen and (min-width:768px) and (max-width:1023px)
{
    .hero-section
    {
        min-height: 50vh;
        background-position: 50% 50%;
    }
.hero-section2
    {
        min-height: 50vh;
        background-position: 50% 50%;
    }
.hero-section1
    {
        min-height: 50vh;
        background-position: 50% 50%;
    }
}