/*@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: #004d74;
}

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

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

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: #098ED3;
    --paraColor: #3B3E3F;
    --colorBlack: #EE8816;
    --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);*/
    background: #EE8816;
    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 #098ed3;
    }
}

.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: 600;
    font-size: 40px;
    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: 119px;
}

.breadcrumb_overlay {
    padding: 80px 0px 80px 0px;
}

.breadcrumb_text h1 {
    font-size: 40px;
    font-weight: 500;
    /* font-family: var(--bannerFont); */
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-bottom: 12px;
}

.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: #098ed3;*/
    background: #EE8816;
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.topbar_left li a,
.topbar_left li p {
    color: #F8FAFA;
    margin-right: 30px;
    line-height: 40px;
    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;
}

.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: 25px;
    height: 25px;
    line-height: 26px;
    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: 39px;
}

.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: 40px;
    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: 600;
    transition: all linear .3s;
    padding: 18px 12px;
    margin: 0;
    -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: 360px;
    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: 14px;
    font-weight: 500;
    color: var(--colorBlack);
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 30px;
    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: #098ed3;
}

.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: 112px;
}

.banner div {
    height: 544px;
}

.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 h1 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: 15px;
    height: 15px;
    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: -55px;
}

/* BANNER END */

/* FUTURED SERVICES START */

.featured_service_single,
.contact_info {
    background: #EE8816;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    margin: 30px 12px 0px 12px;
    padding-top: 68px;
    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: 72px;
    height: 82px;
    background: url(../images/featured_servoce_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    color: var(--colorWhite);
    position: absolute;
    top: -30px;
    left: 0;
}

.featured_service_single h3,
.contact_info h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 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;
    color: #fff;
}

.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;
}
/*Treatments************************************************/

.sec-treatment .treat-wrap .treat-content {
    position: relative;
}

.sec-treatment h3 {
    margin-bottom: 30px;
}

.treat-tittle {
    background: linear-gradient(to bottom left, #eeb676, #EE8816);
    padding: 8px 20px;
    border-bottom: 1px solid #232323;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sec-treatment .treat-wrap img {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sec-treatment .treat-wrap .treat-content .treat-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #000000b5;
}

.sec-treatment .treat-wrap .treat-content:hover .treat-overlay {
    opacity: 1;
}

.sec-treatment .treat-wrap .treat-content .treat-overlay .overlay-text {
    padding: 20px;
}

.treat-overlay .overlay-text li a {
    color: #fff;
    position: relative;
    padding-left: 20px;
    display: block;
    padding-bottom: 10px;
}

.sec-treatment .treat-wrap .treat-content .treat-overlay ul li i {
    position: absolute;
    top: 7px;
    left: 0;
    color: #fff;
    font-size: 12px;
}
.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;
    /* background: #fff; */
    border: 1px solid #ddd;
    padding: 40px 15px 15px 15px;
    border-radius: 5px;
    position: relative;
    margin: 70px 0px 0px 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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

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

.footer_logo_area ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorWhite);
    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(--colorWhite);
    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(--colorWhite);
    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(--colorWhite);
    top: 10px;
    left: 0;
}

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

.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: 10px 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: 5px;
    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 {
    position: relative;
    overflow: hidden;
}

.single_service_2_img::after {
    position: absolute;
    content: "";
    width: 500px;
    height: 176px;
    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: 170px;
    left: 16px;
    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: 65px 15px 4px 15px;
    position: absolute;
    bottom: 93px;
    left: 0;
    top: 34%;
    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: 11px;
}

.single_service_2_text .btn_area a {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #000;
    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);*/
    background: #EE8816;
}

.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: #EE8816ab;
}

.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: #EE8816ab;
}

.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: 12px;
}

.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: 8px;
}

.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;
}

.contact_map {
    width: 100%;
    height: 523px;
    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: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 12px;
    color: #232323;
}

.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 #098ed387;
    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
================================*/

/*about us css start*/

/*about us css start*/

/*about us css start*/

/*about us css start*/

/*about us css start*/

/*about us css start*/

/*about us css start*/

/*about us css start*/

/*about us css start*/

.bachjabu {
    background: url(../img/about/aboutback.jpg);
    padding: 60px 0;
}

.hearma {
    padding-top: 0;
    padding-bottom: 0;
}

.abtpro {
    width: 100%;
    padding: 0 10px;
}

