@font-face {
    src: url(./font/Ludicrous.ttf);
    font-family: ludicrous;
}

/*  font */
body {
    font-family: 'Work Sans', sans-serif;
}


.bbl-1 {
    width: 22%;
}

.bbl-2 {
    width: 15%;
}

.bbl-3 {
    width: 8%;
}

.bbl-4 {
    width: 7%;
}

.bbl-5 {
    width: 20%;
}

.bbl-6 {
    width: 11%;
}

.bbl-7 {
    width: 20%;
}

.bbl-8 {
    width: 32%;
}

.the-btn a {
    color: #3a3b74;
    font-weight: 700;
}

.the-btn:hover>a {
    color: #ffffff;
    font-weight: 700;
}

.bg {
    background-color: #3a3b74;
}

.pb-50 {
    padding-bottom: 50px;
}

.rafting-list img {
    padding-right: 8px;
}

.fnt-42 {
    font-size: 42px;
}

.pt-50 {
    padding-top: 50px;
}

.home p {
    font-size: 20px;
    font-weight: 400;
}

.frm-fotr {
    display: block;
    bottom: 0;
    position: absolute;
}

.rafting {
    color: white;
}

.user-details img {
    width: 10%;
    height: 5%;
}

.gallery-sec img {
    margin: 10px 0px;
}

.contact-details h2 {
    display: inline;
    padding-left: 10px;
}

.contact-details {
    padding-top: 25px;
}

.detls-box {
    padding-left: 32px;
    width: 86%;
}

.contact-details p {
    padding-left: 20px;
}

.lud-font {
    color: #3a3b74;
    font-family: "ludicrous", sans-serif;

}

p {
    line-height: 1.5 !important;
    font-size: 18px;
    font-family: 'Work Sans', sans-serif;

}

.faq {
    padding: 50px 0px;
}

.about-sec {
    font-size: 78px;
}

.about-sec .pb-50 {
    padding-bottom: 50px;
}

a {
    text-decoration: none;
}



.header {
    position: absolute;
    width: 100%;
    z-index: 9;
}

.change-color {
    background-color: black;
}

.nav-link:hover {
    color: white;
}

.nav-link {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    margin: 0px 5px;
    color: white;
}

