@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: var(--headingFont);
    color: var(--colorBlack);
}

p,
span {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: var(--paraColor);
    font-family: var(--paraFont);
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: var(--paraFont);
}

img {
    width: 100% !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--paraFont);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

input::placeholder,
textarea::placeholder {
    color: #a6a6ac;
}

button {
    border: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

:root {
    --colorPrimary: #EA2144;
    --colorYellow: #EA2144;
    --colorGreen: #EA2144;
    --colorRed: #DB3236;
    --paraColor: #000;
    --colorBlack: #000;
    --colorWhite: #ffffff;
    --ratingColor: #FFC700;
    --lightBg: #ecf6ff;
    --headingFont: "Space Grotesk", sans-serif;
    --paraFont: "Space Grotesk", sans-serif;
    --boxShadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
}

.common_btn,
.common_btn_2 {
       color: var(--colorWhite);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    background: var(--colorPrimary);
    padding: 11px 16px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    z-index: 1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.common_btn i,
.common_btn_2 i {
    margin-left: 10px;
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
}

.common_btn::after,
.common_btn_2::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    background: var(--colorYellow);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: -1;
}

.common_btn_2::after {
    background: var(--colorPrimary);
}

.common_btn:hover {
    color: var(--colorBlack);
}

.common_btn:hover:after,
.common_btn_2:hover:after {
    left: 0;
    width: 100%;
}

.common_btn_2:hover {
    color: var(--colorWhite);
}

.common_btn_2 {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.play_btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 20px;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.play_btn i {
    position: relative;
    z-index: 9;
}

.play_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--colorPrimary);
    z-index: -1;
    animation: playAnimi linear 1.2s infinite;
    -webkit-animation: playAnimi linear 1.2s infinite;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@keyframes playAnimi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        opacity: 0;
    }
}

@keyframes shakeAnimi {
    from {
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -o-transform: rotate(15deg);
    }

    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
}

@keyframes zoomAnimi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
}

.section_heading {
    text-align: center;
}

.section_heading h5 {
    color: var(--colorPrimary);
    font-size: 18px;
    font-weight: 700;
    position: relative;
    padding: 0px 30px;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: uppercase;
}

.section_heading h5::after,
.section_heading h5::before {
    position: absolute;
    content: "";
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 1px;
    left: 0;
}

