.navbar .nav-link:hover,

.navbar .nav-link.active{

    background: var(--bs-primary);

    color: #ffffff !important;

}



.slider-section .swiper {

    width: 100%;

    height: 100vh;

    /* z-index: -1; */

}

.slider-section .swiper .swiper-wrapper{

    transition: all 1s !important;

}

.slider-section .swiper-slide::before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6));

    z-index: 1;

}

.slider-section .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.slider-section .swiper-slide .caption{

    left: 10%;

    right: 10%;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

}

.slider-section .swiper .caption .icon{

    height: 50px;

    width: 50px;

    line-height: 50px;

    background: #314555;

}

.slider-section .swiper .caption .btn{

    background: transparent;

    position: relative;

}

.slider-section .swiper .caption .btn::before{

    content: "";

    position: absolute;

    height: 100%;

    width: 0%;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    background: var(--bs-primary);

    border-radius: var(--bs-btn-border-radius);

    z-index: -1;

    transition: .5s;

}

.slider-section .swiper .caption .btn:hover:before{

    width: 100%;

}

.slider-section .swiper .caption .btn:hover{

    border-color: transparent;

}

.slider-section .swiper-button-next::after,

.slider-section .swiper-button-prev::after{

    font-size: 1.5rem;

}

.slider-section .swiper-button-next,

.slider-section .swiper-button-prev{

    top: 90%;

    height: 70px;

    width: 70px;

    line-height: 70px;

}

.slider-section .swiper-button-next{

    right: 5%;

}

.slider-section .swiper-button-prev{

    left: 82%;

}

.slider-section .swiper .swiper-button-next:hover,

.slider-section .swiper .swiper-button-prev:hover{

    background: var(--bs-primary) !important;

}

.slider-section .swiper .slider-footer{

    left: 0;

    bottom: 0;

    z-index: 1111;

    border-top-right-radius: 3rem;

}

.swiper-pagination-bullet{

    height: 4px;

    width: 30px;

    border-radius: 5px;

}

.swiper-pagination-bullet-active{

    background: var(--bs-primary);

}



.navbar{

    left: 0;

    top: 0;

    z-index: 1111;

    width: 100%;

}



.line-after::after{

    content: "";

    position: absolute;

    bottom: 0;

    left: 47.5%;

    /* transform: translateX(-50%); */

    height: 4px;

    width: 60px;

    background: var(--bs-primary);

    transform: skew(-50deg);

}



.how-it-work-section .row .col a{

    left: 50%;

    bottom: 15px;

    transform: translateX(-50%);

    transition: .5s;

}

.how-it-work-section .row .col:hover a{

    /* opacity: 0;

    bottom: 50%;

    transition-delay: .4s; */

    background: var(--bs-primary) !important;

}

.how-it-work-section .row .row:hover .col{

    opacity: .5;

}

.how-it-work-section .row .col:hover{

    opacity: 1 !important;

}



.apply-section .col .fa-circle{

    font-size: 4.5rem;

    position: relative;

    left: 1rem;

    color: #eee8e8;

    margin-bottom: -2rem;

    transition: .5s;

}

.apply-section .col svg{

    display: block;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    right: 1rem;

}

.apply-section .col:hover .fa-circle{

    color: var(--bs-primary);

}



footer ul li a{

    transition: .4s;

}

footer ul li a:hover{

    color: #314555 !important;

    padding-left: 6px;

    font-weight: 700;

}

footer .social-links a{

    height: 40px;

    width: 40px;

    line-height: 40px;

    transition: .4s;

}

footer .social-links a:hover{

    /* background: var(--bs-success); */

    box-shadow: 0 0 .5rem .3rem #314555;

    color: #ffffff !important;

    transform: rotate(360deg);

}



.scroll-top-btn{

    bottom: 2.5rem;

    right: -100%;

    height: 35px;

    width: 35px;

    line-height: 35px;

    transition: 1s;

}

.scroll-top-btn.active{

    right: 2.5rem;

}









.banner-section{

    height: 90px;

    background-image: linear-gradient(to right top, rgba(var(--bs-primary-rgb)),#6e6d6e);

}

.banner-section h2{

    left: 50%;

    transform: translate(-50%,-50%);

    letter-spacing: 2px;

}

.contact-section .icon{

    height: 3.5rem;

    width: 3.5rem;

    line-height: 3.5rem;

}

.contact-section .card:hover{

    box-shadow: 0 0 .5rem var(--bs-primary);

}



.navbar .dropdown:hover .dropdown-menu{

    display: block !important;

}

.tooltip-btn{

    font-size: 10px;

    height: 14px;

    width: 14px;

    line-height: 14px;

    margin-top: -3px;

}



.blog-section label,

.blog-details-section label{

    font-size: 11px;

    background: #314555;

    padding: 5px;

    width: max-content;

}

.blog-section .list-group a:hover{

    color: var(--bs-primary) !important;

}



#pay-btn-area.disabled{

    position: relative;

    opacity: .3;

}

#pay-btn-area.disabled::after{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 9999999999999999;

    cursor: not-allowed;

}





.wa-chat-icon{

	position:fixed;

	width:60px;

	height:60px;

	line-height:60px;

	bottom:82px;

	right: 25px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50%;

	text-align:center;

  font-size:30px;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

  animation: bounce 2s infinite;

}





@keyframes bounce {

    0%,

    25%,

    50%,

    75%,

    100% {

        transform: translateY(0);

    }

    40% {

        transform: translateY(-20px);

    }

    60% {

        transform: translateY(-12px);

    }

}







@media screen and (min-width: 992px) {

    /* .navbar .dropdown:hover .dropdown-menu{

        display: initial !important;

    } */

}



@media only screen and (max-width: 768px) {

    .navbar-collapse{

        background: #ffffff;

        border-radius: 7px;

    }

    .navbar-collapse .nav-link,

    .navbar-collapse .dropdown-item{

        color: #314555 !important;

        padding: 10px;

    }

    .navbar-collapse .dropdown-menu{

        border: 0 !important;

    }

    .navbar-collapse .dropdown-item{

        padding-left: 25px;

    }

    /* .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon{

        background-image: url('../img/cross-icon.png');

    } */

    .navbar .navbar-toggler-icon::after{

        content: "\f0c9";

        font-family: "Font Awesome 5 Free";

        font-weight: 900;

        font-size: 28px !important;

        color: #000000;

      }

      .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{

        content: "\f00d";

      }

    .slider-section .swiper-slide .caption{

        /* width: 100%; */

    }

    .slider-section .swiper-button-next{

        right: 25%;

    }

    .slider-section .swiper-button-prev{

        left: 25%;

    }

    .line-after::after{

        left: 42%;

    }

    .radius-box{

        top: 12%;

    }

    .offer-section .row .col{

        height: 150px !important;

    }

    .blog-details-section .w-75{

        width: 100% !important;

    }

}