.navli {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.navli:hover {
    border-bottom: 1px solid white;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;

}

.with-us {
    background-color: #efefef;
}

.with-us h2 {
    font-size: 58px;
    padding-bottom: 10px;
}

.with-icon {
    text-align: center;

}

.with-icon h3 {
    font-size: 25px;
    font-weight: 500;
    padding-top: 10px;

}

.with-icon p {
    font-size: 16px;
    text-align: center;
    line-height: 28px;
}

.nav-last {
    border: 1px solid white;
    padding: 7px 43px !important;
    border-radius: 4px;
}

.nav-last:hover {
    background: rgba(0, 0, 0, 0.2);


}

.home {
    height: 520px;
    width: 100%;
    background-size: cover;
    background: url('img/home-bg.jpg') no-repeat;
    text-align: center;
    padding: 180px 0px 0px;
    background-position-y: -222px;
    color: white;
}

.topbtn button {
    position: fixed;
}

.about {
    background: url('./img/about-bg.jpg');
    height: 298px;
    width: 100%;
    background-size: cover;
    text-align: center;
    padding: 150px 0px 0px;
    color: white;
    background-position-y: -352px;
}

.about-sec h2 {
    font-size: 42px;
}


.home h1 {
    padding-bottom: 30px;
    font-size: 80px;
}

.second-sec {
    text-align: center;
    padding: 30px 0px;
}

.camp-head {
    font-size: 42px;
}

.second-sec h2 {
    font-size: 45px;
}

.second-sec i {
    color: #f5be58;
}

.second-sec p {
    font-family: 'Work Sans', sans-serif;

    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}

.second-sec p a {
    color: #32325d;
    font-weight: 600;
}

.rafting {
    padding-top: 30px;
    padding-bottom: 30px;
}

.rafting-list li {
    font-size: 20px;
    padding: 10px 20px;
    list-style: none;
    float: left;
}

.book-rafting {
    background: url(./img/rafting-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
    /* background-position-x: -0px; */
}

.book-rafting h2 {
    font-size: 42px;
}

.about h1 {
    font-size: 78px;
    position: relative;
    z-index: 9;
}

.inner {
    padding: 0px 50px 0px 10px;
}

.itnry-dtl {
    color: white;
    width: 95%;
}

.itnry-dtl h2 {
    font-size: 18px;
    font-weight: 400;
}

.itnry-dtl h3 {
    font-size: 18px;
    font-weight: 400;
}


.itnry-dtl h2::before {
    content: url(./icon/icon-12.png);
    padding-right: 10px;
}


.itnry-dtl h3::before {
    content: url(./icon/icon-16.png);
    padding-right: 10px;
}

.itnry-dtl p {
    font-size: 16px;
    font-weight: 400;
    margin-left: 11px;
    border-left: 2px solid rgba(35, 35, 35, 0.25);
    line-height: 24px;
    padding-left: 24px;
    margin-top: 20px;
}

.icon-head {
    display: flex;
    color: white;
}

.icon-head h3 {
    font-size: 30px;
    /* margin-bottom: 30px; */
    margin: auto 0;
}

.inner p {
    font-size: 20px;
    line-height: 30px;
    padding-top: 10px;
    padding-left: 57px;
}

.package-box {
    border-radius: 10px;
}

.pkg-content {
    font-size: 16px;
    padding: 40px;
    margin-top: -1px;
    color: #3a3b74;
    background-color: #f1f1f1;
}

.pkg-content span {
    font-size: 13px;
    color: #393939;
    line-height: 20px;
}

.pkg-content h3 {
    line-height: 24px;
    font-size: 22px;
}

.pkg-content p {
    font-size: 16px;
    line-height: 24px;
}

.the-btn {
    border: 2px solid #3a3b74;
    width: 50%;
    padding: 14px 0px;
    border-radius: 5px;
    font-weight: 500;
    margin: 10px 65px;
}

.bk-btn {
    border: 2px solid #3a3b74;
    width: 50%;
    padding: 14px 0px;
    background-color: #ffffff;
    border-radius: 5px;
    font-weight: 500;
    margin: 10px 20px;
}

/* #container-header {
    height: 70px;
    width: 100vw;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

.change-color {
    background-color: black;
} */

.footer-contact img {
    width: 6%;
    margin-right: 5px;
}

.bk-btn:hover {
    color: white;
    background-color: #32325d;
}

.footer-bottom p {
    text-align: center;
    font-size: 15px !important;
}

.th-head {
    font-size: 24px;
    color: #32325d;
    margin: revert;
    font-weight: 400;
    float: right;
}

.testimonial h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #ffffff;
}

.user-details {
    display: flex;
    padding-top: 50px;
}

.user-details span {
    font-weight: 400;
    font-size: 15px;
}

.user-details p {
    color: white;
    font-size: 17px;
    font-weight: 400;
    padding-left: 20px;
}

.footer {
    padding: 50px 0;
    background-color: #292e31;
    color: white;
}

.footer-link {
    padding: 0;
    margin: 0;
}

.footer-link li {
    font-size: 16px;
    list-style: none;
    float: left;
    line-height: 24px;
    margin: 5px;
}
.footer-link li img{
    width:50px;
}

.footer-head {
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.form-input input {
    margin: 10px 0px;
    padding: 10px 10px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    font-size: 16px;
    width: 40%;
}

.form-input textarea {
    margin: 10px 0px;
    padding: 10px 10px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    font-size: 16px;
    width: 40%;
}

.fot-link li a {
    color: #d2d2d2;

}

.fot-link li a:hover {
    color: white;
}

.footer-contact {
    padding: 0;
    margin: 0;
}

.privacy {
    padding: 50px 0;
}

.privacy h2 {

    font-size: 25px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 2px solid #3a3b74;
    width: 14%;

}

.privacy p {

    font-size: 20px;
    line-height: 30px;
    font-weight: 400;


}

.footer-contact li {
    color: #d2d2d2;
    list-style: none;
    font-size: 16px;
    line-height: 42px;
    font-weight: 400;
}

.fot-link {
    padding: 0;
    margin: 0;
}

.fot-link li {
    line-height: 34px;
    color: #d2d2d2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 0;
    list-style: none;
    font-size: 16px;
    font-weight: 400;
}

.footer-bottom {
    background-color: #23272a;
    text-align: center;
    padding: 20px;
}

.footer-bottom p {
    color: white;
    margin-bottom: 0px;
}

.imgwh {
    width: 100%;
    height: auto;
}

.the-btn:hover {
    background-color: #32327c;
    color: #ffffff;
}

.contact {
    padding: 50px 0px;
}

/* .topbtn {} */

.topbtn img {
    width: 3%;
    padding: 10px;
    border-radius: 10px;
    transform: rotate(269deg);
    background-color: #0000001f;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.raft-btn {
    border: 2px solid #3a3b74;
    color: white;
    width: 50%;
    padding: 14px 0px;
    /* background-color: #ffffff; */
    border-radius: 5px;
    font-weight: 500;
    margin: 10px 20px;
}

.cnt-btn {
    border: 2px solid #3a3b74;
    color: white;
    width: 20%;
    padding: 10px 0px;
    /* background-color: #ffffff; */
    border-radius: 5px;
    font-weight: 500;
    margin: 10px 20px;
}

.raft-btn:hover {
    opacity: 0.85;
}

.trems {
    padding: 50px 0;
}

.trems-list li {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    padding: 10px 0px;
}

.trems h2 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #3a3b74;
    border-bottom: 2px solid #3a3b74;
}

.trems p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}

