/**======================================================================*/
/*=========================================================================*/
/*Template Name: Dashboard Bootstrap 5 Admin Template*/
/*Author: Rajodiya Infotech*/
/*Support: [support link]*/
/*File: style.css*/
/*=========================================================================*/
/*=================================================================================== */
/*body {*/
/*    margin: 0;*/
/*    overflow-x: hidden;*/
/*    background: #FFFFFF !important;*/
/*}*/

/*a {*/
/*    outline: none;*/
/*    text-decoration: none;*/
/*}*/

/*a:focus, a:hover {*/
/*    outline: none;*/
/*    text-decoration: none;*/
/*}*/

/*.bg-dark {*/
/*    background: #002332 !important;*/
/*    color: #ffffff;*/
/*}*/

/*.bg-dark p {*/
/*    color: #ffffff;*/
/*}*/

/*.bg-dark .title h2 {*/
/*    color: #fff;*/
/*}*/

/*.bg-dark .title h2 span {*/
/*    color: #fff;*/
/*}*/

/*.bg-dark .card {*/
/*    background: #03364B;*/
/*    box-shadow: none;*/
/*    border-color: #114860 !important;*/
/*}*/

/*.theme-alt-bg {*/
/*    background: #ededed;*/
/*}*/

/*.container {*/
/*    max-width: 1540px;*/
/*}*/

/*.main-header {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    z-index: 9999;*/
/*}*/

/*.main-header .navbar {*/
/*    padding: 15px 0;*/
/*}*/

/*.main-header .navbar .navbar-nav .nav-item .nav-link {*/
/*    color: #002332;*/
/*    font-weight: 500;*/
/*}*/

/*.main-header .navbar .btn {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.main-header .navbar .btn.rounded {*/
/*    border-radius: 30px !important;*/
/*}*/

/*.main-header .navbar-toggler {*/
/*    border-color: #1c232f;*/
/*    border-radius: 80px;*/
/*    padding: 0;*/
/*    width: 45px;*/
/*    height: 45px;*/
/*}*/

/*@media only screen and (max-width: 991px) {*/
/*    .main-header .navbar-expand-md .navbar-toggler {*/
/*        display: block;*/
/*    }*/

/*    .main-header .navbar-expand-md .navbar-collapse {*/
/*        position: fixed;*/
/*        top: 0;*/
/*        left: -255px;*/
/*        bottom: 0;*/
/*        z-index: 1026;*/
/*        box-shadow: none;*/
/*        transition: all 0.15s ease-in-out;*/
/*        display: block !important;*/
/*        width: 255px;*/
/*        padding: 50px 20px 30px;*/
/*        height: 100% !important;*/
/*    }*/

/*    .main-header .navbar-expand-md .navbar-collapse.show {*/
/*        left: 0px;*/
/*        background: #fff;*/
/*        box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);*/
/*    }*/

/*    .main-header .navbar-expand-md .navbar-nav {*/
/*        flex-direction: column;*/
/*    }*/

/*    .main-header .navbar-expand-md .navbar-collapse .navbar-toggler {*/
/*        position: absolute;*/
/*        top: 0;*/
/*        width: 100%;*/
/*        height: 35px;*/
/*        right: 0;*/
/*        border-radius: 0;*/
/*        border-width: 0;*/
/*        text-align: right;*/
/*        padding: 0 15px;*/
/*    }*/

/*    .main-header .navbar-expand-md .navbar-collapse .navbar-toggler .navbar-toggler-icon {*/
/*        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*    .main-header .hide-mob {*/
/*        display: none;*/
/*    }*/

/*    .main-header .btn.rounded {*/
/*        width: 45px;*/
/*        height: 45px;*/
/*        padding: 0;*/
/*    }*/

/*    .main-header .announcement p {*/
/*        font-size: 11px;*/
/*    }*/
/*    .banner-btn{*/
/*        gap: 10px !important;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 480px) {*/
/*    .main-header .navbar-toggler {*/
/*        width: 35px;*/
/*        height: 35px;*/
/*    }*/

