@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap');
    
    /* body {
        font-family: 'Satoshi-Regular';
    } */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'system-ui'
    }
    
    select {
        background-image: url({{ asset('imgs/images-new/dropdown.svg') }})
    }
    
    .active {
        color: #EF443B;
        /* border-bottom:4px solid #EF443B; */
        /* border-width: 20px; */
    
    }
    
    .b-b {
        border-bottom: 4px solid #EF443B;
    }
    
    .b-gray {
    
        border-bottom: 4px solid #D9D9D9
    }
    
    /* .swiper-container {
                    width: 100%;
                    padding-top: 50px;
                    padding-bottom: 50px;
                } */
    
    .slideshow-container {
    
        position: relative;
        margin: auto;
    }
    
    /* Hide the images by default */
    .mySlides {
        display: none;
    }
    
    .mySlidesTwo {
        display: none;
    }
    
    /* Number text (1/3 etc) */
    
    /* The dots/bullets/indicators */
    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #F599AB;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }
    
    .dotTwo {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #F599AB;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }
    
    
    .activeOne,
    .dot:hover,
    .dotTwo:hover {
        background-color: #8f0739;
    }
    
    
    
    /* Fading animation */
    .fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }
    
    @keyframes fade {
        from {
            opacity: .4
        }
    
        to {
            opacity: 1
        }
    }
    
    .choose-us .col-sm-12.col-lg-6 {
        margin-left: 15px;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: 2px dashed #ef443b;
    }
    
    .choose-u .col-sm-12.col-lg-6 {
        margin-left: 15px;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: 2px dashed #ef443b;
    }
    .img_section {
        background-color: rgb(242 105 98);
    }
    
    .btn_btn_1 {
        margin-left: 250px;
        width: 200px;
        border-color: rgb(252, 153, 0);
        color: white;
        line-height: 50px;
        font-size: 20px;
        border-radius: 5px;
        background-color: #008000;
    
    }
    
    .img_above{
        position:relative;
        left: 0px;
        top: 0px;
        z-index: 1;
    
    }

    .button_order{
        background-color: white;
    }
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
    
    .pricing-sec{
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pricing-sec .card {
            background: #fff;
            width: calc(25% - 20px);
            border: 1px solid #8f073938;
            text-align: center;
            padding: 15px 15px 30px 15px;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
        }

    .pricing-sec .card .top{
        height: 100px;
        color: #fff;
        padding: 12px 0 0 0 ;
        clip-path: polygon(0 0, 100% 0, 100% 53%, 49% 100%, 0 53%);
    }
    
    .pricing-sec .card .top .title{
        font-size: 27px;
        font-weight: 600;
    }
    .pricing-sec .card .top .price-sec{
        margin-top: -10px;
        font-weight: 600;
    }
    .pricing-sec .card .top .price{
        font-size: 45px;
    }
    .pricing-sec .card .info{
        font-size: 16px;
        margin-top: 20px;
    }
    .pricing-sec .card .details .one{
        margin-top: 25px;
        font-size: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }
    .pricing-sec .card .details .one::before{
        position: absolute;
        content: "";
        width: 100%;
        background: #ddd;
        height: 1px;
        left: 0;
        top: -12px;
        border-radius: 25px;
    }
    
    .pricing-sec .card button{
        outline: none;
        border: none;
        height: 42px;
        color: #fff;
        margin-top: 30px;
        border-radius: 3px;
        font-size: 18px;
        width: 100%;
        display: block;
        transition: all 0.3s ease;
        cursor: pointer;
        letter-spacing: 1px;
    }
    
    .pricing-sec button:hover {
        filter: brightness(90%);
    }
    .iti {
        width: 100%;
    }

    .iti--separate-dial-code .iti__selected-flag {
        background-color: transparent;
        color: rgb(107 114 128);
    }

    .animated {
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
     }

    @keyframes tada {
        0% {transform: scale(1);}
        10%, 20% {transform: scale(0.9) rotate(-3deg);}
        30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
        40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
        100% {transform: scale(1) rotate(0);}
    }

    .tada {
        animation-name: tada;
    }
    
    .bg-\[\#8f0739\] {
      --tw-bg-opacity: 1;
      background-color: rgb(143 7 57 / var(--tw-bg-opacity));
    }
    
    .bg-\[\#610f10\] {
      --tw-bg-opacity: 1;
      background-color: rgb(97 15 16 / var(--tw-bg-opacity));
    }
    
    .bg-\[\#610f10de\] {
      --tw-bg-opacity: 1;
      background-color: rgb(97 15 16 / 83%);
    }
    
    .text-\[\#8f0739\] {
      --tw-text-opacity: 1;
      color: rgb(143 7 57 / var(--tw-text-opacity));
    }
    
    .border-\[\#8f0739\] {
      --tw-border-opacity: 1;
      border-color: rgb(143 7 57 / var(--tw-border-opacity));
    }
    .hover\:bg-\[\#8f0739\]:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(143 7 57 / var(--tw-bg-opacity));
    }
    
    .hover\:text-\[\#8f0739\]:hover {
      --tw-bg-opacity: 1;
      color: rgb(143 7 57 / var(--tw-bg-opacity));
    }
    .hover\:border-\[\#8f0739\]:hover {
      --tw-bg-opacity: 1;
      border-color: rgb(143 7 57 / var(--tw-bg-opacity));
    }
    .hover\:bg-mer-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(143 7 57 / var(--tw-bg-opacity));
    }
    
    .footer{
        box-shadow: inset #610f10 0px 0px 30px -10px;
    }
    
    .header-shadow{
        box-shadow: inset #610f10 0px 0px 30px -16px;
    }

    .footer h4, .footer .fa-phone, .footer .fa-whatsapp, 
    .footer .fa-envelope, .footer .fa-facebook, 
    .footer .fa-instagram{
        color:#610f10;
    }
    .header-top{
        background-color: rgb(135 7 51);
        box-shadow: inset #343131 0px 0px 30px -15px;
    }
    .footer-bottom{
        background-color: rgb(135 7 51);
        box-shadow: inset #000000 0px 0px 50px -10px;
    }
    .-mb-\[2\.5\%\] {
        margin-bottom: -2.6%;
    }
    .-mt-\[2\.7\%\] {
      margin-top: -2.7%;
    }
    .offset-md-2 {
        margin-left: 50%;
    }

    details div{
      box-shadow: 0px 4px 6px 2px #dddbdb;
    }
    .section-border{
        border-left: 5px solid #8f0739;
    }
    /* Order btn animation */
    .animated-button1 {
        background: linear-gradient(-30deg, #6f0d1c 50%, #8f0739 50%);
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        overflow: hidden;
        font-weight: 400;
        letter-spacing: 1.5px;  
    }
    
    .animated-button1::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: #ad8585;
        opacity: 0;
        -webkit-transition: .2s opacity ease-in-out;
        transition: .2s opacity ease-in-out;
    }
    
    .animated-button1:hover::before {
        opacity: 0.2;
    }
    
    .animated-button1 span {
        position: absolute;
    }
    
    .animated-button1 span:nth-child(1) {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 3px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#d92626));
        background: linear-gradient(to left, rgba(43, 8, 8, 0), #fff);
        -webkit-animation: 2s animateTop linear infinite;
        animation: 2s animateTop linear infinite;
    }
    
     @keyframes animateTop {
      0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
      }
      100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
      }
    } 
    
    .animated-button1 span:nth-child(2) {
      top: 0px;
      right: 0px;
      height: 100%;
      width: 3px;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#d92626));
      background: linear-gradient(to top, rgba(43, 8, 8, 0), #fff);
      -webkit-animation: 2s animateRight linear -1s infinite;
              animation: 2s animateRight linear -1s infinite;
    }
    
     @keyframes animateRight {
      0% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
      }
      100% {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
      }
    } 
    
    .animated-button1 span:nth-child(3) {
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 3px;
      background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#d92626));
      background: linear-gradient(to right, rgba(43, 8, 8, 0), #fff);
      -webkit-animation: 2s animateBottom linear infinite;
              animation: 2s animateBottom linear infinite;
    }
    
     @keyframes animateBottom {
      0% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
      }
      100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
      }
    } 
    
    .animated-button1 span:nth-child(4) {
      top: 0px;
      left: 0px;
      height: 100%;
      width: 3px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#d92626));
      background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #fff);
      -webkit-animation: 2s animateLeft linear -1s infinite;
              animation: 2s animateLeft linear -1s infinite;
    }
    
     @keyframes animateLeft {
      0% {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
      }
      100% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
      }
    } 
     /* Order btn animation pages*/
    
    .order-btn-animation {
        text-decoration: none;
        font-family: 'Poppins', sans-serif;
        transition: 1s;
        box-shadow: 6px 6px 0 #5d100c;
        transform: skewX(-15deg);
    }
    
    .order-btn-animation:focus {
       outline: none; 
    }
    
    .order-btn-animation:hover {
        transition: 0.5s;
        box-shadow: 10px 10px 0 #300211;
    }
    
    .order-btn-animation span:nth-child(2) {
        transition: 0.5s;
        margin-right: 0px;
    }
    
    .order-btn-animation:hover  span:nth-child(2) {
        transition: 0.5s;
        margin-right: 15px;
    }
    
      span.order-animation {
        transform: skewX(15deg) 
      }
    
      span.order-animation:nth-child(2) {
        width: 20px;
        position: relative;
        top: 5%;
      }
      
    /**************SVG****************/
    
    path.one {
        transition: 0.4s;
        transform: translateX(-60%);
    }
    
    path.two {
        transition: 0.5s;
        transform: translateX(-30%);
    }
    
    .order-btn-animation:hover path.three {
        animation: color_anim 1s infinite 0.2s;
    }
    
    .order-btn-animation:hover path.one {
        transform: translateX(0%);
        animation: color_anim 1s infinite 0.6s;
    }
    
    .order-btn-animation:hover path.two {
        transform: translateX(0%);
        animation: color_anim 1s infinite 0.4s;
    }
    
    /* SVG animations */
    
    @keyframes color_anim {
        0% {
            fill: white;
        }
        50% {
            fill: #300211;
        }
        100% {
            fill: white;
        }
    }
    /* free feature order*/
    .order-button {
        background-color: #8f0739;
        color: white;
        font-size: 1.3rem;
        font-weight: 600;
        padding: 0.8rem 1.5rem;
        border: 2px solid #8f0739;
        border-radius: 50px; /* Starting with a more rounded shape */
        transition: all 0.5s ease-in-out;
        display: inline-block;
        text-align: center;
        margin-top: 1.25rem;
        position: relative;
        overflow: hidden;
    }

    /* Blob-like background effect */
    .order-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 300%;
        height: 300%;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 45%;
        transform: translate(-50%, -50%) scale(0);
        transition: transform 0.7s ease-in-out;
    }

    .order-button:hover::before {
        transform: translate(-50%, -50%) scale(1);
    }
    .breadcrumb-test{
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0rem 3.5rem;
        border-radius: .25rem;
    }
    @media (max-width:1000px) {
        .pricing-sec .card{
            background: #fff;
            width: calc(50% - 20px);
            margin-bottom: 30px;
        }
    }
    @media (max-width:715px) {
        .pricing-sec .card{
            width: 100%;
        }
    }
    
    .footer ul li a{
        font-size: 15px;
    }