/*@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');

/*.satisfy-regular {
    font-family: "Satisfy", cursive;
    font-weight: 400;  Weight 400 is normal, but you can adjust if needed 
    font-style: normal;
}*/
/*-------------------------------------------------------*/
/* COMMON CSS 
/*-------------------------------------------------------*/
html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden !important;
    background-attachment: fixed;
    font-size: 14px;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 400;
}

:root {
    /*--mtop: 75px;*/
    --cta-dark: #000000;
    --cta-pink1: #607d8b;
    --cta-pink1h: #a16304;
    --tit-font:
        "Playfair Display", serif;
}
a{text-decoration: none;}
.eb-garamond-garamond {
  font-family: 'Maven Pro', sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
}

h1 {
    font-family: "Marcellus", serif;
    padding: 0;
    margin: 0;
    margin-top: 0;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
.logofont{font-family: 'Maven Pro', sans-serif;padding: 0;margin: 0;margin-top: 0;line-height:30px}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}
}

.b-example-divider {
width: 100%;
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}

.bi {
vertical-align: -.125em;
fill: currentColor;
}

.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}

.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

/*.nav-link:last-child{padding-right: 0px!important;margin-right: 0px!important;}*/

.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;

--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}

.parallax {
    background-image: url('https://picsum.photos/800/500');
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.content {
    padding: 100px 0;
    background-color: #f8f9fa;
}

.parallaxHeader {
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.contactparallax{background-image: url('../images/contact us.webp');}
.galleryparallax{background-image: url('../images/Gallery.webp');}
.graniteparallax{background-image: url('../images/Granite.webp');}
.marbleparallax{background-image: url('../images/Marble.webp');}
.sandstoneparallax{background-image: url('../images/Sandstone.webp');}
.quartzparallax{background-image: url('../images/Quartz.webp');}
.doloniteparallax{background-image: url('../images/Dolomite.webp');}
.mobabtbox p{padding-right: 60px}
@media (max-width: 768px) {
    .top-bar .contact-info{
        font-size: 12px;
    }
    .navbar img{width: 220px}
    .mobabtbox p{padding: 0;}
    .bigheading{font-size: 35px!important;}
    .maincarousel{
        margin-top: 140px
    }
}

.top-bar {
            background-color: #2b2a29;
            color: #fff;
            padding: 10px 0;
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1030; /* Ensure top-bar appears above the navbar */
            font-size: 14px;
            font-weight: 600;
        }
        .top-bar .social-icons a {
            color: #fff;
            margin-right: 20px;
            text-decoration: none;
        }
        .top-bar .contact-info {
            text-align: right;
        }
        .top-bar .contact-info a {
            color: #fff;
            margin-left: 20px;
            text-decoration: none;
        }
        .navbar {
            margin-top: 40px; /* Adjust the margin to the height of the top bar */
            z-index: 1030;
        }
.navbar{
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px #b9b9b9;
}
.navbar-nav{margin-right: 30px;}
.navbar .nav-item .nav-link{color:#333;font-size: 14px;padding: 10px 15px;font-weight: bold}
.navbar .nav-item .nav-link:hover{color:#f8a217!important}
/*.navbar .nav-item .nav-link:visited{color:#B90E0A!important}*/
.navbar .nav-item .nav-link.active{color:#B90E0A!important}
.offcanvas{z-index: 1050;}
.dropdown-menu {
    border-radius: 0;
}
.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #B90E0A;
    color: #fff;
}
.btn, .navbar .nav-link,.input-group-text,.form-control {
    border-radius: 0 !important;
}

.btn-custom {
    background-color: #B90E0A;
    color: #fff;
    border: none;
}
.btn-custom:hover {
    background-color: #000;
    color: #fff;
}
.darkredfont{color:#B90E0A!important}
.darkredfontsocial{color:#B90E0A!important}
.darkredfontsocial:hover{color:#fff!important}
.darkyellowfont{color:#f8a217!important}
footer, footer ul li a{color:#fff!important;}
.bigheading{font-size: 60px;}
.mt-70{margin-top: 70px;}
.mb-70{margin-bottom: 70px;}
.pb-70{padding-bottom: 70px;}
.pt-70{padding-top: 70px;}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s ease;
}

.mycontainer {
  /*position: relative;*/
  /*width: 500px;*/
  /*height: 500px;*/
}

.mycontainer:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, .3);
}


.mycontainer .title {
  position: absolute;
  width: 500px;
  left: 0;
  bottom: 90px;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  z-index: 1;
  transition: top .5s ease;
}

.mycontainer:hover .title {
  bottom: 90px;
}

.mycontainer .button {
  position: absolute;
  /*width: 500px;*/
  left:0;
  bottom: 180px;
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
}

.mycontainer .button a {
  width: 200px;
  padding: 12px 48px;
  text-align: center;
  color: white;
  border: solid 2px white;
  z-index: 1;
}

.mycontainer:hover .button {
  opacity: 1;
}

.procat {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px; /* Space between items */
    margin-top: 30px
}

.procat li {
    background-color: #B90E0A; /* Button background color */
    color: #fff; /* Button font color */
    padding: 10px 20px; /* Button padding */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

.procat li:hover {
    background-color: #ea4823; /* Button hover background color */
    color: #fff; /* Button hover font color */
}

.overlayouter {
            position: relative;
            overflow: hidden;
        }
        .overlayouter img {
            width: 100%;
            display: block;
        }
        .overlayouter .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0; /* Ensures the overlay covers the full width of the image */
            height: 100%;
            background-color: rgba(0, 0, 0, 0.3); /* Transparent black color */
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transform: translateY(100%);
            transition: transform 0.5s ease, opacity 0.5s ease;
        }
        .overlayouter:hover .overlay {
            opacity: 1;
            transform: translateY(0);
        }
        .overlayouter .overlay h2 {
            color: white;
            font-size: 48px;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold
        }
        .overlayouter .overlay h3 {
            color: white;
            font-size: 30px;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold
        }
        .text-justify{text-align: justify;}
        
        .blog-card {
  display: flex;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 3px 7px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.6%;
  background: #fff;
  line-height: 1.4;
  font-family: 'Maven Pro', sans-serif;
  /*border-radius: 5px;*/
  overflow: hidden;
  z-index: 0;
  min-height: 245px;
}
.blog-card a {
  color: inherit;
}
.blog-card a:hover {
  color: #5ad67d;
}
.blog-card:hover .photo {
  /*transform: scale(1.3) rotate(3deg);*/
}
.blog-card .meta {
  position: relative;
  z-index: 0;
  height: 200px;
}
.blog-card .photo {
  position: absolute;
  top: 30px;
  right: 10px;
  bottom: 30px;
  left: 10px;
  background-size: cover;
  background-position: center;
  /*transition: transform 0.2s;*/
}
.blog-card .details,
.blog-card .details ul {
  margin: auto;
  padding: 0;
  list-style: none;
}
.blog-card .details {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  margin: auto;
  transition: left 0.2s;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px;
  width: 100%;
  font-size: 0.9rem;
}
.blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.blog-card .details ul li {
  display: inline-block;
}
.blog-card .details .author:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .date:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .tags ul:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 10px;
}
.blog-card .details .tags li {
  margin-right: 2px;
}
.blog-card .details .tags li:first-child {
  margin-left: -4px;
}
.blog-card .description {
  padding: 1rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.blog-card .description h1,
.blog-card .description h2 {
  font-family: 'Maven Pro', sans-serif;
}
.blog-card .description h1 {
  line-height: 1;
  margin: 0;
  font-size: 1.7rem;
}
.blog-card .description h2 {
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #a2a2a2;
  margin-top: 5px;
}
.blog-card .description .read-more {
  text-align: right;
}
.blog-card .description .read-more a {
  color: #5ad67d;
  display: inline-block;
  position: relative;
}
.blog-card .description .read-more a:after {
  content: "";
  font-family: FontAwesome;
  margin-left: -10px;
  opacity: 0;
  vertical-align: middle;
  transition: margin 0.3s, opacity 0.3s;
}
.blog-card .description .read-more a:hover:after {
  margin-left: 5px;
  opacity: 1;
}
.blog-card p {
  position: relative;
  margin: 1rem 0 0;
}
.blog-card p:first-of-type {
  margin-top: 1.25rem;
}
.blog-card p:first-of-type:before {
  content: "";
  position: absolute;
  height: 5px;
  background: #5ad67d;
  width: 35px;
  top: -0.75rem;
  border-radius: 3px;
}
.blog-card:hover .details {
  left: 0%;
}
@media (min-width: 640px) {
  .blog-card {
    flex-direction: row;
    /*max-width: 700px;*/
  }
  .blog-card .meta {
    flex-basis: 40%;
    height: auto;
  }
  .blog-card .description {
    flex-basis: 60%;
  }
  .blog-card .description:before {
    transform: skewX(-3deg);
    content: "";
    background: #fff;
    width: 30px;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
  .blog-card.alt {
    flex-direction: row-reverse;
  }
  .blog-card.alt .description:before {
    left: inherit;
    right: -10px;
    transform: skew(3deg);
  }
  .blog-card.alt .details {
    padding-left: 25px;
  }
}

.custom-box {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 8px;
}
.custom-image {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}


  .custom-card {
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0; /* Square borders */
    border: 1px solid #ddd;
    position: relative;
    min-height: 380px;
}
.custom-card img {
    font-size: 24px;
    margin-bottom: 10px;
}
.custom-card h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.custom-card .card-description {
    font-size: 1rem;
    color: #555;
}

.custom-card h3 {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative; /* Make sure the line is positioned relative to the heading */
}

.custom-card h3::after {
    content: "";
    position: absolute;
    height: 5px;
    background: #ea4823;
    width: 35px;
    bottom: -10px; /* Position the line below the heading */
    left: 0; /* Align the line to the start of the heading */
    border-radius: 3px;
}
.custom-card p{line-height: 30px;margin-top: 20px;text-align: justify;font-size: 18px}

/* .form-control {
  border-radius: 0 !important;
  border: 0;
  border-bottom: 1px solid #B90E0A;
}*/

.bsb-animated{--bsb-animation-duration:1s;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both}@keyframes bsb-fadeIn{0%{opacity:0}to{opacity:1}}.bsb-fadeIn{animation-name:bsb-fadeIn}@keyframes bsb-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInUp{animation-name:bsb-fadeInUp}@keyframes bsb-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInDown{animation-name:bsb-fadeInDown}@keyframes bsb-fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInLeft{animation-name:bsb-fadeInLeft}@keyframes bsb-fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.bsb-fadeInRight{animation-name:bsb-fadeInRight}@keyframes bsb-fadeOut{0%{opacity:1}to{opacity:0}}.bsb-fadeOut{animation-name:bsb-fadeOut}@keyframes bsb-fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.bsb-fadeOutUp{animation-name:bsb-fadeOutUp}@keyframes bsb-fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.bsb-fadeOutDown{animation-name:bsb-fadeOutDown}@keyframes bsb-fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.bsb-fadeOutLeft{animation-name:bsb-fadeOutLeft}@keyframes bsb-fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.bsb-fadeOutRight{animation-name:bsb-fadeOutRight}@keyframes bsb-zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.bsb-zoomIn{animation-name:bsb-zoomIn}
.bsb-overlay{--bsb-overlay-opacity:0.5;--bsb-overlay-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay:after{background-color:rgba(var(--bsb-overlay-bg-color),var(--bsb-overlay-opacity));bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:0}.bsb-overlay>*{position:relative;z-index:1}.bsb-overlay-figure{--bsb-overlay-figure-opacity:0.5;--bsb-overlay-figure-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay-figure:after{background-color:rgba(var(--bsb-overlay-figure-bg-color),var(--bsb-overlay-figure-opacity));bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.bsb-overlay-hover{--bsb-overlay-hover-opacity:0.5;--bsb-overlay-hover-bg-color:var(--bs-black-rgb);position:relative}.bsb-overlay-hover>a{bottom:0;display:block;left:0;position:relative;right:0;top:0}.bsb-overlay-hover>a>img.bsb-scale{--bsb-scale:1}.bsb-overlay-hover>a>img.bsb-scale,.bsb-overlay-hover>a>img.bsb-scale-up{transform:scale3d(var(--bsb-scale),var(--bsb-scale),var(--bsb-scale));transform-style:preserve-3d;transition:transform .5s}.bsb-overlay-hover>a>img.bsb-scale-up{--bsb-scale:1.2}.bsb-overlay-hover>a:after{background-color:rgba(var(--bsb-overlay-hover-bg-color),var(--bsb-overlay-hover-opacity));content:"";cursor:pointer!important;display:block;z-index:0}.bsb-overlay-hover>a:after,.bsb-overlay-hover>figcaption{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.bsb-overlay-hover>figcaption{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;z-index:1}.bsb-overlay-hover>figcaption>*{opacity:0}.bsb-overlay-hover:hover>a>img.bsb-hover-scale{--bsb-scale-hover:1;transform:scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))}.bsb-overlay-hover:hover>a>img.bsb-hover-scale-up{--bsb-scale-hover:1.2;transform:scale3d(var(--bsb-scale-hover),var(--bsb-scale-hover),var(--bsb-scale-hover))}.bsb-overlay-hover:hover>a:after{opacity:1;transition:opacity .15s linear}.bsb-overlay-hover:hover>figcaption{opacity:1;transition:opacity .15s linear .1s}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeIn{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeIn}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInUp{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInUp}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInDown{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInDown}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInLeft{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInLeft}.bsb-overlay-hover:hover>figcaption>.bsb-hover-fadeInRight{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-fadeInRight}.bsb-overlay-hover:hover>figcaption>.bsb-hover-zoomIn{--bsb-animation-duration:500ms;animation-duration:var(--bsb-animation-duration);animation-fill-mode:both;animation-name:bsb-zoomIn}
.fs-7{font-size:.938rem!important}.fs-8{font-size:.875rem!important}.fs-9{font-size:.813rem!important}.fs-10{font-size:.75rem!important}
.m-6{margin:3.5rem!important}.m-7{margin:4rem!important}.m-8{margin:4.5rem!important}.m-9{margin:5rem!important}.m-10{margin:5.5rem!important}.m-auto{margin:auto!important}.mx-6{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-7{margin-left:4rem!important;margin-right:4rem!important}.mx-8{margin-left:4.5rem!important;margin-right:4.5rem!important}.mx-9{margin-left:5rem!important;margin-right:5rem!important}.mx-10{margin-left:5.5rem!important;margin-right:5.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-6{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-7{margin-bottom:4rem!important;margin-top:4rem!important}.my-8{margin-bottom:4.5rem!important;margin-top:4.5rem!important}.my-9{margin-bottom:5rem!important;margin-top:5rem!important}.my-10{margin-bottom:5.5rem!important;margin-top:5.5rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-6{margin-top:3.5rem!important}.mt-7{margin-top:4rem!important}.mt-8{margin-top:4.5rem!important}.mt-9{margin-top:5rem!important}.mt-10{margin-top:5.5rem!important}.mt-auto{margin-top:auto!important}.me-6{margin-right:3.5rem!important}.me-7{margin-right:4rem!important}.me-8{margin-right:4.5rem!important}.me-9{margin-right:5rem!important}.me-10{margin-right:5.5rem!important}.me-auto{margin-right:auto!important}.mb-6{margin-bottom:3.5rem!important}.mb-7{margin-bottom:4rem!important}.mb-8{margin-bottom:4.5rem!important}.mb-9{margin-bottom:5rem!important}.mb-10{margin-bottom:5.5rem!important}.mb-auto{margin-bottom:auto!important}.ms-6{margin-left:3.5rem!important}.ms-7{margin-left:4rem!important}.ms-8{margin-left:4.5rem!important}.ms-9{margin-left:5rem!important}.ms-10{margin-left:5.5rem!important}.ms-auto{margin-left:auto!important}@media(min-width:576px){.m-sm-6{margin:3.5rem!important}.m-sm-7{margin:4rem!important}.m-sm-8{margin:4.5rem!important}.m-sm-9{margin:5rem!important}.m-sm-10{margin:5.5rem!important}.m-sm-auto{margin:auto!important}.mx-sm-6{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-sm-7{margin-left:4rem!important;margin-right:4rem!important}.mx-sm-8{margin-left:4.5rem!important;margin-right:4.5rem!important}.mx-sm-9{margin-left:5rem!important;margin-right:5rem!important}.mx-sm-10{margin-left:5.5rem!important;margin-right:5.5rem!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-6{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-sm-7{margin-bottom:4rem!important;margin-top:4rem!important}.my-sm-8{margin-bottom:4.5rem!important;margin-top:4.5rem!important}.my-sm-9{margin-bottom:5rem!important;margin-top:5rem!important}.my-sm-10{margin-bottom:5.5rem!important;margin-top:5.5rem!important}.my-sm-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-sm-6{margin-top:3.5rem!important}.mt-sm-7{margin-top:4rem!important}.mt-sm-8{margin-top:4.5rem!important}.mt-sm-9{margin-top:5rem!important}.mt-sm-10{margin-top:5.5rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-6{margin-right:3.5rem!important}.me-sm-7{margin-right:4rem!important}.me-sm-8{margin-right:4.5rem!important}.me-sm-9{margin-right:5rem!important}.me-sm-10{margin-right:5.5rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-6{margin-bottom:3.5rem!important}.mb-sm-7{margin-bottom:4rem!important}.mb-sm-8{margin-bottom:4.5rem!important}.mb-sm-9{margin-bottom:5rem!important}.mb-sm-10{margin-bottom:5.5rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-6{margin-left:3.5rem!important}.ms-sm-7{margin-left:4rem!important}.ms-sm-8{margin-left:4.5rem!important}.ms-sm-9{margin-left:5rem!important}.ms-sm-10{margin-left:5.5rem!important}.ms-sm-auto{margin-left:auto!important}}@media(min-width:768px){.m-md-6{margin:3.5rem!important}.m-md-7{margin:4rem!important}.m-md-8{margin:4.5rem!important}.m-md-9{margin:5rem!important}.m-md-10{margin:5.5rem!important}.m-md-auto{margin:auto!important}.mx-md-6{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-md-7{margin-left:4rem!important;margin-right:4rem!important}.mx-md-8{margin-left:4.5rem!important;margin-right:4.5rem!important}.mx-md-9{margin-left:5rem!important;margin-right:5rem!important}.mx-md-10{margin-left:5.5rem!important;margin-right:5.5rem!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-6{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-md-7{margin-bottom:4rem!important;margin-top:4rem!important}.my-md-8{margin-bottom:4.5rem!important;margin-top:4.5rem!important}.my-md-9{margin-bottom:5rem!important;margin-top:5rem!important}.my-md-10{margin-bottom:5.5rem!important;margin-top:5.5rem!important}.my-md-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-md-6{margin-top:3.5rem!important}.mt-md-7{margin-top:4rem!important}.mt-md-8{margin-top:4.5rem!important}.mt-md-9{margin-top:5rem!important}.mt-md-10{margin-top:5.5rem!important}.mt-md-auto{margin-top:auto!important}.me-md-6{margin-right:3.5rem!important}.me-md-7{margin-right:4rem!important}.me-md-8{margin-right:4.5rem!important}.me-md-9{margin-right:5rem!important}.me-md-10{margin-right:5.5rem!important}.me-md-auto{margin-right:auto!important}.mb-md-6{margin-bottom:3.5rem!important}.mb-md-7{margin-bottom:4rem!important}.mb-md-8{margin-bottom:4.5rem!important}.mb-md-9{margin-bottom:5rem!important}.mb-md-10{margin-bottom:5.5rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-6{margin-left:3.5rem!important}.ms-md-7{margin-left:4rem!important}.ms-md-8{margin-left:4.5rem!important}.ms-md-9{margin-left:5rem!important}.ms-md-10{margin-left:5.5rem!important}.ms-md-auto{margin-left:auto!important}}@media(min-width:992px){.m-lg-6{margin:3.5rem!important}.m-lg-7{margin:4rem!important}.m-lg-8{margin:4.5rem!important}.m-lg-9{margin:5rem!important}.m-lg-10{margin:5.5rem!important}.m-lg-auto{margin:auto!important}.mx-lg-6{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-lg-7{margin-left:4rem!important;margin-right:4rem!important}.mx-lg-8{margin-left:4.5rem!important;margin-right:4.5rem!important}.mx-lg-9{margin-left:5rem!important;margin-right:5rem!important}.mx-lg-10{margin-left:5.5rem!important;margin-right:5.5rem!important}.mx-lg-auto{margin-left:auto!important;margin-right:auto!important}.my-lg-6{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-lg-7{margin-bottom:4rem!important;margin-top:4rem!important}.my-lg-8{margin-bottom:4.5rem!important;margin-top:4.5rem!important}.my-lg-9{margin-bottom:5rem!important;margin-top:5rem!important}.my-lg-10{margin-bottom:5.5rem!important;margin-top:5.5rem!important}.my-lg-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-lg-6{margin-top:3.5rem!important}.mt-lg-7{margin-top:4rem!important}.mt-lg-8{margin-top:4.5rem!important}.mt-lg-9{margin-top:5rem!important}.mt-lg-10{margin-top:5.5rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-6{margin-right:3.5rem!important}.me-lg-7{margin-right:4rem!important}.me-lg-8{margin-right:4.5rem!important}.me-lg-9{margin-right:5rem!important}.me-lg-10{margin-right:5.5rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-6{margin-bottom:3.5rem!important}.mb-lg-7{margin-bottom:4rem!important}.mb-lg-8{margin-bottom:4.5rem!important}.mb-lg-9{margin-bottom:5rem!important}.mb-lg-10{margin-bottom:5.5rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-6{margin-left:3.5rem!important}.ms-lg-7{margin-left:4rem!important}.ms-lg-8{margin-left:4.5rem!important}.ms-lg-9{margin-left:5rem!important}.ms-lg-10{margin-left:5.5rem!important}.ms-lg-auto{margin-left:auto!important}}@media(min-width:1200px){.m-xl-6{margin:3.5rem!important}.m-xl-7{margin:4rem!important}.m-xl-8{margin:4.5rem!important}.m-xl-9{margin:5rem!important}.m-xl-10{margin:5.5rem!important}.m-xl-auto{margin:auto!important}.mx-xl-6{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-xl-7{margin-left:4rem!important;margin-right:4rem!important}.mx-xl-8{margin-left:4.5rem!important;margin-right:4.5rem!important}.mx-xl-9{margin-left:5rem!important;margin-right:5rem!important}.mx-xl-10{margin-left:5.5rem!important;margin-right:5.5rem!important}.mx-xl-auto{margin-left:auto!important;margin-right:auto!important}.my-xl-6{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-xl-7{margin-bottom:4rem!important;margin-top:4rem!important}.my-xl-8{margin-bottom:4.5rem!important;margin-top:4.5rem!important}.my-xl-9{margin-bottom:5rem!important;margin-top:5rem!important}.my-xl-10{margin-bottom:5.5rem!important;margin-top:5.5rem!important}.my-xl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xl-6{margin-top:3.5rem!important}.mt-xl-7{margin-top:4rem!important}.mt-xl-8{margin-top:4.5rem!important}.mt-xl-9{margin-top:5rem!important}.mt-xl-10{margin-top:5.5rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-6{margin-right:3.5rem!important}.me-xl-7{margin-right:4rem!important}.me-xl-8{margin-right:4.5rem!important}.me-xl-9{margin-right:5rem!important}.me-xl-10{margin-right:5.5rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-6{margin-bottom:3.5rem!important}.mb-xl-7{margin-bottom:4rem!important}.mb-xl-8{margin-bottom:4.5rem!important}.mb-xl-9{margin-bottom:5rem!important}.mb-xl-10{margin-bottom:5.5rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-6{margin-left:3.5rem!important}.ms-xl-7{margin-left:4rem!important}.ms-xl-8{margin-left:4.5rem!important}.ms-xl-9{margin-left:5rem!important}.ms-xl-10{margin-left:5.5rem!important}.ms-xl-auto{margin-left:auto!important}}@media(min-width:1400px){.m-xxl-6{margin:3.5rem!important}.m-xxl-7{margin:4rem!important}.m-xxl-8{margin:4.5rem!important}.m-xxl-9{margin:5rem!important}.m-xxl-10{margin:5.5rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-6{margin-left:3.5rem!important;margin-right:3.5rem!important}.mx-xxl-7{margin-left:4rem!important;margin-right:4rem!important}.mx-xxl-8{margin-left:4.5rem!important;margin-right:4.5rem!important}.mx-xxl-9{margin-left:5rem!important;margin-right:5rem!important}.mx-xxl-10{margin-left:5.5rem!important;margin-right:5.5rem!important}.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important}.my-xxl-6{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.my-xxl-7{margin-bottom:4rem!important;margin-top:4rem!important}.my-xxl-8{margin-bottom:4.5rem!important;margin-top:4.5rem!important}.my-xxl-9{margin-bottom:5rem!important;margin-top:5rem!important}.my-xxl-10{margin-bottom:5.5rem!important;margin-top:5.5rem!important}.my-xxl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xxl-6{margin-top:3.5rem!important}.mt-xxl-7{margin-top:4rem!important}.mt-xxl-8{margin-top:4.5rem!important}.mt-xxl-9{margin-top:5rem!important}.mt-xxl-10{margin-top:5.5rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-6{margin-right:3.5rem!important}.me-xxl-7{margin-right:4rem!important}.me-xxl-8{margin-right:4.5rem!important}.me-xxl-9{margin-right:5rem!important}.me-xxl-10{margin-right:5.5rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-6{margin-bottom:3.5rem!important}.mb-xxl-7{margin-bottom:4rem!important}.mb-xxl-8{margin-bottom:4.5rem!important}.mb-xxl-9{margin-bottom:5rem!important}.mb-xxl-10{margin-bottom:5.5rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-6{margin-left:3.5rem!important}.ms-xxl-7{margin-left:4rem!important}.ms-xxl-8{margin-left:4.5rem!important}.ms-xxl-9{margin-left:5rem!important}.ms-xxl-10{margin-left:5.5rem!important}.ms-xxl-auto{margin-left:auto!important}}
.p-6{padding:3.5rem!important}.p-7{padding:4rem!important}.p-8{padding:4.5rem!important}.p-9{padding:5rem!important}.p-10{padding:5.5rem!important}.px-6{padding-left:3.5rem!important;padding-right:3.5rem!important}.px-7{padding-left:4rem!important;padding-right:4rem!important}.px-8{padding-left:4.5rem!important;padding-right:4.5rem!important}.px-9{padding-left:5rem!important;padding-right:5rem!important}.px-10{padding-left:5.5rem!important;padding-right:5.5rem!important}.py-6{padding-bottom:3.5rem!important;padding-top:3.5rem!important}.py-7{padding-bottom:4rem!important;padding-top:4rem!important}.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}.py-9{padding-bottom:5rem!important;padding-top:5rem!important}.py-10{padding-bottom:5.5rem!important;padding-top:5.5rem!important}.pt-6{padding-top:3.5rem!important}.pt-7{padding-top:4rem!important}.pt-8{padding-top:4.5rem!important}.pt-9{padding-top:5rem!important}.pt-10{padding-top:5.5rem!important}.pe-6{padding-right:3.5rem!important}.pe-7{padding-right:4rem!important}.pe-8{padding-right:4.5rem!important}.pe-9{padding-right:5rem!important}.pe-10{padding-right:5.5rem!important}.pb-6{padding-bottom:3.5rem!important}.pb-7{padding-bottom:4rem!important}.pb-8{padding-bottom:4.5rem!important}.pb-9{padding-bottom:5rem!important}.pb-10{padding-bottom:5.5rem!important}.ps-6{padding-left:3.5rem!important}.ps-7{padding-left:4rem!important}.ps-8{padding-left:4.5rem!important}.ps-9{padding-left:5rem!important}.ps-10{padding-left:5.5rem!important}@media(min-width:576px){.p-sm-6{padding:3.5rem!important}.p-sm-7{padding:4rem!important}.p-sm-8{padding:4.5rem!important}.p-sm-9{padding:5rem!important}.p-sm-10{padding:5.5rem!important}.px-sm-6{padding-left:3.5rem!important;padding-right:3.5rem!important}.px-sm-7{padding-left:4rem!important;padding-right:4rem!important}.px-sm-8{padding-left:4.5rem!important;padding-right:4.5rem!important}.px-sm-9{padding-left:5rem!important;padding-right:5rem!important}.px-sm-10{padding-left:5.5rem!important;padding-right:5.5rem!important}.py-sm-6{padding-bottom:3.5rem!important;padding-top:3.5rem!important}.py-sm-7{padding-bottom:4rem!important;padding-top:4rem!important}.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}.py-sm-9{padding-bottom:5rem!important;padding-top:5rem!important}.py-sm-10{padding-bottom:5.5rem!important;padding-top:5.5rem!important}.pt-sm-6{padding-top:3.5rem!important}.pt-sm-7{padding-top:4rem!important}.pt-sm-8{padding-top:4.5rem!important}.pt-sm-9{padding-top:5rem!important}.pt-sm-10{padding-top:5.5rem!important}.pe-sm-6{padding-right:3.5rem!important}.pe-sm-7{padding-right:4rem!important}.pe-sm-8{padding-right:4.5rem!important}.pe-sm-9{padding-right:5rem!important}.pe-sm-10{padding-right:5.5rem!important}.pb-sm-6{padding-bottom:3.5rem!important}.pb-sm-7{padding-bottom:4rem!important}.pb-sm-8{padding-bottom:4.5rem!important}.pb-sm-9{padding-bottom:5rem!important}.pb-sm-10{padding-bottom:5.5rem!important}.ps-sm-6{padding-left:3.5rem!important}.ps-sm-7{padding-left:4rem!important}.ps-sm-8{padding-left:4.5rem!important}.ps-sm-9{padding-left:5rem!important}.ps-sm-10{padding-left:5.5rem!important}}@media(min-width:768px){.p-md-6{padding:3.5rem!important}.p-md-7{padding:4rem!important}.p-md-8{padding:4.5rem!important}.p-md-9{padding:5rem!important}.p-md-10{padding:5.5rem!important}.px-md-6{padding-left:3.5rem!important;padding-right:3.5rem!important}.px-md-7{padding-left:4rem!important;padding-right:4rem!important}.px-md-8{padding-left:4.5rem!important;padding-right:4.5rem!important}.px-md-9{padding-left:5rem!important;padding-right:5rem!important}.px-md-10{padding-left:5.5rem!important;padding-right:5.5rem!important}.py-md-6{padding-bottom:3.5rem!important;padding-top:3.5rem!important}.py-md-7{padding-bottom:4rem!important;padding-top:4rem!important}.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}.py-md-9{padding-bottom:5rem!important;padding-top:5rem!important}.py-md-10{padding-bottom:5.5rem!important;padding-top:5.5rem!important}.pt-md-6{padding-top:3.5rem!important}.pt-md-7{padding-top:4rem!important}.pt-md-8{padding-top:4.5rem!important}.pt-md-9{padding-top:5rem!important}.pt-md-10{padding-top:5.5rem!important}.pe-md-6{padding-right:3.5rem!important}.pe-md-7{padding-right:4rem!important}.pe-md-8{padding-right:4.5rem!important}.pe-md-9{padding-right:5rem!important}.pe-md-10{padding-right:5.5rem!important}.pb-md-6{padding-bottom:3.5rem!important}.pb-md-7{padding-bottom:4rem!important}.pb-md-8{padding-bottom:4.5rem!important}.pb-md-9{padding-bottom:5rem!important}.pb-md-10{padding-bottom:5.5rem!important}.ps-md-6{padding-left:3.5rem!important}.ps-md-7{padding-left:4rem!important}.ps-md-8{padding-left:4.5rem!important}.ps-md-9{padding-left:5rem!important}.ps-md-10{padding-left:5.5rem!important}}@media(min-width:992px){.p-lg-6{padding:3.5rem!important}.p-lg-7{padding:4rem!important}.p-lg-8{padding:4.5rem!important}.p-lg-9{padding:5rem!important}.p-lg-10{padding:5.5rem!important}.px-lg-6{padding-left:3.5rem!important;padding-right:3.5rem!important}.px-lg-7{padding-left:4rem!important;padding-right:4rem!important}.px-lg-8{padding-left:4.5rem!important;padding-right:4.5rem!important}.px-lg-9{padding-left:5rem!important;padding-right:5rem!important}.px-lg-10{padding-left:5.5rem!important;padding-right:5.5rem!important}.py-lg-6{padding-bottom:3.5rem!important;padding-top:3.5rem!important}.py-lg-7{padding-bottom:4rem!important;padding-top:4rem!important}.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}.py-lg-9{padding-bottom:5rem!important;padding-top:5rem!important}.py-lg-10{padding-bottom:5.5rem!important;padding-top:5.5rem!important}.pt-lg-6{padding-top:3.5rem!important}.pt-lg-7{padding-top:4rem!important}.pt-lg-8{padding-top:4.5rem!important}.pt-lg-9{padding-top:5rem!important}.pt-lg-10{padding-top:5.5rem!important}.pe-lg-6{padding-right:3.5rem!important}.pe-lg-7{padding-right:4rem!important}.pe-lg-8{padding-right:4.5rem!important}.pe-lg-9{padding-right:5rem!important}.pe-lg-10{padding-right:5.5rem!important}.pb-lg-6{padding-bottom:3.5rem!important}.pb-lg-7{padding-bottom:4rem!important}.pb-lg-8{padding-bottom:4.5rem!important}.pb-lg-9{padding-bottom:5rem!important}.pb-lg-10{padding-bottom:5.5rem!important}.ps-lg-6{padding-left:3.5rem!important}.ps-lg-7{padding-left:4rem!important}.ps-lg-8{padding-left:4.5rem!important}.ps-lg-9{padding-left:5rem!important}.ps-lg-10{padding-left:5.5rem!important}}@media(min-width:1200px){.p-xl-6{padding:3.5rem!important}.p-xl-7{padding:4rem!important}.p-xl-8{padding:4.5rem!important}.p-xl-9{padding:5rem!important}.p-xl-10{padding:5.5rem!important}.px-xl-6{padding-left:3.5rem!important;padding-right:3.5rem!important}.px-xl-7{padding-left:4rem!important;padding-right:4rem!important}.px-xl-8{padding-left:4.5rem!important;padding-right:4.5rem!important}.px-xl-9{padding-left:5rem!important;padding-right:5rem!important}.px-xl-10{padding-left:5.5rem!important;padding-right:5.5rem!important}.py-xl-6{padding-bottom:3.5rem!important;padding-top:3.5rem!important}.py-xl-7{padding-bottom:4rem!important;padding-top:4rem!important}.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}.py-xl-9{padding-bottom:5rem!important;padding-top:5rem!important}.py-xl-10{padding-bottom:5.5rem!important;padding-top:5.5rem!important}.pt-xl-6{padding-top:3.5rem!important}.pt-xl-7{padding-top:4rem!important}.pt-xl-8{padding-top:4.5rem!important}.pt-xl-9{padding-top:5rem!important}.pt-xl-10{padding-top:5.5rem!important}.pe-xl-6{padding-right:3.5rem!important}.pe-xl-7{padding-right:4rem!important}.pe-xl-8{padding-right:4.5rem!important}.pe-xl-9{padding-right:5rem!important}.pe-xl-10{padding-right:5.5rem!important}.pb-xl-6{padding-bottom:3.5rem!important}.pb-xl-7{padding-bottom:4rem!important}.pb-xl-8{padding-bottom:4.5rem!important}.pb-xl-9{padding-bottom:5rem!important}.pb-xl-10{padding-bottom:5.5rem!important}.ps-xl-6{padding-left:3.5rem!important}.ps-xl-7{padding-left:4rem!important}.ps-xl-8{padding-left:4.5rem!important}.ps-xl-9{padding-left:5rem!important}.ps-xl-10{padding-left:5.5rem!important}}@media(min-width:1400px){.p-xxl-6{padding:3.5rem!important}.p-xxl-7{padding:4rem!important}.p-xxl-8{padding:4.5rem!important}.p-xxl-9{padding:5rem!important}.p-xxl-10{padding:5.5rem!important}.px-xxl-6{padding-left:3.5rem!important;padding-right:3.5rem!important}.px-xxl-7{padding-left:4rem!important;padding-right:4rem!important}.px-xxl-8{padding-left:4.5rem!important;padding-right:4.5rem!important}.px-xxl-9{padding-left:5rem!important;padding-right:5rem!important}.px-xxl-10{padding-left:5.5rem!important;padding-right:5.5rem!important}.py-xxl-6{padding-bottom:3.5rem!important;padding-top:3.5rem!important}.py-xxl-7{padding-bottom:4rem!important;padding-top:4rem!important}.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}.py-xxl-9{padding-bottom:5rem!important;padding-top:5rem!important}.py-xxl-10{padding-bottom:5.5rem!important;padding-top:5.5rem!important}.pt-xxl-6{padding-top:3.5rem!important}.pt-xxl-7{padding-top:4rem!important}.pt-xxl-8{padding-top:4.5rem!important}.pt-xxl-9{padding-top:5rem!important}.pt-xxl-10{padding-top:5.5rem!important}.pe-xxl-6{padding-right:3.5rem!important}.pe-xxl-7{padding-right:4rem!important}.pe-xxl-8{padding-right:4.5rem!important}.pe-xxl-9{padding-right:5rem!important}.pe-xxl-10{padding-right:5.5rem!important}.pb-xxl-6{padding-bottom:3.5rem!important}.pb-xxl-7{padding-bottom:4rem!important}.pb-xxl-8{padding-bottom:4.5rem!important}.pb-xxl-9{padding-bottom:5rem!important}.pb-xxl-10{padding-bottom:5.5rem!important}.ps-xxl-6{padding-left:3.5rem!important}.ps-xxl-7{padding-left:4rem!important}.ps-xxl-8{padding-left:4.5rem!important}.ps-xxl-9{padding-left:5rem!important}.ps-xxl-10{padding-left:5.5rem!important}}
.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}@media(min-width:576px){.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:768px){.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:992px){.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1200px){.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1400px){.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}.bsb-btn-circle{align-items:center;backface-visibility:hidden;border-radius:50%!important;display:inline-flex;height:2.5rem;justify-content:center;line-height:1;padding:0;width:2.5rem}.bsb-btn-circle.bsb-btn-circle-sm{height:2rem;width:2rem}.bsb-btn-circle.bsb-btn-circle-lg{height:3rem;width:3rem}.bsb-btn-circle.bsb-btn-circle-xl{height:3.5rem;width:3.5rem}.bsb-btn-circle.bsb-btn-circle-2xl{height:4rem;width:4rem}.bsb-btn-circle.bsb-btn-circle-3xl{height:4.5rem;width:4.5rem}.bsb-btn-circle.bsb-btn-circle-4xl{height:5rem;width:5rem}.bsb-btn-circle.bsb-btn-circle-5xl{height:5.5rem;width:5.5rem}.bsb-btn-circle.bsb-btn-circle-6xl{height:6rem;width:6rem}.bsb-btn-circle.bsb-btn-circle-7xl{height:6.5rem;width:6.5rem}.bsb-btn-circle.bsb-btn-circle-8xl{height:7rem;width:7rem}.bsb-btn-circle.bsb-btn-circle-9xl{height:7.5rem;width:7.5rem}.bsb-btn-circle.bsb-btn-circle-10xl{height:8rem;width:8rem}
.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}@media(min-width:576px){.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:768px){.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:992px){.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1200px){.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1400px){.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}.bsb-timeline-1{--bsb-tl-color:var(--bs-primary-bg-subtle);--bsb-tl-circle-color:var(--bs-primary);--bsb-tl-circle-size:18px;--bsb-tl-circle-offset:9px}.bsb-timeline-1 .timeline{list-style:none;margin:0;padding:0;position:relative}.bsb-timeline-1 .timeline:after{background-color:var(--bsb-tl-color);bottom:0;content:"";left:0;margin-left:-1px;position:absolute;top:0;width:2px}.bsb-timeline-1 .timeline>.timeline-item{margin:0;padding:0;position:relative}.bsb-timeline-1 .timeline>.timeline-item:before{background-color:var(--bsb-tl-circle-color);border-radius:50%;content:"";height:var(--bsb-tl-circle-size);left:calc(var(--bsb-tl-circle-offset)*-1);position:absolute;top:0;width:var(--bsb-tl-circle-size);z-index:1}.bsb-timeline-1 .timeline>.timeline-item .timeline-body{margin:0;padding:0;position:relative}.bsb-timeline-1 .timeline>.timeline-item .timeline-content{padding:0 0 2.5rem 2.5rem}@media(min-width:768px){.bsb-timeline-1 .timeline>.timeline-item .timeline-content{padding-bottom:3rem}}.bsb-timeline-1 .timeline>.timeline-item:last-child .timeline-content{padding-bottom:0}

.product-thumbs .swiper-slide img {
  border:2px solid transparent;
  object-fit: cover;
  cursor: pointer;
}
.product-thumbs .swiper-slide-active img {
  border-color: #bc4f38;
}
.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.listcustom-card{
    border: 1px solid black;
    overflow: hidden;
    border-radius: 0;
}
.listcustom-card a{text-decoration: none;color:#2b2a29}
.image-container {
    position: relative;
    width: 100%;
    height: auto;
}
.image-container img {
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out;
}
.image-container .secondary-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.listcustom-card:hover .secondary-img {
    opacity: 1;
}
.listcustom-card:hover .primary-img {
    opacity: 0;
}
.listcustom-card .card-body {
    /*padding: 1rem;*/
}


 .search-container {
        position: relative;
        display: inline-block;
    }

    /* Initially hide the search bar */
    #search-bar-container {
        display: none;
        position: absolute;
        top: 70px;  /* Position the search bar directly below the search button */
        right: 0;   /* Align the search bar to the right of the button */
        max-width: 300px;
        background-color: rgba(128, 128,128, 0.5); /* White background with 90% opacity */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;  /* Make sure the search bar appears above other content */
    }

    /* Style for the search input */
    .search-input-expanded {
        width: 300px;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: rgba(128, 128, 128, 0.5); /* Grey background with 90% opacity */
    color: #B90E0A; /* Red text color */
    }
.search-input-expanded:focus {
    background-color: rgba(128, 128, 128, 0.6); /* Maintain grey background on focus */
    color: #fff; /* Maintain red text on focus */
    outline: none; /* Optional: Remove default outline */
    box-shadow: none; /* Optional: Remove box-shadow on focus */
}
    /* Adjust padding of navbar to ensure elements align correctly */
    .navbar-nav {
        padding-left: 0;
        margin-left: auto;
    }
    
    #productlist{list-style-type: none;}
    #productlist li{padding:5px}
    #productlist li:hover{background-color:#fff;}
    #productlist li:hover a{color:#000}
    #productlist li a{color:#fff;text-decoration: none;}
    
/*    .whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 60px;  Adjust the size as needed 
    height: 60px;
    border-radius: 50%;
    position: absolute;
  background: #25d366;
  color: inherit;
  box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
  cursor: pointer;
  transition: background-color .2s linear;
}*/

.whatsapp-icon {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    background-color: #25D366;
    color: white;
    width: 60px; /* Adjust size as needed */
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}
.whatsapp-icon .fab {
    font-size: 40px
}
/*.whatsapp-icon:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 70px;  Adjust the position of the tooltip 
    right: 90%;
    transform: translateX(60%);
    background-color: black;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 1;
    visibility: visible;
    z-index: 1001;
}

.whatsapp-icon::after {
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out;
}*/

.whatsapp-icon:hover {
    background-color: #128C7E;
}

@media only screen and (max-width: 600px) {
    .whatsapp-icon {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
    }

    .whatsapp-icon i {
        font-size: 24px;
    }
}

.custom-tooltip .tooltip-inner {
    background-color: #fff;
    color: #333;
    padding: 5px 8px;
    font-size: 14px;
    border-radius: 15px;
    font-weight:600 ;
}

.custom-tooltip .tooltip-arrow::before {
    border-left-color: #fff !important; /* Change this to your desired color */
}

.custom-tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-right-color: #fff !important; /* Change this to your desired color */
}

.custom-tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-left-color: #fff !important; /* Change this to your desired color */
}

.custom-tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-bottom-color: #fff !important; /* Change this to your desired color */
}

.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-top-color: #fff !important; /* Change this to your desired color */
}

.login,.db {
    float: left;
    width: 100%;
    padding: 80px 0px 85px 0px;
    margin-top: var(--mtop);
}

.login .inn {
    background: rgb(255, 255, 255);
    position: relative;
    margin: 0px auto;
    display: table;
    box-shadow: rgb(51, 51, 51) 0px 1px 19px -17px;
    border-radius: 10px;
    width: 950px;
    padding: 0;
}

.login .lhs {
    float: left;
    width: 40%;
    background: linear-gradient(45deg, #B90E0A, #710A07 80%);
    padding: 45px;
    position: absolute;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
}

.login .lhs .tit {
    padding: 0px 0px 30px;
}

.login .lhs .tit img {
    width: 200px;
    margin-bottom: 10px;
}

.login .lhs .tit h2 {
    font-size: 38px;
    font-weight: 500;
    line-height: 52px;
    color:#fff;
}

.login .lhs .tit h2 b {
    font-weight: 800;
    display: block;
    font-size: 62px;
    font-family: var(--tit-font);
    line-height: 66px;
    margin: 10px 0;
}

.login .lhs .im {
    float: left;
    width: 100%;
}

.login .lhs .im img {
    width: 90%;
    float: left;    border-radius: 5px;
}

.login .lhs .log-bg {
    width: 100%;
    height: 77px;
    background: url("../images/login-bg.png") center bottom / 300px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    transition: all 0.5s ease-in-out 0s;
    animation: 800s linear 0s infinite normal both running movehor;
    border-radius: 0px 0px 10px 10px;
    background-repeat-y: no-repeat;
}

@keyframes movehor {
    0% {
        background-position: 0px -18px;
    }

    100% {
        background-position: -10000% -18px;
    }
}

.login .lhs .log-bg img {}

.login .rhs {
    float: left;
    width: 60%;
    padding: 50px 80px;
    margin-left: 40%;
}

.login .rhs .inn {
    box-shadow: none;
}
.pro-edit-update{}
.pro-edit-update .rhs{width:100%;margin: 0;}
.form-tit {
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(223, 223, 223);
    margin-bottom: 25px;
    color: rgb(52, 64, 85);
}

.form-tit h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: rgb(89 60 7);
}

.form-tit h1 {
    font-size: 26px;
    line-height: 38px;
    font-weight: 600;
    color: rgb(51, 51, 51);
}

.form-tit p {
    font-size: 14px;
    font-weight: 500;
}

.form-tit p a {
    color: rgb(11, 109, 215);
}

.form-login .form-group label.lb {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
}

.form-login .form-group input,
.form-login .form-group select,
.form-login .form-group textarea,
.form-login .form-group .chosen-container {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: 42px;
}

.form-login .form-group select.chosen-select {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 42px;
}

.form-login .form-group textarea {
    height: 120px;
}

.form-login .form-group .chosen-container {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 10px);
    padding: 0;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-login .form-group .chosen-container a.chosen-single {
    height: 40px;
    padding-top: 2px;
}

.form-login .form-group .form-check-label {
    font-size: 13px;
    color: rgb(133, 136, 144);
    font-weight: 500;
}

.form-login .form-group .form-check-label input[type="checkbox"] {
    margin-top: 3px;
    height: 14px;
}

.form-login .btn {
    /*background: var(--cta-pink1);*/
    color: rgb(255, 255, 255);
    padding: 5px 50px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    line-height: 34px;
    display: block;
    /*border: 1px solid var(--cta-pink1);*/
    transition: all 0.3s ease 0s;
    width: 100%;
    margin-top: 30px;
}

.form-login .btn:hover {
    background: #000;
    border: 1px solid rgb(206, 27, 110);
}

.error {
    color: #f00;
    font-size: 13px;
}


@media screen and (max-width:992px) {
    .pg-soon .tit h1 {
        font-size: 60px;
        line-height: 80px;
    }

    .pg-soon .timer div {
        font-size: 50px;
    }

    .pg-soon .timer div i {
        font-size: 14px;
    }

    .home-tit,
    .wedd-gall {
        margin-bottom: 30px;
    }

    .wedd-gall,
    .wedd-vid-gall {
        padding-bottom: 50px;
    }

    .pg-ser .inn ul li {
        width: 33.333%
    }

    .gal-im img.gal-siz-2 {
        height: 400px;
    }

    .foot-inn i.fa {
        width: 45px;
        height: 45px;
        font-size: 22px;
    }

    .foot-inn div {
        padding-left: 65px;
    }

    .hom-top {
        padding: 10px 0;
    }

    .head-top,
    .bl,
    .desk-menu {
        display: none;
    }

    .logo-brand {
        margin-left: 0;
    }

    .mob-sec {
        display: block;
        position: fixed;
        right: 17px;
        top: 17px;
    }

    .mob-me-ic,
    .fil-mob,
    .pro-detail .pro-bio {
        display: block;
        /* top: 2px; */
    }

    .ab-cont ul li .ab-cont-po i {
        position: relative;
        left: initial;
        top: initial;
        margin: 0 auto;
        display: table;
    }

    .ab-cont ul li .ab-cont-po div {
        padding: 25px 0 0 0;
        text-align: center;
    }

    .ab-cont ul li .ab-cont-po div h4 {
        font-size: 26px;
    }

    .ab-cont ul li .ab-cont-po div span {}

    .hom-head {
        padding: 55px 0px;
    }

    .ab-ban {
        /* padding: 120px 0px 40px 0px; */
    }

    .hot-page2-hom-pre {
        margin-bottom: 30px;
    }

    .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre {
        margin-bottom: 0px;
    }

    .wed-foot-link ul li {
        /* width: 100%; */
        text-align: left;
    }

    .wed-foot-link div {
        padding-left: 30px;
    }

    .list-pg-lt {
        width: 100%;
    }

    .list-pg-rt {
        width: 100%;
        padding: 0;
    }

    .pg-list-1 .col-md-10,
    .pg-list-1 .col-md-2 {
        max-width: 100%;
        flex: 100%;
    }

    .list-ban-btn {
        border-left: 0px;
        margin: 0 auto;
        display: table;
    }

    .list-ban-btn ul li span {
        font-size: 14px;
        padding: 8px 15px 8px 44px;
    }

    .list-ban-btn ul li span:before {
        margin-top: -2px;
    }

    .list-ban-btn ul li {
        float: left;
        margin: 0px 5px 10px 5px;
    }

    .pg-list-1 .col-md-2 {}

    .pg-list-1-left {
        text-align: center;
    }

    .pg-list-1-left img {
        width: 175px;
        height: 175px;
        float: initial;
        margin: initial;
        margin-top: -109px;
    }

    .pg-list-1-left .stat {
        top: initial;
        left: initial;
        position: relative;
        display: table;
        margin: 0 auto;
    }

    .pg-list-1-left h3 {
        float: left;
        width: 100%;
        padding: 20px 0px;
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .pg-list-1-left p,
    .pag-p1-phone {
        padding-left: 0px;
        width: 100%;
    }

    .pag-p1-phone ul {
        margin: 0 auto;
        display: table;
    }

    .wed-hom-footer {
        /* padding: 60px 0px 45px 0px; */
    }

    .land-pack-grid-text h4 {
        padding: 15px 12px;
        font-size: 14px;
    }

    .pg-list-1-left .rat i {
        margin: 0px 2px;
    }

    .all-list-sh .pro-detail span:nth-child(3) {
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .hom-partners .carousel {
        width: 100%;
    }

    .home-acces ul li {
        width: 50%;
        padding: 10px;
    }

    .ban-tit {
        text-align: center;
    }

    .ban-search {
        width: 100%;
    }

    .hom-abut h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .act .hom-abut a {
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }

    .fot-ban-inn {
        margin: 80px 0px 10px 0px;
        padding-right: 0px;
    }

    .fot-ban-inn .lhs {
        width: 100%;
        /* padding: 40px; */
        text-align: center;
    }

    .login .lhs .tit {
        padding: 0;
    }

    .login .lhs .tit h2 {
        font-size: 20px;
        line-height: 28px;
        margin: 0;
    }

    .login .lhs .tit h2 b {
        font-size: 28px;
        line-height: 30px;
    }

    .login .lhs .tit h2 b br {
        display: none;
    }

    .pg-404 .lhs .tit h2 b {
        font-size: 120px;
        line-height: 80px;
    }

    .pg-404 .lhs .tit a {
        padding: 6px 15px;
    }

    .pg-404 .lhs .tit h5 {
        line-height: 28px;
        font-size: 18px;
    }

    .login .lhs {
        /* display: none; */
        width: 100%;
        text-align: center;
        position: relative;
        padding: 35px 30px 90px;
        border-radius: 10px 10px 0 0;
    }

    .login .lhs .im {
        display: none;
    }

    .login .rhs {
        width: 100%;
        margin-left: 0;
        padding: 20px;
    }

    .pro-detail .pro-bio {
        display: none;
    }

    .links {
        border-top: 1px solid #dadada;
        padding-top: 15px;
    }

    .pg-pro-big-im .s1 img {
        /* height: 175px; */
    }

    .profi-bio .lhs {
        width: 100%;
    }

    .profi-bio .rhs {
        width: 100%;
        padding: 50px 0px 0px 0px;
    }

    .prof-rhs-help {
        text-align: center;
    }

    .pr-bio-conta ul li span {
        /* padding-left: 110px; */
        /* display: block; */
        /* font-size: 14px; */
    }

    .pr-bio-conta ul li span b {
        /* position: absolute; */
        /* left: 0; */
    }

    .ab-sec2 ul {
        /* margin-top: 0; */
        /* padding-top: 80px; */
        width: 100%;
    }

    .hom-partners ul li {
        width: 100%;
        padding: 0px 15px 40px 15px;
    }

    .ab-sec2 ul li {
        padding: 0 15px;
    }

    .hom-coup-test ul li {
        width: auto;
    }

    .ab-sec2 ul li div {
        padding: 25px;
    }

    .ab-sec2 {
        padding-bottom: 100px;
    }

    .ban-home {
        /* padding: 115px 20px 60px 20px; */
    }

    .ban-tit h1 {
        font-size: 48px;
        line-height: 58px;
    }

    .ban-tit p {
        font-size: 16px;
    }

    .ab-team ul li {
        width: 50%;
    }

    .ab-team ul li div {
        width: 95%;
        margin: 12px 5%;
    }

    .ab-faq-rhs {
        margin: 30px 0 0 0
    }

    .foot-inn div h5 {
        font-size: 18px;
    }

    .hom-top:before {
        width: 65px;
        height: 94px;
        background-size: 154px;
        background-position: -33px -43px;
    }

    .hom-top:after {
        width: 49px;
        height: 135px;
        background-size: 50px;
        background-position: -1px 6px;
    }

    .login {
        padding: 65px 0px 60px 0px;
    }

    .wedd-vid img,
    .wedd-vid iframe {
        height: 400px;
    }

    .wedd-gall-pg-v1 .img-wrapper img {
        height: 200px;
    }

    .ban-inn.pg-cont {
        padding: 75px 20px 90px 20px;
    }

    .ab-sec2 ul li {
        width: 33.333%;
        padding: 15px;
    }

    .abo-partners {
        padding: 100px 0 0 0;
    }

    .blog-soci ul li a b {}

    .blog-main .lhs {
        width: 100%;
    }

    .blog-main .rhs {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .blog-main .page-nation ul {
        margin: 0 auto;
        display: table;
    }

    .blog-main .page-nation ul li {
        display: inline-block;
    }

    .blog-nav {
        padding-bottom: 40px;
        border-bottom: 2px dashed #d3c1ab;
        margin-bottom: 40px;
    }

    .inn-ban h1 {
        font-size: 30px;
        padding: 0 0 10px 0;
        line-height: 40px;
    }

    .wedd-rel-pro {
        padding-bottom: 10px;
        margin-bottom: 25px;
    }

    .ab-wel-lhs {
        margin-bottom: 50px;
    }
    .db-int-pro-2{
        width: 100%;
        padding: 25px 0px 25px 0px;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 769px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:769px) {

    .bl,
    .carousel-indicators,
    .fil-mob-view {
        display: none;
    }

    .home-tit h2 span .num {
        font-size: 60px;
    }

    .ab-cont {
        padding-bottom: 20px;
    }

    .pg-ser .inn ul li {
        width: 50%;
    }

    .ban-home:before {
        width: 320px;
        height: 219px;
        left: calc(50% - 140px);
        top: -140px;
    }

    .hom-nav .ic-logo {
        padding: 2px 0px 4px 0px;
    }

    .fil-mob.fil-mob-act {
        display: block;
    }

    .ban-home {
        /* padding: 90px 20px 40px 20px; */
    }

    .ban-search ul li.sr-sea {
        width: 69%;
        margin: 0px 0px 0px 1%;
    }

    .ban-search ul li.sr-btn {
        width: 100%;
        margin-top: 5px;
    }

    .land-pack ul li {
        width: 50%;
    }

    .land-pack-grid {
        width: 90%;
        margin: 0px 5% 20px 5%;
        box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
    }

    .land-pack-grid-text {
        margin-top: 0px;
    }

    .hom-head {
        padding: 60px 0px 0px 0px;
    }

    .ab-ban {
        padding: 55px 0px 105px 0px;
    }

    .foot-inn {
        text-align: center;
        padding: 50px 10px 50px;
    }

    .foot-inn i.fa {
        position: relative;
        left: initial;
        top: initial;
    }

    .foot-inn div {
        padding: 15px 0 0 0;
    }

    .ban-tit h1 b {
        /* font-size:40px */
    }

    .ban-tit h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .hom-top {
        /* height:50px; */
        /* padding: 3px 0px; */
    }

    .home-city ul li {
        width: 50%;
        margin-bottom: 15px;
        margin-bottom: 15px;
    }

    .hom-eve-lhs-2 {
        width: 100%;
        padding-left: 15px;
        margin-top: 25px;
    }

    .all-pro-box div:nth-child(1) img {
        height: 150px;
    }

    .home-tit {
        padding-top: 70px;
        margin-bottom: 20px;
    }

    .home-tit h2 {
        font-size: 32px;
    }

    .home-acces {
        padding: 15px 0 30px 0;
    }

    .home-about {
        padding: 0px 0px 55px 0px;
    }

    .login-main.add-list {
        width: 90%;
    }

    .bot-book {
        text-align: center;
    }

    .bot-book .bb-img {
        float: initial;
        max-width: 100%;
    }

    .bb-text {
        max-width: 100%;
        margin-top: 30px;
    }

    .hom-partners {
        padding-bottom: 60px;
    }

    .bb-link {
        padding: 20px 0px 0px 0px;
    }

    .foot-supp h2,
    .foot-supp h2 span {
        font-size: 15px;
        line-height: 26px;
        padding-bottom: 0;
    }

    .foot-supp h2 span {
        font-size: 14px;
    }

    .wed-hom-footer h4 {
        padding-bottom: 15px;
        padding-top: 0px;
    }

    .wed-foot-link-1 {
        text-align: center;
        padding-top: 15px;
    }

    .fot-app {
        border-top: 1px solid #e9e9e9;
        padding: 30px 0px;
        margin-top: 15px;
    }

    .fot-app ul,
    .wed-foot-link-1 ul {
        margin: 0 auto;
        display: table;
    }

    .foot-count {
        /* margin-top: 30px; */
        padding: 30px 20px 0;
        width: auto;
    }

    .all-list-sh ul li {
        float: left;
        width: 50%;
        padding: 0px 0 10px 10px;
    }

    .pro-img {
        width: 100%;
    }

    .all-list-sh .all-pro-box {
        margin: 10px;
    }

    .pro-detail {
        padding: 20px 20px 20px 20px;
        width: 100%;
    }

    .hom-event .pro-detail {
        padding: 20px;
    }

    .pro-detail h4 {
        font-size: 17px;
    }

    .all-weddpro .col-md-9 {
        padding: 0px;
        background: none;
    }

    .all-weddpro .col-md-3 {
        padding: 30px 0px 0px 15px;
    }

    .all-weddpro .col-md-3.fil-mob-view {
        margin-top: 45px;
        position: fixed;
        z-index: 1;
        /* background: #fff; */
        left: 0px;
        top: 0px;
        overflow-y: auto;
        height: 100%;
        padding: 70px 50px 50px 50px;
        margin-top: var(--mtop);
        border-radius: 0;
    }

    .all-list-sh {
        background: none;
        /* padding-top: 70px; */
        padding-bottom: 50px;
        width: 100%;
    }
    .fol-set-rhs {
        border-left: 0px solid #f0f0f0;
        border-top: 1px solid #f0f0f0;
        padding: 25px 0 0 0;
    }
    .fol-sett-sec{    padding: 20px 0px;}
    .lhs-ads {
        margin-bottom: 0px;
        padding-bottom: 35px;
    }

    .lhs-ads ul li:last-child {
        margin-bottom: 0px;
    }

    .list-bann img {
        height: 175px;
    }

    .pag-p1-phone ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .pag-p1-phone ul li:last-child {
        margin-bottom: 0px;
    }

    .login-reg {
        padding: 120px 0 75px 0;
    }

    .list-bann {
        margin-top: 48px;
    }

    .home-list-pop img {
        margin-bottom: 20px;
    }

    .list-rom-pric {
        right: 25px;
        top: -158px;
        font-size: 16px;
    }

    .list-room-deta p {
        padding-right: 0px;
    }

    .lr-user-wr-con {
        width: 85%;
    }

    .lr-user-wr-con p {
        font-size: 13px;
        line-height: 22px;
    }

    .ban-search ul li {
        width: 50%;
        padding: 5px 5px 5px 5px;
    }


    .hom-abo-im {
        padding: 0px 0px 0px 0px;
    }

    .hom-why {
        padding-left: 0px;
        padding-top: 30px;
    }

    .act .hom-abut {
        padding-top: 30px;
    }

    .how-wrks-inn ul li {
        width: 50%;
    }

    .how-wrks-inn ul li div {
        margin: 0px 10px 40px 10px;
    }

    .count {
        padding: 0px 0px 70px 0px;
    }

    .plans-main ul li {
        width: 100%;
        margin: 0;
    }

    .pri-box {
        width: 90%;
        display: table;
        margin: 0 auto;
        margin-bottom: 30px;
        float: initial;
        max-width: 400px;
    }

    .pri-box-pop {
        margin-top: 0;
    }

    .plans-main {
        margin: -150px 0 0 0;
    }

    .plans-ban {
        padding: 70px 0 200px 0;
    }

    .plans-main {
        padding: 0 0 40px 0;
    }

    .pg-pro-big-im {
        width: 100%;
        /* padding: 40px; */
        text-align: center;
    }

    .pg-pro-big-im .s1 {
        width: 100%;
    }

    .pg-pro-big-im .s1 img {
        height: 350px;
        /* width: 200px; */
        /* margin: 0 auto; */
        /* display: table; */
    }

    .pg-pro-big-im .s2 {
        width: 100%;
        color: #000;
        padding: 25px 0;
    }

    .pg-pro-big-im .s3 {
        /* width: 225px; */
        /* float: initial; */
        /* margin: 0 auto; */
        /* padding: 0; */
        /* position: relative; */
    }

    .pg-pro-big-im .s2 p,
    .pg-pro-big-im .s2 span {
        color: #4e4e4e;
    }

    .profi-ban {
        /* margin-top: 30px; */
    }

    .pr-bio-gal ul li span img {
        height: 145px;
    }

    .all-pro-head {
        text-align: center;
        margin-top: 60px;
        padding: 40px 15px 35px;
    }

    .all-pro-head h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .all-pro-head a {
        font-size: 13px;
        display: table;
        margin: 0 auto;
    }

    .pro-detail .pro-bio {
        border: 0px;
        padding-bottom: 0px;
    }

    .ab-wel-tit-2 ul li {
        width: 100%;
        padding-bottom: 30px
    }

    .ab-wel-tit-2 ul li:last-child {
        padding-bottom: 0;
    }

    .ab-wel {
        padding: 70px 0;
    }

    .ab-wel-lhs {
        display: none;
    }

    .ab-wel-rhs {
        padding-left: 0;
    }



    .ab-team ul li div img {
        height: 200px;
    }

    .wed-foot-link {
        padding-bottom: 30px;
    }

    .wed-foot-link div {
        border: 0;
        padding: 30px;
        border-bottom: 1px solid #b9c6cf;
    }

    .wed-foot-link div:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .home-acces ul li {
        width: 100%;
    }

    .wedd-tline .inn {
        width: 100%;
        padding-top: 20px;
    }

    .ab-cont ul li {
        width: 50%;
    }

    .ab-cont ul li .ab-cont-po,
    .ab-cont ul li:last-child .ab-cont-po {
        border: 1px solid #d7d1be;
        margin: 10px;
        padding: 30px 20px 25px 20px;
    }

    .blog ul li {
        width: 100%;
    }

    .fot-ban-inn .lhs p {
        padding: 20px 0;
    }

    .hom-cus-revi {
        margin-bottom: 80px;
    }

    .pro-pg-intro ul li {
        width: 47%;
        margin: 1.5%;
    }

    .pro-pg-intro ul li div {
        min-width: 100%;
        width: 100%;
    }

    .save-txt {
        text-align: center;
        padding-bottom: 40px;
    }

    .save-txt h4 {
        font-size: 20px;
    }

    .save-txt h2 {
        font-size: 50px;
    }

    .pg-wedd-vid .ban-wedd {
        padding: 20px 0px 0;
    }

    .wedd-vid-dat.wedd-dat {
        padding: 250px 0 0px 0;
    }

    .wedd-vid-foot.foot-box {
        margin: 120px 0 60px 0;
    }

    .tline-inn div h5 {
        font-size: 22px;
    }

    .ban-wedd h2 {
        font-size: 32px;
    }

    .wedd-gall-pg-v1 {
        margin: 60px 0 40px 0;
    }

    .abo-partners {
        padding-bottom: 20px;
    }

    .blog-nav .com h4 {
        font-size: 16px;
    }

    .blog-nav .com span {
        font-size: 12px;
    }

    .enq-sav {
        top: 15px;
        right: 15px;
    }

    .ban-inn h2 {
        font-size: 55px;
        line-height: 55px;
    }

    .home-acces .slick-arrow {
        display: none;
    }

    .short-all {
        padding: 35px 0px 5px 30px;
        text-align: center;
    }

    .home-wedd-gall {
        padding-bottom: 0;
    }

    .filter-clo {
        display: block;
        font-size: 50px;
        top: 35px;
        right: 40px;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 769px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (min-width:769px) and (max-width:992px) {
    .all-weddpro .col-md-3 {
        padding: 30px 15px;
    }

    .filt-com h4 {
        font-size: 13px;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 650px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:650px) {
    .hom-partners ul li {
        padding: 0px 5px 20px 5px;
        width: 100%;
    }

    .hom-coup-test ul li {
        width: auto;
    }

    .hom-coup-test ul li a {
        /* padding: 0px 10px; */
    }

    .fot-ban-inn .lhs h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .tline-im {
        width: 74px;
        padding: 0;
    }

    .tline-im img {
        width: 74px;
    }

    .tline-con {
        width: calc(100% - 74px);
        padding: 0 0 0 60px;
    }

    .tline-inn-reve .tline-con {
        float: right;
        text-align: left;
        padding: 0 0 0 60px;
    }

    .tline-inn-reve .tline-im {
        float: left;
        padding: 0;
    }

    .tline-inn-reve .tline-im img {}

    .wedd-tline .inn ul:before {
        left: 100px;
    }

    .wedd-tline .inn ul li:before {
        left: 88px;
    }

    .blog-home-box .im img {
        height: 300px;
    }

    .blog-home-box .txt h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .pg-pro-big-im .s3 .cta {
        padding: 10px 10px;
    }

}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 600px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:600px) {
    .ab-sec2 ul li {
        width: 100%;
        padding: 15px;
    }

    .pro-pg-intro ul li {}

    .profi-bio {
        padding: 70px 30px 50px 30px;
    }

    .pro-pg-intro {}

    .pro-pg-intro h1 {
        font-size: 28px;
        padding: 10px 0 0px 0px;
    }

    .seninter-tit {
        font-size: 14px;
        text-align: center;
    }

    .ani-cir {
        display: none;
    }

    .ban-home {
        padding: 90px 20px 130px 20px;
    }

    .ab-sec2 ul {
        /* margin: -120px auto 0px; */
    }

    .foot-supp {
        width: 90%;
    }

    .sub-tit-caps h2 {
        font-size: 26px;
    }

    .inn-ban .breadcrumb li {
        font-size: 13px;
    }

    .pg-soon:before,
    .pg-soon:after {
        display: none;
    }

    .pg-soon .tit h1 {
        font-size: 44px;
        line-height: 60px;
    }

    .pg-soon .tit h4 {
        font-size: 18px;
    }

    .menu-pop-soci {
        padding-top: 10px;
    }

    .pg-soon .timer div {
        font-size: 32px;
        padding: 5px 8px 12px 8px;
    }

    .wedd-frame {
        left: 0;
        width: 100%;
        padding: 0;
        height: 200px;
        margin: 40px 0 0 0;
    }

    .wedd-frame:before,
    .wedd-deco {
        display: none;
    }

    .wedd-frame img {
        width: 100%;
        height: 300px;
        margin: 0;
    }

    .ban-wedd {
        padding: 50px;
    }

    .foot-box {
        margin: 30px 0 0 0;
    }

    .sharepop .modal-body input {
        width: 100%;
        border-radius: 20px;
        margin-bottom: 10px;
    }

    .sharepop .modal-body .shareurltip {
        width: 100%;
    }

    .sharepop .modal-body .shareurltip button {
        border-radius: 20px;
    }

    .ban-inn .ban-tit p {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 576px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:576px) {
    .container {
        max-width: 90%;
    }

    .inte ul li {
        width: 100%;
    }

    .wed-foot-link div {}

    .list-room-deta .list-enqu-btn ul li {
        width: 50%;
    }

    .lr-user-wr-con {
        display: contents;
    }

    .lr-user-wr-img {
        margin: 0px 10px 20px 0px;
    }

    .pri ul li {
        width: 100%;
    }

    .hom-brand-tru {
        padding: 40px 0px;
    }

    .hom-brand-tru .hom-br-in {
        padding: 20px 25px;
        background: #fff;
        width: 100%;
        margin-bottom: 15px;
        border-radius: 2px;
    }

    .hom-brand-tru ul li {
        width: 100%;
    }

    .hom-brand-tru ul li:last-child .hom-br-in {
        margin-bottom: 0px;
    }

    .how-wrks-inn ul li div h4 {
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .how-wrks-inn ul li div {
        padding: 30px 10px;
    }

    .how-wrks-inn ul li div img {
        width: 55px;
        margin-top: 25px;
        padding-bottom: 10px;
    }

    .login .rhs .inn {
        width: 100%;
    }

    .plans-ban h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .plans-ban {
        padding: 70px 0 200px 0;
    }

    .plans-ban p,
    .plans-ban span.pri {
        font-size: 13px;
    }

    .pr-bio-gal ul li span img {
        height: 95px;
    }

    .pr-bio-gal ul li {
        padding: 0 5px 5px 0;
    }

    .pg-pro-big-im .s2 h1 {
        font-size: 24px;
    }

    .profi-bio .lhs {
        padding: 0;
    }

    .pr-bio-info ul li b {
        width: 125px;
    }

    .seninter .lhs {
        width: 100%;
    }

    .seninter .rhs {
        width: 100%;
        padding: 25px 0 0 0;
    }

    .all-list-sh ul li {
        width: 100%;
        padding: 0px 0 20px 0;
    }

    .all-pro-head {
        background-position: center;
    }

    .all-pro-box div:nth-child(1) img {
        height: 225px;
    }

    .ab-team ul li div:hover .social-light li,
    .wedd-gall {
        margin: 0
    }

    .pg-pro-big-im .s1 img {
        height: 300px;
    }

    .wedd-gall-pg {
        margin: 80px 0 80px 0;
    }

    #nextButton,
    #prevButton {
        width: 40px;
        height: 40px;
    }

    #nextButton i,
    #prevButton i {
        font-size: 26px;
        line-height: 10px;
        margin: 13px 2px;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 550px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:550px) {
    .ab-wel-tit h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .ab-wel-tit h2 em {
        line-height: 32px;
        font-size: 26px;
        padding-top: 10px;
    }

    .home-acces ul li div.hacc .con img {
        width: 90px
    }

    .home-acces-main .slick-dots {
        padding-top: 35px;
    }

    .home-acces ul li div.home-acces-main:before,
    .home-acces ul li div.hacc::after,
    .home-acces ul li div.hacc::after {
        transform: scale(1);
        opacity: 0.5;
    }

    .home-acces ul li div.hacc .con {
        max-height: initial;
        padding: 60px 20px 40px;
    }

    .home-acces ul li div.hacc {
        max-height: initial;
    }

    .home-acces ul li div.hacc .con a {
        opacity: 1;
        padding: 8px 25px;
        text-transform: uppercase;
    }

    .hom-coup-box::before {
        transform: scale(1);
    }

    .hom-coup-box .bx {
        transform: translateY(0px);
        opacity: 1;
    }

    .hom-coup-box img {
        transform: scale(1.2);
    }

    .save-im .inn {
        width: 100%;
        margin-bottom: 40px;
    }

    .save-im .inn:last-child {
        margin-bottom: 0;
    }

    .home-acces-main:after,
    .home-acces-main:before {
        width: 10%
    }

    .save-im .desc span {
        font-size: 26px;
    }

    .save-im .desc h4 {
        font-size: 28px;
        padding-top: 10px;
    }

    .home-tit h2 {
        font-size: 36px;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 526px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:526px) {
    .home-acces ul li div.hacc .con img {
        border: 3px solid #000;
        width: 85px;
        padding: 10px;
        margin-bottom: 15px;
    }

    .home-acces ul li div.hacc .con {
        padding: 70px 10px 50px 10px;
    }

    .home-acces ul li div.hacc .con h4 {
        font-size: 24px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .home-acces ul li div.hacc .con p {
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .ab-sec2 ul {
        /* padding-top: 50px; */
    }

    .ab-sec2 {
        padding-bottom: 75px;
    }

    .ab-team ul li div .social-light li a i {
        width: 30px;
        height: 30px;
        font-size: 16px
    }

    .pro-gal-imag {
        padding: 0px 10px 20px 10px;
    }

    .img-wrapper img {
        height: 125px;
    }

    .form-tit h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .all-list-sh.view-grid ul li {
        width: 100%;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 480px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:480px) {
    .land-pack ul li {
        width: 100%;
    }

    .wedd-info ul li a,
    .wedd-info ul li span {
        font-size: 16px;
    }

    .wedd-info ul li {
        margin: 0 10px;
    }

    .hom-eve-lhs-1 {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .hom-eve-lhs-2 {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ban-search ul li {
        width: 100%;
        padding-bottom: 10px;
    }

    .ban-search ul li.sr-sea {
        width: 100%;
        margin: 10px 0px 0px 0px;
    }

    .ban-search {
        /* width:90%; */
    }

    .ban-tit h1 b {
        font-size: 42px;
    }

    .home-tit h2 {
        font-size: 28px;
    }

    .wed-foot-link div:nth-child(2) {
        border-right: 0px solid #dadada;
    }

    .all-list-sh ul li {
        width: 100%;
    }

    .list-bann img {
        height: 150px;
    }

    .pg-list-1-left h3 {
        font-size: 20px;
        padding: 12px 0px;
    }

    .pg-list-1-left img {
        width: 125px;
        height: 125px;
        margin-top: -79px;
    }

    .fot-app ul li a img {
        width: 125px;
        height: 50px;
    }

    .hom-eve-com {
        float: initial;
    }

    .home-list-pop-desc h3 {
        font-size: 16px;
    }

    .list-pg-write-rev form .row {
        margin: 0px;
    }

    .list-pg-write-rev form .col {
        display: contents;
    }

    .list-pg-write-rev form .rating {
        margin: 0px 0px 10px 0px;
    }

    .log-bot ul li span {
        font-size: 12px;
    }

    .plans-ban h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .pr-bio-soc ul li {
        padding: 0 2px 7px 0;
    }

    .pr-bio-soc ul li a {
        font-size: 12px;
        padding: 7px 20px;
    }

    .pr-bio-c h3 {
        font-size: 20px;
    }

    .fot-ban-inn {
        margin: 60px 0px 30px 0px;
    }

    .hom-coup-test ul li a {
        font-size: 11px;
    }

    .tline-inn div h5 {
        font-size: 24px;
    }

    .ab-team ul li {
        width: 100%;
    }

    .ab-team ul li div {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .ab-team ul li:last-child div {
        margin-bottom: 0;
    }

    .fot-ban-inn .lhs {
        padding: 50px 30px;
    }

    .mob-me-ic i,
    .mob-me-ic img,
    .mob-me-clo img,
    .mobile-ser img {
        width: 30px;
        height: 30px;
        padding: 4px;
        margin-left: 2px;
    }

    .mob-me-ic {
        top: 7px;
    }

    .pro-gal-imag {
        width: 50%;
    }

    .foot-box .inn ul li {
        width: 100%;
    }

    .wedd-vid img,
    .wedd-vid iframe {
        height: 300px;
    }

    .wedd-vid-tre-2 {
        display: none;
    }

    .inn-ban h1 {
        font-size: 32px;
        padding: 0 0 5px;
    }

    .ab-faq-lhs .card-header a {
        font-size: 16px;
    }

    .ab-faq-lhs .card-header a::after {
        top: 28px;
    }

    .inn-ban .breadcrumb {
        display: none;
    }

    .inn-ban h1 {
        font-size: 25px;
        padding: 0;
    }

    .pg-soon .tit h4 {
        font-size: 16px;
    }

    .pg-soon .tit h1 {
        font-size: 38px;
        line-height: 50px;
    }

    .pg-soon .inn {
        padding-top: 15px;
    }

    .ban-inn h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .foot-inn div span {
        font-size: 20px;
    }

    .foot-inn div h5 {
        font-size: 28px;
    }
}


/*-------------------------------------------------------*/
/* When the browser is between 0px and 400px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:400px) {

    .ab-cont ul li .ab-cont-po,
    .ab-cont ul li:last-child .ab-cont-po {
        margin: 3px;
        padding: 30px 10px 25px 10px;
    }

    .pg-ser .inn ul li {
        width: 100%;
    }

    .pg-ser .gal-im img.gal-siz-2 {
        height: 60vh;
    }

    .save-txt h2 {
        font-size: 30px;
    }

    .save-im img {
        height: 250px;
        border-radius: 30px;
    }

    .wedd-info ul li a,
    .wedd-info ul li span {
        font-size: 15px;
    }

    .wedd-info ul li {
        margin: 0 5px;
    }

    .wedd-info ul li i {
        padding: 6px;
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .pg-soon .timer div {
        margin: 0 1px;
    }

    .pg-soon .timer div i {
        font-size: 12px;
    }

    .hom-nav .ic-logo {
        width: 200px;
    }
}

.ban-tit {
    text-align: center;
    width: 100%;
    position: relative;
}

.hom-ban{margin-top: 200px}

.ban-tit h1 b {
    color: #f00;
    font-size: 72px;
    font-weight: 700;
}

.ban-tit h1 {
    font-weight: 700;
    font-size: 65px;
    line-height: 70px;
    color: #fff;
    margin-bottom: 20px;
}

.ban-tit span {
    font-size: 22px;
    font-weight: 400;
    padding: 0px 6px;
    text-transform: uppercase;
    font-family: var(--tit-font);
    color: #fff;
}

.ban-tit span i.no1 {
    font-size: 42px;
    font-weight: 600;
    font-family: var(--tit-font);
}

.ban-tit p {
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
}
.ban-inn {
    background: #2a2c3c;
    background: linear-gradient(to right, #2a262691, #2a2c3c);
    padding: 40px 20px 110px 20px;
    float: left;
    width: 100%;
    margin-top: var(--mtop);
}

.ban-inn h2,
.ab-ban h1 {
    font-size: 80px;
    line-height: 100px;
    color: #fff;
    margin-bottom: 20px;
    background: -webkit-linear-gradient(45deg, #00ff72, #66b5ff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

.ban-inn .ban-tit span {
    color: #ffb400;
}

.ban-inn .ban-tit p {
    color: #fff;
}

.btn-saffron {
    background-color: #B90E0A; /* Saffron color */
    border-color: #B90E0A;     /* Saffron border */
    color: white;              /* Text color */
}

.btn-saffron:hover {
    background-color: #e6892d; /* Darker shade of saffron for hover */
    border-color: #e6892d;
}

.btn-saffron:focus, .btn-saffron:active {
    background-color: #d47a2a; /* Even darker shade for active/ focus */
    border-color: #d47a2a;
    box-shadow: 0 0 0 0.2rem rgba(255, 153, 51, 0.5); /* Saffron shadow */
}

.usp-card {
text-align: center;
padding: 10px;
border: 1px solid #ddd;
border-radius: 10px;
}
.usp-card img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
.usp-card h3 {
color: #b53d2e;
font-size: 30px;
text-transform: uppercase
}
.usp-card p {
font-size: 18px;
text-align: justify;
line-height: 30px
}

.carousel-inner{margin-top: 135px}