.section_heading h5::before {
    left: auto;
    right: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.section_heading h2 {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.left_heading,
.left_heading h5,
.left_heading h2 {
    text-align: left;
}

.left_heading h5 {
    padding-right: 0;
}

.left_heading h5::before {
    display: none;
}

.section_heading_2 h6 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    color: var(--colorYellow);
    display: inline-block;
}

.section_heading_2 h6::after {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.section_heading_2 h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    text-transform: capitalize;
    margin-top: 15px;
}

.heading_center {
    text-align: center;
}

.heading_center h6,
.heading_center h2,
.heading_center_3 h6,
.heading_center_3 h2 {
    position: relative;
    text-align: center;
}

.heading_center h6::before {
    position: absolute;
    content: "";
    top: 2px;
    right: 0px;
    width: 18px;
    height: 18px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.section_heading_3 h6 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    color: var(--colorGreen);
    display: inline-block;
}

.section_heading_3 h6::after {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.section_heading_3 h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    text-transform: capitalize;
    margin-top: 15px;
}

.heading_center_3 {
    text-align: center;
}

.heading_center_3 h6 {
    position: relative;
}

.heading_center_3 h6::before {
    position: absolute;
    content: "";
    top: 2px;
    right: 0px;
    width: 18px;
    height: 18px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 4px;
    background: var(--colorPrimary);
    margin: 0px 3px;
    cursor: pointer;
    opacity: .2;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.slick-dots li.slick-active button {
    opacity: 1;
}

.book_now_btn {
    text-transform: capitalize;
    text-align: center;
    padding: 7px 20px;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    margin-left: -45px;
    position: relative;
    z-index: 3;
    border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -ms-border-radius: 0px 4px 4px 4px;
    -o-border-radius: 0px 4px 4px 4px;
}

.book_now_btn::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 15px solid #045fb4;
    border-bottom: 0px solid transparent;
    top: -13px;
    left: 0;
}

.book_now_btn:hover {
    background: #0658a5;
}

.title {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

.title:hover {
    color: var(--colorPrimary);
}

/* breadcrumb start */
.page_breadcrumb {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.breadcrumb_overlay {
    background: #061d6ced;
    padding: 180px 0px 145px 0px;
}

.breadcrumb_text {
    position: relative;
    z-index: 1;
}

.breadcrumb_text h1 {
    color: var(--colorWhite);
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 5px;
}

.breadcrumb_text ul {
    gap: 5px 35px;
}

.breadcrumb_text ul li a {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
}

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorWhite);
    color: var(--colorWhite);
    top: 50%;
    right: -21px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.breadcrumb_text ul li:last-child a {
    color: var(--colorYellow);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.breadcrumb_text ul li:last-child a::after {
    display: none;
}

.breadcrumb_text ul li a:hover {
    color: var(--colorYellow);
}

/* breadcrumb end */


/* pagination start */
.pagination ul {
    justify-content: center;
    gap: 10px;
}

.pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    background: var(--colorWhite) !important;
    padding: 0;
    color: var(--colorBlack) !important;
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.pagination ul li a:hover,
.pagination ul li a.active {
    background: var(--colorPrimary) !important;
    border-color: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
}

.pagination ul li a.page-link:focus {
    box-shadow: none;
}

/* pagination end */


/* all card hover effects start */
@keyframes hoverAnimi {
    100% {
        left: 125%;
    }
}

.blog_3_item .img::before,
.blog_2_item_img::before,
.portfolio_2_item::before,
.single_blog_img::before,
.single_services_img::before,
.service_2_item .img::after {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.blog_3_item:hover .img::before,
.blog_2_item:hover .blog_2_item_img::before,
.portfolio_2_item:hover::before,
.single_blog:hover .single_blog_img:before,
.single_services:hover .single_services_img:before,
.service_2_item:hover .img::after {
    animation: hoverAnimi 1.2s;
    -webkit-animation: hoverAnimi 1.2s;
}

/* all card hover effects end */
/*==========================
    GLOBAL CSS END
==========================*/

/*==========================
    HOME PAGE 01 START
==========================*/
/* topbar start */
.topbar {
    width: 100%;
    height: 40px;
    background: var(--colorWhite);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.topbar::after {
    position: absolute;
    content: "";
    width: 730px;
    height: 100%;
    background: var(--colorYellow);
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.topbar_left {
    line-height: 40px;
    gap: 30px;
}

.topbar_left li a,
.topbar_left li p {
    font-size: 14px;
    color: var(--colorBlack);
    font-weight: 400;
}

.topbar_left li p b {
    color: var(--colorPrimary);
    display: inline-block;
}

.topbar_left li a span,
.topbar_left li p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.topbar_left li a:hover {
    color: var(--colorPrimary);
}

.topbar_right {
    justify-content: end;
    align-items: center;
}

.topbar_right .nice-select {
    background-color: transparent;
    border: none;
    height: 15px;
    line-height: 15px;
    padding: 0;
    width: auto;
    min-width: 80px;
    border-right: 1px solid #727272;
    margin-right: 25px;
    padding-right: 40px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    position: relative;
}

.topbar_right .nice-select .current {
    font-size: 14px;
    color: var(--colorBlack);
    font-weight: 600;
    display: block;
}

.topbar_right .nice-select:after {
    border-bottom: 1px solid var(--colorBlack);
    border-right: 1px solid var(--colorBlack);
    margin-top: -5px;
    right: 25px;
}

.topbar_right .nice-select .list {
    margin-top: 12px;
}

.topbar_right .icon {
    line-height: 40px;
    gap: 20px;
}

.topbar_right .icon li a {
    color: var(--colorBlack);
    font-size: 14px;
}

.topbar_right .icon li a:hover {
    opacity: 1;
}

.topbar_right .header_language {
    padding-left: 20px;
    min-width: 110px;
}

.topbar_right .header_language::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    left: 0px;
}

/* topbar end */

/* menu start */
.main_menu {
    margin-top: 1px;
    background: var(--colorPrimary);
    width: 100%;
    height: 70px;
    position: fixed;
    top: 39px;
    left: 0;
    z-index: 9;
    padding: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-brand {
    max-width: 205px;
    margin: 0;
    padding: 0;
}

.main_menu .navbar-nav {
    line-height: 70px;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0;
    margin: 0px 20px;
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    font-size: 12px;
}

.main_menu .navbar-nav .nav-item:hover .nav-link,
.main_menu .navbar-nav .nav-item .nav-link.active {
    color: #fff;
}

.main_menu .droap_menu {
    position: absolute;
    width: 230px;
    background: var(--colorWhite);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    max-height: 450px;
    overflow-y: auto;
    z-index: 99;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
}

.main_menu .droap_menu::-webkit-scrollbar-thumb {
    background: #ddd;
}

.main_menu .droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: var(--colorWhite);
    height: 4px;
    width: 4px;
}

.main_menu .droap_menu li {
    line-height: initial;
}

.main_menu .droap_menu li a {
    display: block;
    text-transform: capitalize;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    padding: 15px 20px;
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.main_menu .droap_menu li:last-child a {
    border-bottom: 0;
}

.main_menu .droap_menu li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorPrimary);
    top: 50%;
    left: 20px;
    opacity: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.main_menu .droap_menu li a:hover,
.main_menu .droap_menu li a.active {
    color: var(--colorPrimary);
    padding-left: 30px;
}

.main_menu .droap_menu li a:hover::after,
.main_menu .droap_menu li a.active::after {
    opacity: 1;
}

.main_menu .navbar-nav .nav-item:hover .droap_menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.main_menu .right_menu {
    align-items: center;
}

.main_menu .right_menu li .search {
    color: var(--colorWhite);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    font-size: 18px;
}

.main_menu .right_menu li .hire_btn {
    margin-top: 8px;
    margin-left: 20px;
    line-height: initial;
}

.main_menu .right_menu li .hire_btn:hover {
    color: var(--colorWhite);
}

.main_menu .right_menu li .hire_btn::after {
    background: var(--colorBlack);
}

.menu_search {
    background: #ffffffeb;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: -9;
}

.menu_search form {
    width: 100%;
    max-width: 650px;
    position: relative;
    padding: 30px;
    background: var(--colorWhite);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.menu_search form input {
    padding: 20px 30px;
}

.menu_search form button {
    position: absolute;
    top: 50%;
    right: 40px;
    padding: 12px 35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.menu_search form .close_search {
    display: block;
    width: 50px;
    height: 50px;
    color: var(--colorWhite);
    line-height: 50px;
    text-align: center;
    background: var(--colorRed);
    position: absolute;
    top: -85px;
    right: 0;
    cursor: pointer;
    font-size: 22px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.menu_search form .close_search:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.menu_search.show_search {
    opacity: 1;
    z-index: 9999;
}

.main_menu.menu_fix {
    top: 0;
    z-index: 999;
    margin: 0;
}

.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: var(--colorBlack);
    padding: 0;
    box-shadow: none !important;
    border: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    text-align: center;
}

.navbar-toggler.show {
    background: #000;
    color: var(--colorWhite);
}

.navbar-toggler .close_icon_close {
    display: none;
}

.navbar-toggler.show .close_icon_close {
    display: inline-block;
}

.navbar-toggler.show .menu_icon_bar {
    display: none;
}

/* menu end */


/* banner start */

.banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh;
}

.banner div {
    height: 100%;
}

.banner_text {
    padding-top: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-bottom: 10px;
}

.banner_text h5 {
    color: var(--colorYellow);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}

.banner_text h5::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
}

.banner_text h1 {
    color: var(--colorWhite);
    font-size: 84px;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 20px;
}

.banner_text p {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 400;
    opacity: .8;
    max-width: 85%;
}

.banner_text ul {
    gap: 30px;
    margin-top: 50px;
}

.banner_text ul li .common_btn {
    margin-top: 5px;
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.banner_text ul li .common_btn::after {
    background: var(--colorWhite);
}

.banner_text ul li .common_btn::after {
    background: var(--colorWhite);
}

.banner_text ul li .play_btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.banner_text ul li .play_btn::after {
    background: var(--colorWhite);
}

.banner_text ul li span {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 600;
    margin-left: 20px;
}

.banner_img {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

.banner_img .img {
    height: 700px;
    position: relative;
    z-index: 1;
}

@keyframes banner_animi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(1.04);
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        -o-transform: scale(1.04);
    }
}

/* banner end */


/* about us start */

.about_us {
    position: relative;
}

.about_us::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 215px;
    height: 180px;
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: aboutAnimi linear 1s infinite alternate;
    -webkit-animation: aboutAnimi linear 1s infinite alternate;
}

@keyframes aboutAnimi {
    from {
        left: -20px;
    }

    to {
        left: 0;
    }
}

.about_us::before {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 148px;
    height: 200px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
}

.about_us_img {
    position: relative;
    padding-top: 35px;
}

.about_us_img .text {
    width: 200px;
    height: 200px;
    background: var(--colorPrimary);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 30px 0px 35px 0px;
    position: absolute;
    left: 150px;
    top: 0;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_us_img .text h3 {
    color: var(--colorWhite);
    font-size: 64px;
    font-weight: 700;
}

.about_us_img .text p {
    color: var(--colorWhite);
    text-align: center;
}

.about_us_img .img_1 {
    width: 440px;
    height: 440px;
    overflow: hidden;
    margin-left: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_us_img .img_2 {
    width: 320px;
    height: 320px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: -20px;
    z-index: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_us_text {
    padding-left: 35px;
}

.about_us_text .about_btn_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
}

.about_us_text .about_btn_area ul {
    margin-left: 40px;
    margin-right: 25px;
}

.about_us_text .about_btn_area ul li {
    width: 55px;
    height: 55px;
    border: 2px solid var(--colorWhite);
    margin-left: -15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_us_text .about_btn_area h4 {
    color: var(--colorPrimary);
    font-size: 24px;
    font-weight: 700;
    font-family: var(--paraFont);
}

.about_us_text .about_btn_area h4 span {
    color: var(--paraColor);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    display: block;
}

.about_us_text .bottom_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding-top: 40px;
}

.about_us_text .bottom_text li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    width: 50%;
}

.about_us_text .bottom_text li .icon {
    width: 60px;
    height: 60px;
}

.about_us_text .bottom_text li h3 {
    font-size: 20px;
    font-weight: 700;
    max-width: 200px;
}

/* about us end */


/* services start */

.services {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.single_services {
    background: var(--colorWhite);
    margin-left: 15px;
    box-shadow: var(--boxShadow);
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_services_img {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -ms-border-radius: 8px 8px 0px 0px;
    -o-border-radius: 8px 8px 0px 0px;
}

.single_services_img span {
    background: var(--colorYellow);
    color: var(--colorBlack);
    padding: 20px 50px 10px 50px;
    display: block;
    position: absolute;
    top: -10px;
    left: -44px;
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    z-index: 9;
}

.single_services_img .trending {
    padding: 22px 50px 7px 50px;
}

.single_services_img .trending i {
    transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
}

.single_services_img .new {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
}

.single_services_text {
    padding: 30px;
    position: relative;
}

.single_services_text ul {
    justify-content: space-between;
    margin-bottom: 15px;
}

.single_services_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.single_services_text ul li .img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_services_text ul li a {
    width: 40px;
    height: 40px;
    line-height: 41px;
    text-align: center;
    background: #EA214414;
    color: var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_services_text ul li a:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.single_services_text .rating {
    color: var(--ratingColor);
    margin-top: 5px;
    margin-bottom: 20px;
}

.single_services_text .rating span {
    font-weight: 700;
    color: var(--colorBlack);
    margin-left: 5px;
}

.single_services_text h4 {
    position: absolute;
    bottom: 35px;
    right: 30px;
    font-family: var(--paraColor);
    font-size: 22px;
    font-weight: 700;
}

.single_services:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/* services end */


/* team start */

.single_team {
    padding: 30px;
    background: var(--lightBg);
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}



.single_team .single_team_img img {
  
}

.single_team .single_team_img span {
    position: absolute;
    bottom: 15px;
    right: 30px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorYellow);
    color: var(--colorBlack);
    cursor: pointer;
    z-index: 3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_team .single_team_img ul {
    position: absolute;
    bottom: 0;
    right: 10px;
    padding-bottom: 50px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.single_team .single_team_img ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    margin-bottom: 10px;
    position: relative;
    font-size: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_team .single_team_img ul li a:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.single_team:hover .single_team_img ul {
    right: 30px;
    opacity: 1;
}

.single_team .single_team_text {
    padding-top: 25px;
}

.single_team .single_team_text a {
    text-align: center;
}

.single_team .single_team_text p {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_team:hover {
    background: var(--colorPrimary);
    transform: translateY(-10px);
}

.single_team:hover a,
.single_team:hover p {
    color: var(--colorWhite);
}

.single_team .title:hover {
    color: var(--colorYellow);
}

/* team end */


/* portfolio start */

.portfolio {
    overflow: hidden;
}

.single_portfolio {
    height: 390px;
    position: relative;
    border-right: 1px solid #ececec;
    overflow: hidden;
    display: block;
}

.single_portfolio a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    background: #EA214494;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_portfolio a span {
    width: 50px;
    height: 50px;
    background: var(--colorYellow);
    line-height: 50px;
    text-align: center;
    color: var(--colorBlack);
    border-radius: 4px;
    font-size: 14px;
}

.single_portfolio:hover .icon {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.single_portfolio:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.single_portfolio .text a:hover {
    color: var(--colorYellow);
}

/* portfolio end */


/* why choose us start */

.why_choose_us {
    position: relative;
}

.why_choose_us::after {
    position: absolute;
    content: "";
    width: 335px;
    height: 280px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -10px;
    right: 0;
    z-index: -1;
    animation: why_choose_animi linear 2.5s infinite alternate;
    -webkit-animation: why_choose_animi linear 2.5s infinite alternate;
}

@keyframes why_choose_animi {
    from {
        right: 0px;
    }

    to {
        right: 70px;
    }
}

.why_choose_us::before {
    position: absolute;
    content: "";
    width: 165px;
    height: 200px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    z-index: -1;
    animation: aboutAnimi linear 1s infinite alternate;
    -webkit-animation: aboutAnimi linear 1s infinite alternate;
}

.why_choose_text ul {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.why_choose_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 25px;
}

.why_choose_text ul li .icon {
    width: 60px;
    height: 60px;
}

.why_choose_text ul li .text {
    max-width: 79%;
}

.why_choose_text ul li .text h3 {
    font-size: 24px;
    font-weight: 700;
}

.why_choose_text ul li .text p {
    line-height: 26px;
    margin-top: 5px;
}

.why_choose_img {
    height: 485px;
    border-radius: 210px;
    -webkit-border-radius: 210px;
    -moz-border-radius: 210px;
    -ms-border-radius: 210px;
    -o-border-radius: 210px;
}

/* why choose us end */

/* counter start */
.counter {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.single_counter .icon {
    width: 120px;
    height: 120px;
    border: 2px solid var(--colorWhite);
    padding: 35px;
    margin: 0 auto;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter .icon::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;

    background-position: center;
    background-size: cover;
    top: 2px;
    left: -2px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter h4,
.single_counter h4 span {
    color: var(--colorWhite);
    font-size: 48px;
    font-weight: 700;
    font-family: var(--paraFont);
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

.single_counter p {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.single_counter:hover .icon {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.single_counter:hover .icon img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(7500%) hue-rotate(169deg) brightness(99%) contrast(106%);
    -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(7500%) hue-rotate(169deg) brightness(99%) contrast(106%);
}

/* counter end */


/* download app start */

.download_app {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.download_app_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.download_app_text p {
    line-height: 30px;
    letter-spacing: -0.8px;
}

.download_app_text ul {
    gap: 10px;
    margin-top: 50px;
}

.download_app_text ul li a i {
    font-size: 18px;
    margin-left: 0;
    margin-right: 5px;
    transform: rotate(0);
}

.download_app_text ul li .app_store {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.download_app_text ul li .app_store:hover {
    color: var(--colorWhite);
}

.download_app_text ul li .app_store:hover::after {
    background: var(--colorBlack);
}

.download_app_text ul li .app_store i {
    font-size: 21px;
}

.download_app_img {
    max-width: 530px;
    max-height: 610px;
    animation: shakeAnimi linear 4s infinite alternate;
    -webkit-animation: shakeAnimi linear 4s infinite alternate;
}

/* download app end */


/* how it work start */

.how_it_work {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.simply_work_single {
    width: 350px;
    height: 350px;
    background: var(--colorWhite);
    border: 4px solid var(--colorPrimary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px;
    position: relative;
    margin: 25px auto 20px auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.simply_work_single::after {
    position: absolute;
    content: "";
    width: 400px;
    height: 202px;

    background-position: center;
    background-size: cover;
    bottom: -23px;
    left: -29px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s
}

.simply_work_single .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}

.simply_work_single h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

.simply_work_single p {
    line-height: 26px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.simply_work_single.active {
    border-color: var(--colorYellow);
}

.simply_work_single.active .icon,
.simply_work_single.active::after {
    filter: brightness(0) saturate(100%) invert(90%) sepia(72%) saturate(6875%) hue-rotate(324deg) brightness(103%) contrast(101%);
    -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(72%) saturate(6875%) hue-rotate(324deg) brightness(103%) contrast(101%);
}

/* how it work end */


/* testimonial start */

.testimonial {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.testimonial::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 200px;
    height: 265px;
    bottom: 0;
    right: 0;
}

.single_testimonial_img {
    margin-right: 50px;
    height: 385px;
    position: relative;
    border: 2px solid var(--colorPrimary);
    padding: 5px;
    border-radius: 150px 10px 10px 10px;
    -webkit-border-radius: 150px 10px 10px 10px;
    -moz-border-radius: 150px 10px 10px 10px;
    -ms-border-radius: 150px 10px 10px 10px;
    -o-border-radius: 150px 10px 10px 10px;
}

.single_testimonial_img img {
    border-radius: 150px 10px 10px 10px;
    -webkit-border-radius: 150px 10px 10px 10px;
    -moz-border-radius: 150px 10px 10px 10px;
    -ms-border-radius: 150px 10px 10px 10px;
    -o-border-radius: 150px 10px 10px 10px;
}

.single_testimonial_img::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 75px;
    top: 0;
    left: 0;
}

.testimonial_text_area {
    overflow: hidden;
}

.single_testimonial_text {
    margin: 0px 12px;
}

.single_testimonial_text .description {
    line-height: 26px;
}

.single_testimonial_text .rating {
    color: var(--ratingColor);
    margin-top: 20px;
}

.single_testimonial_text h3 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
}

.single_testimonial_text span {
    display: block;
    font-size: 14px;
}

.testimonial .slick-dots {
    padding-right: 25px;
    position: absolute;
    bottom: 30px;
    right: 0;
    gap: 15px;
    width: auto;
}

.testimonial .slick-dots li button {
    width: 15px;
    height: 15px;
    margin: 0;
    opacity: 1;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial .slick-dots li.slick-active button {
    background: var(--colorYellow);
}

.testimonial .slick-dots li button::after {
    position: absolute;
    content: "";
    width: 29px;
    height: 29px;
    border: 2px solid var(--colorYellow);
    top: -7px;
    left: -7px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial .slick-dots li.slick-active button::after {
    opacity: 1;
}

/* testimonial end */


/* call to action start */
.call_to_action {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.call_to_action_text {
    padding: 90px 0px;
}

.call_to_action_text h2 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 36px;
    font-weight: 700;
}

.call_to_action_text h4 {
    color: var(--colorYellow);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: 20px;
    font-family: var(--paraFont);
    text-align: center;
}

/* call to action end */


/* blog start */
.single_blog {
    box-shadow: var(--boxShadow);
    margin-left: 15px;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_blog_img {
    display: block;
    height: 285px;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
}

.single_blog_text {
    padding: 30px;
    position: relative;
}

.single_blog_text .category {
    color: var(--colorWhite);
    background: var(--colorPrimary);
    font-size: 14px;
    font-weight: 600;
    padding: 7px 15px;
    position: absolute;
    top: -35px;
    left: -15px;
    border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -ms-border-radius: 0px 4px 4px 4px;
    -o-border-radius: 0px 4px 4px 4px;
}

.single_blog_text .category:hover {
    background: #0658a5;
}

.single_blog_text .category::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 15px solid #045fb4;
    border-bottom: 0px solid transparent;
    top: -13px;
    left: 0;
}

.single_blog_text ul {
    gap: 10px 20px;
    margin-bottom: 20px;
}

.single_blog_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-right: 2px solid #ddd;
    padding-right: 20px;
    line-height: 15px;
}

.single_blog_text ul li:last-child {
    padding: 0;
    border: none;
}

.single_blog_text ul li span {
    display: block;
    width: 15px;
    margin-right: 7px;
}

.single_blog_text p {
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_blog:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/* blog end */


/* footer start */

footer {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.footer_top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 80px;
    padding-bottom: 30px;
}

.footer_top li {
    position: relative;
    padding-left: 70px;
    width: 33.33%;
}

.footer_top li .icon {
    width: 50px;
    height: 50px;
    background: var(--colorWhite);
    padding: 13px;
    line-height: 18px;
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_top li .text span {
    display: block;
    color: var(--colorWhite);
    font-size: 14px;
}

.footer_top li .text a,
.footer_top li .text p {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 24px;
    font-weight: 700;
}

.footer_top li .text a:hover {
    color: var(--colorYellow);
}

.footer_info .footer_logo {
    display: block;
    width: 200px;
}

.footer_info p {
    color: var(--colorWhite);
    line-height: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer_info .footer_social {
    gap: 10px;
}

.footer_info .footer_social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-align: center;
    background: #00040;
    color: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_info .footer_social li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.footer_link h3,
.footer_time h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
}

.footer_link h3::after,
.footer_time h3::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    bottom: -11px;
    left: 0;
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.footer_link ul li a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    margin-top: 15px;
}

.footer_link ul li a:hover::after {
    background: var(--colorYellow);
    opacity: 1;
}

.footer_link ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -webkit-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -moz-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -ms-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
    -o-transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}

.footer_link ul li a:hover::before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.footer_link ul li a:hover {
    color: var(--colorYellow);
    opacity: 1;
}

.footer_link_padding {
    padding-left: 30px;
}

.footer_time ul {
    margin-top: 35px;
}

.footer_time ul li {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}

.footer_time ul li span {
    color: var(--colorWhite);
    min-width: 120px;
    display: inline-block;
}

.footer_copyright {
    background: #000;
    padding: 20px 0px;
    margin-top: 75px;
}

.footer_copyright_text {
    justify-content: space-between;
}

.footer_copyright_text p {
    color: var(--colorWhite);
}

.footer_copyright_text p b {
    display: inline-block;
}

.footer_copyright_text ul li a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-right: 25px;
}

.footer_copyright_text ul li a::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: var(--colorWhite);
    top: 10px;
    right: -3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_copyright_text ul li:last-child a {
    margin: 0;
    padding: 0;
    color:#EA2144;
    font-weight: 600;
}

.footer_copyright_text ul li:last-child a::after {
    display: none;
}

.footer_copyright_text ul li a:hover {
    color: var(--colorYellow);
}

/* footer end */

/*==========================
    HOME PAGE 01 END
==========================*/

/*==========================
    HOME PAGE 02 START
==========================*/
.home_2 .menu_search form {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.home_2 .navbar-toggler {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.home_2 .nice-select .list {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.home_2 .nice-select .option:hover,
.home_2 .nice-select .option.focus,
.home_2 .nice-select .option.selected.focus {
    background-color: #f5e191;
}

.home_2 .common_btn_2,
.home_2 .common_btn_2::after {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* topbar 2 start */
.topbar_2 {
    background: var(--colorYellow);
    z-index: 99;
}

.topbar_2::after {
    display: none;
}

.topbar_2 .topbar_left li a {
    font-size: 15px;
    font-weight: 600;
}

.topbar_2 .topbar_left li a:hover {
    color: var(--colorBlack);
}

.topbar_2 .topbar_left li a span img {
    filter: brightness(0) saturate(100%) invert(5%) sepia(12%) saturate(699%) hue-rotate(187deg) brightness(95%) contrast(92%);
    -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(12%) saturate(699%) hue-rotate(187deg) brightness(95%) contrast(92%);
}

/* topbar 2 end */


/* main menu 2 start */

.main_menu_2 {
    background: var(--colorWhite);
    z-index: 9;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.main_menu_2 .navbar-nav .nav-item .nav-link {
    color: var(--colorBlack);
}

.main_menu_2 .navbar-nav .nav-item:hover .nav-link,
.main_menu_2 .navbar-nav .nav-item .nav-link.active {
    color: var(--colorPrimary);
}

.main_menu_2 .right_menu li .search img {
    filter: brightness(0) saturate(100%) invert(7%) sepia(13%) saturate(496%) hue-rotate(187deg) brightness(93%) contrast(95%);
    -webkit-filter: brightness(0) saturate(100%) invert(7%) sepia(13%) saturate(496%) hue-rotate(187deg) brightness(93%) contrast(95%);
}

.menu_search_2 form .close_search {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.menu_search_2 form input {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.menu_search_2 form .common_btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.menu_search_2 form .common_btn::after {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/* main menu 2 end */

/* banner 2 start */
.banner_2 {
    height: 100vh;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.banner_2 div {
    height: 100%;
}

.banner_2_text {
    /* width: 93%; */
    padding-top: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin: 0px 12px;
    padding-bottom: 10px;
}

.banner_2_text h5 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    color: var(--colorYellow);
    padding-left: 26px;
}

.banner_2_text h5::after {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.banner_2_text h1 {
    font-size: 74px;
    font-weight: 700;
    line-height: 84px;
    text-transform: capitalize;
    margin-top: 10px;
}

.banner_2_text p {
    font-size: 18px;
    margin-top: 18px;
    max-width: 85%;
}

.banner_2_text .common_btn_2 {
    margin-top: 30px;
}

.banner_2 .nextArrow,
.banner_2 .prevArrow {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: var(--colorBlack);
    cursor: pointer;
    top: 60%;
    left: -230px;
    z-index: 1;
    line-height: 50px !important;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.banner_2 .prevArrow {
    top: 53%;
    background: var(--colorYellow);
}

.banner_2 .nextArrow,
.banner_2 .prevArrow:hover,
.banner_2 .nextArrow:hover {
    color: var(--colorWhite);
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.banner_2 .nextArrow::after {
    position: absolute;
    content: "";
    bottom: -97px;
    left: 50%;
    width: 2px;
    height: 77px;
    transform: translateX(-50%);

}

.banner_2 .prevArrow::after {
    position: absolute;
    content: "";
    top: -97px;
    left: 50%;
    width: 2px;
    height: 77px;
    transform: translateX(-50%);

}

/* banner 2 end */


/* about us 2 start */

.about_us_2_img {
    height: 550px;
    margin-right: 55px;
    position: relative;
}

.about_us_2_img .text {
    position: absolute;
    top: 90px;
    right: 68px;
    width: 140px;
    text-align: center;
    padding: 25px 16px;
    background: var(--colorYellow);
}

.about_us_2_img .text h5 {
    font-size: 48px;
    font-weight: 700;
    font-family: var(--paraFont);
}

.about_us_2_img .text p {
    line-height: 26px;
    color: var(--colorBlack);
}

.about_us_2_img .text::after {
    position: absolute;
    content: "";
    top: -40px;
    right: 0px;
    width: 70px;
    height: 40px;
    background: #f2bb38;
    clip-path: polygon(0% 0.8%, 0% 0%, 100% 100%, 0% 100%);
}

.about_us_2_contant p {
    margin-top: 23px;
}

.about_us_2_contant ul {
    display: flex;
    flex-wrap: wrap;
}

.about_us_2_contant ul li {
    width: 50%;
    margin-top: 30px;
    position: relative;
    padding-left: 35px;
}

.about_us_2_contant ul li::after {
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.about_us_2_contant ul li h6 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.about_us_2_contant ul li span {
    display: block;
    margin-top: 8px;
    line-height: 26px;
}

.about_us_2_contant_bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 32px;
}

.about_us_2_contant_contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 40px;
}

.about_us_2_contant_contact .img {
    width: 60px;
    height: 60px;
}

.about_us_2_contant_contact .text {
    margin-left: 20px;
}

.about_us_2_contant_contact .text span {
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.about_us_2_contant_contact .text a {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin-top: 4px;
    color: var(--colorBlack);
}

.about_us_2_contant_contact .text a:hover {
    color: var(--colorPrimary);
}

/* about us 2 end */


/* service start */

.service_2 {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.service_2 .section_heading_2 h2 {
    color: var(--colorWhite);
    text-align: center;
}

.service_2_item {
    margin-top: 25px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_2_item .img {
    height: 240px;
    position: relative;
    overflow: hidden;
    display: block;
}

.service_2_item .text .icon {
    position: absolute;
    top: -34px;
    left: 40px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: var(--colorYellow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.service_2_item .text .icon img {
    width: 45px !important;
    height: 45px !important;
    transition: all linear .15s;
    -webkit-transition: all linear .15s;
    -moz-transition: all linear .15s;
    -ms-transition: all linear .15s;
    -o-transition: all linear .15s;
}

.service_2_item .text .icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: -24px;
    width: 25px;
    height: 34px;
    background: #e4aa1f;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition: all linear .1s;
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    -ms-transition: all linear .1s;
    -o-transition: all linear .1s;
}

.service_2_item:hover .text .icon {
    background: var(--colorPrimary);
}

.service_2_item:hover .text .icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7497%) hue-rotate(328deg) brightness(101%) contrast(101%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7497%) hue-rotate(328deg) brightness(101%) contrast(101%);
}

.service_2_item:hover .text .icon::after {
    background: #066DCD;
}

.service_2_item .text {
    padding: 65px 40px 32px 40px;
    background: var(--colorWhite);
    position: relative;
}

.service_2_item .text .title {
    font-size: 24px;
}

.service_2_item .text p {
    margin-top: 15px;
}

.service_2_item .text .common_btn_2 {
    margin-top: 25px;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 30px;
    background: var(--colorWhite);
    border: 1px solid #D8DDE1;
}


.service_2_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/* service end */


/* choose 2 start */

.choose_2 {
    position: relative;
}

.choose_2::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 210px;
    height: 380px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    animation: ChooseAnimi linear 2s infinite alternate;
    -webkit-animation: ChooseAnimi linear 2s infinite alternate;
}

@keyframes ChooseAnimi {
    from {
        top: 30px;
    }

    to {
        top: 0;
    }
}

.choose_2::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 730px;
    height: 420px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    animation: ChooseAnimi2 linear 2s infinite alternate;
    -webkit-animation: ChooseAnimi2 linear 2s infinite alternate;
}

@keyframes ChooseAnimi2 {
    from {
        right: -35px;
    }

    to {
        right: 0;
    }
}

.choose_2_item {
    text-align: center;
    padding: 30px 30px 24px 30px;
    background: #f0f0f0;
    border-radius: 30px 0px;
    overflow: hidden;
}

.choose_2_item .img {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: auto;
    background: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.choose_2_item .img img {
    width: 45px !important;
    height: 45px !important;
}

.choose_2_item .title {
    font-size: 24px;
    margin-top: 25px;
}

.choose_2_item .title:hover {
    color: var(--colorBlack);
}

.choose_2_item p {
    line-height: 26px;
    color: var(--colorBlack);
    margin-top: 8px;
}

.choose_2_item_blue {
    background: var(--colorPrimary);
    border-radius: 0px 30px;
}

.choose_2_item_blue .title {
    color: var(--colorWhite);
}

.choose_2_item_blue .title:hover {
    color: var(--colorWhite);
}

.choose_2_item_blue p {
    color: var(--colorWhite);
}

.choose_2_img {
    height: 840px;
    margin-left: 8px;
    position: relative;
    z-index: 1;
}

/* choose 2 end */

/* booking form 2 start */
.booking_form_2 {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

.booking_form_2_overly {
    opacity: 0.91;
    background: #000;
    position: relative;
    padding: 80px 0px 80px 0px;
}

.booking_form_2_overly::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 320px;
    height: 680px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.booking_form_2_overly::before {
    position: absolute;
    content: "";
    top: 36px;
    right: 160px;
    width: 165px;
    height: 255px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    animation: shakeAnimi linear 4s infinite alternate;
    -webkit-animation: shakeAnimi linear 4s infinite alternate;
}

.booking_form_2_contant {
    padding: 60px 60px 60px 60px;
    border: 1px solid var(--colorWhite);
    background: rgba(255, 255, 255, 0.15);
}

.booking_form_2_contant h5 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.booking_form_2_contant form {
    margin-top: 25px;
}

.booking_form_2_contant .input {
    margin-top: 20px;
}

.booking_form_2_contant .input input {
    padding: 16px 20px;
    border-radius: 0 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.booking_form_2_contant .common_btn_2 {
    width: 100%;
    padding: 17px 30px;
    margin-top: 20px;
}

.booking_form_text {
    text-align: center;
}

.booking_form_text a {
    width: 80px;
    height: 80px;
    font-size: 18px;
    line-height: 80px;
    color: var(--colorWhite);
    border: 2px solid var(--colorWhite);
    text-align: center;
}

.booking_form_text a:hover {
    color: var(--colorBlack);
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.booking_form_text h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-top: 50px;
}

/* booking form 2 end */


/* text slider 2 start */
.text_2_slider {
    padding: 20px 0px;
    background: #e2e2e2;
    overflow: hidden;
}

.text_2_slider ul {
    gap: 45px;
    display: flex;
    flex-wrap: wrap;
}

.text_2_slider ul li {
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--headingFont);
    position: relative;
    padding-left: 45px;
}

.text_2_slider ul li::after {
    position: absolute;
    content: "";
    top: 13px;
    left: 0;
    width: 30px;
    height: 30px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.text_2_slider ul li:nth-child(2) {
    color: var(--colorBlack);
    -webkit-text-fill-color: #EA2144;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

/* text slider 2 end */


/* team 2 start */

.team_2 {
    background: var(--colorWhite);
}

.team_2_item {
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.team_2_item .img {
    height: 305px;
    position: relative;
    z-index: 1;
}

.team_2_item .img ul {
    position: absolute;
    top: 10px;
    left: -10px;
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.team_2_item:hover .img ul {
    left: 15px;
    opacity: 1;
    visibility: visible;
}

.team_2_item .img ul li {
    margin: 4px 0px;
}

.team_2_item .img ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--colorBlack);
    background: var(--colorYellow);
}

.team_2_item .img ul li a:hover {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.team_2_item .img::after {
    position: absolute;
    content: "";
    top: -29px;
    left: 6px;
    width: 300px;
    height: 355px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -1;
}

.team_2_item:hover .img::after {
    filter: brightness(0) saturate(100%) invert(62%) sepia(64%) saturate(1262%) hue-rotate(1deg) brightness(107%) contrast(105%);
    -webkit-filter: brightness(0) saturate(100%) invert(62%) sepia(64%) saturate(1262%) hue-rotate(1deg) brightness(107%) contrast(105%);
}

.team_2_item .text {
    padding-left: 12px;
    margin-top: 15px;
}

.team_2_item .text p {
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px;
    font-family: var(--headingFont);
}

.team_2_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/* team 2 end */


/* faq 2 start */

.faq_2 {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}

.faq_2_img {
    position: relative;
    height: 590px;
    z-index: 1;
}

.faq_2::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 600px;
    height: 100%;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.faq_accordion .accordion-item {
    margin-top: 30px;
    border-top: 1px solid #D8DDE1;
    background: var(--colorWhite);
}

.faq_accordion .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.faq_accordion .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.faq_accordion .accordion-button:focus {
    border-color: #D8DDE1;
    box-shadow: none;
}

.faq_accordion .accordion-button:not(.collapsed) {
    color: var(--colorBlack);
    background-color: var(--colorWhite);
    box-shadow: none;
    border-bottom: 1px solid #D8DDE1;
}

.faq_accordion .accordion-button {
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
    font-family: var(--headingFont);
}

.faq_accordion .accordion-button::after {
    width: 20px;
    height: 20px;
    background-image: url(../images/plus_btn.png);
}

.faq_accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../images/minush_btn.png);
}

/* faq 2 end 

/* portfolio 2 start */
.portfolio_2_item {
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.portfolio_2_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/* portfolio 2 end */

/* more about start */
.more_about {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.more_about_contant .section_heading_2 h6 {
    color: var(--colorBlack);
}

.more_about_contant .section_heading_2 h6::after {
    filter: brightness(0) saturate(100%) invert(3%) sepia(6%) saturate(2145%) hue-rotate(187deg) brightness(98%) contrast(88%);
    -webkit-filter: brightness(0) saturate(100%) invert(3%) sepia(6%) saturate(2145%) hue-rotate(187deg) brightness(98%) contrast(88%);
}

.more_about_contant p {
    color: var(--colorBlack);
}

.more_about_contant form {
    margin-top: 42px;
    width: 450px;
    position: relative;
}

.more_about_contant form input {
    padding: 17px 155px 17px 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.more_about_contant form .common_btn_2 {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 10px 16px;
}

.more_about_progressbar {
    text-align: center;
}

.more_about_progressbar .position {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 0px 20px 0px;
}

.more_about_progressbar .progress-bar .background {
    background-color: #ffe784bf !important;
}

.more_about_progressbar .progress-bar .rotate,
.more_about_progressbar .progress-bar .left,
.more_about_progressbar .progress-bar .right {
    background-color: var(--colorWhite) !important;
}

.more_about_progressbar .progress-bar div span {
    background-color: var(--colorYellow);
}

.more_about_progressbar .progress-bar div span {
    font-size: 64px;
    font-weight: 700;
    color: var(--colorBlack);
    font-family: var(--paraFont);
}

.more_about_progressbar h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.more_about_progressbar p {
    color: var(--colorBlack);
    margin-top: 8px;
}

/* more about end */


/* process 2 start */

.process_2 {
    background: var(--colorWhite);
}

.process_2_item {
    position: relative;
    text-align: center;
    background: #FAF8F7;
    margin: 70px 0px 0px 18px;
    padding: 30px 20px 25px 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 2;
}

.process_2_item .img {
    width: 60px;
    height: 60px;
    margin: auto;
}

.process_2_item h6 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 23px;
}

.process_2_item p {
    margin-top: 15px;
}

.process_2_item span {
    position: absolute;
    top: -22px;
    left: 20px;
    width: 50px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--colorBlack);
    background: var(--colorYellow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.process_2_item:hover span {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.process_2_item span::after {
    position: absolute;
    content: "";
    top: -1px;
    right: -10px;
    width: 10px;
    height: 22px;
    clip-path: polygon(0% 100%, 0% 0%, 100% 100%);
    background: #ebbf11;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.process_2_item:hover span::after {
    background: #0468c7;
}

.process_2_item::before {
    position: absolute;
    content: "";
    bottom: -18px;
    left: -18px;
    width: 260px;
    height: 215px;
    border-left: 1px solid var(--colorYellow);
    border-bottom: 1px solid var(--colorYellow);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.process_2_item:hover::before {
    border-color: var(--colorPrimary);
}

/* process 2 end */


/* testimonial 2 start */
.testimonial_2 {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
}

.testimonial_2_overly {
    position: relative;
    background: linear-gradient(90deg, rgba(250, 248, 247, 0.99) 64.11%, rgba(138, 141, 143, 0.00) 57.08%);
}

.testimonial_2_overly::after {
    position: absolute;
    content: "";
    top: 20px;
    left: 0;
    width: 280px;
    height: 810px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    animation: ChooseAnimi linear 2s infinite alternate;
    -webkit-animation: ChooseAnimi linear 2s infinite alternate;
}

.testimonial_2_item {
    text-align: center;
    position: relative;
    margin: 45px 12px 30px 12px;
    padding: 55px 30px 25px 30px;
    background: #EA2144;
    box-shadow: 0px 10px 50px 0px rgb(0 0 0 / 1%);
    z-index: 1;
}

.testimonial_2_item::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.testimonial_2_item .img {
    position: absolute;
    top: -40px;
    left: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
   
}

.testimonial_2_item h5 {
    font-size: 18px;
    font-weight: 600;
}

.testimonial_2_item span {
    margin-top: 5px;
    display: inline-block;
    color: var(--ratingColor);
}

.testimonial_2_item p {
    margin-top: 18px;
    color:white;
}

.testimonial_2_item h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    color:white;
    text-transform: capitalize;
}

.testimonial_2_item h6 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
}

.testimonial_2 .slick-dots {
    margin-top: 7px;
}

.testimonial_2 .slick-dots li button {
    width: 13px;
    height: 13px;
    margin: 0px 6px;
    opacity: 1;
    position: relative;
    background: var(--colorYellow);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial_2 .slick-dots li button::after {
    position: absolute;
    content: "";
    top: -6px;
    left: -6px;
    width: 25px;
    height: 25px;
    border: 2px solid var(--colorYellow);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial_2 .slick-dots li.slick-active button::after {
    opacity: 1;
}

/* testimonial 2 end */


/* blog 2 start */

.blog_2_item {
    background: var(--colorWhite);
    box-shadow: 0px 1px 10px 0px rgba(51, 51, 51, 0.10);
    margin-top: 25px;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_2_item_img {
    display: block;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.blog_2_item_text {
    padding: 75px 30px 30px 30px;
    position: relative;
}

.blog_2_item_text .date {
    position: absolute;
    top: -45px;
    left: 30px;
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    padding: 10px 20px 15px 20px;
    color: var(--colorBlack);
    background: var(--colorYellow);
}

.blog_2_item_text .date span {
    display: block;
    line-height: 20px;
    color: var(--colorBlack);
}

.blog_2_item_text ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 10px;
}

.blog_2_item_text ul li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.blog_2_item_text ul li i {
    margin-right: 5px;
    color: var(--colorBlack);
}

.blog_2_item_text .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
    margin-top: 10px;
    padding-top: 15px;
    position: relative;
}

.blog_2_item_text .description::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #696A6F40;
    top: 1px;
    left: 0;
}

.blog_2_item_text .description::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    background: var(--colorYellow);
    top: 0;
    left: 0;
    z-index: 1;
}

.blog_2_item:hover {
    margin-top: 15px;
}

/* blog 2 end */

/* footer 2 start */
.footer_2_recent_post h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    color: var(--colorWhite);
}

.footer_2_recent_post h3::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    bottom: -5px;
    left: 0;
    background: var(--colorYellow);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.footer_2_recent_post ul {
    margin-top: 40px;
}

.footer_2_recent_post ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.footer_2_recent_post ul li span {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.footer_2_recent_post ul li .text {
    width: 65%;
    margin-left: 20px;
}

.footer_2_recent_post ul li p {
    display: flex;
    align-items: center;
    color: var(--colorWhite);
    font-size: 13px;
    opacity: .7;
}

.footer_2_recent_post ul li p img {
    width: 13px !important;
    height: 15px !important;
    margin-right: 8px;
}

.footer_2_recent_post ul li a {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
    color: var(--colorWhite);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer_2_recent_post ul li a:hover {
    color: var(--colorYellow);
}

.footer_copyright_2 {
    background: var(--colorYellow);
}

.footer_copyright_2 .footer_copyright_text p {
    color: var(--colorBlack);
}

.footer_copyright_2 .footer_copyright_text ul li a {
    color: var(--colorBlack) !important;
}

.footer_copyright_2 .footer_copyright_text ul li a:hover {
    color: var(--colorPrimary);
}

.footer_copyright_2 .footer_copyright_text ul li a::after {
    background: var(--colorBlack);
}

/* footer 2 end */

/*==========================
    HOME PAGE 02 END
==========================*/


/*==========================
    HOME PAGE 03 START
==========================*/
.home_3 .nice-select .option:hover,
.home_3 .nice-select .option.focus,
.home_3 .nice-select .option.selected.focus {
    background-color: #8effc6;
}

.home_3 .progress-wrap svg.progress-circle path {
    stroke: var(--colorGreen);
}

.home_3 .progress-wrap::after {
    color: var(--colorGreen);
}

.home_3 .common_btn_2 {
    color: var(--colorWhite);
    background: var(--colorGreen);
}

.home_3 .common_btn_2:hover {
    color: var(--colorBlack);
}

.home_3 .common_btn_2::after {
    background: var(--colorYellow);
}

.home_3 .title:hover {
    color: var(--colorGreen);
}

/* topbar 3 start */

.topbar_3 {
    position: relative;
    margin-bottom: 36px;
}

.topbar_3 .topbar_left li p b {
    color: var(--colorGreen);
}

.topbar_3 .topbar_left li a span img,
.topbar_3 .topbar_left li p span img {
    filter: brightness(0) saturate(100%) invert(54%) sepia(85%) saturate(4570%) hue-rotate(126deg) brightness(98%) contrast(95%);
    -webkit-filter: brightness(0) saturate(100%) invert(54%) sepia(85%) saturate(4570%) hue-rotate(126deg) brightness(98%) contrast(95%);
}

.topbar_3 .topbar_right .icon li a:hover {
    color: var(--colorGreen);
}

.topbar_3::after {
    display: none;
}

/* topbar 3 end */


/* menu 3 start */

.main_menu_3 {
    background: transparent;
    margin-top: 2px;
}

.main_menu_3 .droap_menu li a:hover,
.main_menu_3 .droap_menu li a.active {
    color: var(--colorGreen);
}

.main_menu_3 .droap_menu li a:hover::after,
.main_menu_3 .droap_menu li a.active::after {
    background: var(--colorGreen);
}

.main_menu_3 .container {
    position: relative;
    z-index: 1;
    padding: 1px 23px;
}

.main_menu_3 .container::after {
    position: absolute;
    content: "";
    top: 0px;
    left: 12px;
    width: 98.2%;
    height: 100%;
    background: #EA2144;
    z-index: -1;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.main_menu_3 .navbar-brand {
    position: relative;
    z-index: 1;
    padding-left: 20px;
}

.main_menu_3 .navbar-brand::after {
      position: absolute;
    content: "";
    top: -11px;
    left: -11px;
    width: 237px;
    height: 72.5px;
    background: #eee;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -1;
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -ms-border-radius: 10px 0px 0px 10px;
    -o-border-radius: 10px 0px 0px 10px;
}

.main_menu_3 .right_menu li .hire_btn {
    background: #fff;
    color: var(--colorBlack);
}

/* menu 3 end */


/* banner 3 start */

.banner_3_overly {
    background: linear-gradient(90deg, rgb(6 174 89 / 90%) 16.67%, rgb(3 66 125 / 0%) 60%);
}

.banner_3 .banner_text {
    padding-top: 0;
    padding-bottom: 60px;
}

.banner_3 .banner_text h5 {
    color: var(--colorWhite);
}

.banner_3 .banner_text h5::after {

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.banner_3 .banner_text h1 {
    font-size: 74px;
    font-weight: 700;
    line-height: 84px;
}

.banner_3 .banner_text .common_btn_2 {
    color: var(--colorBlack);
    background: var(--colorYellow);
}

.banner_3 .banner_text .common_btn_2::after {
    background: var(--colorBlack);
}

.banner_3 .banner_text .common_btn_2:hover {
    color: var(--colorWhite);
}

/* banner 3 end */


/* choose 3 start */

.choose_3 {
    margin-top: -130px;
}

.choose_3_item {
    margin-top: 25px;
    padding: 35px 35px 32px 35px;
    background: var(--colorGreen);
    border: 3px solid var(--colorWhite);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.choose_3_item .top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.choose_3_item .top span {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.choose_3_item .top h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorWhite);
}

.choose_3_item p {
    color: var(--colorWhite);
    margin-top: 20px;
}

.choose_3_item a {
    margin-top: 30px;
}

.choose_3_item a,
.choose_3_item a i {
    font-size: 14px;
    font-weight: 600;
    color: var(--colorWhite);
    text-transform: uppercase;
}

.choose_3_item a i {
    margin-left: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.choose_3_item a:hover i {
    margin-left: 10px;
}

.choose_3_item.blue {
    background: var(--colorPrimary);
}

.choose_3_item.yellow {
    background: var(--colorYellow);
}

.choose_3_item.yellow .top h4 {
    color: var(--colorBlack);
}

.choose_3_item.yellow p {
    color: var(--colorBlack);
}

.choose_3_item.yellow a {
    color: var(--colorBlack);
}

.choose_3_item.yellow a i {
    color: var(--colorBlack);
}

/* choose 3 end */


/* about us 3 start */
.about_3_img {
    height: 590px;
    position: relative;
    left: -50px;
}

.about_3_contant p {
    margin-top: 25px;
}

.about_3_contant_bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about_3_contant_left {
    width: 55%;
}

.about_3_contant_left ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #00030;
}

.about_3_contant_left ul li:last-child {
    border: none;
    padding-bottom: 0;
}

.about_3_contant_left ul li span {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 30px;
}

.about_3_contant_left ul li h4 {
    font-size: 24px;
    line-height: normal;
    font-family: var(--headingFont);
    text-transform: capitalize;
    color: var(--colorBlack);
}

.about_3_ceo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 50px;
    gap: 15px 20px;
}

.about_3_ceo .img_1 {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_3_ceo .img_2 {
    display: inline-block;
    width: 85px;
    height: 70px;
}

.about_3_ceo .text h6 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.about_3_ceo .text b {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    color: var(--colorGreen);
}

.about_3_contant_right {
    width: 35%;
    margin-left: 60px;
}

.about_3_contant_right ul {
    border: 1px solid #D8DDE1;
    margin-top: 30px;
    padding: 13px 25px 13px 25px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.about_3_contant_right ul li {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #00042;
}

.about_3_contant_right ul li:last-child {
    border: none;
}

.about_3_contant_right ul li h6,
.about_3_contant_right ul li h5 {
    font-size: 24px;
    font-weight: 400;
    color: var(--colorGreen);
    text-transform: capitalize;
    font-family: var(--paraFont);
}

.about_3_contant_right ul li h5 {
    margin-top: 13px;
}

.about_3_contant .common_btn_2 {
}

/* about us 3 end */

/* service start */
.services_3 .single_services_img {
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
}

.services_3 .single_services_text {
    padding: 25px;
}

.services_3 .single_services_text ul li a {
    background: #06ae5921;
    color: var(--colorGreen);
}

.services_3 .single_services_text ul li a:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.services_3 .book_now_btn {
    margin-left: -40px;
    background: var(--colorGreen);
}

.services_3 .book_now_btn:hover {
    background: #0a8748;
}

.services_3 .book_now_btn::after {
    border-right: 15px solid #0a8748;
}

.services_3 .single_services_text .rating {
    font-size: 14px;
}

.services_3 .single_services_text .rating span {
    font-size: 14px;
}

/* service end */


/* team 3 start */

.team_3_item {
    text-align: center;
    background: #ECF0F8;
    position: relative;
    overflow: hidden;
    margin: 0px 12px;
    padding: 30px 30px 30px 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.team_3_item::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 408px;
    background: url(https://ggservice.in/public/front/img/team-mber.png);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_3_item:hover::after {

}

.team_3_item .img {
    width: 205px;
    height: 205px;
    margin: auto;
    position: relative;
    z-index: 1;
}

.team_3_item:hover .text .call span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(262deg) brightness(104%) contrast(105%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(262deg) brightness(104%) contrast(105%);
}

.team_3_item .img span {
    position: absolute;
    bottom: 3px;
    right: 29px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorYellow);
    color: var(--colorBlack);
    cursor: pointer;
    z-index: 3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.team_3_item .img ul {
    position: absolute;
    bottom: 0;
    right: 10px;
    padding-bottom: 40px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.team_3_item .img ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorYellow);
    color: var(--colorBlack);
    margin-bottom: 8px;
    position: relative;
    font-size: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.team_3_item .img ul li a:hover {
    background: var(--colorBlack);
    color: var(--colorYellow);
}

.team_3_item:hover .img ul {
    right: 30px;
    opacity: 1;
}

.team_3_item .text {
    margin-top: 26px;
    position: relative;
    z-index: 1;
}

.team_3_item:hover .text .title {
    color: var(--colorWhite);
}

.team_3_item .text p {
    font-size: 14px;
    color: var(--colorBlack);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.team_3_item:hover .text p {
    color: var(--colorWhite);
}

.team_3_item .text .call {
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #00030;
    justify-content: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.team_3_item:hover .text .call {
    border-top: 1px solid #D8DDE133;
}

.team_3_item .text .call span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.team_3_item .text .call span img {
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
}

.team_3_item .text .call b {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorBlack);
}

.team_3_item:hover .text .call b {
    color: var(--colorWhite);
}

.team_3 .nextArrow,
.team_3 .prevArrow {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 16px;
    color: var(--colorBlack);
    cursor: pointer;
    top: -120px;
    right: 10px;
    z-index: 1;
    line-height: 50px !important;
    border: 1px solid #c8c8c8;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_3 .prevArrow {
    right: 70px;
}

.team_3 .nextArrow,
.team_3 .prevArrow:hover,
.team_3 .nextArrow:hover {
    color: var(--colorWhite);
    background: var(--colorGreen);
    border-color: var(--colorGreen);
}

/* team 3 end */


/* mission 2 start */

.mission_3 {
    position: relative;
    overflow: hidden;
    padding: 56px 0px 76px 0px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.mission_3::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 575px;
    height: 330px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.mission_3_area .section_heading_3 h2 {
    color: var(--colorWhite);
}

.mission_3_area p {
    color: var(--colorWhite);
}

.mission_btn {
    text-align: end;
}

.mission_btn .common_btn_2 {
    color: var(--colorBlack);
    background: var(--colorWhite);
}

.mission_btn .common_btn_2::after {
    background: var(--colorYellow);
}

/* mission 2 end */


/* faq 3 start */

.faq_3_accordion .accordion-item {
    margin-top: 20px;
    border: 1px solid #D8DDE1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.faq_3_accordion .accordion-item:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.faq_3_accordion .accordion-item:last-of-type {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.faq_3_accordion .accordion-button:focus {
    border-color: #D8DDE1;
    box-shadow: none;
}

.faq_3_accordion .accordion-button {
    font-size: 18px;
    font-weight: 600;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    background: transparent;
}

.faq_3_accordion .accordion-button:not(.collapsed) {
    color: var(--colorWhite);
    box-shadow: none;
    background: var(--colorGreen) !important;
    border-bottom: 1px solid #d8dde182;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
}

.faq_3_accordion .accordion-button::after {
    width: 20px;
    height: 20px;
    background-image: url(../images/accrodion_3_img_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.faq_3_accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../images/accrodion_3_img_2.png);
}

.faq_3_accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.faq_3_accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


.faq_3_accordion .accordion-body {
    color: var(--colorWhite);
    background: var(--colorGreen);
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
}


.faq_3_img {
    position: relative;
}

.faq_3_img .img_1 {
    height: 475px;
    margin-right: 55px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}

.faq_3_img .img_2 {
    display: inline-block;
    position: absolute;
    bottom: -55px;
    right: -56px;
    width: 260px;
    height: 210px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 6px solid var(--colorWhite);
}

.faq_3_img::after {
    position: absolute;
    content: "";
    top: -33px;
    right: -33px;
    width: 250px;
    height: 250px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -1;
}

.faq_3_img_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 65px;
    left: -65px;
    padding: 15px 20px 15px 20px;
    background: var(--colorGreen);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.faq_3_img_text .icon {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: var(--colorYellow);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.faq_3_img_text .icon img {
    width: 25px !important;
    height: 25px !important;
    filter: brightness(0) saturate(100%) invert(2%) sepia(3%) saturate(5630%) hue-rotate(187deg) brightness(103%) contrast(86%);
    -webkit-filter: brightness(0) saturate(100%) invert(2%) sepia(3%) saturate(5630%) hue-rotate(187deg) brightness(103%) contrast(86%);
}


.faq_3_img_text .text {
    margin-left: 20px;
}

.faq_3_img_text .text p {
    font-size: 14px;
    font-weight: 600;
    color: var(--colorWhite);
}

.faq_3_img_text .text a {
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    color: var(--colorWhite);
}

/* faq 3 end */


/* award 3 start */
.award_3 {
    position: relative;
}

.award_3::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: #ECF0F8;
    z-index: -1;
}

.award_3_area {
    background: var(--colorGreen);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.award_3_img {
    height: 465px;
}

.award_3_text_top {
    width: 78%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.award_3_text_top span {
    display: inline-block;
    width: 60px;
    height: 60px;
}

.award_3_text_top h5 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorWhite);
    width: 76%;
    margin-left: 25px;
}

.award_3_text ul {
    padding: 32px 30px 55px 20px;
}

.award_3_text ul li {
    padding-bottom: 35px;
    padding-top: 40px;
    border-bottom: 1px solid #d8dde154;
}

.award_3_text ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.award_3_text ul li p {
    margin-top: 20px;
    color: var(--colorWhite);
}

/* award 3 end */

/* testimonial 3 start */
.testimonial_3 {
    position: relative;
    background: #ECF0F8;
    z-index: 1;
}

.testimonial_3::after {
    position: absolute;
    content: "";
    top: 200px;
    left: 50%;
    width: 1145px;
    height: 540px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    z-index: -1;
}

.testimonial_3_item {
    text-align: center;
}

.testimonial_3_item .img {
    width: 60px;
    height: 43px;
    margin: auto;
}

.testimonial_3_item .rating {
    display: block;
    color: var(--ratingColor);
    margin-top: 20px;
    text-align: center;
}

.testimonial_3_item p {
    margin-top: 20px;
    text-align: center;
}

.testimonial_3_item .name {
    margin-top: 30px;
    text-align: center;
}

.testimonial_3_item .name h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}

.testimonial_3_item .name h6 {
    font-size: 14px;
    font-weight: 400;
    color: var(--colorGreen);
    text-transform: capitalize;
    margin-top: 10px;
    text-align: center;
}

.testimonial_3_img {
    margin-top: 10px;
}

.testimonial_3_img_slide {
    cursor: pointer;
    position: relative;
    margin: 30px auto !important;

}

.testimonial_3_img_slide::after {
    position: absolute;
    content: "";
    top: -7px;
    left: -5px;
    width: 60px;
    height: 80px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    opacity: 0;
}

.testimonial_3 .slick-current .testimonial_3_img_slide::after {
    opacity: 1;
}

.testimonial_3 .slick-dots {
    padding-right: 25px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    gap: 18px;
    width: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.testimonial_3 .slick-dots li button {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0;
    opacity: 1;
    background: var(--colorGreen);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial_3 .slick-dots li.slick-active button {
    background: var(--colorGreen);
}

.testimonial_3 .slick-dots li button::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid var(--colorGreen);
    top: -7px;
    left: -7px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial_3 .slick-dots li.slick-active button::after {
    opacity: 1;
}

/* testimonial 3 end */

/* process 3 start */
.process_3 .process_2_item {
    background: #ECF0F8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.process_3 .process_2_item span {
    color: var(--colorWhite);
    background: var(--colorGreen);
    border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    -moz-border-radius: 5px 0px 5px 5px;
    -ms-border-radius: 5px 0px 5px 5px;
    -o-border-radius: 5px 0px 5px 5px;
}

.process_3 .process_2_item:hover span {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.process_3 .process_2_item span::after {
    background: #06a052;
}

.process_3 .process_2_item:hover span::after {
    background: #dbb20c;
}

.process_3 .process_2_item::before {
    border-left: 1px solid var(--colorGreen);
    border-bottom: 1px solid var(--colorGreen);
    border-radius: 0px 2px 0px 10px;
    -webkit-border-radius: 0px 2px 0px 10px;
    -moz-border-radius: 0px 2px 0px 10px;
    -ms-border-radius: 0px 2px 0px 10px;
    -o-border-radius: 0px 2px 0px 10px;
}

.process_3 .process_2_item:hover::before {
    border-color: var(--colorYellow);
}

/* process 3 end */

/* blog 3 start */
.blog_3_btn {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}

.blog_3_item {
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.blog_3_item .img {
    height: 300px;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
}

.blog_3_item .text {
    position: relative;
    padding: 50px 30px 23px 30px;
    border: 1px solid #E6E6E6;
    border-top: 3px solid var(--colorGreen);
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
}

.blog_3_item .text .title {
    font-size: 24px;
}

.blog_3_item .text p {
    margin-top: 10px;
}

.blog_3_item .text .link {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--colorBlack);
    margin-top: 20px;
}

.blog_3_item .text .link i {
    font-weight: 700;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
}

.blog_3_item .text .link:hover {
    color: var(--colorGreen);
}

.blog_3_item .text .link:hover i {
    margin-left: 5px;
}

.blog_3_item .text .date {
    position: absolute;
    top: -40px;
    left: 48px;
    z-index: 1;
}

.blog_3_item .text .date b {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: var(--colorWhite);
}

.blog_3_item .text .date span {
    display: block;
    text-transform: uppercase;
    color: var(--colorWhite);
}

.blog_3_item .text .date::after {
    position: absolute;
    content: "";
    top: -23px;
    left: -21px;
    width: 70px;
    height: 95px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -1;
}

.blog_3_item .text::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 100px;
    height: 80px;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -1;
}

.blog_3_item:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

/* blog 3 end */

/* footer start */
.footer_3 {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.footer_3_newsletter {
    padding: 43px 0px 43px 0px;
    border-bottom: 1px solid #ffffff35;
}

.footer_3_newsletter_call {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer_3_newsletter_call span {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.footer_3_newsletter_call .text {
    margin-left: 25px;
}

.footer_3_newsletter_call .text h6 {
    font-size: 24px;
    font-weight: 700;
    color: var(--colorWhite);
}

.footer_3_newsletter_call .text a {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorWhite);
    margin-top: 8px;
}

.footer_3_logo a {
    max-width: 105px;
}

.footer_3_newsletter_right form {
    position: relative;
}

.footer_3_newsletter_right form input {
    padding: 15px 20px;
    background: transparent;
    color: var(--colorWhite);
    border: 1px solid var(--colorWhite);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.footer_3_newsletter_right form input::placeholder {
    color: var(--colorWhite);
}

.footer_3_newsletter_right form .common_btn_2 {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 11px 30px;
    color: var(--colorBlack);
    background: var(--colorYellow);
}

.footer_3_newsletter_right form .common_btn_2::after {
    background: var(--colorBlack);
}

.footer_3_newsletter_right form .common_btn_2:hover {
    color: var(--colorWhite);
}

.footer_3_area {
    padding: 75px 0px 80px;
}

.footer_3_menu h4,
.footer_3_address h4,
.footer_3_insta h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.footer_3_menu ul {
    margin-top: 30px;
}

.footer_3_menu ul li {
    margin-top: 12px;
}

.footer_3_menu ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorWhite);
    text-transform: capitalize;
    position: relative;
    padding-left: 18px;
}

.footer_3_menu ul li a:hover {
    color: var(--colorYellow);
}

.footer_3_menu ul li a::after {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    background: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_3_menu ul li a:hover::after {
    background: var(--colorYellow);
}

.footer_3_address ul li {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    position: relative;
    padding-left: 30px;
}

.footer_3_address ul li span {
    display: inline-block;
    width: 30px;
    color: var(--colorWhite);
    position: absolute;
    top: 0;
    left: 0;
}

.footer_3_address ul li .text p {
    color: var(--colorWhite);
}

.footer_3_address ul li .text a {
    display: block;
    color: var(--colorWhite);
    line-height: 18px;
}

.footer_3_address ul li .text a:hover {
    color: var(--colorYellow);
}

.footer_3_address ul {
    margin-top: 30px;
}

.footer_3_insta ul {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 36px;
}

.footer_3_insta ul li a {
    display: block;
    width: 65px;
    height: 65px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.footer_3_insta ul li a span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #EA2144d1;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorBlack);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_3_insta ul li a:hover span {
    opacity: 1;
}

.footer_copyright_3 {
    padding: 20px 0px;
    border-top: 1px solid #ffffff35;
}

.footer_copyright_3_text {
    justify-content: space-between;
}

.footer_copyright_3_text p {
    color: var(--colorWhite);
}

.footer_copyright_3_text p b {
    display: inline-block;
}

.footer_copyright_3_text ul li a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    margin-right: 25px;
}

.footer_copyright_3_text ul li a::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: var(--colorWhite);
    top: 10px;
    right: -3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.footer_copyright_3_text ul li:last-child a {
    margin: 0;
    padding: 0;
}

.footer_copyright_3_text ul li:last-child a::after {
    display: none;
}

.footer_copyright_3_text ul li a:hover {
    color: var(--colorYellow);
}

/* footer end */
.home_3 .banner_text ul li .play_btn {
    color: var(--colorBlack);
}

/*==========================
    HOME PAGE 03 END
==========================*/

/*==========================
    SERVICES START
==========================*/
.service__sidebar {
    padding: 40px 30px;
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.service_search_box {
    position: relative;
}

.service_search_box input {
    padding: 13px 60px 13px 20px;
    font-family: var(--headingFont);
    font-size: 15px;
}

.service_search_box button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.service_search_box button:hover {
    color: var(--colorBlack);
    background: var(--colorYellow);
}

.service__sidebar_category,
.service__sidebar_location,
.service_sidebar_range {
    margin-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(23, 23, 24, 0.14);
}

.service__sidebar_location h5,
.service__sidebar_category h5,
.service_sidebar_range h5 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.service__sidebar_location {
    border: none;
    padding-bottom: 0;
}

.service__sidebar_rating ul {
    margin-top: 20px;
}

.service__sidebar_rating ul li {
    margin-top: 10px;
}

.service__sidebar_rating ul li .form-check {
    margin-bottom: 0;
}

.service__sidebar_rating ul li input {
    padding: 0;
    width: 16px !important;
    height: 16px !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}

.service__sidebar_rating ul li .form-check-input:focus {
    box-shadow: none;
}

.service__sidebar_rating ul li label {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--paraColor);
}

.service__sidebar_rating {
    padding-bottom: 0;
    border-bottom: none;
}

.service__sidebar_rating ul li label i {
    color: var(--ratingColor);
}

.service__sidebar_category ul {
    display: flex;
    flex-direction: column;
}

.service__sidebar_category ul li {
    margin-top: 10px;
}

.service__sidebar_category ul li a {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--paraColor);
    position: relative;
    padding-left: 15px;
    display: block;
}

.service__sidebar_category ul li a:hover {
    color: var(--colorPrimary);
    padding-left: 20px;
}

.service__sidebar_category ul li a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--paraColor);
    top: 9px;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.service__sidebar_category ul li a:hover::after {
    background: var(--colorPrimary);
}

.service__sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--colorBlack);
    line-height: 50px;
    padding-left: 20px;
}

.service__sidebar .select2-container .select2-selection--single {
    height: 50px;
    border-color: #ddd;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.service__sidebar .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -18px;
    margin-top: 8px;
}

.services_page .single_services {
    margin-top: 0;
    margin-bottom: 25px;
}

/*==========================
    SERVICES END
==========================*/

/*==========================
    SERVICE DETAILS START
==========================*/
.services_details_img,
.booking_details_img,
.blog_details_img {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.services_details_area .details_title {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 35px;
}

.services_details_area .nav {
    border-radius: 6px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.services_details_area .nav li {
    width: 50%;
}

.services_details_area .nav .nav-item button {
    width: 100%;
    padding: 15px 30px;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    background: var(--lightBg);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-right: 1px solid #c4c0c0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    text-align: center;
}

.services_details_area .nav .nav-item:last-child button {
    border: none;
}

.services_details_area .nav .nav-item button:hover,
.services_details_area .nav .nav-item button.active {
    background: var(--colorYellow);
}

.service_details_overview h2,
.service_details_text h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
}

.service_details_overview p,
.service_details_text p {
    line-height: 30px;
}

.service_details_overview h1,
.service_details_overview h2,
.service_details_overview h3,
.service_details_overview h4,
.service_details_overview h5,
.service_details_overview h6,
.service_details_text h1,
.service_details_text h2,
.service_details_text h3,
.service_details_text h4,
.service_details_text h5,
.service_details_text h6 {
    font-weight: 700;
    margin-top: 30px;
    font-size: 20px;
}

.service_details_overview h3,
.service_details_text h3 {
    font-size: 20px;
}

.service_details_overview ul,
.service_details_overview ol,
.service_details_text ul,
.service_details_text ol {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}

.service_details_overview ul li,
.service_details_overview ul ol,
.service_details_text ul li,
.service_details_text ul ol {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-top: 20px;
    width: 50%;
}

.service_details_overview ul li::after,
.service_details_overview ul ol::after,
.service_details_text ul li::after,
.service_details_text ul ol::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0;
}

.service_details_text ul li,
.service_details_text ul ol {
    font-size: 16px;
    font-weight: 500;
    padding-left: 30px;
    margin-top: 15px;
    color: var(--paraColor);
}

.service_details_text ul li::after,
.service_details_text ul ol::after {
    content: "";
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0;
}

.service_details_review {
    border-top: 1px solid #ddd;
    margin-top: 30px;
}

.single_review {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
    margin-top: 30px;
}

.single_review .img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_review .text {
    width: 90%;
}

.single_review .text h4 {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.single_review .text h4 span {
    color: var(--ratingColor);
}

.single_review .text .date {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.single_review .text .description {
    line-height: 30px;
}

.service_details_review .pagination ul {
    justify-content: start;
}

.input_review {
    background: var(--lightBg);
    padding: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.input_review h3 {
    font-size: 28px;
    font-weight: 700;
}

.select_rating {
    display: flex;
    gap: 5px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.select_rating span {
    text-transform: capitalize;
    color: var(--colorBlack);
    font-weight: 500;
    margin-right: 10px;
}

.select_rating i {
    font-size: 18px;
    color: var(--paraColor);
    cursor: pointer;
    margin-top: 4px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.select_rating i:hover,
.select_rating i.active {
    color: var(--ratingColor);
}

.input_review form label {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.input_review form input,
.input_review form textarea {
    border: none;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    padding: 15px 20px;
    margin-bottom: 25px;
}

.input_review form textarea {
    margin-bottom: 20px;
}

.sidebar {
    padding-left: 20px;
}

.sidebar_package {
    padding: 40px 40px 35px 40px;
    box-shadow: var(--boxShadow);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_package h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--paraFont);
    margin-bottom: 35px;
    padding-bottom: 15px;
    color: var(--colorPrimary);
    border-bottom: 1px solid #ddd;
}

.sidebar_package price_j {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 17px;
    font-weight: 700;
}

.sidebar_package ul {
    margin-bottom: 35px;
}

.sidebar_package ul li {
    position: relative;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
    margin-top: 15px;
}

.sidebar_package ul li::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background: var(--colorGreen);
    top: 9px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sidebar_provider {
    box-shadow: var(--boxShadow);
    padding: 40px;
    border-radius: 10px;
    background: var(--colorWhite);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_provider .img {
     width: 103px;
    height: 101px;
    padding: 1px;
    overflow: hidden;
    background: #000000;
    margin-bottom: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sidebar_provider h2 {
    font-size: 28px;
    font-weight: 700;
}

.sidebar_provider p {
    font-size: 14px;
}

.sidebar_provider ul {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 32px;
}

.sidebar_provider ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.sidebar_provider ul li,
.sidebar_provider ul li span {
    font-size: 16px;
    font-weight: 500;
}

.sidebar_provider ul li b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
}

.sidebar_provider ul li b i {
    margin-right: 10px;
}

.sidebar_provider a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}

.sidebar_provider a i {
    margin-right: 10px;
}

.sidebar_provider a:hover {
    color: var(--colorPrimary);
}

/*==========================
    SERVICE DETAILS END
==========================*/

/*==========================
    BOOKING SERVICE START
==========================*/
.booking_details_header h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 20px;
}

.booking_details_text h1,
.booking_details_text h2,
.booking_details_text h3,
.booking_details_text h4,
.booking_details_text h5,
.booking_details_text h6 {
    font-weight: 700;
    margin-top: 35px;
}

.booking_details_text h1,
.booking_details_text h2,
.booking_details_text h3 {
    font-size: 28px;
}

.booking_details_text h4,
.booking_details_text h5,
.booking_details_text h6 {
    font-size: 20px;
    margin-top: 30px;
}

.booking_details_text p {
    line-height: 30px;
    margin-top: 25px;
}

.booking_details_text ul,
.booking_details_text ol {
    margin-top: 25px;
}

.booking_details_text ul li,
.booking_details_text ol li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    margin-top: 20px;
    position: relative;
}

.booking_details_text ul li::after,
.booking_details_text ol li::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0;
}

.wsus__booking_button_area {
    margin-top: 50px;
    gap: 10px;
    margin-bottom: -5px;
}

.wsus__booking_button_area a:hover {
    border-color: var(--colorBlack);
}

.wsus__booking_button_area li .common_btn_2 i {
    margin-left: 0;
    margin-right: 7px;
    transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
}

.wsus__booking_button_area li:first-child a:hover {
    background: var(--colorBlack);
}

.sidebar_booking_info {
    padding: 40px;
    box-shadow: var(--boxShadow);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_location h3,
.sidebar_calendar h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.sidebar_location .select2-container .select2-selection--single {
    height: 50px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.sidebar_location .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--colorBlack);
    line-height: 50px;
}

.sidebar_location .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}

.sidebar_location .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -18px;
    margin-top: 8px;
}

.sidebar_calendar input {
    text-transform: uppercase;
}

.sidebar_time .form-check {
    margin-bottom: 0;
    margin-top: 10px;
}

.sidebar_time .form-check input {
    padding: 0;
}

.sidebar_time .form-check label {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
}

.form-check-input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.sidebar_summery {
    padding: 40px;
    box-shadow: var(--boxShadow);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_summery h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.sidebar_summery ul li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    margin-top: 15px;
    position: relative;
}

.sidebar_summery ul li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 11px;
    top: 4px;
    left: 0;
    color: var(--colorGreen);
}

.sidebar_summery .text_bg {
    margin-top: 20px;
    background: var(--lightBg);
    padding: 15px 30px 30px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_summery .text_bg p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    color: var(--colorBlack);
}

.sidebar_summery .text_bg p span {
    color: var(--colorBlack);
}

.sidebar_summery .text_bg h5 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    opacity: .9;
    font-size: 16px;
    font-weight: 600;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}

.sidebar_summery .text_bg h5 span {
    color: var(--colorBlack);
    font-weight: 600;
}

/*==========================
    BOOKING SERVICE END
==========================*/

/*==========================
    BOOKING INFO START
==========================*/
.booking_info_form h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.booking_info_form label {
    color: var(--colorBlack);
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: capitalize;
    text-align: left;
}

.booking_info_form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}

.booking_info_form .select2-container .select2-selection--single {
    height: 50px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.booking_info_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.booking_info_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -18px;
    margin-top: 9px;
}

/*==========================
    BOOKING INFO END
==========================*/

/*=============================
    PAYMENT PAGE START
=============================*/
.payment_area {
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.payment_area h5 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.single_payment {
    display: block;
    background: var(--lightBg);
    margin-top: 20px;
    max-height: 110px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.single_payment:hover {
    background: var(--colorWhite);
    box-shadow: 0px 6px 70px 0px rgba(8, 5, 33, 0.16);
}

.payment_modal .modal-body {
    padding: 30px;
}

.pay_modal_info p {
    margin-bottom: 20px;
    font-size: 15px;
}

.pay_modal_info ul li {
    color: var(--paraColor);
    position: relative;
    padding-left: 25px;
    margin: 10px 0px;
    font-size: 15px;
    font-weight: 400;
}

.pay_modal_info ul li::after {
    width: 20px;
    height: 18px;
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 11px;
    top: 4px;
    left: 0;
    color: var(--colorGreen);
}

.pay_modal_info input,
.pay_modal_info textarea,
.pay_modal_info .nice-select {
    margin-top: 15px;
    border: 1px solid #ddd !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.pay_modal_info .nice-select:after {
    margin-top: -3px;
    right: 20px;
}

.nice-select {
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.pay_modal_info .nice-select {
    margin-top: 10px;
}

.pay_modal_info .nice-select .option {
    font-weight: 400;
    margin: 0;
}

.pay_modal_info .nice-select .option::after {
    display: none;
}

.payment_btn_area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding-top: 20px;
}

.payment_btn_area button {
    border: none;
}

.payment_btn_area button.btn-danger {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.payment_btn_area button.btn-danger:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.payment_btn_area button.btn-danger {
    background: var(--colorRed);
    color: var(--colorWhite);
}

.payment_btn_area button.btn-danger i {
    margin-left: 0;
    margin-right: 7px;
    transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
}

.payment_btn_area button.btn-danger:hover {
    color: var(--colorBlack);
}

/*=============================
    PAYMENT PAGE END
=============================*/

/*=============================
    BLOG PAGE START
=============================*/
.blog_sidebar {
    border: 1px solid #01040E14;
    padding: 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.blog_sidebar h3 {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.blog_sidebar h3::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: var(--colorPrimary);
    bottom: 0;
    left: 0;
}

.sidebar_search form {
    position: relative;
}

.sidebar_search form input {
    border: 1px solid #dddddd8f;
}

.sidebar_search form button {
    position: absolute;
    top: 50%;
    right: 20px;
    background: none;
    color: var(--colorPrimary);
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.sidebar_search form button:hover {
    color: var(--colorBlack);
}

.sidebar_category ul li a {
    position: relative;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    display: block;
    margin-top: 17px;
}

.sidebar_category ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-size: 10px;
    font-weight: 600;
    top: 5px;
    left: 0;
    color: var(--colorPrimary);
}

.sidebar_category ul li a:hover {
    color: var(--colorPrimary);
}

.sidebar_post ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px dashed #696A6F20;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.sidebar_post ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.sidebar_post ul li .img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.sidebar_post ul li .text {
    max-width: 62%;
}

.sidebar_post ul li .text p {
    margin-bottom: 5px;
    margin-top: 3px;
}

.sidebar_post ul li .text a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar_post ul li .text a:hover {
    color: var(--colorPrimary);
}

.sidebar_archive ul li a {
    position: relative;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    display: block;
    margin-top: 15px;
}

.sidebar_archive ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-size: 10px;
    font-weight: 600;
    top: 5px;
    left: 0;
    color: var(--colorPrimary);
}

.sidebar_archive ul li a:hover {
    color: var(--colorPrimary);
}

.sidebar_tags ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.sidebar_tags ul li a {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.sidebar_tags ul li a:hover {
    color: var(--colorPrimary);
}

/*=============================
    BLOG PAGE END
=============================*/

/*==========================
    BLOG DETAILS START
==========================*/
.blog_details_header ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 22px;
}

.blog_details_header ul li i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

.blog_details_header h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 25px;
}

.blog_details_text p {
    line-height: 30px;
    margin-top: 25px;
}

.blog_details_text h1,
.blog_details_text h2,
.blog_details_text h3,
.blog_details_text h4,
.blog_details_text h5,
.blog_details_text h6 {
    font-weight: 700;
    margin-top: 25px;
}

.blog_details_text h1,
.blog_details_text h2 {
    font-size: 28px;
}

.blog_details_text h3,
.blog_details_text h4 {
    font-size: 24px;
}

.blog_details_text h5,
.blog_details_text h6 {
    font-size: 20px;
}

.blog_details_text ul,
.blog_details_text ol {
    margin-top: 30px;
}

.blog_details_text ul li,
.blog_details_text ol li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-top: 20px;
    padding-left: 35px;
}

.blog_details_text ul li::after,
.blog_details_text ol li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-size: 12px;
    font-weight: 600;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    top: -2px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.input_comment h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
}

.input_comment form label {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.input_comment form input,
.input_comment form textarea {
    border: 1px solid #696A6F20;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    padding: 15px 20px;
    margin-bottom: 25px;
}

.comment_area {
    margin-top: 65px;
}

.comment_area h2 {
    font-size: 28px;
    font-weight: 700;
    border-bottom: 1px solid #01040E14;
    padding-bottom: 25px;
}

.single_comment {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #01040E14;
    padding-bottom: 25px;
    margin-top: 30px;
}

.single_comment .img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_comment .text {
    width: 88%;
}

.single_comment .text h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.single_comment .text .description {
    line-height: 30px;
    margin-bottom: 10px;
}

.single_comment .text .date {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.single_comment .text .date a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 700;
    border-left: 2px solid #D9D9D9;
    padding-left: 15px;
    margin-left: 15px;
    line-height: 17px;
}

.single_comment .text .date a:hover {
    color: var(--colorPrimary);
}

.single_comment_reply {
    margin-left: 90px;
}

.single_comment_reply .text {
    width: 86%;
}

.blog_details_area .pagination ul {
    justify-content: start;
}

.sidebar_contact {
    position: relative;
    overflow: hidden;
    max-height: 500px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.sidebar_contact .text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0b277aa8;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.sidebar_contact .text span {
    display: block;
    color: var(--colorWhite);
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px;
}

.sidebar_contact .text h2 {
    color: var(--colorWhite);
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

.sidebar_contact .text p {
    color: var(--colorWhite);
    text-align: center;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 35px;
}

.input_comment {
    background: var(--lightBg);
    padding: 50px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

/*==========================
    BLOG DETAILS END
==========================*/

/*==========================
    FAQ PAGE START
==========================*/
.faq_page {
    position: relative;
}

.faq_page .title {
    color: var(--colorBlack) !important;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 30px;
}

.faq_text .accordion-item {
    background: var(--lightBg);
    border: none;
    margin-top: 25px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.faq_text .accordion-item h2 button {
    background: var(--lightBg);
    border: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.faq_text .accordion-item .accordion-body p {
    line-height: 30px;
}

.faq_text .accordion-button:not(.collapsed) {
    color: var(--colorWhite);
    background: var(--colorPrimary) !important;
    box-shadow: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.faq_text .accordion-button:focus {
    box-shadow: none;
}

.faq_text .accordion-button::after {
    background-image: url(../images/faq_page_arrow_1.png);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/faq_page_arrow_2.png);
}

.faq_img {
    height: 580px;
    margin-top: 25px;
    position: relative;
}

.faq_img img {
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.faq_img::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 122px;
    height: 93px;
    top: -27px;
    right: -29px;
    z-index: -1;
    opacity: .8;
    animation: zoomAnimi linear 1.3s infinite alternate;
    -webkit-animation: zoomAnimi linear 1.3s infinite alternate;
}

.faq_page::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 350px;
    height: 520px;
    bottom: 5%;
    left: 0;
    z-index: -1;
    animation: faqAnimi linear 1.3s infinite alternate;
    -webkit-animation: faqAnimi linear 1.3s infinite alternate;
}

@keyframes faqAnimi {
    from {
        left: -25px;
    }

    to {
        left: 0px;
    }
}

.faq_page::before {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 260px;
    height: 210px;
    bottom: 5%;
    right: 1%;
    z-index: -1;
}

/*==========================
    FAQ PAGE END
==========================*/

/*==========================
    CONTACT US START
==========================*/
.contact_info {
    background: var(--lightBg);
    margin-bottom: 25px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.contact_info .icon {
    width: 80px;
    height: 80px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 28px;
    margin-right: 20px;
    padding: 20px;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact_info .icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(7449%) hue-rotate(270deg) brightness(120%) contrast(112%);
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(7449%) hue-rotate(270deg) brightness(120%) contrast(112%);
}

.contact_info .text {
    max-width: 71%;
}

.contact_info .text h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.contact_info .text p,
.contact_info .text a {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.contact_info .text a:hover {
    color: var(--colorPrimary);
}

.contact_form {
    background: var(--lightBg);
    padding: 30px 60px 60px 60px;
    text-align: center;
    margin-top: 35px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
}

.contact_form button {
    margin-top: 30px;
}

.contact_form input,
.contact_form textarea {
    border: none;
}

.contact_form .select2-container .select2-selection--single {
    border: none;
}

.contact_map {
    height: 560px;
    position: relative;
    bottom: -90px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*==========================
    CONTACT US END
==========================*/


/*=============================
    SIGN UP START
=============================*/
.main_login_area {
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.login_text {
    padding: 55px 25px 60px 50px;
}

.login_text h4 {
    font-size: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.single_input {
    margin-top: 20px;
}

.single_input label {
    font-size: 15px;
    font-weight: 700;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    margin-bottom: 8px;
}

.single_input {
    position: relative;
}

.single_input span {
    position: absolute;
    top: 45px;
    right: 20px;
    font-size: 16px;
    color: var(--paraColor) !important;
    margin-top: 0 !important;
    cursor: pointer;
}

.single_input .form-check {
    margin-bottom: 0;
}

.single_input .form-check input {
    padding: 0;
    margin-top: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.single_input .form-check label {
    font-weight: 400;
    color: var(--paraColor);
    margin: 0;
}

.single_input .forget_password {
    font-size: 15px;
    font-weight: 400;
    display: block;
    text-align: end;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_input .forget_password:hover {
    color: var(--colorBlack);
}

.login_text .common_btn {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.login_text p {
    margin-top: 25px;
    text-align: center;
}

.login_text p a {
    margin-left: 5px;
    color: var(--colorPrimary);
}

.login_text p a:hover {
    color: var(--colorBlack);
}

.login_text span {
    text-align: center;
    display: block;
    margin-top: 25px;
    text-transform: capitalize;
    color: var(--colorBlack);
}

.other_login_option {
    gap: 10px;
    margin-top: 25px;
}

.other_login_option li {
    width: 40%;
}

.other_login_option li a {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    border: 1px solid rgba(3, 26, 38, 0.10);
    background: rgba(255, 255, 255, 0.00);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-transform: capitalize;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.other_login_option li a span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 0;
    margin-right: 6px;
}

.other_login_option li a:hover {
    border-color: var(--colorBlack);
}

.login_img {
    height: 100%;
}

.show_confirm_password .close_eye,
.show_password .close_eye {
    display: none;
}

.show_confirm_password.show .close_eye,
.show_password.show .close_eye {
    display: inline-block;
}

.show_confirm_password.show .open_eye,
.show_password.show .open_eye {
    display: none;
}

.forgot_password .login_text {
    padding: 50px;
}

/*=============================
    SIGN UP END
=============================*/

/*==============================
    TERMS AND CONDITION START
==============================*/
.terms_and_condition_text h1,
.terms_and_condition_text h2,
.terms_and_condition_text h3,
.terms_and_condition_text h4,
.terms_and_condition_text h5,
.terms_and_condition_text h6 {
    font-weight: 700;
    margin-top: 27px;
}

.terms_and_condition_text h1,
.terms_and_condition_text h2 {
    font-size: 32px;
}

.terms_and_condition_text h3,
.terms_and_condition_text h4 {
    font-size: 28px;
}

.terms_and_condition_text h5,
.terms_and_condition_text h6 {
    font-size: 24px;
}

.terms_and_condition_text p {
    margin-top: 25px;
    line-height: 30px;
}

.terms_and_condition_text ul,
.terms_and_condition_text ol {
    margin-top: 25px;
}

.terms_and_condition_text ul li,
.terms_and_condition_text ol li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    margin-top: 15px;
    color: var(--paraColor);
}

.terms_and_condition_text ul li::after,
.terms_and_condition_text ol li::after {
    position: absolute;
    content: "";

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 1px;
    left: 0;
}

/*==============================
    TERMS AND CONDITION END
==============================*/

/*==========================
    ERROR START
==========================*/
.error {
    height: 100vh;
}

.error div {
    height: 100%;
}

.error_text {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.error_text .img {
    height: 260px;
}

.error_text h2 {
    font-size: 42px;
    font-weight: 700;
    margin-top: 55px;
    margin-bottom: 20px;
    text-align: center;
}

.error_text p {
    line-height: 30px;
    margin-bottom: 25px;
    text-align: center;
}

/*==========================
    ERROR END
==========================*/

/*==========================
    PROVIDER DETAILS START
==========================*/
.team_details_left .img {
    height: 455px;
    padding: 20px;
    background: var(--colorWhite);
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
    margin-right: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.team_details_left .img img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.team_details_left .text {
    margin-top: 75px;
}

.team_details_left .text h5 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}

.team_details_left .text p {
    margin-top: 25px;
}

.team_details_contant .name h5 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}

.team_details_contant .name h6 {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--paraFont);
    text-transform: capitalize;
    color: var(--colorPrimary);
    margin-top: 5px;
}

.team_details_contant .team_social {
    gap: 10px;
    margin-top: 35px;
}

.team_details_contant .team_social li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ECF0F8;
    color: var(--colorBlack);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.team_details_contant .team_social li a:hover {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.team_details_contant .description {
    margin-top: 35px;
}

.team_details_contant .addressing {
    margin-top: 28px;
}

.team_details_contant .addressing li {
    font-size: 16px;
    color: var(--paraColor);
    margin-top: 17px;
}

.team_details_contant .addressing li span {
    display: inline-block;
    width: 200px;
    font-weight: 600;
    font-family: var(--headingFont);
    text-transform: capitalize;
    color: var(--colorBlack);
}

.team_details_contact {
    margin-top: 95px;
}

.team_details_contact h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}

.team_details_contact form {
    margin-top: 20px;
}

.team_details_contact form .input input,
.team_details_contact form .input textarea {
    background: #ECF0F8;
    border: navajowhite;
    margin-top: 15px;
}

.team_details_contact form .input input::placeholder,
.team_details_contact form .input textarea::placeholder {
    color: #000;
}

.team_details_contact form .button {
    margin-top: 6px;
}

.team_details_contact form .button .common_btn {
    width: 100%;
}

.team_details_contact form .button .common_btn::after {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.provider_service_heading h2 {
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
}

/*==========================
    PROVIDER DETAILS END
==========================*/

/*==========================
    DASHBOARD START
==========================*/
/* dashboard sidebar start */
.dashboard_sidebar {
    background: var(--colorWhite);
    background: var(--lightBg);
    overflow: hidden;
    height: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.dashboard_sidebar_user {
    padding: 35px 35px 30px 35px;
    background: var(--lightBg);
    background: var(--colorPrimary);
}

.dashboard_sidebar_user .img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 2px solid var(--colorYellow);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_user h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px;
    color: var(--colorWhite);
}

.dashboard_sidebar_user p {
    color: var(--colorWhite);
}

.dashboard_sidebar_menu {
    padding: 35px;
}

.dashboard_sidebar_menu ul li a {
    border-bottom: 1px solid #b9ddff;
    display: block;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dashboard_sidebar_menu ul li:last-child a {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.dashboard_sidebar_menu ul li a i {
    margin-right: 10px;
}

.dashboard_sidebar_menu ul li a:hover,
.dashboard_sidebar_menu ul li a.active {
    color: var(--colorPrimary);
}

/* dashboard sidebar end */

/* personal info start */
.dashboard_content .welcome {
    margin-bottom: 5px;
    color: var(--colorPrimary);
    font-weight: 600;
}

.dashboard_content .title {
    font-size: 24px;
    font-weight: 700;
}

.profile_overview_item {
    padding: 30px;
    background: var(--lightBg);
    margin-top: 25px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.profile_overview_item span {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    text-align: center;
    background: var(--colorYellow);
    color: var(--colorBlack);
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.profile_overview_item h3 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin-top: 10px;
}

.profile_overview_item p {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.profile_overview_item.green {
    background: var(--colorGreen);
}

.profile_overview_item.blue {
    background: var(--colorPrimary);
}

.profile_overview_item.red {
    background: var(--colorRed);
}

.dashboard_profile_info_list,
.dashboard_profile_info_edit,
.dashboard_change_password {
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_profile_info_list h2,
.dashboard_profile_info_edit h2 {
    font-size: 22px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.dashboard_profile_info_list h2 a,
.dashboard_profile_info_edit h2 a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    background: var(--colorYellow);
    padding: 8px 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.dashboard_profile_info_list h2 a:hover,
.dashboard_profile_info_edit h2 a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.dashboard_profile_info_list ul li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
}

.dashboard_profile_info_list ul li span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: 120px;
}

/* personal info end */

/* personal info edit end */
.dashboard_profile_info_edit h2 {
    margin-bottom: 0;
}

.dashboard_profile_info_edit h2 a {
    background: #DB3236;
    color: var(--colorWhite);
}

.info_edit_form button {
    margin-top: 15px;
}

/* personal info edit end */

/* order start */
.dashboard_order {
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid #01040E14;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.dashboard_order table {
    width: 100%;
}

.dashboard_order table tr {
    border-top: 1px solid #01040E14;
}

.dashboard_order table tr th {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    background: var(--colorPrimary);
    padding: 10px;
}

.dashboard_order table tr td {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
}

.dashboard_order table tr th,
.dashboard_order table tr td {
    text-align: center;
    min-width: 100px;
}

.dashboard_order table tr td span {
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    width: 135px;
    margin: 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: center;
}

.dashboard_order table tr td .complete {
    background: #b9fedb;
}

.dashboard_order table tr td .active {
    background: #dbeeff;
}

.dashboard_order table tr td .cancel {
    background: #ffd3d4;
}

.dashboard_order table tr td a {
    color: var(--colorBlack);
    text-transform: capitalize;
}

.dashboard_order table tr td a:hover {
    color: var(--colorPrimary);
}

/* order end */

/* order invoice start */
.dashboard_content .back_btn {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 700;
    background: var(--colorYellow);
    padding: 10px 17px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.dashboard_content .back_btn i {
    margin-right: 5px;
}

.dashboard_content .back_btn:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.dashboard_order_invoice {
    border: 1px solid #01040E14;
    margin-top: 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.dashboard_invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding: 30px;
}

.dashboard_invoice_header .text {
    width: 45%;
}

.dashboard_invoice_header .text h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.dashboard_invoice_header .text ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 10px;
}

.dashboard_invoice_header .text ul li span {
    color: var(--colorBlack);
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    width: 100px;
}

.invoice_service_pack {
    background: #f2f8ff;
    padding: 30px;
}

.invoice_service_pack h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.invoice_service_pack ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.invoice_service_pack ul li::after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 14px;
    top: 2px;
    left: 0;
    color: var(--colorPrimary);
}

.invoice_table {
    border: none;
    border-bottom: 1px solid #01040E14;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.invoice_table table tr th,
.invoice_table table tr td {
    padding: 15px;
    border-right: 1px solid #dedede8c;
    text-align: left;
}

.invoice_table table tr th:last-child,
.invoice_table table tr td:last-child {
    border: none;
}

.dashboard_invoice_footer {
    padding: 30px;
    position: relative;
    margin-top: 30px;
}

.dashboard_invoice_footer h4 {
    font-size: 20px;
    margin-bottom: 30px;
}

.dashboard_invoice_footer ul li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}

.dashboard_invoice_footer ul li span {
    display: inline-block;
    width: 200px;
}

.dashboard_invoice_footer a {
    font-size: 16px;
    padding: 13px 40px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.invoice_table table tr td b {
    color: var(--colorBlack);
    font-weight: 500;
}

/* order invoice end */

/* dashboard review start */
.dashboard_reviews {
    border-top: 1px solid #ddd;
    margin-top: 30px;
}

.dashboard_reviews .pagination ul {
    justify-content: start;
}

/* dashboard review end */

/* dashboard change password start */
.dashboard_change_password button {
    margin-top: 30px;
}

/* dashboard change password end */
.logut_modal_text {
    text-align: center;
}

.logut_modal_text span {
    font-size: 170px;
    color: var(--colorYellow);
    line-height: 0;
}

.logut_modal_text h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 40px;
}

.logut_modal_text p {
    text-align: center;
    line-height: 30px;
    max-width: 80%;
    margin: 0 auto;
}

.logut_modal_text .payment_btn_area {
    justify-content: center;
    margin-top: 25px;
    gap: 10px 20px;
}

.nice-select .current {
    display: block;
}

/*==========================
    DASHBOARD END
==========================*/

.forgot_password .login_text {
    padding: 35px;
}
.testimonial_3_img_slide img{
height: auto !important;
}
.team_3_item img{
  border-radius: 50%;
}
.team_2_item li i {
      margin-top: 28% !important;
}


.counter{
  background:#EA2144 ;
}
.single_counter .icon i{
  color:white;
}
.alternate {
  color:white !important;
}
.services_3{
background: #ebeef8f5;}


.choose_2_itemdd{
  margin-top:20px;
}

.footer{
  background: #EA2144;
}
.footer_social li i{
      margin-top: 14px;
}

.footer .footer_top i{
    margin-top: 5px;
    margin-left: 4px;
  }

.footer_copyright_text li{
  color:white;
}

.float {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 58px;
    left: 9px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 20px!important;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.float2 {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 108px;
    left: 9px;
    background-color: #EA2144;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 20px!important;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.my-float {
    margin-top: 10px;
}

.my-float2 {
    margin-top: 10px;
}
.mission_3{
  background: #000;
}
.about_3_contant_left li i{
      color: #387c0c;
}

 @media (max-width: 767.98px) {
        .footer_top {
               margin-bottom: 0px !important;
        }
        .footer_copyright_text{
          text-align: center !important;
        }
        .about_3_contant .common_btn_2{
              margin-top: 20px;
        }
        .topbar_3 {
    position: relative;
    margin-bottom: 72px !important;
}
    }

.contact_info .icon i{
      MARGIN-TOP: 8PX
}


.selling-price {
  font-size: 22px;
  font-weight: bold;
  color: #4B00E0; /* Purple */
}

.original-price {
  font-size: 16px;
  color: #888;
  text-decoration: line-through;
}

.discount {
  font-size: 16px;
  color: green;
  margin-left: 10px;
}

.input_select{
padding: 14px 2px 11px 2px !important;
}