/*    .main-header .btn.rounded {*/
/*        width: 35px;*/
/*        height: 35px;*/
/*    }*/

/*}*/

/*.main-banner {*/
/*    padding-top: 170px;*/
/*    padding-bottom: 80px;*/
/*    overflow-x: hidden;*/
/*}*/

/*.main-banner .container-offset {*/
/*    position: relative;*/
/*    margin-left: calc((100% - 1540px) / 2);*/
/*    padding-left: 15px;*/
/*}*/

/*.main-banner .dash-preview {*/
/*    position: relative;*/
/*    padding-top: 56.4%;*/
/*    right: -80px;*/
/*}*/

/*.main-banner .dash-preview img {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    border-radius: 20px;*/
/*}*/

/*.section-gap {*/
/*    padding: 60px 0;*/
/*}*/

/*.features-section {*/
/*    margin-bottom: 330px;*/
/*}*/

/*.features-section .features-preview {*/
/*    margin-bottom: -390px;*/
/*}*/

/*.img-fluid.header-img {*/
/*    width: 100%;*/
/*}*/

/*.screenshot-card {*/
/*    position: relative;*/
/*}*/

/*.screenshot-card .pr-btn {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    border-top-right-radius: 0;*/
/*    border-bottom-left-radius: 0;*/
/*    padding: 0;*/
/*    width: 45px;*/
/*    height: 45px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.price-card {*/
/*    text-align: center;*/
/*    position: relative;*/
/*    margin-top: 30px;*/
/*}*/

/*.price-card .price-badge {*/
/*    color: #fff;*/
/*    padding: 7px 24px;*/
/*    border-radius: 4px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

/*.price-card .p-price {*/
/*    font-size: 35px;*/
/*    display: block;*/
/*    border-bottom: 1px solid #C5D8DF;*/
/*}*/

/*.price-card .list-unstyled {*/
/*    display: inline-block;*/
/*}*/

/*.price-card .list-unstyled li {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.price-card .list-unstyled li + li {*/
/*    margin-top: 8px;*/
/*}*/

/*.site-footer .footer-row {*/
/*    padding: 60px 0;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.site-footer .footer-row .ftr-col {*/
/*    width: 100%;*/
/*    flex: 1;*/
/*}*/

/*.site-footer .footer-row .ftr-col.cmp-detail {*/
/*    max-width: 300px;*/
/*    flex: 0 0 300px;*/
/*}*/

/*.site-footer .footer-row .ftr-col.ftr-subscribe {*/
/*    max-width: 460px;*/
/*    flex: 0 0 460px;*/
/*}*/

/*.site-footer .footer-row .ftr-col:not(:first-of-type) {*/
/*    padding-left: 60px;*/
/*}*/

/*.site-footer .footer-row .ftr-col .list-unstyled {*/
/*    margin-bottom: 0;*/
/*}*/

/*.site-footer .footer-row .ftr-col .list-unstyled li a {*/
/*    color: #002332;*/
/*}*/

/*.site-footer .footer-row .ftr-col .list-unstyled li + li {*/
/*    margin-top: 8px;*/
/*}*/

/*@media screen and (max-width: 1260px) {*/
/*    .site-footer .footer-row .ftr-col:not(:first-of-type) {*/
/*        padding-left: 40px;*/
/*    }*/

/*    .site-footer .footer-row .ftr-col.ftr-subscribe {*/
/*        max-width: 370px;*/
/*        flex: 0 0 370px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 991px) {*/
/*    .site-footer .footer-row .ftr-col.ftr-subscribe {*/
/*        max-width: 100%;*/
/*        flex: 0 0 100%;*/
/*        padding-left: 0;*/
/*        margin-top: 15px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*    .site-footer .footer-row .ftr-col {*/
/*        width: 100%;*/
/*        flex: 0 0 100%;*/
/*    }*/

