* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

:root{
--main:#a0186d;
--main2:#000;
--black:#000;
--white:#fff;
--light-grey:#f6f6f6;
--dark-grey:#4e4c4c;
--text-default: clamp(.9rem, calc(0.15vw + .9rem), 0.9rem);
--text-base: clamp(1.05rem, calc(0.15vw + 1.01rem), 1.12rem);
--color-black-500: hsl(210, 15%, 4%);
--shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
  0 1px 2px 0 rgba(0, 0, 0, 0.06);
--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
  0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 30px 50px 30px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-border-radius: 10px;border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: var(--main);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(255, 255, 255, 0.3);}
::selection {
  color: var(--white);
  background-color: var(--main);
}
body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  font-size: 14px;
  line-height: 25px;

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

p{text-align: justify;}
.btn-default{background: var(--main);color: var(--white);text-transform: uppercase;border-radius: 0.2rem;border: 2px solid var(--main);font-weight: 500;font-size: 14px;padding: 0.5rem 1rem;}
.btn-default:hover{background: transparent;color: var(--main2);text-transform: uppercase;border-radius: 0.2rem;border: 2px solid var(--main2);}
.btn-secondary{background: var(--white);color: var(--main);text-transform: uppercase;border-radius: 0.2rem;border: 2px solid var(--main);font-weight: 600;font-size: 14px;padding: 0.5rem 1rem;}
.btn-secondary:hover{background: var(--main);color: var(--white);text-transform: uppercase;border-radius: 0.2rem;border: 2px solid var(--main);}
.mobile-btn { display: none;}

