* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body {
  font-family: 'sans-serif', sans-serif !important;
}

.header-top {background-color: #6d4c5c; padding: 5px 0px;}
.header-top .top-info li, .header-top .top-info li a {color: #ffffff; font-size: 13px;}

/* header */

header {position: absolute; left: 0; right: 0; z-index: 99; padding: 20px 10px; overflow: hidden;}
header .headermn{background-color: #f2eee3; padding: 10px 30px; border-radius: 10px;}
header .headermn .navbar .navbar-brand {width: 15%;}
header .nav-link {color: #000000; font-size: 13px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;
text-transform: uppercase;}
header .nav-link::after {content: ''; background-color: #fff; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0;
transition: .5s;}
header .nav-link:hover::after {width: 100%;}
header .nav-link:hover,
header .nav-link:focus {color: #000000;}
header .navbar-nav {gap: 45px;}
header .navbar-toggler {border: none; color: #000000; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus { box-shadow: none;}
header .offcanvas-title img {width: 34%; filter: brightness(0.5);}
header .navbar-nav {position: relative; align-items: center;}

.sticky {
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}

.sticky .headermn .navbar .navbar-brand {width: 15%;}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .navbar .whatsapp li a {display: inline-block; padding: 10px 20px; font-size: 15px; background-color: transparent; color: #000000; border-radius: 5px; transition: .5s; border: 1px solid #000000; position: relative; transition: .5s; z-index: 1;}
header .navbar .whatsapp li a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #fff; border-radius: 3px; z-index: -1;}
header .navbar .whatsapp li a:hover:before {width: 100%;}
header .navbar .whatsapp li a:hover {color: #000000;}

/* slider */

#slider .owl-item {background-position: bottom right; background-repeat: no-repeat; background-size: cover; padding: 450px 0 200px; overflow: hidden;}
#slider .owl-theme .owl-dots .owl-dot {display: none;}


/* about */


#about {padding: 50px 0px; overflow: hidden; background: linear-gradient(294deg, #f2eee329, #ffffff);}
#about .row {row-gap: 30px;}
#about .content{width: 100%;}
#about .content h2 {font-family: serif; color: #ffffff; font-size: 45px; margin-bottom: 10px; font-weight: bold;}
#about .content span {color: #dbdbdb;}
#about .content h6{font-family: 'Domine';     color: #dddddd;}
#about .content ul{margin-left: 20px;}
#about .content ul li{font-family: "sans-serif"; font-size: 14px; font-weight: 600;}
#about .content .text {font-size: 13px; text-align: justify; color: #dddddd; line-height: 24px; margin-bottom: 10px;     font-family: sans-serif !important;}
#about .content .btn {display: inline-block; padding: 10px 20px; background-color: transparent; color: #f2eee3; border-radius: 3px;
transition: .5s; border: 1px solid #f2eee3; position: relative; transition: .5s; z-index: 1;}
#about .content .btn::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s;background-color: #f2eee3; z-index: -1;}
#about .content .btn:hover:before {width: 100%;}
#about .content .btn:hover {color: #ffffff;}
#about .imgs {overflow: hidden; border-radius: 5px; text-align: end;}
#about .imgs img {transition: 9s; width: 100%;}
#about .imgs:hover img {transform: scale(1.2);}
#about .content-a .text{font-size: 13px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 10px; font-family: "sans-serif";}

/* categoty-a */

#categoty-a{padding: 20px 0px 50px;}
#categoty-a .row{row-gap: 25px; justify-content: center;}
#categoty-a h2 {font-family: serif; text-align: center; color: #484848; font-size: 45px; margin-bottom: 40px; font-weight: bold;}
#categoty-a span {color: #61404f;}
#categoty-a .iner .imgs{overflow: hidden; border-radius: 10px; position: relative;}
#categoty-a .iner .imgs img{transition: .5s; width: 100%;}
#categoty-a .iner .imgs:hover img{transform: scale(1.1);}
#categoty-a .iner .imgs h5{position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}
#categoty-a .iner .imgs h5 a {display: inline-block; padding: 10px 30px; background-color: transparent; color: #fff; text-shadow: 0px 0px 10px #00000096; border-radius: 30px;
transition: .5s; border: 1px solid #fff; font-size: 15px; position: relative; transition: .5s; z-index: 1;}
#categoty-a .iner .imgs h5 a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s;background-color: #fff; z-index: -1; border-radius: 30px;}
#categoty-a .iner .imgs h5 a:hover:before {width: 100%;}
#categoty-a .iner .imgs h5 a:hover {color: #f2eee3;}

/* counter  */

#counter{background-color: #61404f; padding: 20px 0;}
#counter .row{row-gap: 30px;}
#counter .item{text-align: center;} 
#counter .item h2{ color: #fff; margin-bottom: 10px; font-size: 23px;}
#counter .item h3{ font-size: 14px; color: #fff;}
#counter .item i{ font-size: 38px; color: #fff;}


/* mid-banner */

#mid-banner{overflow: hidden; padding: 0px 0px;}

/* categoty-b */

#categoty-b{padding: 50px 0px 50px; background-color: #fff7ff;}
#categoty-b .row{row-gap: 25px; justify-content: center; align-items: center;}
/* #categoty-b h2 {font-family: serif; color: #484848; text-align: center; font-size: 45px; margin-bottom: 40px; font-weight: bold;}
#categoty-b span {color: #f2eee3;} */
#categoty-b h3 {font-family: serif; color: #484848; font-size: 45px; margin-bottom: 20px; font-weight: bold;}
#categoty-b span {color: #f2eee3;}
#categoty-b .text{font-family: "sans-serif";}
#categoty-b .iner .imgs{overflow: hidden; border-radius: 10px; position: relative;}
#categoty-b .iner .imgs img{transition: .5s;}
#categoty-b .iner .imgs:hover img{transform: scale(1.1);}
#categoty-b .iner .imgs h5{position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}
#categoty-b .iner .imgs h5 a {display: inline-block; padding: 10px 30px; background-color: transparent; color: #000; border-radius: 30px;
transition: .5s; border: 1px solid #000; font-size: 15px; position: relative; transition: .5s; z-index: 1;}
#categoty-b .iner .imgs h5 a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s;background-color: #fff; z-index: -1; border-radius: 30px;}
#categoty-b .iner .imgs h5 a:hover:before {width: 100%;}
#categoty-b .iner .imgs h5 a:hover {color: #f2eee3;}

/* words-excite */

#words-excite{padding: 50px 0px; background-color: #e5e5e5;}
#words-excite h2 {font-family: serif; text-align: center; color: #484848; font-size: 45px; margin-bottom: 50px; font-weight: bold;}
#words-excite h2 span {color: #61404f;}
#words-excite .iner{ height: 100%;}
#words-excite  ul li{font-size: 13px; color: #ffb74a;}
#words-excite h4{margin: 20px 0px; color: #f2eee3; font-size: 17px; font-family: "Domine", serif;} 
#words-excite p{font-family: "sans-serif"; font-size: 14px;} 

/* footer */
footer .footertop {background-color: #f2eee3; padding: 70px 0px 20px;}
footer .row {row-gap: 25px;}
footer .footertop h3{font-size: 20px; margin-bottom: 15px; color: #000000; font-family: serif;}
footer .footertop .about img {width: 111px;}
footer .footertop .about p {color: #000000; font-size: 14px; width:77%; margin-top: 20px; font-family: "sans-serif";}
footer .footertop ul {list-style: none;}
footer .footertop ul li {color: #080000; font-size: 14px; margin-top: 10px;}
footer .footertop ul li a {color: #000000; font-size: 14px; transition: .5s; display: inline-block; font-family: "sans-serif"; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover {color: #fff;}
footer .footertop .addres li {margin-bottom: 20px; font-family: "sans-serif";}
footer .footertop .addres li i {color: #000000; font-size: 22px;}
footer .footerboo ul {display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #fff; padding-top: 20px;}
footer .footerboo {background-color: #f2eee3; padding: 20px;}
footer .footerboo .soical li:first-child {color: #fff; text-align: center;}
footer .footerboo .soical li:first-child a {color: #f2eee3; font-size: 16px; display: inline-block; width: 35px; height: 35px; line-height: 35px;
  background-color: #61404f; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover {background-color: #000;}
footer .footerboo ul li img {width: 195px; background-color: transparent; padding: 0px 10px 8px; border-radius: 100px;}


/* quickcontact */
.quickcontact {
  width: 120px;
  position: fixed;
  top: 77%;
  right: 0px;
  z-index: 102;
}

/* modal */

.modal form.row {row-gap: 20px;}

.modal .btn-theme {
  border-radius: 0px;
  background: #e56215;
  color: #fff;
}

.modal .btn-theme:hover {
  background-color: #000;
  color: white;
}

.modal .form-control {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background-color: #f1f1f1;
}

.modal .form-control:focus {
  border-color: #000;
}

.modal .submit {
  background-color: #61404f;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}

.modal .submit:hover {
  background-color: #000;
}


 #insta-section {
    padding: 80px 0;
    background: #f9fbfd;
}

#insta-section h2{
    font-family: serif;
    text-align: center;
    color: #484848;
    font-size: 45px;
    margin-bottom: 10px;
    font-weight: bold;
}
#insta-section h3{
    font-family: serif;
    text-align: center;
   color: #61404f;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
#insta-section h2 span{
    color: #61404f;}

#insta-section .insta-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        height: 352px;
    
}

#insta-section .insta-card iframe {
    width: 100%;
    height:100%;
    border: none;
    border-radius: 15px;
}

#insta-section .swiper-slide {
    display: flex;
    justify-content: center;
}

#insta-section .insta-pagination{
	text-align: center;
	margin-top: 60px;
}

#insta-section .insta-pagination .swiper-pagination-bullet{
    height: 10px;
    width: 10px;
    background: var(--divider-color);
    opacity: 1;
    margin: 0 3px;
    transition: all 0.4s ease-in-out;
}

#insta-section .insta-pagination .swiper-pagination-bullet-active{
    position: relative;
    width: 20px;
    border-radius: 100px;
    background-color: var(--primary-color);
}

ol li{line-height:30px;}
ul li{line-height:30px;}


.why-choose-us {
  padding: 80px 20px;
  background: #f9f7f5;
  text-align: center;
  font-family: 'sans-serif';
}

.why-choose-us h2 {
  font-size: 36px;
  margin-bottom: 10px;
  color: #4b2e2e;
}

.subtitle {
  color: #777;
  margin-bottom: 40px;
}

.container {
  max-width: 1100px;
  margin: auto;
}

.cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.card {
  background: #fff;
  padding: 30px 20px;
  border-radius: 15px;
  transition: 0.3s;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.icon {
  font-size: 38px;
  margin-bottom: 15px;
}

.card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

.card p {
  font-size: 14px;
  color: #666;
}

/* Responsive */
@media (max-width: 992px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .cards {
    grid-template-columns: 1fr;
  }
}


.what-we-offer {
  padding: 80px 20px;
  background: #fff;
  font-family: 'sans-serif';
  text-align: center;
}

.what-we-offer h2 {
  font-size: 36px;
  color: #4b2e2e;
  margin-bottom: 10px;
}

.subtitle {
  color: #777;
  margin-bottom: 50px;
}

.container {
  max-width: 1100px;
  margin: auto;
}

/* Timeline */
.timeline {
  position: relative;
  margin: 40px 0;
  padding: 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 3px;
  background: #C9A14A;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.item {
  padding: 20px 40px;
  position: relative;
  width: 50%;
}

.item.left {
  left: 0;
}

.item.right {
  left: 50%;
}

.content {
  background: #61404f;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  text-align: left;
  transition: 0.3s;
}

.content:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.content h3 {
  margin-bottom: 10px;
  color: #ffffff;
}

.content p {
  color: #c9c9c9;
  font-size: 14px;
}

/* Dots */
.item::before {
  content: '';
  position: absolute;
  top: 30px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  z-index: 1;
}

.item.left::before {
  right: -8px;
}

.item.right::before {
  left: -8px;
}

/* Responsive */
@media (max-width: 768px) {
  .timeline::after {
    left: 20px;
  }

  .item {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
  }

  .item.right {
    left: 0;
  }

  .item.left::before,
  .item.right::before {
    left: 12px;
  }
}

.whatsapp-cta {
    background: linear-gradient(135deg, #61404f, #f0ece1);
    padding: 60px 20px;
    text-align: center;
    border-radius: 20px;
    margin: 50px 0;
    color: #fff;
}

.cta-container h2 {
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 700;
}

.cta-container p {
    font-size: 18px;
    margin-bottom: 25px;
}

.whatsapp-btn {
    display: inline-block;
    padding: 15px 30px;
    background: #fff;
    color: #25D366;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.3s ease;
}

.whatsapp-btn:hover {
    background: #f1f1f1;
    transform: scale(1.05);
}