/*    .site-footer .footer-row .ftr-col:not(:first-of-type) {*/
/*        padding-left: 0;*/
/*        margin-top: 15px;*/
/*    }*/

/*    .site-footer .footer-row .ftr-col.cmp-detail {*/
/*        max-width: 100%;*/
/*        flex: 0 0 100%;*/
/*    }*/
/*}*/

/*.site-footer .footer-row .ftr-subscribe form .input-wrapper {*/
/*    position: relative;*/
/*    border-radius: 50px;*/
/*}*/

/*.site-footer .footer-row .ftr-subscribe form .input-wrapper input {*/
/*    padding: 15px 105px 15px 15px;*/
/*    width: 100%;*/
/*    border-radius: 50px;*/
/*    border: 0;*/
/*}*/

/*.site-footer .footer-row .ftr-subscribe form .input-wrapper .btn {*/
/*    position: absolute;*/
/*    top: 5px;*/
/*    left: auto;*/
/*    right: 5px;*/
/*}*/

/*.chat-info {*/
/*    padding-top: 170px;*/
/*    padding-bottom: 80px;*/
/*}*/

/*.chat-info .social-list {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.chat-info .social-list li a {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 25px;*/
/*    border: 1px solid #FFFFFF;*/
/*    border-radius: 50%;*/
/*    color: #FFFFFF;*/
/*}*/

/*.chat-info .social-list li a svg {*/
/*    width: 25px;*/
/*    height: 25px;*/
/*}*/

/*.common-banner {*/
/*    padding-top: 170px;*/
/*    overflow: hidden;*/
/*}*/

/*.common-banner .title {*/
/*    padding-top: 20px;*/
/*    padding-bottom: 20px;*/
/*}*/

/*.common-banner .header-img {*/
/*    margin-bottom: -2px;*/
/*    border-top-left-radius: 20px;*/
/*    border-top-right-radius: 20px;*/
/*}*/

/*.slick-slider .slick-arrow {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    outline: none;*/
/*    z-index: 1;*/
/*    padding: 0;*/
/*    transition: all 0.3s ease-in-out;*/
/*    transform: translateY(-50%);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 12px;*/
/*}*/

/*.slick-slider .slick-arrow.slick-next {*/
/*    right: 0;*/
/*}*/

/*.slick-slider .slick-arrow.slick-prev {*/
/*    left: 0;*/
/*    transform: translateY(-50%) scale(-1);*/
/*}*/

/*.wrdcmp-slider .user-wrd {*/
/*    padding: 0 60px;*/
/*}*/

/*@media screen and (max-width: 1260px) {*/
/*    .main-banner .container-offset {*/
/*        margin-left: 0;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 991px) {*/
/*    .main-banner {*/
/*        padding-top: 130px;*/
/*        padding-bottom: 40px;*/
/*    }*/

/*    .main-banner .dash-preview {*/
/*        right: -15px;*/
/*        padding-top: 67%;*/
/*    }*/

/*    .section-gap {*/
/*        padding: 40px 0;*/
/*    }*/

/*    .features-section {*/
/*        margin-bottom: 250px;*/
/*    }*/

/*    .features-section .features-preview {*/
/*        margin-bottom: -250px;*/
/*    }*/

/*    .chat-info {*/
/*        padding-top: 130px;*/
/*        padding-bottom: 40px;*/
/*    }*/

/*    .common-banner {*/
/*        padding-top: 110px;*/
/*    }*/
/*    .features-section .features-preview {*/
/*        margin: 0 auto -220px !important;*/
/*    }*/
/*    .features-section {*/
/*        margin-bottom: 190px !important;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*    .main-banner .container-offset {*/
/*        padding: 0 15px;*/
/*    }*/

/*    .main-banner .dash-preview {*/
/*        right: 0;*/
/*    }*/