/* header start */
header {width: 100%;box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 15%);}
.nav-link{color: #000 !important;font-weight: 600;font-size: 0.8rem;text-transform: uppercase;}
.navbar{display: block;}
.navbar-nav{column-gap: 0.5rem;}
.nav-item.inquire {background-color: var(--main);padding: 0rem 1rem;color: #fff;border-radius: 5px;height: 6vh;}
.nav-item.inquire a {color: #fff !important;}
.nav-item.inquire a i{color: var(--white);}
.nav-link img{width: 15px;}
.top-address{display: flex;list-style-type: none;color: #fff;margin-bottom: 0;}
.top-address li a{color: #fff;display: flex;align-items: center;column-gap: 0.5rem;}
.top-bar{background:#1c1c1c;padding: 0.5rem;}
a.nav-link{position: relative;}
a.nav-link:hover{ background: -webkit-linear-gradient(#a0176a, #a3010e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;;}
a.nav-link:hover:before{
  max-width: 100%;
  width: 100%;
}

a.nav-link:before {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  max-width: 0;
  content: "";
  -webkit-transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  transition: max-width 0.5s;
  background: linear-gradient(#a0176a, #a3010e);
  height: 2px;
  margin-top: 1rem;
}
/* header end */

/* slider start*/
#sliderproduct{width: 100%;}
#sliderproduct .col-sm-6:last-child {padding-top: 27px; padding-bottom: 27px;}
#sliderproduct .carousel-item{transition: 0.4s;}
#sliderproduct a.carousel-control-prev, #sliderproduct a.carousel-control-next {border-radius: 50%; background-color: var(--main);width: 46px;height: 46px;font-size: 30px;text-align: center;line-height: 40px;opacity: 1;top: 50%;transform: translate(-50%,-60%);margin-left:2.5rem;}
.carousel-caption{right: 0;left: auto;}
/* slider end*/
.text-black{color: var(--main);font-weight: 600;}
.banner-form p{color: var(--main);font-weight: 500;}
.banner-form{padding: 1rem;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  color: #fff;
  width: 35rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 99;}
.banner-cont p{margin-bottom: 0rem;font-size: 0.9rem;color: #fff;}
.banner-cont h1{font-size: 1.9rem;color: #fff;text-transform: uppercase;text-align: left;}
.banner-cont h2{color: var(--main);font-size: 2rem;font-weight:600;}
#sliderproduct .banner-cont {
	padding: 2rem; background: linear-gradient(#a3010e, #a0176a);
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
	color: #fff;width: 35rem;
	position: absolute; bottom: -2rem; right: 0rem;
	text-align: left;
}
.myfielderr {color:red;margin-top:5px;display:none;}
.dnone {display:none;}
.btn-submit{background: var(--main);color: #fff;border-radius: 5px;padding: 0.5rem 1.2rem;}
.btn-submit:hover{color: #fff;}
.banner-cont p a{margin-bottom: 0rem;color: #000;}
.banner-cont .form-control{background-color: #ececec;border: 0px;}
.banner-cont .form-control::placeholder{font-weight: normal;font-size: 14px;color: #000;}
.banner-cont hr{background: #f5f5f5;}
.banner-cont h4{text-align: left;}
.carousel-control-next{z-index: 999;}
.banner-textp {
	margin-bottom: rem;
	font-size: 2rem;
	color: #fff;
}
#sliderproduct .banner-textp{
	padding: 10rem ;
	position: absolute;
	top: 20rem; 
	left: -5rem;
	text-align: left;
	line-height: 1;
}
.carousel-item {
  /* height: 600px; */
  width: 100vw;
  background: black;
  overflow: hidden;
}

.carousel-item img {
 object-fit: cover;
 filter: brightness(60%);
 /* opacity: 0.4; */
}
/* about sec start*/
.about-sec{padding: 4rem 0rem;background:url('../images/about-bg.jpg');background-repeat: no-repeat;background-size: contain;background-position: bottom left;}
.light-font{font-weight: normal;margin-bottom: 0rem;color: var(--main);}
.about-home{padding: 0rem 0rem 3rem;}
.main-heading{color: var(--black);font-size: 2rem;font-weight: 400;text-transform: capitalize;}
.sub-heading{font-size: 1.5rem;font-weight: 600;text-transform: capitalize;}
/* about sec end*/

/* What We Deliver sec start*/
.deliver-sec{padding: 4rem 0rem;background:#f9f8f8;}
.deliver-sec .test-box{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);transition: transform 0.5s, filter 1.5s ease-in-out;}
.deliver-sec .test-box p{font-size: 14px;font-weight: 400;}
.deliver-sec .test-box .name{font-size: 1.6rem;font-weight: 500;padding-top: 1rem;}
.deliver-sec .test-box .clientimg{overflow: hidden;}
.deliver-sec .test-box .clientimg img{transition: transform .5s, filter 1.5s ease-in-out;}
.deliver-sec .test-box .clientimg:hover img{filter: grayscale(0);transform: scale(1.2);}
.deliver-sec .owl-dot.active span{background-color: var(--main2) !important;width: 25px !important;}
.deliver-sec .owl-theme .owl-dots .owl-dot span {width: 8px ;height: 8px !important;}
.deliver-info{padding: 0.5rem;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: block;}
.deliver-sec .owl-nav .owl-prev, .deliver-sec .owl-nav .owl-next {border-radius: 50% !important; border:1px solid #999 !important;width: 46px;height: 46px;font-size: 30px;text-align: center;line-height: 40px;opacity: 1;top: 50%;transform: translate(-50%,-60%);margin-left:2.5rem;}
.deliver-sec .owl-nav .owl-prev:hover, .deliver-sec .owl-nav .owl-next:hover {background-color: var(--main) !important;}
.deliver-sec .owl-nav .owl-prev, .deliver-sec .owl-nav .owl-next{font: normal normal normal 20px/1 FontAwesome !important;color: var(--black);font-weight: 900 !important;}
.deliver-sec .owl-prev{left: -2.5rem;position: absolute;}
.deliver-sec .owl-next{right: -5.5rem;position: absolute;}
.deliver-sec .owl-nav .owl-prev:before {content: "\f104";font-family: 'Font Awesome 5 Free';}
.deliver-sec .owl-nav .owl-next::before{content: "\f105";font-family: 'Font Awesome 5 Free';}
.deliver-sec .owl-nav span{display: none;}
.deliver-sec .test-box{border: 2px solid #ddd;background-color: var(--white);}
.deliver-sec .test-box:hover{border: 2px solid var(--main);}
 /* What We Deliver sec end*/

/* Why Choose Us sec start*/
.why-choose-sec{padding: 3rem 0rem;background:url('../images/why-choose-us-bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: bottom left;}
.why-choose-sec h3{color: #fff;margin-bottom: 2rem;}
.why-choose-sec ul{list-style-type: none;}
.why-choose-sec li{position: relative;padding-left: 2rem;margin-bottom: 1rem;color: #fff;font-size: 13px;font-weight: 300;}
.why-choose-sec li::before{position: absolute;left:0;content: url('../images/dot.png');}
/* Why Choose Us sec end*/

/* Our Services  start*/
.our-service{padding: 4rem 0rem;}
.service-box{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);padding: 1.5rem;background: var(--white);border-radius: 10px;width: 100%;transition: all 0.5s ease-in-out;text-align: center;margin-bottom: 1rem;}
.service-box:hover{background: var(--main);color: var(--white);filter: grayscale(0);-webkit-transform: translateY(-5px);-ms-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px);}
.service-box p{text-align: center;}
.our-service h4{font-size: 1.3rem;font-weight: 500;margin-top: 1rem;margin-bottom: 1rem;text-transform: uppercase;}
.service-box:hover img{filter:invert(1) grayscale(100%) brightness(1) contrast(200%) hue-rotate(180deg)}
.d-flex{width: 100%;}
/* Our Services  end*/

 /* Contact sec start*/
.contact-sec{padding: 4rem 0rem;background: #f4f5f9;position: relative;}
.contact-sec::after{position: absolute;left: 5rem;content: url(../images/truck.png);bottom: 2rem;animation: bounce 1.6s cubic-bezier(.445,.05,.55,.95) infinite;}
.contact-box{box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.42);padding: 1rem;background: #fff;}
.contact-box h4{font-size: 2rem;}
.contact-sec p{margin-bottom: 2rem;margin-top: 1rem;}
.con-info{list-style-type: none;margin-top: 1.5rem;}
.con-info li{line-height: 1.8; margin-bottom: 1.3rem;padding-left: 2rem;}
.con-info li a{color: #000;font-weight: 300;font-size: 14px;}
.con-info li.web, .con-info li.phone, .con-info li.address{position: relative;}
.con-info li.address::before{content: url('../images/address.png');width: 1.5rem;height: 1.5rem;position: absolute;left: 0;top:1rem}
.con-info li.web::before{content: url('../images/web.png');width: 2rem;height: 2rem;position: absolute;left: 0;top:0.2rem}
.con-info li.phone::before{content: url('../images/phone.png');width: 2rem;height: 2rem;position: absolute;left: 0;}
.left-move{animation: bounce 2s cubic-bezier(.445,.05,.55,.95) infinite;}
@keyframes bounce {
  50% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-20px);
}
}
 /* Contact sec end*/
/* form validation style start */
.form-group {
  margin-bottom: 0.5rem !important;
  padding-bottom: .7rem;
  position: relative;
}

.form-group label {
  display: inline-block;
  margin-bottom: 7px;
}

.form-group input, .form-group select {
  border: 2px solid #f0f0f0;
  border-radius: 4px;
  display: block;
  font-family: inherit;
  font-size: 14px;
  padding: 10px;
  width: 100%;
  height: 7vh;
}

.form-group input:focus, .form-group select:focus {
  outline: 0;
  border-color: #777;
  box-shadow: none;
}

.form-group.success input {
  border-color: #2ecc71;
}

.form-group.error input {
  border-color: #e74c3c;
}

.form-group i {
  visibility: hidden;
  position: absolute;
  top: 15px;
  right: 10px;
}

.form-group.success i.fa-check-circle {
  color: #2ecc71;
  visibility: visible;
}

.form-group.error i.fa-exclamation-circle {
  color: #e74c3c;
  visibility: visible;
}

.form-group span {
  color: #e74c3c;
  position: absolute;
  bottom: -0.7rem;
  left: 0;
  visibility: hidden;
  font-size: 12px;
}

.form-group.error span {
  visibility: visible;
}

/* footer start*/
.footer {position: relative;padding: 3rem 0rem;width: 100%;background:#080606;color: #fff;}
.footer .title{text-transform: capitalize;font-size: 13px;color: var(--white);margin-bottom: 0.2rem;}
.footer .address a{color: var(--white);font-size: 14px;}
.footer .location{color: var(--white);font-size: 1rem;}
.footer-bottom {position: relative;bottom: 0;padding: 15px;width: 100%;text-align: center;background-color:#080606;color: #fff;font-family: sans-serif;
font-size: 14px;border-top: 1px solid #f3f3f33d}
.footer-bottom a {color: #fff;text-decoration: none;}
footer .para{font-size: 14px;margin-top: 1rem;}
footer h3{text-transform: uppercase;font-size: 1.1rem;margin-bottom: 1rem;font-weight: 500;}
.footer-list{list-style-type: none;}
/* .footer-list li{position: relative;}
.footer-list li:before{left: 0;position: absolute;content: "\f104";font-family: 'Font Awesome 5 Free';} */
.footer-list a{position: relative;color: #fff;}
.footer-list a:hover:before, .footer-list a:focus:before {
  max-width: 100%;
  width: 100%;
}

.footer-list a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  max-width: 0;
  content: "";
  -webkit-transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  transition: max-width 0.5s;
  background: var(--white);
  height: 2px;
  margin-top: 1rem;
}
.newsletter-form button{background: var(--main) !important;color: #fff !important;display: block;width: 100%;margin-bottom: 2rem;}
.social-links{list-style-type: none;display: flex;gap: 1rem;justify-content: end;margin-bottom: 0;}
.social-links li a {position: relative;font-size: 15px;
  background-color: transparent;color: #fff;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.social-links li a i{font-size: 1rem;}
.whatsapp_float {position: fixed;width: 60px;height: 60px;bottom: 4rem;right: 15px;background-color: var(--main);color: #fff;border-radius: 10px;text-align: center;font-size: 30px;box-shadow: 2px 2px 3px #999;z-index: 100;}
.whatsapp-icon {margin-top: 0.5rem;font-size: 2.7rem;}
.phone_float {position: fixed;width: 60px;height: 60px;bottom: 0.5rem;left: 5px;background-color: var(--main);color: #fff;border-radius: 50%;text-align: center;font-size: 30px;z-index: 100;}
.phone-icon {margin-top: 0.8rem;font-size: 2.2rem;}
#myBtn {display: none;position: fixed;bottom: 15px;right: 10px;z-index: 99;font-size: 18px;border: none;outline: none;background-color: var(--main);color: white;cursor: pointer;border-radius: 4px;height: 40px;width: 40px;border-radius: 50%;padding-bottom: 6px;z-index: 9999;}
#myBtn:hover {background-color: var(--red);}
.quick-box{padding-left: 4rem;}
.quick-box p{line-height: 30px;}

/* track order page style */
.order-track-sec{padding: 4rem 0rem;}
/* track order page style end */
/* Testimonial section style  start*/
.testimonial-sec{padding: 4rem 0rem;background:#fff;}
.testimonial-sec .test-box{padding: 1rem;margin-bottom: 2rem;text-align: center;}
.testimonial-sec .test-box img{border-radius: 50%;}
.testimonial-sec .test-box p{font-size: 14px;font-weight: 400;text-align: center;}
.testimonial-sec .test-box .name{font-size: 1.6rem;font-weight: 500;padding-top: 1rem;text-align: center;}
.testimonial-sec .test-box .clientimg{background: #ccc none repeat scroll 0 0;border-radius: 50%;display: inline-block;height: 80px;width: 80px;border: 2px solid #fff;overflow: hidden;margin-bottom: 20px;}
.testimonial-sec .test-box .clientimg img{display: block;width: 100%;}
.testimonial-sec h4 .light-font{text-transform: capitalize;font-size: 16px;}
.testimonial-sec .owl-dot.active span{background-color: var(--main2) !important;width: 25px !important;}
.testimonial-sec .owl-theme .owl-dots .owl-dot span {width: 8px ;height: 8px !important;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: block;}
.testimonial-sec .owl-nav .owl-prev, .testimonial-sec .owl-nav .owl-next {border-radius: 50% !important; border:1px solid #999 !important;width: 46px;height: 46px;font-size: 30px;text-align: center;line-height: 40px;opacity: 1;top: 50%;transform: translate(-50%,-60%);margin-left:2.5rem;}
.testimonial-sec .owl-nav .owl-prev:hover, .testimonial-sec .owl-nav .owl-next:hover {background-color: var(--main) !important;}
.testimonial-sec .owl-nav .owl-prev, .testimonial-sec .owl-nav .owl-next{font: normal normal normal 20px/1 FontAwesome !important;color: var(--black);font-weight: 900 !important;}
.testimonial-sec .owl-prev{left: -2.5rem;position: absolute;}
.testimonial-sec .owl-next{right: -5.5rem;position: absolute;}
.testimonial-sec .owl-nav .owl-prev:before {content: "\f104";font-family: 'Font Awesome 5 Free';}
.testimonial-sec .owl-nav .owl-next::before{content: "\f105";font-family: 'Font Awesome 5 Free';}
.testimonial-sec .owl-nav span{display: none;}
.testimonial-sec .test-box{border: 2px solid #ddd;background-color: var(--white);}
.testimonial-sec .test-box:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
/* Testimonial section style end*/

/* thank you */
.breadcrumb-bg{background-position: bottom right;background-size: cover;background: var(--main);float: left;width: 100%;height: 300px;display: flex;align-items: center;justify-content: center;}
.breadcrumb-bg h1{color:#fff; font-size: 3rem; text-transform: uppercase;}
.grey-bg{background-color: #f3f4f6;padding: 3rem 0rem;}
.fixed-header {position: fixed;top: 0; left: 0;width: 100%;background:#fff;box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.42);transition:all 0.2s;z-index: 999;}
.xs-hidden{display: block;}
.md-hidden{display: none;}
.modal-dialog .close{position: absolute;opacity: 1 !important;right: -0.5rem;background: var(--main);color: #fff;width: 2rem;height: 2rem;border-radius: 50%;top: -0.8rem;}
.modal-dialog .close:focus{outline: none;}
.modal-header{flex-direction: column;justify-content: center;align-items: center;border-bottom: 0rem;}
.modal-header p{margin-bottom: 0rem;font-size: 1.6rem;color: var(--main2);}
.modal-header h2{color:var(--main);font-size: 1.8rem;font-weight:600;}
.modal-content{padding: 1rem;}
.modal-dialog .form-control {background-color: #dfdfdf;border: 0px;}
.modal-dialog a{font-weight: 600;color: var(--main);}
.modal-dialog {max-width: 300px;}
.modal-dialog .form-control::placeholder{font-weight: normal;font-size: 13px;color: #707070}
.modal-dialog .form-control:focus{outline: none;box-shadow:none;}
.phone a i{color:#fff;font-size: 1.2rem;}
.mail a i{color:#fff;font-size: 1.2rem;}
/* breadcrumb style start */
ol { list-style: none;}
.breadcrumb { width: 100%;padding: 7px; position: relative; display: flex; background:transparent;margin-bottom: 0rem;}
.breadcrumb ul { list-style: none;display: flex;}
.breadcrumb li { height: 30px; line-height: 30px;padding: 0 12px;position: relative;}
.breadcrumb li a { text-decoration: none;}
.breadcrumb li:after{position: absolute;content: "|";color: #fff;right: 0;}
.breadcrumb li:last-child::after, .breadcrumb li:first-child::after{display: none;}
.breadcrumb li .home-icon { width: 30px; height: 30px; line-height: 30px; display: flex;justify-content: center;align-items: center;}
.breadcrumb li .home-icon i{color: #fff;font-size: 0.8rem;}
.breadcrumb a:hover { text-decoration: none;}
.breadcrumb-fill{color: #063f66;font-weight: 600;}
.breadcrumb-fill .home-icon { position: absolute; background: var(--main); border-radius: 50%; font-size: 30px; line-height: 1; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);}
.breadcrumb-fill, .breadcrumb-fill li, .breadcrumb-fill li a { color: var(--white);}
.breadcrumb-fill li:first-child { margin-right: 15px;}
.breadcrumb-sec{background:var(--main);}
.breadcrumb-fill li.active{color: var(--secmain);}
/* breadcrumb style end*/

/* About Us Page Style Start */
.about-page{padding:4rem 0rem;background: #f4f5f9;}
.inner-content{box-shadow: 0px -2px 48px 10px #d5d0d39e;padding: 1rem;margin-top: 2rem;border-radius: 1rem;
  /* background: #e39bc830; */
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;}
/* About Us Page Style End */

/* contact us page style */
.contact-page{padding: 4rem 0rem;}
.form {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.contact-form {
  background-color: #fddcf14d;
  position: relative;
}

.circle {
  border-radius: 50%;
  background: linear-gradient(135deg, transparent 20%, var(--main));
  position: absolute;
}

.circle.one {
  width: 130px;
  height: 130px;
  top: 130px;
  right: -40px;
}

.circle.two {
  width: 80px;
  height: 80px;
  top: 10px;
  right: 30px;
}

.contact-form:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: var(--main);
  transform: rotate(45deg);
  top: 50px;
  left: -13px;
}

.contact-form form {
  padding: 2.3rem 2.2rem;
  z-index: 10;
  overflow: hidden;
  position: relative;
}

.title {
  color: var(--main);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.7rem;
}

.input-container {
  position: relative;
  margin: 1rem 0;
}

.contact-form .form-control, select, .form-select {
  width: 100%;
  outline: none;
  border: 2px solid var(--main);
  /* background: none; */
  padding: 0.6rem 1.2rem;
  color: var(--main);
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  border-radius: 5px;
  transition: 0.3s;
}
.form-control:focus, .form-select:focus{outline: 0;box-shadow: none; border: 2px solid var(--main);}

textarea.form-control {
  padding: 0.8rem 1.2rem;
  min-height: 150px;
  border-radius: 5px;
  resize: none;
  overflow-y: auto;
}

.input-container label {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  padding: 0 0.4rem;
  color: #fafafa;
  font-size: 0.9rem;
  font-weight: 400;
  pointer-events: none;
  z-index: 1000;
  transition: 0.5s;
}

.input-container.textarea label {
  top: 1rem;
  transform: translateY(0);
}

.input-container span {
  position: absolute;
  top: 0;
  left: 25px;
  transform: translateY(-50%);
  font-size: 0.8rem;
  padding: 0 0.4rem;
  color: transparent;
  pointer-events: none;
  z-index: 500;
}

.input-container span:before,
.input-container span:after {
  content: "";
  position: absolute;
  width: 10%;
  opacity: 0;
  transition: 0.3s;
  height: 5px;
  background-color: #1abc9c;
  top: 50%;
  transform: translateY(-50%);
}

.input-container span:before {
  left: 50%;
}

.input-container span:after {
  right: 50%;
}

.input-container.focus label {
  top: 0;
  transform: translateY(-50%);
  left: 25px;
  font-size: 0.8rem;
}

.input-container.focus span:before,
.input-container.focus span:after {
  width: 50%;
  opacity: 1;
}

.contact-info {
  padding: 2.3rem 2.2rem;
  position: relative;
}

.contact-info .title {
  color: var(--main);
}

.text {
  color: #333;
  margin: 1.5rem 0 2rem 0;
}

.information {
  display: flex;
  color: #555;
  margin: 0.7rem 0;
  align-items: center;
  font-size: 0.95rem;
}
.information a{color: #555;font-weight: 500;}

.information i {
  color: var(--main);
}

.icon {
  width: 28px;
  margin-right: 0.7rem;
}

.social-media {
  padding: 2rem 0 0 0;
}

.social-media p {
  color: #333;
}

.social-icons {
  display: flex;
  margin-top: 0.5rem;
}

.social-icons a {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: linear-gradient(45deg, #1abc9c, #149279);
  color: #fff;
  text-align: center;
  line-height: 35px;
  margin-right: 0.5rem;
  transition: 0.3s;
}

.social-icons a:hover {
  transform: scale(1.05);
}

.contact-info:before {
  content: "";
  position: absolute;
  width: 110px;
  height: 100px;
  border: 22px solid var(--main);
  border-radius: 50%;
  bottom: -77px;
  right: 50px;
  opacity: 0.3;
}

.big-circle {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #1cd4af, #159b80);
  bottom: 50%;
  right: 50%;
  transform: translate(-40%, 38%);
}

.big-circle:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  background-color: #fafafa;
  border-radius: 50%;
  top: calc(50% - 180px);
  left: calc(50% - 180px);
}

.square {
  position: absolute;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(181%, 11%);
  opacity: 0.2;
}

@media (max-width: 850px) {
  .carousel-control-next {
    z-index: 9;
}
  .circle.two{display: none;}
  .banner-form{width: 100%;position: relative;}
  .top-bar{display: none;}
  .form {
    grid-template-columns: 1fr;
  }

  .contact-info:before {
    bottom: initial;
    top: -75px;
    right: 65px;
    transform: scale(0.95);
  }

  .contact-form:before {
    top: -13px;
    left: initial;
    right: 70px;
  }

  .square {
    transform: translate(140%, 43%);
    height: 350px;
  }

  .big-circle {
    bottom: 75%;
    transform: scale(0.9) translate(-40%, 30%);
    right: 50%;
  }

  .text {
    margin: 1rem 0 1.5rem 0;
  }

  .social-media {
    padding: 1.5rem 0 0 0;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 1rem;
  }

  .contact-info:before {
    display: none;
  }

  .square,
  .big-circle {
    display: none;
  }

  form,
  .contact-info {
    padding: 1.7rem 1.6rem;
  }

  .text,
  .information,
  .social-media p {
    font-size: 0.8rem;
  }

  .title {
    font-size: 1.15rem;
  }

  .social-icons a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .icon {
    width: 23px;
  }

  .input {
    padding: 0.45rem 1.2rem;
  }

  .btn {
    padding: 0.45rem 1.2rem;
  }
}
/* contact us page style end */

@media (max-width:660px) {
  header .text-right{text-align: left !important;}
  .banner-content{top:-22rem}
  .form-content{position: absolute;top:-13rem}
  .bnrform{position: relative !important;height: 103vh;top:6rem;}
  .luxuary-sec h4{margin-top: 2rem;}
  nav{position: relative;}
  .navbar-toggler{position: absolute;left: 18rem;top: 1rem; border-color: var(--main) !important;}
  .pr-5{padding-right: 0rem !important;}
  .our-gallery-sec{padding-top: 0rem;}
  .main-heading{font-size: 1.6rem;}
  #sliderproduct .banner-cont{position: relative;padding: 1rem;
    background: linear-gradient(#a3010e0a, #a0176aeb);
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    color: #fff;
    width: 90%;
    bottom: 0.1rem;
    right: 0rem;
    border-top-left-radius: 0rem;margin: auto;backdrop-filter: blur(10px);}
  #sliderproduct .main-heading{font-size:1.5rem}
  button.navbar-toggler:focus{outline: none;}
  .carousel-indicators{display: none;}
  #sliderproduct .sub-heading{margin-bottom: 0.3rem;font-size: 20px;}
  .xs-hidden{display: none;}
  .md-hidden{display: block;}
  #sliderproduct .para{font-size: 17px;line-height: 30px;font-size: 15px;margin-bottom: 0.5rem;}
  #sliderproduct a.carousel-control-prev{margin-left: 1.5rem;top: 55%;}
#sliderproduct a.carousel-control-next{margin-right: -1.5rem;top: 55%;}
.cream-box, .purpal-box{margin-bottom: 1rem;}
.navbar-nav {display: block;}
.carousel-caption{top:0rem;left: 7%;width: 86%;}
.luxuary-sec .image-sec{order:2;}
.luxuary-sec .content-sec{order:1;margin-bottom: 2rem;}
.pl-5{padding-left: 1rem !important;}
.contact-box iframe{width:100%;}
.deliver-sec h4 .light-font {text-transform: capitalize;font-size: 24px !important;}
.carousel-item .banner-img{height: 58vh;}
.carousel-item .col-md-4{flex: 0 0 33.333333%;max-width: 33.333333%;}
.carousel-item .col-md-8{flex: 0 0 66.666667%;max-width: 66.666667%;}
.carousel-item .col-md-3{flex: 0 0 33.333333%;max-width: 33.333333%;}
.carousel-item .col-md-9{flex: 0 0 66.666667%;max-width: 66.666667%;}
/* .carousel-item .col-md-4 img{width:20%;} */
.luxuary-sec{background-size: cover;}
.border-right{border-right: 1px solid transparent !important;}
.border-right{margin-bottom: 1rem;}
.banner-content .mb-4{margin-bottom:0.5rem !important}
.image-sec{margin-top: 2rem;}
.contact-sec::after {
  position: relative;
  left: 5rem;
  bottom: -4rem;
}
.mobile-btn {
  display: block !important;
}
.top-bar .col-md-6{padding-left: 0rem;padding-right: 0rem;}
.top-address{justify-content: space-between;}
header .social-links{display: none;}
.cstr-menu.active {
  left: 0;
  display: block;
  background: var(--main);
  z-index: 9999999;
  position: absolute;
  width: 100%;
  top: 0rem;
  height: 100vh;
  overflow-y: scroll;
}

.navbar-nav {
  display: block;
  background: transparent;
}

.menu-trigger {
  position: absolute;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
  z-index: 99;
  transition: all 0.4s;
  float: right;
  margin: 15px 0 0 41px;
  display: block;
  top: 0.8rem;
  right: 1rem;
}

.menu-trigger span {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 10px;
}

.menu-trigger span {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
}

.menu-trigger span::before, .menu-trigger span::after {
  content: '';
  position: absolute;
  width: 51%;
  height: 4px;
  background: var(--main);
  transition: .2s;
}

.menu-trigger span::before {
  left: 0;
  border-radius: 4px 0 0 4px;
}

.menu-trigger.active span:nth-of-type(1)::before {
  transform: translate(4px, -4px) rotate(45deg);
}

.menu-trigger.active span:nth-of-type(1)::after {
  transform: translate(-3px, -4px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2)::before {
  transform: translateX(-75%);
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(2)::after {
  transform: translateX(75%);
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3)::before {
  transform: translate(4px, -11px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(3)::after {
  transform: translate(-3px, -11px) rotate(45deg);
}

ul.navbar-nav>li {
  margin-bottom: 1rem;
  border-bottom: 1px solid #ccc;
  padding-left: 1rem;
}

.cstr-menu {
  left: -100%;
  max-width: 100%;
  padding: 70px 0 30px;
}

.cstr-menu {
  max-height: calc(100vh - 100px);
}

.navbar-nav .nav-link {
  color: #fff !important;
}
}


.portfolio-page{padding:0 0 4rem}
.portfolio-page .grid-item img{width:100%;height:auto;transition:.9s;border-radius:1.5rem}
.portfolio-page .card-box,.portfolio-page .grid-item .card-box{border-radius:1.5rem;border:0 solid #636c7f;transition:1s ease-in-out;margin-bottom:4rem}
.portfolio-page .col-md-4:hover .card-box,.portfolio-page .grid-item:hover .card-box{transform:translateY(-20px)}
.portfolio-page .filters{width:100%;text-align:center;padding-bottom:35px;padding-top:20px}
.portfolio-page .filters ul{list-style:none;padding:20px 10px;box-shadow:-1px 1px 11px rgba(0,0,0,.4);border-radius:10px;background-color:#0e0f13}
.portfolio-page .filters li{display:inline-block;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:1rem;margin-top:1rem}
.portfolio-page .filters li a{color:#b6b6b6;text-decoration:none;padding:5px 15px}
.portfolio-page .filters li a:hover{color:#fff;box-shadow:-1px 1px 11px rgba(0,0,0,.4);border-radius:15px}
.portfolio-page .filters li.active a{color:var(--main);box-shadow:-1px 1px 11px rgba(0,0,0,.4)}
.portfolio-page .isotope-pager a{margin:6px 1px;display:inline-block;width:50px;line-height:31px;color:#b6b6b6;font-weight:600;transition:.3s;box-shadow:-1px 1px 11px rgba(0,0,0,.1);border-radius:25px;background-color:#232323;border:.5px solid var(--main);text-decoration:none}
.portfolio-page .isotope-pager a:hover{color:#fff;border:.5px solid #ffeeac;box-shadow:-1px 1px 10px 3px rgba(0,0,0,.1)}
.portfolio-page .isotope-pager .active{color:var(--main)!important;box-shadow:-1px 1px 10px 5px rgba(0,0,0,.1);border-radius:25px;background-color:#161616;border:1px dotted var(--main)}
.portfolio-page .isotope-pager .prev{border-radius:30px 0 0 30px}
.portfolio-page .isotope-pager .next{border-radius:0 30px 30px 0}
.isotope-pager a:after,.portfolio-page .isotope-pager a::before{content:"";position:absolute;border-top:30px solid transparent;border-bottom:30px solid transparent}
.next::before,.portfolio-page .isotope-pager .num::before{border-right:20px solid #2c3e50;right:100%}
.portfolio-page .isotope-pager .num:after,.prev:after{border-right:20px solid #f1f1f1;right:0}
.portfolio-page .overlay{position:absolute;bottom:0;background:rgba(0,0,0,.5);width:100%;transition:.5s;opacity:0;color:#fff;font-size:20px;padding:20px;text-align:center}
.portfolio-page .show{opacity:1;visibility:visible;transition:350ms}
.portfolio-page .hide{opacity:0;visibility:hidden;transition:350ms}