/* collapse tab */

.faq p img {
    width: 1%;
}

.faq p a {
    font-weight: 500;
    font-size: 20px;
}

.rafting h3 {
    font-weight: 400;
}

.rafting h3 span {
    font-size: 22px;
    font-weight: 400;
}

/* .about::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 31%;
    background-color: #000000;
    opacity: .4;
   
} */

/* gallery  */
.modal-header {
    flex-direction: row-reverse;
}

.modal-img {
    width: 100%;

}

.modal-header .close {
    font-size: 20px;
    border: none;
    padding: 1px 16px;
}


/* cleander */
#calendar {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 420px;
    margin: 0 auto;
    height: 570px;
    overflow: hidden;
}

.headers {
    height: 50px;
    width: 420px;
    background: #e5e7e9;
    text-align: center;
    position: relative;
    z-index: 100;
}

.headers h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 1px;
    color: black;
}

.left, .right {
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    top: 50%;
    margin-top: -7.5px;
    cursor: pointer;
}

.left {
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent rgba(160, 159, 160, 1) transparent transparent;
    left: 20px;
}

.right {
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent rgba(160, 159, 160, 1);
    right: 20px;
}

.month {
    /*overflow: hidden;*/
    opacity: 0;
}

.month.new {
    -webkit-animation: fadeIn 1s ease-out;
    opacity: 1;
}

.month.in.next {
    -webkit-animation: moveFromTopFadeMonth .4s ease-out;
    -moz-animation: moveFromTopFadeMonth .4s ease-out;
    animation: moveFromTopFadeMonth .4s ease-out;
    opacity: 1;
}

.month.out.next {
    -webkit-animation: moveToTopFadeMonth .4s ease-in;
    -moz-animation: moveToTopFadeMonth .4s ease-in;
    animation: moveToTopFadeMonth .4s ease-in;
    opacity: 1;
}

.month.in.prev {
    -webkit-animation: moveFromBottomFadeMonth .4s ease-out;
    -moz-animation: moveFromBottomFadeMonth .4s ease-out;
    animation: moveFromBottomFadeMonth .4s ease-out;
    opacity: 1;
}

.month.out.prev {
    -webkit-animation: moveToBottomFadeMonth .4s ease-in;
    -moz-animation: moveToBottomFadeMonth .4s ease-in;
    animation: moveToBottomFadeMonth .4s ease-in;
    opacity: 1;
}

.week {
    background: #c4c4c4;
}

.day {
    display: inline-block;
    width: 60px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background: white;
    position: relative;
    border-bottom: 1px solid #e5e7e9;
    z-index: 100;
}

.day.other {
    color: rgb(153, 0, 255);
}

.day.today {
    color: black;
    background: #e1e1e1;
}

.day-name {
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: rgba(5, 5, 5, 0.5);
    letter-spacing: .7px;
}

.day-number {
    font-size: 24px;
    letter-spacing: 1.5px;
}


