/* 
***************************************
Template Name: BonFax || Spa Salon - (22 Page) HTML Template
Author: ThemeFax 
Author Email: themefaxbd@gmail.com
website: http://www.themefax.com/
Version: 1.0
Description: BonFax is a library for Spa and Beauty with predefined web elements which helps you to build your own site. These theme is suitable for spa, beauty, care, girly, hair, health, beauty parlour, massage, skincare, saloon, make up, physiotherapy, salon, wellness, yoga website. BonFax theme has a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones and small mobile devices.
***************************************


CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE
03. HOME PAGE 2 
04. ABOUT US PAGE
05. BLOG DETAILS PAGE
06. CONTACT US PAGE
07. DASHBOARD PAGE
08. FAQ PAGE
09. LOGIN PAGE
10. PRICING PAGE
11. SERVICE DETAILS PAGE
12. TEAM DETAILS PAGE
13. TERMS AND CONDITION PAGE
14. 404/ERROR PAGE
15. COMMING SOON PAGE


/*================================
    GLOBAL CSS START
================================*/

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

a {
    margin: 0;
    padding: 0;
}

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

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

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

p,
span {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #666a6c;
}

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

img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid #E4E7E9;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

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

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

button {
    border: none;
}

:root {
    --colorPrimary: #FAA392;
    --paraColor: #3B3E3F;
    --colorBlack: #002633;
    --colorWhite: #ffffff;
    --boxShadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    --bodyFont: 'Manrope', sans-serif;
    --bannerFont: 'Libre Baskerville', serif;
}

