body{background-color: black !important;}
/* Whatsapp-chat */
/* .btn-whatsapp-pulse {background: #25d366;color: white !important;position: fixed;bottom: 20px;right: 20px;font-size: 40px;display: flex;justify-content: center;align-items: center;width: 0;height: 0;padding: 35px;text-decoration: none;border-radius: 50%;animation-name: pulse;animation-duration: 1.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
} */
/* ...............................................HOME........................................ */
/* Header */
.navbar{padding: 25px 0 !important; }
.navbar-nav .nav-link.active{color: #F4E2B2 !important;}
.nav-item .nav-link{color: white !important;font-weight: 500; padding: 0 0 0 50px !important ;   font-family: "Inter", sans-serif;}
.nav-item .nav-link:hover{color: #F4E2B2 !important;}
.nav-fluid{background-color: black;}
/* Banner */
.banner{background-image: url(../images/home-banner.png); overflow: hidden; background-size: cover; background-repeat: no-repeat;padding-bottom: 180px;}
.banner h6{font-size: 20px; color: #F4E2B2; font-weight: 500; text-transform: uppercase;   font-family: "Inter", sans-serif; padding-top: 197px; padding-bottom: 40px;}
.banner h1{font-size: 60px; color: #fff; font-weight: 600;line-height: 60px;font-family: "Cormorant Garamond", serif; padding-bottom: 40px;}
.banner p{font-size: 17px; color: #fff; font-weight: 400; font-family: "Inter", sans-serif; line-height: 25px; padding-bottom: 35px;}
.banner a{text-decoration: none; color: black; font-size: 15px; font-weight: 500; font-family: "Inter", sans-serif; background-color: #F4E2B2; padding: 15px 25px; transition: all 0.3s ease;}
.banner a:hover { background-color: #e6d3a3; box-shadow: 0 0 20px rgba(230, 211, 163, 0.4); color: black;}
/* About-shaqan */
.about-shaqan{margin-top: 117px;}
.about-shaqan h6{font-size: 20px; color: #F4E2B2; font-weight: 500; text-transform: uppercase;   font-family: "Inter", sans-serif; padding-bottom: 35px;}
.about-shaqan h2{font-size: 50px; color: #fff; font-weight: 600;line-height: 60px;font-family: "Cormorant Garamond", serif; padding-bottom: 30px;}
.about-shaqan p{font-size: 17px; color: #fff; font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; text-align: justify;}
.about-shaqan a{text-decoration: none; color: black; font-size: 15px; font-weight: 500; font-family: "Inter", sans-serif; background-color: #F4E2B2; padding: 15px 25px; margin-top: 19px; display: inline-block; transition: all 0.3s ease;} 
.about-shaqan a:hover{background-color: #e6d3a3; box-shadow: 0 0 20px rgba(230, 211, 163, 0.4); color: black;}
/* Image */
.shaqan-img img{ overflow: hidden; background-size: cover; background-repeat: no-repeat; margin-top: 117px; width: 100%;}
/* Brand-story */
.brand-story{margin-top: 117px; color: #fff;}
.brand-story h2{font-size: 50px; color: #fff; font-weight: 600;line-height: 60px;font-family: "Cormorant Garamond", serif; text-align: center; padding-bottom: 45px;}
.brand-story p{font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; max-width: 880px; margin: auto; padding-bottom: 15px;}
/* Our-values */
.our-values-bg{background-color: #111111; margin-top: 117px; padding-bottom: 90px;}
.our-values-bg h2{font-size: 50px; color: #fff; font-weight: 600;line-height: 60px;font-family: "Cormorant Garamond", serif; text-align: center; padding-top: 115px;}
.our-values-bg p{font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; max-width: 880px; margin: auto; padding-bottom: 15px; text-align: center; color: #fff; padding-top: 30px;}
.our-values-bg .row{padding-top: 60px;}
.our-values-bg .row i{font-size: 45px; color: #F4E2B2;}
.our-values-bg .row h6{font-size: 20px; color: #F4E2B2; font-weight: 500;  font-family: "Inter", sans-serif;   padding-top: 10px; margin-bottom: 0;}
.our-values-bg .row p{text-align: left; padding-right: 60px; padding-top: 17px;}
/* Footer */
.footer{margin-top: 117px;}
.footer img{margin: auto; display: block; padding-bottom: 20px;}
.footer p{text-align: center; color: #fff; font-size: 15px;font-weight: 400; font-family: "Inter", sans-serif; margin-bottom: 10px;}
.footer hr{margin-top: 70px; margin-bottom: 50px; color:#6E6D6D;}
.copyright{display: flex; padding-bottom: 30px;}
.copyright p{padding-top: 0;}
.social-icons i{color: #fff; font-size: 32px; padding: 0 0 0 15px; transition: all 0.3s ease;}
.social-icons i:hover{color: #F4E2B2;}
.social-icons a{text-decoration: none;}
.social-icons {margin-left: auto;}

/* .............................................. ABOUT..............................................*/
/* Banner */
.banner-2{background-image: url(../images/banner-2.png); background-size: cover; overflow: hidden; background-repeat: no-repeat;}
.banner-2 h1{font-size: 60px; font-weight: 600; font-family: "Cormorant Garamond", serif; text-align: center; color: #fff; padding-top: 120px; padding-bottom: 120px;}
/* Our-joureny */
.journey{margin-top: 117px;}
.journey h2{text-align: center; color: #fff; font-size: 50px; color: #fff; font-weight: 600;font-family: "Cormorant Garamond", serif; padding-bottom: 45px;}
.journey p{font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; max-width: 880px; margin: auto; padding-bottom: 15px; color: #fff;}
/* Vision-mission */
.vision-mission{margin-top: 117px; color: #fff;}
.vision-mission .col-lg-6:last-child{padding-top: 100px;}
.vision-mission h2{font-size: 50px; color: #fff; font-weight: 600;font-family: "Cormorant Garamond", serif;}
.vision-mission p{font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; }
.mission{padding-top: 60px;}
/* Features */
.features{margin-top: 117px}
.features i{font-size: 48px; color: #F4E2B2;}
.features h5{font-family: "Cormorant Garamond", serif; font-size: 30px;font-weight: 600; color: #fff; padding-top: 15px; padding-bottom: 10px;} 
.features p{font-size: 17px; line-height: 30px; color: #fff; font-weight: 400; font-family: "Inter", sans-serif;}
/* Cta */
.cta{margin-top: 117px; background-color: #111111; padding-bottom: 120px;}
.cta h2{font-size: 50px; color: #fff; font-weight: 600;font-family: "Cormorant Garamond", serif; text-align: center; padding-top: 100px; padding-bottom: 20px;}
.cta p{font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; text-align: center; margin: auto; max-width: 500px; color: #fff; padding-bottom: 30px;}
.cta a{text-decoration: none; color: black; font-size: 15px; font-weight: 500; font-family: "Inter", sans-serif; background-color: #F4E2B2; padding: 15px 25px; transition: all 0.3s ease;}
.cta a:hover{background-color: #e6d3a3; box-shadow: 0 0 20px rgba(230, 211, 163, 0.4); color: black;}

/* .............................................. OUR VALUES..............................................*/
/* Intro */
.intro{margin-top: 117px;}
.intro p{max-width: 880px; color: #fff; font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; margin: auto; padding-bottom: 15px;}
/* Values */
.values{margin-top: 117px;}
.values img{margin: auto; display: block;}
.values h5{font-size: 30px; color: #fff; font-weight: 600;font-family: "Cormorant Garamond", serif; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.values p{font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; text-align: center;color: #fff;}
.values hr{color:#e3e3e3  !important; margin-top: 100px; margin-bottom: 100px;}
.values .col-lg-4:first-child{border-right: 0.5px solid#464646;}
.values .col-lg-4:last-child{border-left: 0.5px solid#464646;}
/* Quote */
.quote{background-color: #111111; margin-top: 100px; padding-bottom: 100px;}
.quote h2{font-size: 50px; color: #fff; font-weight: 600;font-family: "Cormorant Garamond", serif; text-align: center; padding-top: 100px; padding-bottom: 35px; font-style: italic;}
.quote h6 { color: #F4E2B2; font-size: 20px; letter-spacing: 3px; font-family: "Inter", sans-serif; text-transform: uppercase; white-space: nowrap; }
.divider-wrapper { display: flex; align-items: center; justify-content: center; gap: 30px;}
.divider-line {  width: 90px;  height: 2px;  background-color: #F4E2B2;}

/* .............................................. PRODUCTS..............................................*/
/* Header */
.nav-fluid{border-bottom: 0.5px solid#6E6D6D;}
/* Body */
.products-body{  height: 80vh; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px;}
.products-body h6{color: #F4E2B2; font-size: 25px; font-family: "Inter", sans-serif; text-transform: uppercase; text-align: center;}
.products-body p{font-size: 17px;font-weight: 400; font-family: "Inter", sans-serif; line-height: 30px; text-align: center;color: #fff;   max-width: 516px; margin: auto; padding-top: 20px;}

/* //////////////////////////////RESPONSIVE///////////////////////////// */
/* HOME */
@media (min-width:0) and (max-width:575.98px){
    .navbar-toggler{border: none !important; padding: 0 !important;}
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
    .nav-item .nav-link{padding: 0 0 20px 0 !important;}
    .navbar-nav{margin-top: 20px;}
    .banner{background-image: url(../images/banner-img-mobile.png);     padding-bottom: 88px;}
    .banner h6{  padding-top: 95px; font-size: 18px; line-height: 25px; padding-bottom: 15px;}
    .banner h1{font-size: 40px;  line-height: 50px;   padding-bottom: 19px;}
    .banner h1 br, .banner p br, .about-shaqan h2 br{display: none;}
    .about-shaqan, .shaqan-img img, .brand-story, .our-values-bg, .footer{margin-top: 100px;}
    .about-shaqan h6{  padding-bottom: 12px;}
    .about-shaqan h2, .brand-story h2, .our-values-bg h2{font-size: 38px; line-height: 50px;}
    .about-shaqan h2 {   padding-bottom: 17px;}
    .about-shaqan img{order: 1; padding-bottom: 30px}
    .about-shaqan .row .col-lg-6:first-child{order: 2;}
    .about-shaqan p{  font-size: 15px;  line-height: 23px; text-align: left;}
    .brand-story h2{  padding-bottom: 26px;}
    .brand-story p{font-size: 15px;  line-height: 23px;}
    .our-values-bg{  padding-bottom: 65px;}
    .our-values-bg h2{  padding-top: 84px;}
    .our-values-bg p{font-size: 15px;  line-height: 23px;   padding-top: 16px;}
    .our-values-bg .row{padding-top: 30px; gap: 20px;}
    .our-values-bg .row i{font-size: 40px;}
    .our-values-bg .row h6 {  padding-top: 10px;   font-size: 17px;}
    .our-values-bg .row p{padding-right: 0;}
    .copyright {display: block;}
    .social-icons{ display: flex;  justify-content: center;  margin-top: 15px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .navbar-toggler{border: none !important; padding: 0 !important;}
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
    .nav-item .nav-link{padding: 0 0 20px 0 !important;}
    .navbar-nav{margin-top: 20px;}
    .banner h6{  padding-top: 126px;}
    .banner h1 br, .banner p br, .about-shaqan h2 br{display: none;}
    .banner{padding-bottom: 100px;}
    .about-shaqan img{order: 1; padding-bottom: 30px}
    .about-shaqan .row .col-lg-6:first-child{order: 2;}
}
@media (min-width:768px) and (max-width:991.98px){
    .navbar-toggler{border: none !important; padding: 0 !important;}
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
    .nav-item .nav-link{padding: 0 0 20px 0 !important;}
    .navbar-nav{margin-top: 20px;}
    .banner h6{  padding-top: 126px;}
    .banner h1 br, .banner p br, .about-shaqan h2 br{display: none;}
    .banner{padding-bottom: 100px;}
    .about-shaqan img{order: 1; padding-bottom: 30px}
    .about-shaqan .row .col-lg-6:first-child{order: 2;}
    .about-shaqan .float-end{float: left !important;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .about-shaqan h6, .about-shaqan h2 {  padding-bottom: 15px;}
    .about-shaqan p{text-align: left;}
}
/* ABOUT */
@media (min-width:0) and (max-width:575.98px){
    .banner-2{background-image: url(../images/banner-2-mobile.png);}
    .banner-2 h1{  padding-top: 100px; padding-bottom: 100px;}
    .journey, .vision-mission, .features, .cta{margin-top: 100px;}
    .journey h2, .vision-mission h2, .cta h2{font-size: 38px;}
    .journey p, .vision-mission p, .features p, .cta p{font-size: 15px; line-height: 23px;}
    .journey h2{text-align: left;   padding-bottom: 16px; }
    .journey p{ text-align: left;}
    .vision-mission .col-lg-6:last-child{  padding-top: 48px;}
    .mission{  padding-top: 21px;}
    .features h5{  font-size: 25px;}
    .features .row{gap: 30px;}
    .cta h2{  padding-top: 74px;}
    .cta{  padding-bottom: 94px;}
}
/* OUR-VALUES */
@media (min-width:0) and (max-width:575.98px){
    .intro, .values{margin-top: 100px;}
    .intro p, .values p{font-size: 15px;}
    .values h5{font-size: 25px;}
    .values p br, .values hr{display: none;}
    .values .row{gap: 50px;}
    .quote h2{font-size: 38px;}
    .quote h6{  font-size: 15px;}
    .divider-wrapper{gap: 10px;}
    .divider-line{width: 40px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .values .col-lg-4:first-child, .values .col-lg-4:last-child {border: none;}
    .values hr{display: none;}
    .values .row{gap: 40px;}
    .values .row:last-child{padding-top: 40px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .values .col-lg-4:first-child, .values .col-lg-4:last-child {border: none;}
    .values hr{display: none;}
    .values{display: grid; grid-template-columns: 1fr 1fr;} 
    .values .row{gap: 40px;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .values p br{display: none;}
}