/*    .site-footer .footer-row {*/
/*        padding: 40px 0;*/
/*    }*/

/*    .wrdcmp-slider .user-wrd {*/
/*        padding: 0;*/
/*    }*/

/*    .wrdcmp-slider .slick-arrow {*/
/*        opacity: 1;*/
/*        top: auto;*/
/*        transform: translateY(0);*/
/*        bottom: 0;*/
/*    }*/

/*    .wrdcmp-slider .slick-arrow.slick-prev {*/
/*        transform: translateY(0) scale(-1);*/
/*        left: calc(50% - 50px);*/
/*    }*/

/*    .wrdcmp-slider .slick-arrow.slick-next {*/
/*        right: calc(50% - 50px);*/
/*    }*/

/*    .wrdcmp-slider {*/
/*        padding-bottom: 65px;*/
/*    }*/
/*    .main-header .navbar {*/
/*        padding: 10px 0 0px !important;*/
/*    }*/
/*    .res-img{*/
/*        margin-top: 25px !important;*/
/*    }*/
/*    .faqs .accordion-button {*/
/*        padding: 15px 0px;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 767px) {*/
/*    .features-section .features-preview {*/
/*        margin: 0 auto -120px !important;*/
/*    }*/
/*    .features-section {*/
/*        margin-bottom: 80px !important;*/
/*    }*/
/*    .theme-avtar {*/
/*        width: 30px;*/
/*        height: 30px;*/
/*    }*/
/*}*/



*======================================================================
=========================================================================
Template Name: Dashboard Bootstrap 5 Admin Template
Author: Rajodiya Infotech
Support: [support link]
File: style.css
=========================================================================
=================================================================================== 
body {
    margin: 0;
    overflow-x: hidden;
    background: #FFFFFF !important;
}

a {
    outline: none;
    text-decoration: none;
}

a:focus, a:hover {
    outline: none;
    text-decoration: none;
}

.bg-dark {
    background: #002332 !important;
    color: #ffffff;
}

.bg-dark p {
    color: #ffffff;
}

.bg-dark .title h2 {
    color: #fff;
}

.bg-dark .title h2 span {
    color: #fff;
}

.bg-dark .card {
    background: #03364B;
    box-shadow: none;
    border-color: #114860 !important;
}

.theme-alt-bg {
    background: #ededed;
}

.container {
    max-width: 1540px;
}

.main-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
}

.main-header .navbar {
    padding: 15px 0;
}

.main-header .navbar .navbar-nav .nav-item .nav-link {
    color: #002332;
    font-weight: 500;
}

.main-header .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #0056b3;
    text-shadow: 0 0 10px rgba(0, 123, 255, 0.6);
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.main-header .navbar .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.main-header .navbar .btn:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(0, 123, 255, 0.4);
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.btn:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(0, 123, 255, 0.4);
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.pr-btn:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(0, 123, 255, 0.4);
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.banner-btn:hover {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(0, 123, 255, 0.4);
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.main-header .navbar .btn.rounded {
    border-radius: 30px !important;
}

.main-header .navbar-toggler {
    border-color: #1c232f;
    border-radius: 80px;
    padding: 0;
    width: 45px;
    height: 45px;
}

@media only screen and (max-width: 991px) {
    .main-header .navbar-expand-md .navbar-toggler {
        display: block;
    }

    .main-header .navbar-expand-md .navbar-collapse {
        position: fixed;
        top: 0;
        left: -255px;
        bottom: 0;
        z-index: 1026;
        box-shadow: none;
        transition: all 0.15s ease-in-out;
        display: block !important;
        width: 255px;
        padding: 50px 20px 30px;
        height: 100% !important;
    }

    .main-header .navbar-expand-md .navbar-collapse.show {
        left: 0px;
        background: #fff;
        box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    }

    .main-header .navbar-expand-md .navbar-nav {
        flex-direction: column;
    }

    .main-header .navbar-expand-md .navbar-collapse .navbar-toggler {
        position: absolute;
        top: 0;
        width: 100%;
        height: 35px;
        right: 0;
        border-radius: 0;
        border-width: 0;
        text-align: right;
        padding: 0 15px;
    }

    .main-header .navbar-expand-md .navbar-collapse .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
    }
}