.common_btn {
    padding: 11px 55px 11px 30px;
    background: var(--colorPrimary);
    color: var(--colorWhite) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.common_btn::after {
    position: absolute;
    content: "";
    background: url(../images/arrow_icon.png);
    width: 25px;
    height: 21px;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.common_btn:hover,
.common_btn:focus {
    animation: pulse 1s;
    box-shadow: 0 0 0 1em transparent;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #faa392;
    }
}

.read_btn {
    background: var(--colorPrimary);
    padding: 8px 30px;
    border-radius: 30px;
    color: var(--colorWhite) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.read_btn::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 100%;
    background: #fa917d;
    border-radius: 30px;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.read_btn:hover::after {
    width: 100%;
}

.play_btn {
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: var(--colorWhite) !important;
    background: var(--colorPrimary);
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.play_btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 10px solid var(--colorPrimary);
    border-radius: 50%;
    top: 0px;
    left: 0px;
    z-index: 1;
    animation: play_animate 1.3s infinite;
    -webkit-animation: play_animate 1.3s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

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

.section_heading {
    text-align: center;
}

.section_heading h5 {
    font-weight: 600;
    font-size: 20px;
    color: var(--colorPrimary);
    text-transform: capitalize;
    position: relative;
    padding: 0 20px;
    margin-bottom: 15px;
    text-align: center;
    display: inline-block;
}

.section_heading h5::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 4px;
    background: var(--colorPrimary);
    border-radius: 5px;
    top: 10px;
    left: -20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.section_heading h5::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 4px;
    background: var(--colorPrimary);
    border-radius: 5px;
    top: 10px;
    right: -20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.section_heading h3 {
    font-weight: 700;
    font-size: 44px;
    text-transform: capitalize;
    text-align: center;
}

.heading_left {
    text-align: left;
}

.heading_left h3,
.heading_left ht {
    text-align: left;
}

.heading_left h5 {
    padding-left: 0;
}

.heading_left h5::after {
    display: none;
}

.section_heading_2 {
    text-align: center;
}

.heading_left_2 h5,
.heading_left_2 h3 {
    text-align: left;
}

.section_heading_2 h5 {
    font-weight: 600;
    font-size: 20px;
    color: var(--colorPrimary);
    text-transform: capitalize;
    position: relative;
    margin-bottom: 15px;
}

.section_heading_2 h3 {
    font-weight: 800;
    font-size: 35px;
    text-transform: uppercase;
}

/* for mobile menu start*/
.navbar-toggler .menu_close {
    display: none;
}

.navbar-toggler.show_close .menu_icom {
    display: none;
}

.navbar-toggler.show_close .menu_close {
    display: block;
}

/* for mobile menu end*/


/* breadcrumb start*/
.breadcrumb_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: 140px;
}

.breadcrumb_overlay {
    background: linear-gradient(180deg, rgba(250, 163, 146, 0.6) 0%, rgba(0, 38, 51, 0.6) 57.04%);
    padding: 125px 0px 130px 0px;
}

.breadcrumb_text h1 {
    font-size: 64px;
    font-weight: 600;
    font-family: var(--bannerFont);
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-bottom: 10px;
}

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

.breadcrumb_text ul li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: var(--colorPrimary);
    margin-right: 30px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.breadcrumb_text ul li a i {
    margin-right: 5px;
}

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

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "\f30b";
    font-family: "font awesome 5 free";
    font-size: 12px;
    color: var(--colorPrimary);
    top: 50%;
    right: -21px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.breadcrumb_text ul li:last-child a {
    color: var(--colorWhite);
    margin: 0;
}

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

/* breadcrumb end*/


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

.pagination ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    border-radius: 3px !important;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}

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

.pagination ul li a:focus {
    color: var(--colorWhite);
    background-color: var(--colorPrimary);
    box-shadow: 0px 0px 0px 2px #e05e44;
}

/* pagination end */
/*================================
    GLOBAL CSS END
================================*/


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

.topbar_left li a,
.topbar_left li p {
    color: #F8FAFA;
    margin-right: 30px;
    line-height: 50px;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.topbar_left li:last-child a,
.topbar_left li:last-child p {
    margin-right: 0;
}

.topbar_left li a i,
.topbar_left li p i {
    width: 30px;
    height: 30px;
    line-height: 32px;
    background: #F8FAFA;
    color: var(--colorPrimary);
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.topbar_right {
    justify-content: end;
}

.topbar_right li {
    line-height: 50px;
}

.topbar_right li a {
    width: 30px;
    height: 30px;
    line-height: 31px;
    background: #F8FAFA;
    color: var(--colorPrimary);
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.topbar_right li:last-child a {
    margin-right: 0;
}

.topbar_right li a:hover {
    color: #F8FAFA;
    background: var(--colorPrimary);
}

/* TOPBAR END */

/* MENU START */
.main_menu {
    width: 100%;
    height: 90px;
    background: var(--colorWhite);
    position: fixed;
    top: 50px;
    left: 0;
    border-bottom: 1px solid #eee;
    z-index: 999;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
}

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

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

.main_menu .navbar-nav .nav-item .nav-link {
    text-transform: capitalize;
    font-size: 16px;
    color: var(--colorBlack);
    font-weight: 500;
    transition: all linear .3s;
    padding: 0px 15px;
    margin: 0;
    line-height: 90px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    margin-left: 5px;
}

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

.main_menu .droap_menu {
    position: absolute;
    width: 250px;
    max-height: 500px;
    top: 120%;
    left: 0;
    background: var(--colorWhite);
    box-shadow: var(--boxShadow);
    overflow: hidden;
    overflow-y: auto;
    line-height: 50px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    z-index: 9;
}

.droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #ddd;
    width: 6px;
}

.droap_menu::-webkit-scrollbar-thumb {
    background: var(--colorPrimary);
}

.droap_menu li a {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    position: relative;
    border-bottom: 1px solid #feeaea;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.droap_menu li a::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 40px;
    background: var(--colorPrimary);
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    opacity: 0;
    border-radius: 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;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.droap_menu li a:hover,
.droap_menu li a.active {
    color: var(--colorBlack);
    background: #f7eded;
    border-color: var(--colorWhite);
}

.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 {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.main_menu .menu_right li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorWhite);
    margin-left: 10px;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.main_menu .menu_right li:first-child a {
    margin-left: 0;
}

.main_menu .menu_right li .reservation {
    width: auto;
    padding: 0px 15px;
}

.main_menu .menu_right li a:hover,
.main_menu .menu_right li a.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.menu_fix {
    top: 0 !important;
}

/* menu search start*/
.search_form {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    padding: 10px;
    background: #000000c4;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    justify-content: center;
    align-items: 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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.search_form form {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.search_form form .close_search {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: var(--colorPrimary);
    background: var(--colorWhite);
    font-size: 25px;
    border-radius: 50%;
    top: -100px;
    right: 0;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.search_form form .close_search:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.search_form input {
    padding: 15px 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.search_form button {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    background: var(--colorPrimary);
    text-transform: capitalize;
    color: var(--colorWhite);
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.search_form button:hover {
    background: var(--colorBlack);
}

.search_form.show {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* menu search end*/


/* reservation modal start */
.reservation .modal {
    background: #0000008a;
}

.reservation .modal-content {
    border-radius: 10px;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.reservation .modal-header {
    border: none;
    background: #faa392;
}

.reservation .modal-title {
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--colorWhite);
}

.reservation_form input[type=date] {
    text-transform: uppercase;
}

.reservation_form .reservation_input {
    margin-bottom: 20px;
    border: 1px solid #E4E7E9;
    text-transform: capitalize;
}

.reservation_form button {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.reservation_form button::after,
.reservation_form button::before {
    display: none;
}

/* reservation modal end */

/* MENU END */


/* BANNER START */
.banner {
    height: 100vh;
    padding-top: 140px;
}

.banner div {
    height: 100%;
}

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

.single_slider_text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
}

.single_slider_text h5 {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.single_slider_text h1 {
    color: var(--colorWhite);
    font-size: 60px;
    font-weight: 600;
    font-family: var(--bannerFont);
    margin-top: 25px;
    margin-bottom: 25px;
}

.single_slider_text h2 {
    color: var(--colorWhite);
    font-size: 60px;
    font-weight: 600;
    font-family: var(--bannerFont);
    margin-top: 25px;
    margin-bottom: 25px;
}

.single_slider_text h1 span {
    color: var(--colorPrimary);
    font-size: 60px;
    font-weight: 600;
    font-family: var(--bannerFont);
}
.single_slider_text h2 span {
    color: var(--colorPrimary);
    font-size: 60px;
    font-weight: 600;
    font-family: var(--bannerFont);
}

.single_slider_text p {
    color: var(--colorWhite);
    font-size: 18px;
    margin-bottom: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_slider_text ul li {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.single_slider_text ul li span {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: var(--colorWhite);
    margin-left: 20px;
}

.banner .slick-dots {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 30px;
    width: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.banner .slick-dots li button {
    margin: 5px 0px;
}

.slick-dots li button {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid var(--colorBlack);
    background: transparent;
    font-size: 0;
    margin: 0px 5px;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slick-dots li button::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: var(--colorBlack);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.banner .slick-dots li.slick-active button {
    border-color: var(--colorWhite);
}

.banner .slick-dots li.slick-active button::after {
    background: var(--colorWhite);
}

.slick-dots li.slick-active button {
    border-color: var(--colorPrimary);
}

.slick-dots li.slick-active button::after {
    background: var(--colorPrimary);
}

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


/* BANNER END */


/* FUTURED SERVICES START */
.featured_service_single,
.contact_info {
    background: #fceae8;
    padding: 25px;
    border-radius: 10px;
    position: relative;
    margin: 30px 12px 0px 12px;
    padding-top: 100px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.featured_service_single span,
.contact_info span {
    display: block;
    width: 90px;
    height: 102px;
    background: url(../images/featured_servoce_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    color: var(--colorWhite);
    position: absolute;
    top: -30px;
    left: 0;
}

.featured_service_single h3,
.contact_info h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.featured_service_single p,
.contact_info p {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.featured_service_single:hover,
.contact_info:hover {
    background: var(--colorPrimary);
}

.featured_service_single:hover h3,
.featured_service_single:hover p,
.contact_info:hover h3,
.contact_info:hover p {
    color: var(--colorWhite);
}

/* FUTURED SERVICES END */


/* ABOUT START*/
.about_text {
    padding-right: 50px;
}

.about_text_center p {
    color: var(--colorBlack);
    margin-bottom: 30px;
}

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

.about_text_center_user_text h3 {
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorPrimary);
    margin-bottom: 10px;
}

.about_text_center_user_text h3 span {
    font-size: 13px;
    color: var(--colorBlack);
}

.about_text_center_user_call span {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 5px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_text_center_user_call p {
    text-transform: capitalize;
    margin: 0;
}

.about_text_center_user_call p a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--colorBlack);
    margin-top: 3px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.about_text .description {
    margin: 25px 0px;
}

.about_img {
    position: relative;
    margin: 0px 30px;
    /* width: 550px; */
    height: 500px;
    float: right;
}

.about_img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorPrimary);
    top: 20px;
    right: -20px;
    z-index: -1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_img .large_img_2,
.about_img .large_img_3 {
    width: 200px !important;
    height: 200px !important;
    position: absolute;
    bottom: -90px;
    left: 20px;
}

.about_img .large_img_3 {
    left: auto;
    right: 20px;
}

.about_img .venobox,
.why_choose_img .venobox {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -40px;
    transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_img .venobox::after,
.why_choose_img .venobox::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    border: 5px solid var(--colorPrimary);
    top: -10px;
    left: -10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.about_img .venobox:hover,
.why_choose_img .venobox:hover {
    background: var(--colorBlack);
}

/* ABOUT END*/


/* CATEGORIES START */
.single_categories {
    background: #fceae8;
    margin-top: 25px;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #eeeeeeab;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.single_categories span {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    border: 1px solid var(--colorPrimary);
}

.single_categories h4 {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 600;
    margin: 15px 0px 10px 0px;
    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_categories p {
    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_categories:hover {
    background: var(--colorPrimary);
}

.single_categories:hover h4,
.single_categories:hover p {
    color: var(--colorWhite);
}

/* CATEGORIES END */


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

.services_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
    border-radius: 5px;
    /* padding: 20px; */
    background: var(--colorWhite);
    margin-top: 25px;
    border: 1px solid #eee;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.services_img {
    width: 210px;
    height: 275px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.services_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.services_img a {
    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--colorPrimary);
    top: 10px;
    left: 10px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    color: 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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.services_img a:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.services_text {
    width: 66%;
    padding: 25px;
}

.services_text .title {
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    color: var(--colorBlack);
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    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;
}

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

.services_text p {
    margin: 15px 0px 20px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.services_text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    padding: 8px 0px;
    margin-bottom: 25px;
}

.services_text ul li {
    display: flex;
    align-items: center;
}

.services_text ul li i {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 23px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50%;
    font-size: 10px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.services_btn_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.services_btn_area p {
    color: #ff9933;
    font-size: 14px;
    margin: 0;
}

.services_btn_area p span {
    font-size: 14px;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
}

.services_btn_area p span::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: var(--paraColor);
    top: 10px;
    left: 4px;
}

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

.services_item:hover {
    border-color: #ddd;
}


.blog_2 .container,
.testimonial_2 .container,
.team_2 .container,
.services_2 .container,
.services .container,
.team .container,
.blog .container {
    position: relative;
}

.blog_2 .common_btn,
.testimonial_2 .common_btn,
.team_2 .common_btn,
.services_2 .common_btn,
.services .common_btn,
.team .common_btn,
.blog .common_btn {
    position: absolute;
    top: 22px;
    right: 12px;
}

/* SERVICES END */


/* WHY CHOOSE START */
.why_choose_text p {
    margin-bottom: 30px;
}

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

.why_choose_text ul li {
    width: 50%;
    margin-bottom: 25px;
}

.why_choose_text ul li h4 {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}

.why_choose_text ul li h4::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/why_choose_icon.png);
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.why_choose_text ul li span {
    display: block;
}

.why_choose_text a {
    margin-top: 10px;
}

.why_choose_img {
    text-align: right;
    position: relative;
    overflow: hidden;
}

.why_choose_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.why_choose_img .large_img {
    /* width: 500px; */
    height: 535px;
    float: right;
}

.why_choose_img .small_img {
    width: 400px;
    height: 300px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.why_choose_img .small_img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 6px solid var(--colorPrimary);
    border-radius: 5px;
    bottom: 60px;
    left: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    z-index: -1;
}

.why_choose_img .venobox {
    top: 192px;
    left: 100px;
    background: var(--colorBlack);
}

.why_choose_img .venobox::after {
    border: 5px solid var(--colorBlack);
}

.why_choose_img .venobox:hover {
    background: var(--colorPrimary);
}

/* WHY CHOOSE END */


/* WORK START */
.work_text_area {
    position: relative;
    padding-bottom: 70px;
}

.work_text_area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/work_shapes.png);
    top: -35px;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

.work_single {
    border: 30px solid var(--colorBlack);
    width: 350px;
    height: 350px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.work_single h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.work_single p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.work_single.first {
    margin-left: 60px;
}

.work_single.second {
    border-color: var(--colorPrimary);
}

.work_single.third {
    margin-right: 60px;
}

/* WORK END */


/* GALLERY START */
.gallery_filter {
    margin-top: 23px;
    text-align: right;
}

.gallery_filter button {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    border-radius: 5px;
    padding: 10px 20px;
    margin-left: 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.gallery_filter button:hover,
.gallery_filter button.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.gallery_item {
    width: 100%;
    height: 350px;
    position: relative;
    border-radius: 5px;
    margin-top: 25px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.gallery_item .venobox {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.gallery_item .venobox img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.gallery_item .gal_img_overlay {
    position: absolute;
    bottom: -1px;
    left: -40px;
    width: 370px;
    background: var(--colorPrimary);
    padding: 50px 0px 20px 20px;
    clip-path: polygon(0 0, 100% 45%, 100% 100%, 0% 100%);
    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;
}

.gallery_item .gal_img_overlay h4 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorWhite);
}

.gallery_item .gal_img_overlay p {
    color: var(--colorWhite);
    margin-top: 10px;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gallery_item .venobox span {
    position: absolute;
    bottom: 20px;
    left: 100%;
    z-index: 1;
    width: 35px;
    height: 35px;
    background: var(--colorWhite);
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    color: var(--colorPrimary);
    cursor: pointer;
    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;
}

.gallery_item .venobox span:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.gallery_item:hover .gal_img_overlay {
    opacity: 1;
    left: -1px;
}

.gallery_item:hover span {
    left: 350px;
    opacity: 1;
}

.gallery_item: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);
}

/* GALLERY END */


/* COUNTER START */
.counter_section {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.single_counter_center {
    width: 230px;
    height: 230px;
    border: 7px solid var(--colorPrimary);
    border-radius: 50%;
    margin: 0 auto;
    padding: 13px;
    position: relative;
    margin-top: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter_center::after,
.single_counter_center::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background: var(--colorPrimary);
    border-radius: 50%;
    top: -17px;
    left: 43%;
    transform: translateX(-50%);
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter_center::before {
    top: -17px;
    left: 55%;
}

.single_counter_center h2 {
    width: 190px;
    height: 190px;
    text-align: center;
    line-height: 180px;
    background: var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter_center h2 span {
    display: inline-block;
    font-size: 44px;
    font-weight: 700;
    color: var(--colorWhite);
    position: relative;
    padding-right: 27px;
}

.single_counter_center h2 span::after {
    position: absolute;
    content: "+";
    top: 0;
    right: -3px;
    font-size: 50px;
    font-weight: 900;
    color: var(--colorWhite);
}

.single_counter p {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 25px;
}

/* COUNTER END */


/* TEAM START*/
.single_team {
    margin-top: 25px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.single_team_img {
    height: 420px;
    overflow: hidden;
    position: relative;
}

.single_team_img img {
    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_img ul {
    position: absolute;
    top: 0;
    right: 20px;
    background: var(--colorPrimary);
    padding: 15px 15px 30px 15px;
    clip-path: polygon(100% 0, 100% 85%, 50% 100%, 50% 100%, 0 85%, 0% 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;
    transform: scaleY(.8);
    transform-origin: top;
    opacity: 0;
}

.single_team_img ul li a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: var(--colorPrimary);
    border-radius: 50%;
    margin-bottom: 10px;
    border: 1px solid var(--colorWhite);
    color: var(--colorWhite);
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.single_team_text {
    background: #F4F1F0;
    padding: 20px 0px 25px 0px;
    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;
}

.single_team_text::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    bottom: -12px;
    left: 0;
    background: 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;
}

.single_team_text .title {
    display: block;
    font-weight: 700;
    font-size: 24px;
    color: var(--colorBlack);
    text-transform: capitalize;
    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_text p {
    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 .single_team_text {
    background: var(--colorPrimary);
}

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

.single_team: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_team_text .title:hover {
    color: var(--colorBlack);
}

.single_team:hover ul {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.single_team:hover .single_team_text::after {
    bottom: 0;
    opacity: 1;
}

/* TEAM END*/


/* TESTIMONIAL START */
.single_testimonial,
.single_testimonial_2 {
    background: #fceae8;
    padding: 90px 25px 25px 25px;
    border-radius: 5px;
    position: relative;
    margin: 85px 12px 0px 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.single_testimonial_img,
.single_testimonial_img_2 {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: -70px;
    left: -1px;
    border: 10px solid 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;
}

.single_testimonial_text {
    position: relative;
}

.single_testimonial_text .rating {
    color: #ff9933;
    font-size: 14px;
    margin: 0;
    position: absolute;
    top: -53px;
    right: 0;
}

.single_testimonial_text .cliect_comment {
    margin-bottom: 25px;
}

.single_testimonial_text .title {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.single_testimonial_text .designation {
    color: var(--colorPrimary);
}

.single_testimonial_2:hover .single_testimonial_img_2,
.single_testimonial:hover .single_testimonial_img {
    border-color: var(--colorPrimary);
}

/* TESTIMONIAL END */


/* BLOG START */
.featured_blog {
    margin-top: 25px;
}

.featured_blog_img {
    height: 400px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: -1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.featured_blog_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.featured_blog_text {
    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
    border-radius: 5px;
    background: var(--colorWhite);
    width: 85%;
    margin: 0 auto;
    padding: 20px;
    margin-top: -50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

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

.featured_blog_text .title {
    color: var(--colorBlack);
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 15px 0px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured_blog_text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured_blog_text .read_more_btn {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #eee;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorPrimary);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

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

.featured_blog: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_blog {
    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
    border: 1px solid transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.single_blog_img {
    width: 252px;
    height: 290px;
    overflow: hidden;
}

.single_blog_img img {
    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_blog_text {
    width: 60%;
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single_blog_text ul li {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
}

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

.single_blog_text .title {
    font-weight: 700;
    font-size: 24px;
    color: var(--colorBlack);
    text-transform: capitalize;
    transition: all linear .3s;
    margin: 12px 0px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.single_blog_text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_blog_text .blog_read_btn {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #eee;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorPrimary);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    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_blog_text .blog_read_btn:hover {
    color: var(--colorBlack);
}

.single_blog:hover {
    border-color: #ddd;
}

.single_blog: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);
}

/* BLOG END */


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

.footer_subscribe {
    background: var(--colorPrimary);
    padding: 30px 50px;
    border-radius: 100px;
    position: relative;
    top: -60px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.footer_subscribe_text h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorWhite);
    margin-bottom: 10px;
}

.footer_subscribe_text p {
    color: var(--colorWhite);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer_subscribe_form {
    height: 100%;
    display: flex;
    align-items: center;
}

.footer_subscribe_form form {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.footer_subscribe_form input {
    padding: 18px 20px;
}

.footer_subscribe_form button {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    padding: 12px 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.footer_logo_area .footer_logo {
    display: block;
    max-width: 200px;
}

.footer_logo_area p {
    color: var(--colorBlack);
    margin: 30px 0px;
}

.footer_logo_area ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorBlack);
    color: var(--colorPrimary);
    border-radius: 50%;
    font-size: 16px;
    margin-right: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.footer_link h4 {
    font-weight: 600;
    font-size: 24px;
    color: var(--colorBlack);
    text-transform: capitalize;
    position: relative;
    margin-bottom: 45px;
}

.footer_link h4::after {
    position: absolute;
    content: "";
    /* background: url(../images/footer_shapes.png); */
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 3px;
    z-index: 1;
    bottom: -10px;
    left: 1px;
}

.footer_link ul li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-top: 15px;
    position: relative;
    padding-left: 15px;
    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_link ul li a::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--colorBlack);
    top: 10px;
    left: 0;
}

.footer_link p {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-top: 35px;
    position: relative;
    padding-left: 50px;
    padding-top: 10px;
}

.footer_link p i {
    width: 35px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    border-radius: 50%;
    font-size: 16px;
    transition: all linear .3s;
    position: absolute;
    left: 0;
    top: 5px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.footer hr {
    border: 1px solid var(--colorWhite);
    margin: 0;
}

.footer_copyright {
    padding: 20px 0px;
}

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

.footer_copyright p a {
    color: var(--colorWhite);
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    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_copyright p a:hover {
    color: var(--colorPrimary);
}

/* FOOTER END */

/* SCROLL BUTTON START */
.scroll_btn {
    width: 35px;
    height: 70px;
    border-radius: 25px;
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 111;
    cursor: pointer;
    text-align: center;
    line-height: 70px;
    background: var(--colorPrimary);
    border: 3px solid 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;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.scroll_btn span {
    font-size: 16px;
    color: var(--colorWhite);
    animation: scroll_amini linear 2s infinite alternate;
    -webkit-animation: scroll_amini linear 2s infinite alternate;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.scroll_btn:hover {
    background: var(--colorBlack);
}

@keyframes scroll_amini {
    from {
        bottom: -17px;
    }

    to {
        bottom: 12px;
    }
}

/* SCROLL BUTTON END */
/* ==============================
    HOME PAGE END
============================== */


/*================================
    HOME PAGE 2 START
================================*/
/* menu 2 start */

.main_menu_2 {
    background: var(--colorBlack);
    top: 0;
    border-top: 10px solid var(--colorPrimary);
    border: none;
}

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

.main_menu_2 .menu_right li a {
    background: transparent;
    color: var(--colorPrimary);
    border: none;
    font-size: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.main_menu_2 .menu_right li .reservation {
    border-radius: 40px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border: none;
    font-size: 16px;
}

.main_menu_2 .menu_right li .reservation:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

/* menu 2 end */

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

.banner_2 div {
    height: 100vh;
}

.banner_2_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 80px;
}

.banner_2_text h1 {
    font-size: 64px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--bannerFont);
}

.banner_2_text p {
    margin: 20px 0px 35px 0px;
}

.banner_2_text form ul {
    background: var(--colorPrimary);
    padding: 10px;
    border-radius: 40px;
    align-items: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.banner_2_text form ul li {
    width: 33.33%;
    border-right: 1px solid #ffcbcb;
}

.banner_2_text form ul li:last-child {
    border: none;
    padding-left: 10px;
}

.banner_2_text form ul li button {
    width: 100%;
    background: var(--colorBlack);
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 0px;
    border-radius: 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;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.banner_2_text form ul li button:hover {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.banner_2_text .nice-select {
    height: 45px;
    background: none;
    color: var(--colorWhite);
    margin: 0;
    padding-left: 10px;
}

.banner_2_text .nice-select span {
    color: var(--colorWhite);
    font-weight: 500;
    text-transform: capitalize;
}

.banner_2_text .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.banner_2_text .nice-select .option {
    color: var(--colorBlack);
    width: 100%;
}

.home_2 .common_btn {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 11px 30px;
}

.home_2 .common_btn::after,
.home_2 .common_btn::before {
    display: none;
}

/* banner 2 end */

/* future service 2 start */
.future_service_single_2 {
    background: #fceae8;
    padding: 25px;
    border-radius: 10px;
    position: relative;
    margin: 0px 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.future_service_single_2_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.future_service_single_2_header span {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border: 3px solid var(--colorPrimary);
    border-radius: 5px;
    font-size: 40px;
    color: var(--colorPrimary);
    position: relative;
    margin-right: 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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.future_service_single_2_header span::after,
.future_service_single_2_header span::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    bottom: 15px;
    right: -9px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.future_service_single_2_header span::before {
    bottom: auto;
    top: 15px;
    right: auto;
    left: -9px;
}

.future_service_single_2_header h3 {
    font-size: 24px;
    font-weight: 700;
    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;
}

.future_service_single_2 p {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.future_service_single_2:hover {
    background: var(--colorPrimary);
}

.future_service_single_2:hover span,
.future_service_single_2:hover h3,
.future_service_single_2:hover p {
    color: var(--colorWhite);
    border-color: var(--colorWhite);
}

.future_service_single_2:hover span::after,
.future_service_single_2:hover span::before {
    background: var(--colorWhite);
}

.futures_slider_2 .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.futures_slider_2 .slick-dots li.slick-active button::after {
    background: var(--colorPrimary);
}

/* future service 2 end */


/* about 2 start */
.about_2_img {
    position: relative;
    margin-bottom: 20px;
}

.about_2_img .img_1 {
    width: 400px;
    height: 465px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_2_img .img_2 {
    width: 280px;
    height: 280px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    bottom: 50px;
    right: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_2_img p {
    font-size: 44px;
    font-weight: 700;
    background: var(--colorBlack);
    color: var(--colorWhite);
    padding: 20px;
    text-align: center;
    max-width: 220px;
    position: absolute;
    bottom: -20px;
    right: 210px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_2_img p span {
    font-size: 24px;
    color: var(--colorWhite);
    display: block;
}

.about_2_img::after {
    position: absolute;
    content: "";
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 30px solid var(--colorPrimary);
    top: 40px;
    right: 70px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1;
    -webkit-border-radius: 50%;
}

.about_2_text a {
    margin-top: 45px;
}

/* about 2 end */


/* category 2 start */
.category_2_single {
    position: relative;
    padding-top: 40px;
    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;
}

.category_2_single span {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: var(--colorPrimary);
    border-radius: 50%;
    padding: 20px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.category_2_single_text {
    background: url(../images/category_2_bg_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 290px;
    height: 340px;
    padding: 0px 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.category_2_single_text::after {
    position: absolute;
    content: "";
    background: url(../images/category_2_bg_2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.category_2_single_text h4 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.category_2_single_text p {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    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;
}

.category_2_single:hover .category_2_single_text {
    background: transparent;
}

.category_2_single:hover .category_2_single_text::after {
    opacity: 1;
}

.category_2_single:hover span {
    background: var(--colorBlack);
}

.category_2_single:hover h4,
.category_2_single:hover p {
    color: var(--colorWhite);
}

/* category 2 end */


/* services 2 start */
.single_service_2 {
    position: relative;
    margin-top: 25px;
    height: 530px;
}

.single_service_2_img {
    height: 370px;
    position: relative;
    overflow: hidden;
}

.single_service_2_img::after {
    position: absolute;
    content: "";
    width: 500px;
    height: 235px;
    background: var(--colorPrimary);
    bottom: -160px;
    left: -30px;
    transform: rotate(187deg);
    transition: all linear .3s;
    -webkit-transform: rotate(187deg);
    -moz-transform: rotate(187deg);
    -ms-transform: rotate(187deg);
    -o-transform: rotate(187deg);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_service_2_img a {
    position: absolute;
    top: 250px;
    left: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    border-radius: 50%;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_service_2_text {
    background: #fceae8;
    padding: 80px 20px 20px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%, 0 52%, 0% 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_service_2_text .title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-bottom: 10px;
    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_service_2_text .description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    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;
}

.single_service_2_text .btn_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px;
}

.single_service_2_text .btn_area a {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorPrimary);
    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_service_2_text .btn_area p {
    transition: all linear .3s;
    color: #ff9933;
    font-size: 14px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_service_2_text .btn_area p span {
    font-size: 14px;
    font-weight: 600;
    padding-left: 20px;
    position: relative;
    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_service_2_text .btn_area p span::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: var(--colorBlack);
    top: 10px;
    left: 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;
}

.single_service_2:hover .single_service_2_text {
    background: var(--colorPrimary);
}

.single_service_2:hover .single_service_2_text a,
.single_service_2:hover .single_service_2_text p,
.single_service_2:hover .single_service_2_text p span {
    color: var(--colorWhite);
}

.single_service_2:hover .single_service_2_text p span::after {
    background: var(--colorWhite);
}

.single_service_2:hover .single_service_2_img a {
    color: var(--colorPrimary);
    background: var(--colorWhite);
}

.single_service_2:hover .single_service_2_img::after {
    background: var(--colorWhite);
}

.single_service_2_text .btn_area a:hover {
    color: var(--colorBlack);
}

/* services 2 end */


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

.counter_2_overlay {
    background: #002633ab;
}

.single_counter_2 {
    text-align: center;
}

.single_counter_2_area {
    background: url(../images/counter_2_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    line-height: 260px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_counter_2 h3 {
    font-size: 44px;
    font-weight: 900;
    color: var(--colorWhite);
    text-align: center;
    position: relative;
    display: inline-block;
    padding-right: 30px;
}

.single_counter_2 h3::after {
    position: absolute;
    content: "+";
    font-size: 55px;
    font-weight: 700;
    top: -6px;
    right: -3px;
}

.single_counter_2 p {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: var(--colorWhite);
    display: inline-block;
    position: relative;
    margin-top: 40px;
}

.single_counter_2 p::after {
    position: absolute;
    content: "";
    width: 120px;
    height: 4px;
    background: var(--colorPrimary);
    border-radius: 50px;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

/* counter 2 end */


/* why choose 2 start */
.why_choose_2_text ul li {
    position: relative;
    font-size: 16px;
    color: var(--colorBlack);
    padding-left: 30px;
    margin-top: 15px;
}

.why_choose_2_text ul li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 10px;
    color: var(--colorWhite);
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background: var(--colorBlack);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.why_choose_2_text a {
    margin-top: 45px;
}

.why_choose_2_img .img_1 {
    height: 400px;
    position: relative;
}

.why_choose_2_img .img_1 span {
    position: absolute;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.why_choose_2_img .img_1 span::after {
    position: absolute;
    content: "";
    width: 165px;
    height: 55px;
    background: var(--colorPrimary);
    top: -5px;
    right: -6px;
    z-index: -1;
    border-radius: 0px 30px 30px 0px;
    -webkit-border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    -ms-border-radius: 0px 30px 30px 0px;
    -o-border-radius: 0px 30px 30px 0px;
}

.why_choose_2_img .img_1 span::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 45px solid #d98b7b;
    border-right: 45px solid transparent;
    top: -49px;
    left: -114px;
    transform: rotate(180deg);
    z-index: -2;
}

.why_choose_2_img .img_1 a {
    background: var(--colorWhite);
    color: var(--colorPrimary) !important;
}

.why_choose_2_img .img_1 a::before {
    border: 10px solid var(--colorWhite);
}

.why_choose_2_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.why_choose_2_img .img_2 {
    height: 145px;
    margin-top: 25px;
}

.why_choose_2_text p {
    margin-bottom: 25px;
}

/* why choose 2 end */


/* gallery 2 start */
.gallery_2 .section_heading_2 h5,
.gallery_2 .section_heading_2 h3 {
    text-align: center;
}

.gallery_filter_2 {
    text-align: center;
}

.gallery_filter_2 button {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    background: var(--colorWhite);
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    border-radius: 5px;
    padding: 10px 20px;
    margin-left: 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.gallery_filter_2 button:hover,
.gallery_filter_2 button.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.gallery_item_2 {
    height: 440px;
}

.gallery_item_2 .gal_img_overlay {
    padding: 15px 20px !important;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    bottom: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.gallery_item_2 .venobox span {
    bottom: 45px !important;
}

/* gallery 2 end */


/* work 2 start */
.work_2 .section_heading_2 h5,
.work_2 .section_heading_2 h3 {
    text-align: center;
}

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

.work_2_area_overlay {
    background: #002633ab;
}

.work_single_2 {
    text-align: center;
}

.work_single_2 p {
    width: 300px;
    height: 300px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlack);
    border-radius: 50%;
    border: 10px solid var(--colorPrimary);
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.work_single_2 p::after {
    position: absolute;
    content: "";
    width: 255px;
    height: 225px;
    background: url(../images/work_2_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -65px;
    right: -100px;
}

.work_single_2 p span {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: var(--colorPrimary);
    border: 10px solid var(--colorWhite);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: 700;
    color: var(--colorWhite);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

/* work 2 end */


/* team 2 start */
.single_team_2 {
    padding: 15px 30px;
    background: var(--colorBlack);
    overflow: hidden;
    transition: all linear .3s;
    margin-top: 25px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_team_2_img {
    height: 320px;
    position: relative;
    z-index: 1;
}

.single_team_2_img::after {
    position: absolute;
    content: "";
    width: 500px;
    height: 260px;
    background: var(--colorWhite);
    bottom: 0;
    left: -50px;
    z-index: -1;
}

.single_team_2_img ul {
    position: absolute;
    top: 50%;
    right: 0;
    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;
}

.single_team_2_img ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorWhite);
    border-radius: 50%;
    margin: 4px 0px;
    color: var(--colorPrimary);
    font-size: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.single_team_2_text {
    text-align: center;
    padding: 20px 0px 10px 0px;
}

.single_team_2_text h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--colorWhite);
    margin-bottom: 5px;
}

.single_team_2_text p {
    font-size: 18px;
    color: var(--colorWhite);
}

.single_team_2:hover ul {
    right: 20px;
    opacity: 1;
}

.single_team_2:hover {
    background: var(--colorPrimary);
}

/* team 2 end */


/* testimonial 2 start */
.single_testimonial_2 {
    margin-left: 0px;
    margin-right: 0px;
}

.single_testimonial_img_2 {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.single_testimonial_text_2 {
    text-align: center;
}

.single_testimonial_text_2 .title {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    color: var(--colorPrimary);
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

.single_testimonial_text_2 .title::after,
.single_testimonial_text_2 .title::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 8px;
    background: url(../images/testimonial_2_shapes.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: 10px;
    right: -65px;
}

.single_testimonial_text_2 .title::before {
    right: auto;
    left: -65px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.single_testimonial_text_2 .designation {
    color: var(--colorBlack);
    margin: 5px 0px;
}

.single_testimonial_text_2 .rating {
    color: #ff9933;
    font-size: 14px;
}

.single_testimonial_text_2 .cliect_comment {
    margin-top: 20px;
}

/* testimonial 2 end */


/* blog 2 start */
.single_blog_2 {
    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
    border-radius: 10px 10px 0px 0px;
    padding: 20px;
    margin-top: 25px;
    background: var(--colorWhite);
    border: 1px solid #eee;
    -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_2_img {
    height: 250px;
    position: relative;
    overflow: hidden;
    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_2_img img {
    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_blog_2_text {
    padding-top: 45px;
    position: relative;
}

.single_blog_2_text .bloger_info {
    display: flex;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorPrimary);
    width: 85%;
    padding: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.single_blog_2_text .bloger_info li {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
}

.single_blog_2_text .bloger_info li:first-child:after {
    position: absolute;
    content: "";
    width: 90%;
    height: 60px;
    background: var(--colorBlack);
    top: -12px;
    left: -12px;
    clip-path: polygon(0 0, 85% 0%, 100% 50%, 85% 100%, 0 100%, 0% 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;
}

.single_blog_2_text .bloger_info li a {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorWhite);
    display: block;
    position: relative;
    z-index: 1;
}

.single_blog_2_text .bloger_info li img {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_blog_2_text .bloger_info li p {
    font-weight: 500;
    color: var(--colorWhite);
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single_blog_2_text .title {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    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_blog_2_text p {
    margin: 10px 0px 20px 0px;
}

.single_blog_2_text .time_comment {
    display: flex;
    justify-content: space-between;
}

.single_blog_2_text .time_comment li {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--paraColor);
}

.single_blog_2_text .time_comment li i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

.single_blog_2_text .read_btn_2 {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    color: var(--colorPrimary);
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
    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_blog_2 .title:hover {
    color: var(--colorPrimary);
}

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

.single_blog_2:hover .single_blog_2_img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.single_blog_2:hover .bloger_info {
    background: var(--colorBlack);
}

.single_blog_2:hover .bloger_info li::after {
    background: var(--colorPrimary);
}

/* blog 2 end */


/* footer 2 start */
.footer_2 {
    background: var(--colorBlack);
}

.footer_2 .footer_subscribe,
.footer_2 .footer_subscribe_form form,
.footer_2 .footer_subscribe_form button {
    border-radius: 5px;
}

.footer_2 .footer_subscribe_form button::after {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.footer_2 .footer_logo_area ul li a,
.footer_2 .footer_link p i {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.footer_download p {
    margin: 0;
    padding: 0;
}

.footer_download ul li a {
    display: flex;
    background: var(--colorWhite);
    border-radius: 5px;
    margin-top: 15px;
    overflow: hidden;
    align-items: center;
    max-width: 230px;
    padding-left: 0;
    position: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.footer_download ul li a i {
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 5px;
    margin-right: 20px;
    font-size: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.footer_download ul li a p {
    color: var(--colorBlack);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 20px;
    margin-bottom: 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;
}

.footer_download ul li a p span {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
}

.footer_download ul li a:hover p {
    color: var(--colorPrimary);
}

.footer_2 .footer_link h4 {
    margin-bottom: 35px;
}

.footer_2 .footer_link h4::after {
    display: none;
}

.footer_2_copyright {
    background: var(--colorPrimary);
}

.footer_2_copyright p a:hover {
    color: var(--colorBlack);
}

/* footer 2 end */

/*================================
    HOME PAGE 2 END
================================*/


/*================================
    ABOUT US PAGE START
================================*/
.about_page_welcome_img {
    height: 600px;
    position: relative;
    overflow: hidden;
    padding-left: 50px;
    padding-right: 30px;
}

.about_page_welcome_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_page_welcome_img .call_area {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    background: var(--colorWhite);
    padding: 25px;
    border-left: 10px solid var(--colorPrimary);
    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.about_page_welcome_img .call_area h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorPrimary);
    margin-bottom: 10px;
}

.about_page_welcome_img .call_area h4 span {
    font-size: 15px;
}

.about_page_welcome_img .call {
    align-items: center;
}

.about_page_welcome_img .call i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 25px;
    border-radius: 5px;
    margin-right: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

.about_page_welcome_img .call p span {
    display: block;
    color: var(--colorBlack);
    font-weight: 700;
}

.about_page_welcome_text h2,
.about_page_welcome_text h3,
.about_page_welcome_text h4,
.about_page_welcome_text h5 {
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.about_2_text p,
.about_page_welcome_text p {
    margin-top: 20px;
}

.about_2_text ul,
.about_2_text ol,
.about_page_welcome_text ul,
.about_page_welcome_text ol,
.services_details_text ul,
.services_details_text ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about_2_text ul li,
.about_2_text ol li,
.about_page_welcome_text ul li,
.about_page_welcome_text ol li,
.services_details_text ul li,
.services_details_text ol li {
    font-size: 18px;
    color: var(--colorBlack);
    padding-left: 30px;
    position: relative;
    margin-top: 20px;
    width: 50%;
}

.about_2_text ul li::after,
.about_2_text ol li::after,
.about_page_welcome_text ul li::after,
.about_page_welcome_text ol li::after,
.services_details_text ul li::after,
.services_details_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/about_welcome_icon.png);
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_page_about_img {
    position: relative;
    margin-bottom: 20px;
}

.about_page_about_img::after {
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 20px solid var(--colorPrimary);
    top: 50px;
    right: 50px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1;
    animation: about_animi linear 1s infinite alternate;
    -webkit-animation: about_animi linear 1s infinite alternate;
}

@keyframes about_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.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.about_page_about_img .img_1 {
    width: 485px;
    height: 535px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_page_about_img .img_2 {
    width: 300px;
    height: 350px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    bottom: 50px;
    right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.about_page_about_img p {
    font-size: 44px;
    font-weight: 700;
    background: var(--colorBlack);
    color: var(--colorWhite);
    padding: 20px;
    text-align: center;
    max-width: 220px;
    position: absolute;
    bottom: -20px;
    right: 120px;
    border-radius: 5px;
}

.about_page_about_img p span {
    font-size: 24px;
    color: var(--colorWhite);
    display: block;
}

.about_page_about_text p {
    margin-bottom: 25px;
}

.award_text p {
    margin-top: 20px;
}

.award_text ul li,
.award_text ol li,
.about_page_about_text ul li,
.about_page_about_text ol li {
    margin-top: 20px;
}

.award_text ul li h3,
.award_text ol li h3,
.about_page_about_text ul li h3,
.about_page_about_text ol li h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 30px;
    position: relative;
}

.award_text ul li h3::after,
.award_text ol li h3::after,
.about_page_about_text ul li h3::after,
.about_page_about_text ol li h3::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-size: 10px;
    color: var(--colorWhite);
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background: var(--colorPrimary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.award_text ul li p,
.award_text ol li p,
.about_page_about_text ul li p,
.about_page_about_text ol li p {
    margin-top: 10px;
}

.about_page_about_text a {
    margin-top: 25px;
}

.mission_text h3 {
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.mission_text p {
    text-align: center;
}

.mission_video_area {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 550px;
    margin-bottom: 300px;
}

.mission_video {
    padding: 25px;
    background: var(--colorPrimary);
    border-radius: 5px;
    position: relative;
    bottom: -400px;
    height: 450px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.mission_video img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.mission_video a,
.services_det_video a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 35px;
    transform: translate(-50%, -50%);
    background: var(--colorWhite);
    color: var(--colorPrimary) !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.mission_video a::before,
.services_det_video a::before {
    border: 10px solid var(--colorWhite);
}

.vission_text p {
    margin-top: 20px;
}

.vission_text ul li,
.vission_text ol li {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorBlack);
    position: relative;
    padding-left: 30px;
    margin-top: 20px;
}

.vission_text ul li::after,
.vission_text ol li::after {
    position: absolute;
    content: "\f058";
    font-family: "font awesome 5 free";
    font-size: 20px;
    font-weight: 600;
    color: var(--colorBlack);
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.vission_img_large {
    height: 400px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.vission_img_small {
    height: 170px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.partnership h2 {
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 35px;
    text-transform: capitalize;
}

.partner_single {
    height: 450px;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
}

.partner_single img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.partner_overlay {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.partner_overlay h3 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 5px 20px 7px 20px;
    border-radius: 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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

.partner_single:hover .partner_overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 38, 51, 0.6);
}

.partner_single:hover h3 {
    background: transparent;
}

.award_img {
    height: 440px;
    padding: 20px;
    position: relative;
    margin-right: 30px;
}

.award_img::after,
.award_img::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    background: var(--colorPrimary);
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.award_img::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
}

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

.award_img .award_small_img {
    width: 300px;
    height: 240px;
    border-radius: 10px;
    overflow: hidden;
    background: #fceae8;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.award_text h4 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.award_text ul,
.award_text ol {
    display: flex;
    flex-wrap: wrap;
}

.award_text ul li,
.award_text ol li {
    width: 50%;
}

/*================================
    ABOUT US PAGE END
================================*/


/*================================
    BLOG DETAILS PAGE START
================================*/
.blog_details_img {
    height: 450px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.blog_details_text .header_info {
    margin-top: 20px;
    padding: 0;
}

.blog_details_text .header_info li {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    list-style: none;
    margin: 0;
}

.blog_details_text .header_info li i {
    color: var(--colorPrimary);
    margin-right: 10px;
}

.blog_details_text h1,
.blog_details_text h2,
.blog_details_text h3,
.blog_details_text h4,
.blog_details_text h5,
.blog_details_text h6 {
    text-transform: capitalize;
    color: var(--colorBlack);
    font-weight: 700;
    margin: 20px 0px;
}

.blog_details_text h1,
.blog_details_text h2 {
    font-size: 40px;
}

.blog_details_text h3 {
    font-size: 35px;
}

.blog_details_text h4 {
    font-size: 30px;
}

.blog_details_text h5 {
    font-size: 30px;
}

.blog_details_text h6 {
    font-size: 425px;
}

.blog_details_text p {
    margin-top: 20px;
}

.blog_details_text .quot_text {
    background: #fceae8;
    border-radius: 5px;
    padding: 80px 30px 30px 30px;
    margin-top: 20px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.blog_details_text .quot_text::after {
    position: absolute;
    content: "";
    background: url(../images/quot_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 38px;
    top: 25px;
    left: 30px;
}

.blog_details_text .quot_text p {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    margin: 0;
}

.blog_details_text .quot_text h4 {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorPrimary);
    margin: 0;
    margin-top: 15px;
    padding-left: 40px;
    position: relative;
}

.blog_details_text .quot_text h4::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    background: var(--colorPrimary);
    top: 10px;
    left: 0;
}

.blog_det_center_img {
    height: 350px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.blog_details_text ul,
.blog_details_text ol {
    padding-left: 18px;
    margin-top: 25px;
}

.blog_details_text ul li,
.blog_details_text ol li {
    font-size: 18px;
    font-weight: 400;
    color: var(--colorBlack);
    list-style: disc;
    margin: 10px 0px;
}

.blog_det_video_img {
    height: 300px;
    margin-top: 25px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.blog_det_video_img a {
    position: absolute;
    bottom: 55px;
    right: 10px;
}

.blog_det_video_text {
    margin-top: 25px;
}

.blog_det_video_text h4 {
    margin-top: 0;
    font-size: 25px;
}

.sidebar_category.archive ul li a {
    padding-left: 50px;
}

.sidebar_category.archive ul li a::after {
    content: "\f073";
    width: 20px;
    height: 20px;
    font-size: 10px;
    background: var(--colorPrimary);
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    color: var(--colorWhite);
    top: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sidebar_blog ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sidebar_blog ul li:last-child a {
    margin-bottom: 0;
}

.sidebar_blog ul li a .img {
    width: 90px;
    height: 90px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sidebar_blog ul li a .text {
    width: 72%;
}

.sidebar_blog ul li a .text span {
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.sidebar_blog ul li a .text span i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 11px;
    border-radius: 50%;
    margin-right: 10px;
}

.sidebar_blog ul li a .text p {
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    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;
}

.sidebar_blog ul li a:hover p {
    color: var(--colorPrimary);
}

.sidebar_tags ul li a {
    background: var(--colorWhite);
    color: var(--colorPrimary);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 12px;
    border-radius: 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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

.sidebar_link ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #FFFFFF;
    color: var(--colorPrimary);
    border-radius: 50%;
    margin-right: 10px;
    transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.bloger_area {
    background: #fceae8;
    padding: 30px;
    position: relative;
    margin-top: 75px;
    text-align: center;
}

.bloger_area .img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid var(--colorWhite);
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.bloger_area h3 {
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 40px;
    margin-bottom: 15px;
}

.bloger_area ul {
    justify-content: center;
    margin-top: 15px;
}

.bloger_area ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    color: var(--colorPrimary);
    background: var(--colorWhite);
    margin: 0px 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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

/*================================
    BLOG DETAILS PAGE END
================================*/


/*================================
    CONTACT US PAGE START
================================*/
.contact_info {
    margin: 0;
    margin-top: 55px;
}

.contact_map {
    width: 100%;
    height: 485px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

.contact_form h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.contact_form input,
.contact_form textarea {
    background: #fceae8;
    border-radius: 5px;
    border: none;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
    color: var(--colorBlack);
}

.contact_form button {
    width: 100%;
    padding: 15px 30px;
    text-align: center;
    margin-top: 15px;
}

.contact_form button::after,
.contact_form button::before {
    display: none;
}

/*================================
    CONTACT US PAGE END
================================*/


/*================================
    DASHBOARD PAGE START
================================*/
.dashboard_sidebar {
    background: #fceae8;
    border-radius: 5px;
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dashboard_sidebar_img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 10px solid var(--colorWhite);
    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_img label {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    right: 10px;
    font-size: 14px;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.dashboard_sidebar_img label:hover {
    background: var(--colorBlack);
}

.dashboard_sidebar h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-rendering: geometricPrecision;
    margin: 15px 0px 50px 0px;
}

.dashboard_sidebar .nav .nav-link {
    border: 1px solid #faa39287;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 5px;
    text-align: left;
    margin-top: 15px;
    color: var(--colorBlack);
    position: relative;
    padding: 12px 20px 12px 70px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    background: var(--colorWhite);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dashboard_sidebar .nav .nav-link::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 100%;
    background: var(--colorPrimary);
    top: 0;
    right: -1px;
    border-radius: 10px;
    opacity: 0;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -ms-transition: all linear .4s;
    -o-transition: all linear .4s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.dashboard_sidebar .nav .nav-link span {
    display: inline-block;
    width: 49px;
    height: 49px;
    background: var(--colorPrimary);
    line-height: 49px;
    text-align: center;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 5px;
    font-size: 18px;
    color: var(--colorWhite);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.dashboard_sidebar .nav .nav-link.active,
.dashboard_sidebar .nav .nav-link:hover {
    background: var(--colorWhite);
    border-color: var(--colorWhite);
}

.dashboard_sidebar .nav .nav-link.active::after,
.dashboard_sidebar .nav .nav-link:hover::after {
    opacity: 1;
}

.dashboard_content h2 {
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.personal_info,
.personal_info_edit {
    background: #fceae8;
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

.personal_info h4 a,
.personal_info_edit h4 a {
    font-size: 16px;
    color: var(--colorWhite) !important;
    background: var(--colorPrimary);
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    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;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.personal_info h4 a:hover,
.personal_info_edit h4 a:hover {
    background: var(--colorBlack);
}

.personal_info_address {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    margin: 20px 0px;
    padding: 5px 0px;
}

.personal_info_address li {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 15px 0px;
    color: var(--colorBlack);
}

.personal_info_address li span {
    text-transform: capitalize;
    color: var(--colorBlack);
    width: 150px;
    display: inline-block;
}

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

.personal_info_link li {
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorBlack);
}

.personal_info_link li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    font-size: 14px;
    border-radius: 50%;
    margin-left: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.personal_biography p {
    margin-top: 20px;
}

.personal_info_edit {
    display: none;
}

.personal_info_edit h4 {
    margin-bottom: 20px;
}

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

.personal_info_edit input,
.personal_info_edit textarea {
    padding: 12px 20px;
    margin-bottom: 20px;
    border: none;
}

.personal_info_edit textarea {
    margin-bottom: 15px;
}

.personal_area.edit_form .personal_info,
.personal_area.edit_form .personal_biography {
    display: none;
}

.personal_area.edit_form .personal_info_edit {
    display: block;
}

.dashboard_wishlist .services_item,
.dashboard_gallery .gallery_item {
    margin-top: 0;
    margin-bottom: 25px;
}

.dashboard_c_password .personal_info_edit {
    display: block;
}

/*================================
    DASHBOARD PAGE END
================================*/


/*================================
    FAQ PAGE START
================================*/
.faq_img {
    position: relative;
}

.faq_img .img_1 {
    width: 530px;
    height: 450px;
    position: relative;
    margin-bottom: 15px;
}

.faq_img .img_1 img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.faq_img .img_1::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    background: var(--colorPrimary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 10px solid var(--colorWhite);
    right: -15px;
    bottom: -15px;
    box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
}

.faq_img .img_2 {
    width: 240px;
    height: 270px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.faq_text h1,
.faq_text h2,
.faq_text h3,
.faq_text h4,
.faq_text h5,
.faq_text h6 {
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.faq_text h1 {
    font-size: 44px;
}

.faq_text h2 {
    font-size: 40px;
}

.faq_text h3 {
    font-size: 35px;
}

.faq_text h4 {
    font-size: 30px;
}

.faq_text h5 {
    font-size: 25px;
}

.faq_text h6 {
    font-size: 26px;
}

.faq_text p {
    margin-top: 20px;
}

.accordion-item {
    background-color: var(--colorWhite);
    border: none;
    margin-bottom: 25px;
}

.accordion-button {
    background: #fceae8;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    padding: 15px 50px 15px 15px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.accordion-button:not(.collapsed) {
    color: var(--colorWhite);
    background-color: var(--colorPrimary);
    box-shadow: none;
}

.accordion-body {
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
}

.accordion-button::after {
    background: url(../images/faq_plus.jpg);
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.accordion-button:not(.collapsed)::after {
    background: url(../images/faq_minus.jpg);
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.accordion-button:focus {
    box-shadow: none;
}

.faq .accordion-body p {
    border-left: 5px solid var(--colorBlack);
    padding-left: 15px;
}

.faq .accordion-item {
    margin-bottom: 0;
    margin-top: 25px;
}

/*================================
    FAQ PAGE END
================================*/


/*================================
    LOGIN PAGE START
================================*/
.login_area {
    padding: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #fceae8;
}

.login_area h3 {
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
}

.login_area h5 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 25px;
}

.login_input {
    position: relative;
    margin-top: 20px;
}

.login_input span {
    position: absolute;
    width: 50px;
    height: 50px;
    background: var(--colorBlack);
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: var(--colorWhite);
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
}

.login_input input {
    border: none;
    padding: 13px 20px 13px 75px;
}

.login_input .form-check input {
    padding: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid var(--colorBlack);
    margin-right: 10px;
    margin-top: 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.login_input .form-check input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary) !important;
}

.login_input .form-check label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.login_input .form-check label a {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorPrimary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.register_area .login_input .form-check label a {
    font-weight: 600;
    text-decoration: underline;
}

.login_input .form-check label a:hover {
    color: var(--colorBlack);
}

.login_input button {
    width: 100%;
    text-align: center;
    padding: 13px 30px;
}

.login_input button::after,
.login_input button::before {
    display: none;
}

.login_area .or {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: block;
    position: relative;
    margin: 18px 0px 12px 0px;
    color: var(--colorBlack);
}

.login_area .or::after {
    position: absolute;
    content: "";
    width: 40%;
    height: 1px;
    background: var(--paraColor);
    top: 14px;
    right: 0;
}

.login_area .or::before {
    position: absolute;
    content: "";
    width: 40%;
    height: 1px;
    background: var(--paraColor);
    top: 14px;
    left: 0;
}

.login_area p {
    text-align: center;
    color: var(--colorBlack);
}

.login_area p a {
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.login_area ul {
    margin: 20px 0px 20px 0px;
}

.login_area ul li a {
    width: 35px;
    height: 35px;
    background: var(--colorBlack);
    line-height: 35px;
    text-align: center;
    color: var(--colorWhite);
    border-radius: 50%;
    margin: 0px 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;
}

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

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

.register_area .form-check label {
    display: block;
}

/*================================
    LOGIN PAGE END
================================*/


/*================================
    PRICING PAGE START
================================*/
.single_pricing {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.single_pricing_header {
    padding-top: 30px;
}

.single_pricing_header .img {
    width: 100px;
    height: 100px;
    background: var(--colorPrimary);
    border-radius: 50%;
    padding: 25px;
    margin: 0 auto;
    margin-bottom: -60px;
    position: relative;
    z-index: 2;
    transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid var(--colorWhite);
    box-shadow: 5px 8px 30px rgb(5 13 54 / 10%);
}

.single_pricing_header .text {
    background: var(--colorWhite);
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
    padding: 80px 30px 50px 30px;
    text-align: center;
    margin: 0px 30px;
    position: relative;
    z-index: 1;
    margin-bottom: -90px;
}

.single_pricing_header .text h3 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorPrimary);
    margin-bottom: 5px;
}

.single_pricing_header .text h5 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-bottom: 20px;
}

.single_pricing_header .text p {
    margin: 15px 0px;
}

.single_pricing_header .text h4 {
    font-size: 25px;
    font-weight: 600;
    background: var(--colorBlack);
    color: var(--colorWhite);
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.single_pricing_header .text span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--colorPrimary);
    margin-top: 5px;
    text-transform: capitalize;
}

.pricing_list {
    background: var(--colorPrimary);
    padding: 125px 30px 30px 30px;
    text-align: center;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.pricing_list::after {
    position: absolute;
    content: "";
    width: 240px;
    height: 110px;
    background: var(--colorBlack);
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 54%, 50% 100%, 0 53%);
    transition: all linear .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.pricing_list ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pricing_list ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorWhite);
    margin: 10px 0px;
    position: relative;
    padding-left: 25px;
    text-transform: capitalize;
}

.pricing_list ul li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-size: 14px;
    font-weight: 600;
    color: var(--colorWhite);
    top: 2px;
    left: 0;
}

.pricing_list ul li.delete::after {
    content: "\f00d";
}

.pricing_list a {
    margin-top: 20px;
    background: var(--colorBlack);
    padding: 10px 30px;
    border-radius: 30px;
    color: var(--colorWhite) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

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

.single_pricing:hover .img,
.single_pricing:hover .pricing_list {
    background: var(--colorBlack);
}


.single_pricing:hover a,
.single_pricing:hover .pricing_list::after {
    background: var(--colorPrimary);
}

._pricing_support {
    text-align: center;
}

._pricing_support h3 {
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

._pricing_support h4 {
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorPrimary);
}

._pricing_support p {
    margin: 15px 0px;
}

/*================================
    PRICING PAGE END
================================*/


/*================================
    SERVICE DETAILS PAGE START
================================*/
.services_details_text h1,
.services_details_text h2 {
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
}

.services_details_text h1,
.services_details_text h2,
.services_details_text h3,
.services_details_text h4,
.services_details_text h5,
.services_details_text h6 {
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 25px;
}

.services_details_text h1 {
    font-size: 40px;
}

.services_details_text h2 {
    font-size: 35px;
}

.services_details_text h3 {
    font-size: 30px;
}

.services_details_text h4 {
    font-size: 25px;
}

.services_details_text h5 {
    font-size: 20px;
}

.services_details_text h6 {
    font-size: 16px;
}

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

.services_details_img {
    height: 450px;
    border-radius: 5px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.services_details_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.services_details_img a {
    position: absolute;
    bottom: -22px;
    right: -1px;
    background: var(--colorPrimary);
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: var(--colorWhite);
    padding: 12px 25px;
    border-radius: 35px;
    border: 5px solid var(--colorWhite);
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
}

.services_details_img a:hover {
    background: var(--colorBlack);
}

.services_det_video {
    height: 450px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.service_det_tag {
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
    margin-top: 25px;
}

.service_det_tag .tag_list li,
.service_det_tag .share li {
    display: flex;
    align-items: center;
}

.service_det_tag .tag_list li span,
.service_det_tag .share li span {
    font-weight: 600;
    text-transform: capitalize;
}

.service_det_tag .tag_list li span i,
.service_det_tag .share li span i {
    margin-right: 10px;
    color: var(--colorPrimary);
}

.service_det_tag .tag_list li a,
.service_det_tag .share li a {
    background: #fceae8;
    padding: 2px 10px 3px 10px;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-left: 15px;
    border-radius: 3px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.service_det_tag .tag_list li a:hover,
.service_det_tag .share li a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.service_det_tag .share li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    color: var(--colorPrimary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.service_det_btn_area ul {
    justify-content: space-between;
}

.service_det_btn_area ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 40%;
    margin-top: 25px;
}

.service_det_btn_area ul li .img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.service_det_btn_area ul li .text {
    max-width: 220px;
    display: block;
}

.service_det_btn_area ul li .text span {
    display: block;
    font-weight: 600;
    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;
}

.service_det_btn_area ul li .text span i {
    margin-left: 5px;
    color: var(--colorPrimary);
}

.service_det_btn_area ul li .text p {
    text-transform: capitalize;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.service_det_btn_area ul li a:hover span {
    color: var(--colorPrimary);
}

.service_det_btn_area ul li:last-child .img {
    margin-right: 0;
    margin-left: 15px;
}

.service_det_btn_area ul li:last-child span {
    text-align: right;
}

.service_det_btn_area ul li:last-child span i {
    margin-left: 0;
    margin-right: 5px;
}

.service_det_btn_area ul li:last-child p {
    text-align: right;
}

.service_review_list h3,
.service_review_input h3 {
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
}

.single_review {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 25px;
    margin-top: 25px;
}

.single_review .review_img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.single_review .review_text {
    width: 85%;
}

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

.single_review .review_text h4 span {
    color: var(--colorPrimary);
    text-transform: capitalize;
}

.single_review .review_text .review_star {
    color: var(--colorPrimary);
    margin: 8px 0px 5px 0px;
}

.single_review .review_text .review_star span {
    color: var(--colorBlack);
    margin-left: 10px;
}

.single_review .review_text .reply {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: var(--colorBlack);
    transition: all linear .3s;
    text-decoration: underline;
    display: inline-block;
    margin-top: 5px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_review .review_text .reply:hover {
    color: var(--colorPrimary);
    text-decoration: none;
}

.single_review.reply {
    padding-left: 50px;
}

.single_review.reply .review_text {
    width: 85%;
}

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

.service_review_input p span {
    color: var(--colorPrimary);
    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;
}

.service_review_input p span:hover {
    color: var(--colorBlack);
}

.service_review_input input,
.service_review_input textarea {
    background: #fceae8;
    border-radius: 5px;
    border: none;
    margin-top: 25px;
    color: var(--colorBlack);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.service_review_input .form-check {
    margin-top: 15px;
    margin-bottom: 20px;
}

.service_review_input .form-check input {
    padding: 0;
    width: 25px;
    height: 25px;
    border: 1px solid var(--colorPrimary);
    border-radius: 50%;
    margin-top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.service_review_input input::placeholder,
.service_review_input textarea::placeholder {
    color: var(--colorBlack);
}

.service_review_input .form-check input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.service_review_input .form-check input::placeholder {
    color: var(--colorBlack) !important;
}

.service_review_input .form-check label {
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
}

.sidebar_item {
    background: #fceae8;
    border-radius: 5px;
    padding: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sidebar_item h3 {
    font-weight: 600;
    font-size: 24px;
    padding-left: 20px;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
}

.sidebar_item h3::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 26px;
    background: var(--colorPrimary);
    border-radius: 30px;
    top: 1px;
    left: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.sidebar_search form {
    position: relative;
}

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

.sidebar_search form button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    right: 6px;
    transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sidebar_search form button:hover {
    background: var(--colorBlack);
}

.sidebar_category ul li a {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    background: var(--colorWhite);
    padding: 10px 20px 10px 35px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sidebar_category ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-weight: 600;
    top: 14px;
    left: 20px;
    font-size: 12px;
    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;
}

.sidebar_category ul li:last-child a {
    margin-bottom: 0;
}

.sidebar_category ul li a span {
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.sidebar_category ul li a:hover span {
    color: var(--colorWhite);
}

.sidebar_category ul li a:hover::after {
    color: var(--colorWhite);
}

.sidebar_time p {
    text-transform: capitalize;
    color: var(--colorBlack);
}

.sidebar_mail {
    text-align: center;
}

.sidebar_mail .img {
    border-radius: 5px;
    overflow: hidden;
    height: 180px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sidebar_mail h5 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 15px 35px;
}

.sidebar_mail p {
    color: var(--colorBlack);
    font-size: 18px;
    margin-top: 5px;
}

.related_service h3 {
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
}

.related_service_slider .nextArrow,
.related_service_slider .prevArrow {
    top: -90px;
}

.related_service .services_item,
.related_service .single_blog {
    margin: 0px 12px;
}

#sticky_sidebar {
    z-index: 90 !important;
}

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


/*================================
    TEAM DETAILS PAGE START
================================*/
.team_sidebar {
    padding: 25px;
    background: #fceae8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_sidebar .img {
    height: 380px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_sidebar .title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 25px;
    margin-bottom: 5px;
}

.team_sidebar .designation {
    font-size: 17px;
    text-align: center;
}

.team_sidebar .follow_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 25px 0px 25px 0px;
}

.team_sidebar .follow_area li {
    width: 50%;
}

.team_sidebar .follow_area li h5 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.team_sidebar .follow_area li p {
    font-size: 18px;
    text-align: center;
}

.team_sidebar .read_btn {
    width: 100%;
    text-align: center;
    padding: 15px 30px;
    border-radius: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_sidebar .read_btn i {
    margin-left: 5px;
}

.team_sidebar .read_btn::after {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.team_sidebar_details li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 20px 0px 20px 40px;
    border-bottom: 1px solid #e3e3e3;
}

.team_sidebar_details li span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    background: var(--colorBlack);
    color: var(--colorWhite);
    border-radius: 50%;
    position: absolute;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.team_sidebar_details li h5 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.team_sidebar_details li p {
    font-size: 17px;
}

.follow_link h5 {
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 25px;
    margin-bottom: 25px;
}

.follow_link ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
    border-radius: 50%;
    margin-right: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.team_details_text h3 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.team_details_text p {
    margin-top: 20px;
}

.team_Statictics h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

.team_Statictics h2::after {
    position: absolute;
    content: "";
    background: url(../images/team_details_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 5px;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.team_Statictics p {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    margin: 0;
}

.team_skills_bar p {
    margin-bottom: 20px;
}

.team_skills_bar_single p {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin: 0px 0px 10px 0px;
}

.team_skills_img {
    height: 350px;
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
    z-index: 1;
}

.team_skills_img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_skills_img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 113%;
    background: var(--colorPrimary);
    bottom: -25px;
    right: -25px;
    border-radius: 5px;
    z-index: -1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_qualification_single {
    background: #fceae8;
    border-radius: 5px;
    padding: 25px;
    margin-top: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.team_qualification_single i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.team_qualification_single h4 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin: 20px 0px 10px 0px;
}

.team_qualification_single span {
    display: block;
    text-align: center;
    font-weight: 500;
    color: var(--colorPrimary);
}

.team_qualification_single h6 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 10px 0px 15px 1px;
}

.team_qualification_single p {
    text-align: center;
    margin: 0;
}

/*================================
    TEAM DETAILS PAGE END
================================*/


/*================================
    TERMS AND CONDITION PAGE START
================================*/
.terms_condition_text h1,
.terms_condition_text h2,
.terms_condition_text h3,
.terms_condition_text h4,
.terms_condition_text h5,
.terms_condition_text h6 {
    font-weight: 700;
    text-transform: capitalize;
    margin: 25px 0px 20px 0px;
}

.terms_condition_text h1 {
    font-size: 50px;
}

.terms_condition_text h2 {
    font-size: 45px;
}

.terms_condition_text h3 {
    font-size: 40px;
}

.terms_condition_text h4 {
    font-size: 35px;
}

.terms_condition_text h5 {
    font-size: 30px;
}

.terms_condition_text h6 {
    font-size: 25px;
}

.terms_condition_text p {
    margin-top: 20px;
}

.terms_condition_text ul,
.terms_condition_text ol {
    margin-top: 20px;
    padding-left: 20px;
}

.terms_condition_text ul li,
.terms_condition_text ol li {
    font-size: 18px;
    color: var(--colorBlack);
    padding-left: 30px;
    position: relative;
    margin-top: 20px;
}

.terms_condition_text ul li::after,
.terms_condition_text ol li::after {
    position: absolute;
    content: "";
    background: url(../images/about_welcome_icon.png);
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*================================
    TERMS AND CONDITION PAGE END
================================*/


/*================================
    404/ERROR PAGE START
================================*/
._404 {
    padding-top: 140px;
}

._404_text {
    text-align: center;
    margin-bottom: -6px;
}

._404_text .img {
    height: 335px;
}

._404_text h4 {
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorPrimary);
    margin-top: 40px;
}

._404_text p {
    margin: 20px 0px;
}

._404_text a i {
    margin-right: 5px;
}

/*================================
    404/ERROR PAGE END
================================*/


/*================================
    COMMING SOON PAGE START
================================*/
.comming_soon {
    height: 100vh;
}

.comming_soon div {
    height: 100vh;
}

.comming_soon_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.comming_soon_text div {
    height: auto;
}

.comming_soon_text h3 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 30px;
}

.comming_soon_text .simply-countdown.simply-countdown-one {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comming_soon_text .simply-amount {
    width: 130px;
    height: 130px;
    display: block;
    background: var(--colorPrimary);
    line-height: 130px;
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    margin: 0px 15px;
    color: var(--colorWhite);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.comming_soon_text .simply-word {
    font-size: 20px;
    text-transform: capitalize;
    text-align: center;
    display: block;
    color: var(--colorBlack);
    margin-top: 5px;
}

.comming_form_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 30px;
}

.comming_form_area .overlay {
    background: rgba(255, 255, 255, 0.6);
    padding: 50px;
    text-align: center;
}

.comming_form_area h4 {
    font-size: 36px;
    font-weight: 600;
}

.comming_form_area p {
    color: var(--colorBlack);
    margin: 15px 0px 20px 0px;
}

.comming_form_area form {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.comming_form_area form input {
    background: var(--colorBlack);
    border: none;
    color: var(--colorWhite);
    padding: 18px 30px;
}

.comming_form_area form button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: var(--colorPrimary);
    color: var(--colorWhite);
    height: 101%;
    padding: 0px 40px;
    font-size: 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;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.comming_form_area form button:hover {
    background: #ec826d;
}

.comming_soon_text a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    margin-top: 10px;
    margin-bottom: 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;
}

.comming_soon_text a i {
    margin-right: 5px;
}

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

/*================================
    COMMING SOON PAGE END
================================*/