.day .day-events {
    list-style: none;
    margin-top: 3px;
    text-align: center;
    height: 12px;
    line-height: 6px;
    overflow: hidden;
}

.day .day-events span {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 5px;
    height: 5px;
    line-height: 5px;
    margin: 0 1px;
}

.magenta {
    background: rgb(133, 3, 65);
}

.pink {
    background: rgb(255, 0, 179);
}

.red {
    background: rgb(255, 0, 0);
}

.purple {
    background: rgb(153, 0, 255);
}

.details {
    position: relative;
    width: 420px;
    height: 75px;
    /* display: none; */
    background: rgba(164, 164, 164, 1);
    margin-top: 5px;
    border-radius: 4px;
}

.details.in {
    -webkit-animation: moveFromTopFade .5s ease both;
    -moz-animation: moveFromTopFade .5s ease both;
    animation: moveFromTopFade .5s ease both;
}

.details.out {
    -webkit-animation: moveToTopFade .5s ease both;
    -moz-animation: moveToTopFade .5s ease both;
    animation: moveToTopFade .5s ease both;
}

.arrow {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -2px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent rgba(164, 164, 164, 1) transparent;
    transition: all 0.7s ease;
}

.events {
    height: 75px;
    padding: 7px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.events.in {
    -webkit-animation: fadeIn .3s ease both;
    -moz-animation: fadeIn .3s ease both;
    animation: fadeIn .3s ease both;
}

.events.in {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
}

.details.out .events {
    -webkit-animation: fadeOutShrink .4s ease both;
    -moz-animation: fadeOutShink .4s ease both;
    animation: fadeOutShink .4s ease both;
}

.events.out {
    -webkit-animation: fadeOut .3s ease both;
    -moz-animation: fadeOut .3s ease both;
    animation: fadeOut .3s ease both;
}

.event {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .5px;
    padding: 2px 16px;
    vertical-align: top;
}

.event.empty {
    color: #eee;
}

.event-category {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 6px 0 0;
    vertical-align: top;
}

.event span {
    display: inline-block;
    padding: 0 0 0 7px;
}

.legend {
    position: absolute;
    /* display: none; */
    bottom: 0;
    width: 100%;
    height: 30px;
    background: rgba(60, 60, 60, 1);
    line-height: 30px;

}

.entry {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 13px;
    display: inline-block;
    line-height: 30px;
    background: transparent;
}

.entry:after {
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    top: 12px;
    left: 14px;
}

.entry.magenta:after {
    background: rgb(133, 3, 65);
}

.entry.pink:after {
    background: rgb(255, 0, 179);
}

.entry.red:after {
    background: rgb(255, 0, 0);
}

.entry.purple:after {
    background: rgb(153, 0, 255);
}

/* Animations are cool!  */
@-webkit-keyframes moveFromTopFade {
    from {
        opacity: .3;
        height: 0px;
        margin-top: 0px;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes moveFromTopFade {
    from {
        height: 0px;
        margin-top: 0px;
        -moz-transform: translateY(-100%);
    }
}

@keyframes moveFromTopFade {
    from {
        height: 0px;
        margin-top: 0px;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToTopFade {
    to {
        opacity: .3;
        height: 0px;
        margin-top: 0px;
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes moveToTopFade {
    to {
        height: 0px;
        -moz-transform: translateY(-100%);
    }
}

@keyframes moveToTopFade {
    to {
        height: 0px;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(-30%) scale(.95);
    }
}

@-moz-keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -moz-transform: translateY(-30%);
    }
}

@keyframes moveToTopFadeMonth {
    to {
        opacity: 0;
        -moz-transform: translateY(-30%);
    }
}

@-webkit-keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(30%) scale(.95);
    }
}

@-moz-keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -moz-transform: translateY(30%);
    }
}

@keyframes moveFromTopFadeMonth {
    from {
        opacity: 0;
        -moz-transform: translateY(30%);
    }
}

@-webkit-keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%) scale(.95);
    }
}

@-moz-keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%);
    }
}

@keyframes moveToBottomFadeMonth {
    to {
        opacity: 0;
        -webkit-transform: translateY(30%);
    }
}

@-webkit-keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%) scale(.95);
    }
}

@-moz-keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
    }
}