@media only screen and (max-width: 767px) {
    .main-header .hide-mob {
        display: none;
    }

    .main-header .btn.rounded {
        width: 45px;
        height: 45px;
        padding: 0;
    }

    .main-header .announcement p {
        font-size: 11px;
    }
    .banner-btn{
        gap: 10px !important;
    }
}

@media only screen and (max-width: 480px) {
    .main-header .navbar-toggler {
        width: 35px;
        height: 35px;
    }

    .main-header .btn.rounded {
        width: 35px;
        height: 35px;
    }

}

.main-banner {
    padding-top: 170px;
    padding-bottom: 80px;
    overflow-x: hidden;
}

.main-banner .container-offset {
    position: relative;
    margin-left: calc((100% - 1540px) / 2);
    padding-left: 15px;
}

.main-banner .dash-preview {
    position: relative;
    padding-top: 56.4%;
    right: -80px;
}

.main-banner .dash-preview img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.section-gap {
    padding: 60px 0;
}

.features-section {
    margin-bottom: 330px;
}

.features-section .features-preview {
    margin-bottom: -390px;
}

.img-fluid.header-img {
    width: 100%;
}

.screenshot-card {
    position: relative;
}

.screenshot-card .pr-btn {
    position: absolute;
    top: 0;
    left: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-card {
    text-align: center;
    position: relative;
    margin-top: 30px;
}

.price-card .price-badge {
    color: #fff;
    padding: 7px 24px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.price-card .p-price {
    font-size: 35px;
    display: block;
    border-bottom: 1px solid #C5D8DF;
}

.price-card .list-unstyled {
    display: inline-block;
}

.price-card .list-unstyled li {
    display: flex;
    align-items: center;
}

.price-card .list-unstyled li + li {
    margin-top: 8px;
}

.site-footer .footer-row {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
}

.site-footer .footer-row .ftr-col {
    width: 100%;
    flex: 1;
}

.site-footer .footer-row .ftr-col.cmp-detail {
    max-width: 300px;
    flex: 0 0 300px;
}

.site-footer .footer-row .ftr-col.ftr-subscribe {
    max-width: 460px;
    flex: 0 0 460px;
}

.site-footer .footer-row .ftr-col:not(:first-of-type) {
    padding-left: 60px;
}

.site-footer .footer-row .ftr-col .list-unstyled {
    margin-bottom: 0;
}

.site-footer .footer-row .ftr-col .list-unstyled li a {
    color: #002332;
}

.site-footer .footer-row .ftr-col .list-unstyled li + li {
    margin-top: 8px;
}

@media screen and (max-width: 1260px) {
    .site-footer .footer-row .ftr-col:not(:first-of-type) {
        padding-left: 40px;
    }

    .site-footer .footer-row .ftr-col.ftr-subscribe {
        max-width: 370px;
        flex: 0 0 370px;
    }
}

@media only screen and (max-width: 991px) {
    .site-footer .footer-row .ftr-col.ftr-subscribe {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .site-footer .footer-row .ftr-col {
        width: 100%;
        flex: 0 0 100%;
    }

    .site-footer .footer-row .ftr-col:not(:first-of-type) {
        padding-left: 0;
        margin-top: 15px;
    }

    .site-footer .footer-row .ftr-col.cmp-detail {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.site-footer .footer-row .ftr-subscribe form .input-wrapper {
    position: relative;
    border-radius: 50px;
}

.site-footer .footer-row .ftr-subscribe form .input-wrapper input {
    padding: 15px 105px 15px 15px;
    width: 100%;
    border-radius: 50px;
    border: 0;
}

.site-footer .footer-row .ftr-subscribe form .input-wrapper .btn {
    position: absolute;
    top: 5px;
    left: auto;
    right: 5px;
}

.chat-info {
    padding-top: 170px;
    padding-bottom: 80px;
}

.chat-info .social-list {
    display: flex;
    flex-wrap: wrap;
}

.chat-info .social-list li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
}

.chat-info .social-list li a svg {
    width: 25px;
    height: 25px;
}

.common-banner {
    padding-top: 170px;
    overflow: hidden;
}

.common-banner .title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.common-banner .header-img {
    margin-bottom: -2px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.slick-slider .slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    outline: none;
    z-index: 1;
    padding: 0;
    transition: all 0.3s ease-in-out;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.slick-slider .slick-arrow.slick-next {
    right: 0;
}

.slick-slider .slick-arrow.slick-prev {
    left: 0;
    transform: translateY(-50%) scale(-1);
}

.wrdcmp-slider .user-wrd {
    padding: 0 60px;
}

@media screen and (max-width: 1260px) {
    .main-banner .container-offset {
        margin-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .main-banner {
        padding-top: 130px;
        padding-bottom: 40px;
    }

    .main-banner .dash-preview {
        right: -15px;
        padding-top: 67%;
    }

    .section-gap {
        padding: 40px 0;
    }

    .features-section {
        margin-bottom: 250px;
    }

    .features-section .features-preview {
        margin-bottom: -250px;
    }

    .chat-info {
        padding-top: 130px;
        padding-bottom: 40px;
    }

    .common-banner {
        padding-top: 110px;
    }
    .features-section .features-preview {
        margin: 0 auto -220px !important;
    }
    .features-section {
        margin-bottom: 190px !important;
    }
}

@media only screen and (max-width: 767px) {
    .main-banner .container-offset {
        padding: 0 15px;
    }

    .main-banner .dash-preview {
        right: 0;
    }

    .site-footer .footer-row {
        padding: 40px 0;
    }

    .wrdcmp-slider .user-wrd {
        padding: 0;
    }

    .wrdcmp-slider .slick-arrow {
        opacity: 1;
        top: auto;
        transform: translateY(0);
        bottom: 0;
    }

    .wrdcmp-slider .slick-arrow.slick-prev {
        transform: translateY(0) scale(-1);
        left: calc(50% - 50px);
    }

    .wrdcmp-slider .slick-arrow.slick-next {
        right: calc(50% - 50px);
    }

    .wrdcmp-slider {
        padding-bottom: 65px;
    }
    .main-header .navbar {
        padding: 10px 0 0px !important;
    }
    .res-img{
        margin-top: 25px !important;
    }
    .faqs .accordion-button {
        padding: 15px 0px;
    }
}
@media only screen and (max-width: 767px) {
    .features-section .features-preview {
        margin: 0 auto -120px !important;
    }
    .features-section {
        margin-bottom: 80px !important;
    }
    .theme-avtar {
        width: 30px;
        height: 30px;
    }
}

/* Bounce Animation Keyframes */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

/* General Bounce Effect for All Images on Hover */
img:hover {
    animation: bounce 1s;
}

/* Hover Effects and Animations for Images */
.main-banner .dash-preview img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.img-fluid.header-img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.common-banner .header-img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Hover Effects and Animations for Sections */
.main-banner:hover {
    background-color: rgba(0, 0, 0, 0.05);
    transition: background-color 0.3s ease;
}

.features-section:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

.price-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.site-footer:hover {
    background-color: rgba(0, 0, 0, 0.05);
    transition: background-color 0.3s ease;
}

.chat-info:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

.common-banner:hover {
    background-color: rgba(0, 0, 0, 0.05);
    transition: background-color 0.3s ease;
}

.screenshot-card:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}