.abtpara p {
    font-size: 16px;
    color: #000;
    line-height: 30px;
    text-align: justify;
}

.aboyheah h3 {
    font-size: 36px;
    font-weight: 500;
    color: #EE8816;
    line-height: 32px;
    margin-bottom: 9px;
}

.aboyheah h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 30px;
    margin-bottom: 1px;
}

.aboyheah h5 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 30px;
    margin-bottom: 0px;
}

.aboyheah h6 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 30px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 13px;
    margin-bottom: 14px;
}

.hedrlog img {
    padding: 6px 0 2px 0;
}

/*about us css end*/

/*about us css end*/

/*about us css end*/

/*about us css end*/

/*about us css end*/

/*about us css end*/

/*about us css end*/

/*about us css end*/

/*about us css end*/

/*service section code start*/

.sertexty p {
    font-size: 15px;
    line-height: 28px;
    color: #000;
}

.lriop {
    padding: 60px 0;
}

.sryu {
    padding-bottom: 15px;
}

.extrimhj img {
    width: 80px;
    height: 80px;
}

/*.tertu{
    margin-top: 40px;
}*/

.papo p {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    text-align: justify;
}

.papo h3 {
    font-size: 22px;
    color: #272727;
    line-height: 23px;
    font-weight: 600;
    padding: 5px 0 13px 0;
}

.papo i {
    color: orange;
    font-size: 14px;
    padding-top: 12px;
}

.papo {
    position: relative;
}

.goodlp {
    position: absolute;
    left: 80%;
    bottom: 3%;
}

.goodlp img {
    width: 35px !important;
}

.nichesi i {
    padding-top: 40px;
}

.nedty i {
    padding-top: 65px;
}

.testnauii {
    /*background: url(../img/testimonial/back.jpg);*/
    background-size: cover;
    padding: 60px 0;
}

.feetty {
    background: #000000;
    padding-top: 30px;
}

.sabkeu {
    padding-top: 30px;
}

.palok {
    padding-bottom: 60px;
}

.feetloh img {
    border-radius: 6px;
}

.feetloh p {
    font-size: 16px;
    line-height: 29px;
    text-align: justify;
    color: #fff;
    padding: 15px 0 20px 0;
}

.sidopp {
    padding-left: 30px;
}

.lopfer p a {
    color: #fff;
    text-transform: none;
}

.lopfer p {
    font-size: 16px;
    line-height: 28px;
}

/*whatsapp & call fixed website START*/

/*whatsapp & call fixed website START*/

/*whatsapp & call fixed website START*/

/*whatsapp & call fixed website START*/

/*whatsapp & call fixed website START*/

/*whatsapp & call fixed website START*/

.twitter {
    background: #ffd0e1;
    border: 1px solid #ffd0e1;
    border-radius: 30px 0 0 30px;
    padding: 1px 0px 2px 12px;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 237px;
    z-index: 999;
    width: 65px;
}

.twitter img {
    width: 48px;
    float: left;
    margin-right: 5px;
    padding-top: 5px;
}

.twitter p {
    font-size: 14px;
    color: #fff;
    padding-top: 0px;
    display: flex;
}

.youtube {
    background: #53bbc6;
    border: 1px solid #53bbc6;
    border-radius: 30px 0 0 30px;
    padding: 1px 0px 2px 12px;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 298px;
    z-index: 999;
    width: 65px;
    border-right: none;
}

.youtube img {
    width: 48px;
    float: left;
    margin-right: 5px;
    padding-top: 5px;
}

.youtube p {
    font-size: 14px;
    color: #fff;
    padding-top: 0px;
    display: flex;
}

.linkedin {
    background: #ffd0e1;
    border: 1px solid #ffd0e1;
    border-radius: 30px 0 0 30px;
    padding: 1px 0px 2px 12px;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 360px;
    z-index: 999;
    width: 65px;
    border-right: none;
}

.linkedin img {
    width: 48px;
    float: left;
    margin-right: 5px;
    padding-top: 5px;
}

.linkedin p {
    font-size: 14px;
    color: #fff;
    padding-top: 0px;
    display: flex;
}

.whts {
    background: #0000009c;
    border: 1px solid #0000009c;
    border-radius: 30px 0 0 30px;
    padding: 1px 4px 2px 8px;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 150px;
    z-index: 999;
    width: 62px;
    border-right: none;
}