@keyframes moveFromBottomFadeMonth {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

@-moz-keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

@keyframes fadeOutShink {
    to {
        opacity: 0;
        padding: 0px;
        height: 0px;
    }
}

.bk-head {
    background-color: #3a3b74;
    color: white;
    text-align: center;
    font-size: 18px;
    margin: 2px 127px;
    padding: 20px 10px;
    font-weight: 400;
}

@media screen and (max-width:420px) {
    .header {
        background-color: #252b2d;
        z-index: 9999;
        padding-top: 0px;
    }

    .bk-head {
        margin: 0;
    }

    .rafting-list img {
        padding-right: 10px;
    }

    .right {
        right: 55px;
    }

    .day {
        width: 55px;
    }

    .book-rafting .lud-font {
        padding-top: 40px;
    }

    #calendar {
        width: 387px;
    }

    /* .about::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 42%;
        background-color: #000000;
        opacity: .4;
       
    } */

    .imgwh {
        width: 100%;
        height: 100%;
    }

    .navbar-nav {
        padding-top: 11px;
    }

    .navbar-toggler {
        position: absolute;
        color: white;
        right: 0;
        top: 13px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .nav-last {
        margin-top: 10px;
        text-align: center;
    }



    .navbar-brand img {
        width: 80%;
    }

    .home {
        padding: 100px 0px 0px;
        height: 100%;
        background-position-y: inherit;
    }

    .icon-head h3 {
        font-size: 27px;
        color: #32327c;
        padding-bottom: 40px;
    }

    .icon-head img {
        height: 50%;
    }

    .home p {
        color: white;
    }

    .home h1 {
        font-size: 49px;
        padding-bottom: 0;
    }

    .package-box {
        margin: 20px 0px;
    }

    .inner {
        padding: 40px 0px 40px 0px;
    }

    .navbar-toggler-icon {
        background-image: url('./icon/menu.png');
    }

    .user-details {
        padding: 20px 0px;
    }

    .user-details p {
        margin: revert;
        font-size: 15px !important;
    }

    .user-details p span {
        font-size: 13px;
    }

    .testimonial h3 {
        font-size: 18px;
        line-height: 1.6;
    }

    .footer .col-md-4 {
        padding: 30px 10px;
    }

    .footer-bottom p {
        font-size: 12px !important;
    }

    .footer-head {
        margin-bottom: 10px;
    }

    .center-mobile {
        margin: auto;
        text-align: center;
    }

    .topbtn img {
        width: 10%;
    }

    .user-details img {
        width: 16%;
        height: 5%;
    }



    .about {
        background-position: 0;
        height: 373px;
        padding-bottom: 25px;
    }

    .rafting h3, .rafting h3 span {
        text-align: center;
        font-weight: 600;
    }

    .raft-btn {
        margin: auto;
        /* text-align: center; */
        display: block;
    }



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

    .form-input input {
        width: 100%;
    }

    .form-input textarea {
        width: 100%;
    }

    .privacy h2 {
        width: 50%;
    }

    .bbl-1 {
        width: 75%;
    }

    .bbl-2 {
        width: 50%;
    }

    .bbl-3 {
        width: 25%;

    }

    .bbl-4 {
        width: 24%;
    }

    .bbl-5 {
        width: 65%;
    }

    .bbl-6 {
        width: 38%;
    }

    .bbl-7 {
        width: 65%;
    }

    .bbl-8 {
        width: 100%;
    }

    .faq p img {
        width: 2%;
    }

    .faq p a {
        display: contents;
    }

    .trems {
        padding-left: 13px !important;
    }

    .cnt-btn {
        width: 90%;
    }
}

.camp p {
    font-family: work sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #393939;
}

.faq li {
    font-size: 20px;
    font-weight: 400;
}
.call-header{
    display: none;
}

.nav-item.call-header.btn:hover {
    transform: scale(0.95);
    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 768px) {
    @keyframes shadow-pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(58, 59, 116, 0.5);
        }
        100% {
            box-shadow: 0 0 0 5px rgba(68, 69, 136, 0.8);
        }
    }
    .call-header{
        display: block !important;
        border: 1px solid #3a3b74;
        border-radius: 35px;
        background-color: #3a3b74;
        padding: 5px 15px;
        animation: shadow-pulse 1s infinite;
    }


}