@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --pink: #ec2c94;
    --blue: #372d71;
}
body{ font-family: "Exo", sans-serif; }
h1,h2,h3,h4,h5,h6{ font-family: "Exo", sans-serif; }
ul,p, a, button, input { font-family: "Exo", sans-serif; }
.text-pink { color: var(--pink); }
.text-blue {  color:var(--blue); }
.bg-pink { background-color: var(--pink); }
.bg-blue { background-color:var(--blue); }
.border-pink{ border-color: var(--pink); }
.border-blue { border-color: var(--blue);  }

.custom-btn {
    position: relative;
    z-index: 0;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 15px 27px;
    border: 1px solid transparent;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: max-content;
    overflow: hidden;
}
.custom-btn:hover, .custom-btn:active{  background-color: var(--blue); }
.custom-btn .text-one {
    position: relative;
    display: inline-flex;
    transition: all 0.5s;
    transform: translateY(0%);
}
.custom-btn .text-two {
    position: absolute;
    transition: all 0.5s;
    transform: translateY(145%);
}
.custom-btn svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
.custom-btn:hover .text-one {
    position: absolute;
    transform: translateY(-145%);
    color: var(--white-color);
}
.custom-btn:hover .text-two {
    position: relative;
    display: inline-flex;
    transform: translateY(0%);
    color: var(--white-color);
}
.curve-topbar:before {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 40%;
    background: var(--blue);
    bottom: 0;
    transform: skewX(40deg);
}
.small-curve:before{
    content: "";
    position: absolute;
    left: -42%;
    width: 100%;
    top: -7px;
    bottom: -11px;
    background: var(--blue);
    height: 124%;
    transform: skewX(-35deg);
}
/*.bg-banner-sec{*/
/*    background-image: url('../images/slider-b5.png');*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*}*/
.carousel-control-prev, .carousel-control-next {
    border: 0 !important;
    margin: 0px 31px !important;
    top: auto !important;
    bottom: 12px !important;
    width: 53px !important;
    height: 53px !important;
    background: var(--blue) !important;
    opacity: 1 !important;
}
.bg-banner-sec:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(252 252 252 / 83%);
}
.box-shape {
    width: 0;
    height: 0;
    position: absolute;
    left: -17px;
    top: 0;
    border-right: 148px solid #372d7100;
    border-top: 252px solid #372d71;
    border-left: 148px solid #372d7100;
}
.bg-shape1 {
    position: absolute;
    left: 0;
    right: 00;
    width: 54%;
    height: 109%;
    border: 5px solid #dc298a;
    margin: auto;
    top: 3px;
    bottom: 0;
    z-index: 0;
    transform: skew(5deg, -5deg);
}
.brand-carousel .owl-item .item-box:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 69.5%;
    background-color: rgb(53 43 109 / 77%);
}
.brand-carousel .item { padding-top:6px; 
    padding-bottom:6px; }
.brand-carousel .item .icon {
    background-color: #ec2c94;
    position: relative;
    width: 85px;
    border-radius: 50% 50%;
    padding: 19px;
    margin: -65px auto 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.brand-carousel .item h6 {
    font-size: 19px;
    font-weight: 600;
    max-width: 83%;
    margin: auto;
    line-height: 1.4;
}
.brand-carousel .owl-nav {
    text-align: center;
    margin-top: 25px;
    top: -75px;
    position: absolute;
    right: 0;
}
.brand-carousel .owl-nav button {
    background-color: #ec2c94 !important;
    width: 39px;
    height: 39px;
    text-align: center;
    margin: 0px 4px;
    outline: none;
}
.brand-carousel .owl-nav button:hover{ background-color: var(--blue) !important; }
.brand-carousel .owl-nav button svg {  margin: auto; }
.nav.nav-tabs li a.active, .nav.nav-tabs li:hover a { background: #d62886; }
.gallery-list li img{ 
    height: auto;
    object-fit: cover;
 }
 .carousel-fade .carousel-control-next { right: 43%; }
.carousel-fade .carousel-control-prev { left: 45%;}
.bg-breadcumb{
    background-image: url('../images/bg-breadcumb.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-breadcumb:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(55 45 113 / 79%);
    top: 0;
    bottom: 0;
    margin: auto;
}
.bg-breadcumb:after {
    content: "";
    position: absolute;
    right: 5%;
    width: 0;
    height: 0;
    border-left: 200px solid rgb(236 44 148 / 37%);
    border-bottom: 146px solid #cccccc00;
    top: 1px;
}
.hoverbtn:hover, .hoverbtn:active, .hoverbtn:focus{
    background-color: var(--blue); }
.bg-banner-sec .carousel-fade .carousel-item{
    background-size: cover;
    background-position: center;
}
.bg-banner-sec .carousel-fade .carousel-item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(17 17 21 / 44%);
}
.brands-logo .owl-item .item .border {
    border: 1px solid rgb(55 45 113 / 14%) !important;
    border-radius: 4px 4px;
    background-color: #fff;
}
.shadow-text{ text-shadow: 1px 1px 4px #ec2c94; }
.header.fixed {
    position: fixed;
    top: 0;
    max-width: 100%;
    box-shadow: 1px 1px 10px #f1f1f1;
}
 
.review-swiper {
  height: 460px;  
  overflow: hidden;
}
.review-swiper {
    max-width: 605px;
    margin-right: 0px !important;
}
.review-swiper .swiper-wrapper {  cursor: grab; }
.review-swiper .swiper-slide { padding: 20px; }
.review-swiper .swiper-slide .d-flex {
    box-shadow: 2px 1px 10px #ebebeb;
    padding: 19px 32px;
    background: rgb(55 45 113 / 12%);
}
.review-swiper .swiper-slide.swiper-slide-active{ transform: scale(1.15); 
        z-index: 1; 
        margin-top: -7px;
}
.review-swiper .swiper-slide{ transform: scale(0.7); }
.location-list ul.nav-tabs li.nav-item a.active h4, .location-list ul.nav-tabs li.nav-item a.active h2, .location-list ul.nav-tabs li.nav-item a:hover h4,
.location-list ul.nav-tabs li.nav-item a:hover h2{  color: #fff !important; }
.brand-carousel .owl-item .item-box:hover:before { opacity: 0.4;  }
.location-list ul.nav-tabs::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.location-list ul.nav-tabs::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.location-list ul.nav-tabs::-webkit-scrollbar-thumb
{ background-color: var(--blue); }
.marquee div {
  display: block;
  width: 200%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: marquee 12s linear infinite;
}
 
 

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}






@media screen and (max-width: 690px) {
    .curve-topbar:before, .brand-carousel .owl-item .item-box:before { visibility: hidden; }
    .custom-btn {
    padding: 13px 19px;
    font-size: 13px;
    line-height: 24px;
}
.header-social{ display: none; }
.brand-carousel .item h6 {
    font-size: 14px;
    max-width: 90%;
}
 
}