body {
    background-image: url(../../images/contact_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.landing_contact {
    background-image: url(../../images/contact_1.webp);
    /* filter: brightness(.5); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 600px;
    overflow: hidden;
}

.landing_contact .counter{
    text-align: justify;
}
.landing_contact .desc {
    color: var(--active-text);
}

/* contact_offers */
.contact_offers {
    background: url(../../images/contact_2.webp);
    /* filter: brightness(.5); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 7rem;
    /* overflow: hidden; */
}

.contact_offers .person {
    transform: scale(1.5) translate(0px, -48px);
    object-fit: contain;
    height: 290px;
}


.contact-text {
    margin-top: 150px;
}

.contact_offers .btn {
    background-color: var(--active-text);
}

.ovrlay {
    background-color: rgba(0, 0, 0, 0.4);

}

/* contact_arrangment */
.contact_arrangment {
    overflow: hidden;
}

.contact_arrangment .contact_way {
    background-color: var(--site-main-color);
    
}

.contact_arrangment .decs-1 {
    color: var(--active-text);
}

.contact_arrangment .decs-2 {
    color: var(--site-main-color);
}

@media (max-width:768px) {
    .contact_offers {
        padding: 10px 0 !important;
        margin-top: 80px;
    }

    .contact_offers img {
        position: relative !important;
    }

    .contact_offers .row {
        flex-direction: column-reverse;
    }

    .contact_offers .person {
        height: 200px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

.form {
    overflow: hidden;
}

.form label {
    visibility: hidden;
}

.form input {
    background-color: transparent !important;
}

.form .btn {
    background-color: var(--site-main-color);
}

 .pricing-table {
     background: #fff;
     text-align: center;
     padding-bottom: 20px;
     position: relative;
 }

 .pricing-table .price-value {
     color: white;
     margin-bottom: 10px;
     transition: all 0.3s ease 0s;
 }

 .pricing-table.blue .price-value {
     color: white;
 }

 .pricing-table.green .price-value {
     color: white;
 }

 .pricing-table .currency {
     display: inline-block;
     font-size: 30px;
     vertical-align: top;
     margin-top: 8px;
 }

 .price-value .amount {
     font-size: 50px;
     font-weight: 700;
 }

 .pricing-content ul {
     color: #6f6f6f;
     line-height: 50px;
     font-size: 17px;
     margin-bottom: 20px;
     padding: 0;

 }

 .pricing-content ul li {
     text-align: left;
     padding-left: 10px;
     color: black;
 }

 .fa-check {
     background-color: var(--site-main-color);
     color: white;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .pricing-content ul li {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 10px;
 }

 .pricing-content ul li:nth-child(even) {
     background-color: #f7f7f7;
 }

 .pricing-content ul li:last-child {
     border-bottom: none;
 }

 .Sign-Up a {
     display: inline-block;
     padding: 10px 25px;
     background: linear-gradient(to left, #a703ff, #8760ff);
     color: #fff !important;
     font-size: 18px;
     font-weight: 600;
     position: relative;
     overflow: hidden;
     border-radius: 20px;
 }

 .pricing-table.blue .Sign-Up a {
    background: linear-gradient(to right, #e4ac1e, #c99d2f);
 }

 .pricing-table.green .Sign-Up a {
    background: linear-gradient(to left, #7cfbbd, #3bb361);
 }

 .Sign-Up a:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     content: "";
     display: inline-block;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
     transform: translate(0, 100%);
     transition: all .6s ease-in-out;
     opacity: 0;
 }

 .Sign-Up a:hover:before {
     opacity: 1;
     transform: translate(0, -100%);
 }



 .pricing-table {
     background-color: white;
     color: var(--site-main-color);
 }

 .price-header {
     height: 304px;
     background: linear-gradient(to left, #a703ff, #8760ff);
     left: -59px;
     transform: rotate(29deg);
     position: relative;
     top: -41px;
     width: 630px;
 }

 .rotate-div {
     position: absolute;
     top: 195px;
     width: 195%;
     left: -116px;
     background: aliceblue;
     transform: rotate(29deg);
     font-weight: 600;
     background: linear-gradient(to right, #a703ff, #8760ff);
    }

 .provide-happiness {
     background-image: url("../../images/Grouphappy.png");
     background-size: cover;
     background-position: center center;
 }

 .provide-happiness .row>div::before {
     position: absolute;
     content: '';
     width: 150px;
     height: 250px;
     top: -75%;
     left: 30%;
     transform: translate(00%, 50%) rotate(-109deg);
     background-color: #EDECFF;
     border-radius: 0 30px 0 30px;
     z-index: -1;
 }

 .provide-happiness h2 {
     color: var(--site-main-color);
 }

 .provide-happiness span {
     color: var(--active-text);
     display: inline-block;
     margin-top: 5px;
 }

 .choose-text div:hover {
     width: 100% !important;
 }

 .img-choose {
     padding-left: 10px;
 }

 .choose-image {
     height: 60px;
 }

 @media (max-width:786px) {
     .choose-text {
         padding: 0;
     }

     .travel-slider {
         padding: 20px 0 !important;
     }
 }

 .travel-packages .price-header2 {
     transform: rotate(0deg);
     background: linear-gradient(to left, #ffe468, #ffaf08);
    }

 .rotate-div2 {
     transform: rotate(0deg);
     width: 100%;
     left: 0;
     background: linear-gradient(to right, #ffe468, #ffaf08);

 }

 .travel-packages .price-header3 {
     left: -182px;
     transform: rotate(-29deg);
     top: -119px;
     background: linear-gradient(to left, #7cfbbd, #3bb361);
    }

 .rotate-div3 {
     transform: rotate(-29deg);
     top: 161px;
     width: 170%;
     background: linear-gradient(to right, #7cfbbd, #3bb361);

 }

 .price-title {
     color: white;
     z-index: 2;
     top: 27px;
     right: 56%;
     width: 85%;
     transform: translateX(50%);
     font-weight: 700;
 }

 @media (min-width:992px) {
     .travel-packages .container .row .col-12:first-child {
         transform: translateY(50px);
     }

     .travel-packages .container .row .col-12:nth-child(3) {
         transform: translateY(50px);
     }
 }

 /* Start price section */

 .pricing-table {
     background: #fff;
     text-align: center;
     padding-bottom: 20px;
     position: relative;
 }

 .pricing-table .price-value {
     color: black;
     margin-bottom: 10px;
     transition: all 0.3s ease 0s;
 }

 .pricing-table.blue .price-value {
     color: black;
 }

 .pricing-table.green .price-value {
     color: black;
 }

 .pricing-table .currency {
     display: inline-block;
     font-size: 30px;
     vertical-align: top;
     margin-top: 8px;
 }

 .price-value .amount {
     font-size: 50px;
     font-weight: 700;
 }

 .pricing-content ul {
     color: #6f6f6f;
     line-height: 50px;
     font-size: 17px;
     margin-bottom: 20px;

 }

 .pricing-content ul li {
     text-align: left;
     padding-left: 10px;
     color: white;
 }

 .fa-check {
     background-color: white;
     color: black;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .pricing-content ul li {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 10px;
 }

 .pricing-content ul li:nth-child(even) {
     background-color: black;
     /* Set the background color for even items */
 }

 .pricing-content ul li:last-child {
     border-bottom: none;
 }

 .Sign-Up a {
     display: inline-block;
     padding: 10px 25px;
     background: #EF3E36;
     color: #fff !important;
     font-size: 18px;
     font-weight: 600;
     position: relative;
     overflow: hidden;
     border-radius: 20px;
 }

 .pricing-table.blue .Sign-Up a {
     background: linear-gradient(to right, #e4ac1e, #c99d2f) ;
 }

 .pricing-table.green .Sign-Up a {
     background: #1CA4B9;
 }

 .Sign-Up a:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     content: "";
     display: inline-block;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
     transform: translate(0, 100%);
     transition: all .6s ease-in-out;
     opacity: 0;
 }

 .Sign-Up a:hover:before {
     opacity: 1;
     transform: translate(0, -100%);
 }


 .pricing-table {
     background-color: #191919;
     color: white;
 }

 .price-header {
     height: 304px;
     background: linear-gradient(to left, #a703ff, #8760ff);
     left: -59px;
     transform: rotate(29deg);
     position: relative;
     top: -41px;
     width: 630px;
 }

 .rotate-div {
     position: absolute;
     top: 195px;
     width: 195%;
     left: -116px;
     background: aliceblue;
     transform: rotate(29deg);
     font-weight: 600;
     background: linear-gradient(to right, #a703ff, #8760ff);
 }

 .provide-happiness {
     background-image: url("../../images/Grouphappy.png");
     background-size: cover;
     background-position: center center;
 }

 .provide-happiness .row>div::before {
     position: absolute;
     content: '';
     width: 150px;
     height: 250px;
     top: -75%;
     left: 30%;
     transform: translate(00%, 50%) rotate(-109deg);
     background-color: #EDECFF;
     border-radius: 0 30px 0 30px;
     z-index: -1;
 }

 .provide-happiness h2 {
     color: var(--site-main-color);
 }

 .provide-happiness span {
     color: var(--active-text);
     display: inline-block;
     margin-top: 5px;
 }

 .choose-text div:hover {
     width: 100% !important;
 }

 .img-choose {
     padding-left: 10px;
 }

 .choose-image {
     height: 60px;
 }

 @media (max-width:786px) {
     .choose-text {
         padding: 0;
     }

     .travel-slider {
         padding: 20px 0 !important;
     }
 }

 .travel-packages .price-header2 {
     transform: rotate(0deg);
     background: linear-gradient(to left, #ffe468, #ffaf08);
 }

 .rotate-div2 {
     transform: rotate(0deg);
     width: 100%;
     left: 0;
     background: linear-gradient(to right, #ffe468, #ffaf08);

 }

 .travel-packages .price-header3 {
     left: -182px;
     transform: rotate(-29deg);
     top: -119px;

     background: linear-gradient(to left, #7cfbbd, #3bb361);
 }

 .rotate-div3 {
     transform: rotate(-29deg);
     top: 161px;
     width: 170%;
     background: linear-gradient(to right, #7cfbbd, #3bb361);

 }

 .price-title {
     z-index: 2;
     top: 40px;
     right: 50%;
     transform: translateX(50%);
     font-weight: 700;
 }

 /* end price section */
 form button {
     background-color: var(--primary);
     color: #fff;
     border-radius: 8px;
 }

 form .change {
     padding: 20px;
     border-radius: 6px 0 0 6px !important;
     resize: none;
     color: #fff;
     margin: 10px;
 }

 form .change {
     top: 0px;
     right: 0;
 }
 .form .randam {
    transform: rotate(180deg);
}