.whts img {
    width: 48px;
    float: left;
    margin-right: 5px;
    padding-top: 4px;
    padding-bottom: 2px;
}

.whts p {
    font-size: 14px;
    color: #fff;
    padding-top: 0px;
    display: flex;
}

.cal {
    background: #098ed3;
    border: 2px solid #fff;
    border-radius: 30px 0 0 30px;
    padding: 1px 0px 2px 12px;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 84px;
    z-index: 999;
    width: 60px;
    border-right: none;
}

.cal img {
    width: 43px;
    float: left;
    margin-right: 5px;
    padding-top: 5px;
}

.cal p {
    font-size: 14px;
    color: #fff;
    padding-top: 0px;
    display: flex;
}

/*whatsapp & call fixed website END*/

/*whatsapp & call fixed website END*/

/*whatsapp & call fixed website END*/

/*whatsapp & call fixed website END*/

/*whatsapp & call fixed website END*/

/*whatsapp & call fixed website END*/

.inndg {
    background: url(../img/banner/innerbanner.jpg);
}

.conj {
    text-align: center;
    margin-top: 50px;
}

/*.conj p a{
  color: #000;
}*/

.conj p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}

.extrcon {
    padding-bottom: 70px;
}

.siop {
    padding: 60px 0;
}

.siopokld {
    padding: 30px 0 0 0;
}

.diop {
    border: 1px solid #cfcfcf;
    padding: 25px;
    background: #ffc6c7;
    text-align: center;
}

.mapoi {
    border: 1px solid #cfcfcf;
}

/*inner testimoniasl sectio start*/

/*inner testimoniasl sectio start*/

/*inner testimoniasl sectio start*/

/*inner testimoniasl sectio start*/

/*inner testimoniasl sectio start*/

/*inner testimoniasl sectio start*/

/*inner testimoniasl sectio start*/

/*inner testimoniasl sectio start*/

.lamp {
    padding: 20px 0 60px 0;
}

.patie {
    padding: 20px;
    box-shadow: 0 0 3px #ddd;
    border-radius: 20px;
    background: #fff0ef;
    margin-top: 30px;
}

.patie p {
    font-size: 16px;
    padding-top: 8px;
    color: #000;
    line-height: 29px;
    text-align: justify;
}

.patie h4 {
    font-size: 20px;
    color: #000000;
    margin-bottom: 0;
}

.patie h4 img {
    padding-right: 10px;
    width: 50px !important;
}

.indost i {
    color: orange;
    font-size: 14px;
    padding-top: 18px;
}

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*inner testimonials sectio end */

/*hospital attachmenmts section start*/

/*hospital attachmenmts section start*/

/*hospital attachmenmts section start*/

/*hospital attachmenmts section start*/

.hospi {
    padding: 40px 0 60px 0;
}

.atatmj {
    text-align: center;
    padding-bottom: 10px;
}

.atatmj h2 {
    font-weight: 600;
    font-size: 40px;
    text-transform: capitalize;
    text-align: center;
    color: #EE8816;
}

.hosatta img {
    width: 100%;
}

.mainhis {
    text-align: center;
}

.spapui {
    padding-top: 30px;
}

.hoscon {
    padding: 5px 0;
    background: #EE8816;
}

.hoscon h3 {
    font-size: 22px;
    color: #fff;
    padding: 6px 0;
    font-weight: 500;
}

.mrnty {
    padding: 0 10px 10px 10px;
    text-align: left;
}

.mrnty p {
    font-size: 16px;
    color: #000;
    line-height: 26px;
    display: flex;
    padding-top: 15px;
}

.mrnty p i {
    padding-right: 10px;
    padding-top: 8px;
    color: #EE8816;
}

/*.mrnty p a {
    background: #1f5884;
    color: #fff;
    padding: 5px 13px;
    border-radius: 5px;
    margin-left: 33px;
}*/

.levt {
    margin-left: 30px !important;
}

.sideht {
    margin-left: 5px;
}

.mrnty p img {
    width: 35px !important;
    height: 31px !important;
    padding-right: 8px;
    /* padding-top: 4px; */
}

.mrnty p a img {
    padding-right: 8px;
    width: 30px !important;
    height: 22px !important;
}

.mainhis {
    box-shadow: 0 0 5px 3px #14283b61;
    background: #fff3f4;
    border-radius: 10px;
}

/*hospital attachments onn call start*/

.callon {
    padding-bottom: 60px;
}

.sideht i {
    padding-right: 8px;
}

.paolo {
    padding-bottom: 35px;
}

.kilopj {
    background: url(../img/testimonial/back.jpg);
    padding: 60px 0;
}

.btty {
    /*background: #098ed3;*/
    background: #098ed3;
}

/*hospiotal attchments onn call end*/

/*hospital attachmenmts section end*/

/*hospital attachmenmts section end*/

/*hospital attachmenmts section end*/

/*hospital attachmenmts section end*/

/*hospital attachmenmts section end*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

/*inner page service start*/

.inner {
    padding: 60px 0;
}

.inner p {
    text-align: justify;
}

.baar ul li {
    list-style: none;
    display: block;
}

.baar ul li a {
    background: #fff4f4;
    color: #000;
    padding: 12px 0;
    margin: 2px 0;
    display: block;
    padding-left: 16px;
    font-weight: 500;
    transition: 0.5s;
    font-size: 15px;
    text-transform: capitalize;
}

.baar ul {
    margin-bottom: 0;
}

.baar ul li a i {
    float: left;
    padding-right: 10px;
    padding-top: 7px;
    color: #002531;
    font-size: 12px;
}

.baar ul li a:hover,
.baar ul li a.active {
    background: #ee8816;
    color: #fff;
}

.ents {
    background: #002531;
    color: #fff;
    padding: 8px 0 10px 0;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 1px;
}

.action h2 {
    font-size: 21px;
    text-transform: capitalize;
}

.action h2 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    line-height: 32px;
    border-radius: 2px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 16px;
    background: #ee8816;
    padding-left: 12px;
}

.gapping {
    padding-top: 10px;
    padding-bottom: 10px;
}

.action img {
    margin: 0 auto;
    width: 100%;
    border: 4px solid #81868d3b;
}

.gapping ul {
    padding-left: 0;
    margin-bottom: 8px;
}

.gapping ul li {
    color: #000;
    line-height: 25px;
    padding-bottom: 5px;
    list-style: none;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: justify;
    padding: 5px 0;
    text-align: justify;
}

.gapping ul li i {
    color: #EE8816;
    padding-right: 12px;
    padding-top: 8px;
    font-size: 15px;
}

.gapping h5 {
    color: #098ed3;
    font-size: 21px;
    font-weight: 600;
    border-radius: 6px;
    padding-top: 8px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.satay {
    padding: 15px 20px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}

.gapping p {
    margin-bottom: 10px;
    line-height: 29px;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
}

.gapping b {
    color: #000;
    font-size: 16px;
}

.sidecolgyb {
    padding-right: 0;
    padding-left: 0;
}

.hfive {
    padding-top: 12px;
}

.gapping {
    padding-top: 20px;
}

.hakj p {
    padding-bottom: 15px;
}

.hakj h2 {
    padding-bottom: 5px;
}

.sideextra {
    padding-top: 40px;
}

.nairo {
    padding-top: 6px;
    /*padding-bottom: 3px;*/
}

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

/*inner page service end*/

.seranch i {
    padding-left: 5px;
}

/*banner code start*/

#slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /*box-shadow:2px 5px 10px rgba(0,0,0,0.4);;*/
}

.slide {
    width: 100%;
    display: none;
    animation-name: fade;
    animation-duration: 1s;
}

img {
    width: 100%;
}

@keyframes fade {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    padding: 15px 10px;
    border-radius: 5px;
}

.controls:hover {
    background: white;
    transition: 0.3s;
}

.controls:active {
    color: grey;
}

#left-arrow {
    left: 10px;
    background: #098ed3;
    color: #fff;
    font-size: 17px;
    top: 43%;
    cursor: pointer;
}

#right-arrow {
    right: 10px;
    background: #098ed3;
    color: #fff;
    font-size: 17px;
    top: 43%;
    cursor: pointer;
}

#dots-con {
    text-align: center;
}

.dot {
    display: inline-block;
    background: grey;
    padding: 8px;
    border-radius: 50%;
    margin: 10px 5px;
}

.active {
    background: crimson;
}

@media (max-width:576px) {
    #slider {
        width: 100%;
    }
    .controls {
        font-size: 1em;
    }
    #dots-con {
        display: none;
    }
}

.doui {
    display: none;
}

.banji {
    margin-top: 64px;
}

/*banner code end*/

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */

/*responsive css start */