/*---------------
Project Name: Yava
Project Font : "Roboto", sans-serif;
Project Start Date: 25.04.2024
Project End Date : 
Develop By : Bikash 
---------------*/

/*------- Add Google Fonts ----------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    background-color: #fff;
}

:root {

    --box_bg: #f0f0f0;

    /* -- Body font property -- */
    --body_font-color: #323232;
    --body_font-family: "Roboto", sans-serif;
    --body_font_line_height: 2em;

    /* -- Heading font property -- */
    --heading_font_color: #323232;
    --heading_font-family: "Roboto", sans-serif;
    --heading_font_line_height: 2em;


    --h1_font_size: 4em;
    --h1_line_hight: 1em;
    --h1_font-weight: 700;
    --h1_color: #323232;
    --h1_margin: 0px;

    --h2_font_size: 3em;
    --h2_line_hight: 1em;
    --h2_font-weight: 700;
    --h2_color: #323232;
    --h2_margin: 0px;

    --h3_font_size: 1.5em;
    --h3_line_hight: 1.5em;
    --h3_color: #323232;
    --h3_margin: 0px;

    --h4_font_size: 1.2em;
    --h4_line_hight: 1.2em;
    --h4_color: #323232;
    --h4_margin: 0px;

    --h5_font_size: 1.5em;
    --h5_line_hight: 1.5em;
    --h5_color: #323232;
    --h4_margin: 0px;

    --h6_font_size: 1em;
    --h6_line_hight: 1em;
    --h6_color: #323232;
    --h4_margin: 0px;

    --p_font_size: 1em;
    --p_line_hight: 1.5em;
    --p_color: #323232;


    /* a tag Css Property */
    --a_font_size: 1em;
    --a_line_hight: 1em;
    --a_color: #323232;
    --a_hover_color: #1485eb;
    --a_activer_color: #1485eb;
    --a_body_text_color: #1485eb;
    --a_body_hover_text_color: #1485eb;


    /* Button Css Property */
    /* --btn_one_bg: #f5f5dd;
    --btn_one_color: #444444;
    --btn_one_font_size: 1em;
    --btn_one_font-weight: 700;
    --btn_one_border: 1px solid transparent;
    --btn_one_padding: 0.375rem 0.75rem;
    --btn_one_bor_radi: 0rem;
    --btn_one_line_height: 2em;
    --btn_one_transform: uppercase;
    --btn_one_transition: all ease-in-out 0.3s;
    --btn_bg_clip: border-box;
    --btn_clip: padding-box; */
    /* Button Hover Css Property */
    /* --btn_one_bg_hover: #444444;
    --btn_one_color_hover: #ffffff;
    --btn_one_transition_hover: all ease-in-out 0.3s; */


    /* --btn_two_bg: #444444;
    --btn_two_color: #ffffff;
    --btn_two_font_size: 1.2em;
    --btn_two_font-weight: 700;
    --btn_two_border: 1px solid transparent;
    --btn_two_bor_radi: 0px;
    --btn_two_padding: 0.375rem 0.75rem;
    --btn_two_line_height: 2em;
    --btn_two_transform: uppercase;
    --btn_two_transition: all ease-in-out 0.3s;
    --btn_background-clip: border-box; */

    /* Button Hover Css Property */
    /* --btn_two_bg_hover: #f5f5dd;
    --btn_two_color_hover: #444444;
    --btn_two_transition_hover: all ease-in-out 0.3s; */

}

.btn_one {
    border-radius: 0;
    width: auto;
    height: auto;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 20px 40px 20px 65px;
    z-index: 0;
    transition: 0.5s;
    background-color: #1485eb;
    border: 1px solid #1485eb;
}

.btn_one:before {
    transition: 0.5s;
    position: absolute;
    width: 80px;
    height: 100%;
    content: "";
    bottom: 0;
    left: -38px;
    background: #22242926;
    border: 1px solid #22242926;
    z-index: -1;
    border-radius: 50px;
}

.btn_one:hover {
    background-color: #323232;
    border: 1px solid #323232 !important;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.btn_one:hover::before {
    width: 140%;
    transition: 0.5s;
    background-color: #323232;
    color: #fff;
    font-weight: 700;
    border: 1px solid #323232 !important;
}

.custom_con_80{
    max-width: 85%;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #323232;
    font-family: "Roboto", sans-serif;
    margin: 0;

}

p {
    color: #323232;
    font-family: "Roboto", sans-serif;
    margin: 0;
}

a {
    font-family: "Roboto", sans-serif;
}

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

.d_flex_center {
    display: flex;
    align-items: center;
}

.d_flex_j_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.d_flex_j_start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.d_flex_j_end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.d_flex_r_reverse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.d_flex_c_reverse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
}
.d_flex_bottom{
    align-items: end;
}
.d_flex_a_stretch {
    display: flex;
    align-items: stretch;
}

.flex_pro {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 0fr);
}

.p_l_top,
.p_l_bottom,
.p_l_left,
.p_l_right {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.p_less{
    padding: 0;
}

.sec_padd_top_bottom {
    padding: 150px 0;
}

.padd_b_30 {
    padding-bottom: 30px;
}

.m_b {
    margin-bottom: 20px !important;
}

.m_b_100 {
    margin-bottom: 100px !important;
}

.top_padd_50 {
    padding-top: 50px;
}

.bottom_padd_50 {
    padding-bottom: 50px;
}

.p_f_top {
    padding: 15px 0px;
}


.m_l_top,
.m_l_bottom,
.m_l_left,
.m_l_right {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.m_top_50{
    margin-top: 50px;
}

.m_less {
    margin-left: 0px;
    margin-right: 0px;
}

.mb_15 {
    margin-bottom: 15px;
}
.mb_20 {
    margin-bottom: 0px;
}

.sec_margin_t_b {
    margin: 100px 0;
}


.margin_t_30 {
    margin-top: 30px;
}

.margin_b_30 {
    margin-bottom: 30px;
}

h1 {
    font-size: var(--h1_font_size);
    font-family: var(--heading_font-family);
    line-height: var(--h1_line_hight);
    font-weight: var(--h1_font-weight);
    color: var(--h1_color);
}

h2 {
    font-size: var(--h2_font_size);
    font-family: var(--heading_font-family);
    color: var(--h2_color);
}

h3 {
    font-size: var(--h3_font_size);
    font-family: var(--heading_font-family);
    color: var(--h3_color);
}

h4 {
    font-size: var(--h4_font_size);
    font-family: var(--heading_font-family);
    color: var(--h4_color);
}

h5 {
    font-size: var(--h5_font_size);
    font-family: var(--heading_font-family);
    color: var(--h5_color);
}

h6 {
    font-size: var(--h6_font_size);
    font-family: var(--heading_font-family);
    color: var(--h6_color);
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: var(--body_font-family);
    font-size: var(--p_font_size);
    line-height: var(--p_line_hight);
}

a {
    text-decoration: none;
    color: var(--a_color);
    font-size: var(--a_font_size);
    line-height: var(--a_line_hight);
}

a:hover {
    text-decoration: none;
    color: var(--a_hover_color);
}

a:focus {
    color: #1485eb !important;
}

a:focus-visible {
    color: #1485eb !important;
    outline-offset: 0px !important;
    outline: 0px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.pr_less {
    padding-right: 0px !important;
}

/* ---------------------------
| Bootstrap Custom Css Start
----------------------------- */
.form-select:focus {
    box-shadow: none !important;
    border-color: #dee2e6 !important;
}
.accordion-button:focus{
    box-shadow: none;
}

.form-check-input:checked {
    background-color: #444444 !important;
    border-color: #444 !important;
}

.form-check-input:checked {
    background-color: #c1d62f;
    border-color: #c1d62f;
}

.form-check-input:focus {
    border-color: #c1d62f;
    outline: 0;
    box-shadow: none !important;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #dee2e6;
    outline: 0;
    box-shadow: none;
}

.navbar-collapse {
    flex-grow: 0;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent !important;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: var(--bs-btn-close-focus-opacity);
}

.input-group-append {
    cursor: pointer;
}

.btn:focus-visible {
    color: #fff;
    background-color: #1485eb;
    border-color: #1485eb;
    outline: 0;
    box-shadow: none;
}

/* ------------------------
| Bootstrap Custom Css End
-------------------------- */

/*-------------------------------
|| Header Design Start
  -------------------------------*/
header {
    background-color: #25232317;
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #414141;
    z-index: 1;
}

.custom_header {
    padding: 0;
}

.custom_header #offcanvasNavbar {
    display: none;
}

.header_gone {
    display: none;
}

.custom_header .navbar-brand {
    max-width: 160px;
    width: 100%;
    padding: 0;
    margin: 0;
}

.custom_header a.navbar-brand img {
    width: 60%;
}

.custom_header li.nav-item a {
    text-transform: uppercase;
    color: #fff;
    padding: 30px 20px !important;
    font-family: "Roboto", sans-serif;
    transition: all ease-in-out 0.3s;
}

.custom_header li.nav-item a:hover {
    color: var(--a_hover_color);
    transition: all ease-in-out 0.3s;
}

.custom_header li.nav-item.login a {
    text-transform: uppercase;
    color: #fff;
    padding: 30px 20px !important;
    font-family: "Roboto", sans-serif;
    transition: all ease-in-out 0.3s;
    background-color: #181818;
    font-weight: 800;
}

.custom_header li.nav-item.login a:hover {
    background-color: #232323;
    color: #1485eb;
    transition: all ease-in-out 0.3s;
}

.custom_header div#sidebarContainer .mob_signup:hover {
    color: #fff;
    background-color: #0f75d1;
}


.custom_header li.nav-item.register a {
    text-transform: uppercase;
    color: #fff;
    padding: 30px 20px !important;
    font-family: "Roboto", sans-serif;
    transition: all ease-in-out 0.3s;
    background-color: #1485eb;
    font-weight: 800;
}

.custom_header li.nav-item.register a:hover {
    background-color: #0d67b6;
    color: #fff;
    transition: all ease-in-out 0.3s;
}

.custom_header li.nav-item a.nav-link.active {
    font-weight: 700;
    color: var(--a_activer_color);
}

.custom_header li.divider_rules {
    border-right: 2px solid #868686;
}

.custom_header .text_bold {
    font-weight: 700;
    color: #444444;
}

.custom_header button.navbar-toggler {
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    border: 0px;
}

.custom_header .offcanvas-body li.nav-item {
    padding: 10px 0;
}

.custom_header ul.dropdown-menu.dropdown li a {
    padding: 10px 5px !important;
    color: #fff;
    background-color: #1485eb;
}
.custom_header ul li ul li a.dropdown-item.active {
    background-color: #0c63b1 !important;
    color: #fff;
}
.custom_header ul li ul li a.dropdown-item.active:focus-visible {
    background-color: #3e3e3e !important;
    color: #fff;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.custom_header ul.dropdown-menu.dropdown {
    border-radius: 0;
    width: auto;
    padding: 0;
    top: 75px;
    background-color: #1485eb;
    left: 20px;
}

.custom_header ul.dropdown-menu.dropdown li a:hover {
    padding: 10px 5px !important;
    color: #fff !important;
    background-color: #0c63b1 !important;
}

/*-------------------------------
  |Home Page Banner Design Start
  -------------------------------*/


/*-------------------------------
|| Start Banner Design
-------------------------------*/
.d_str {
    display: flex;
    align-items: stretch;
}

.banner_areas {
    background: url(../../assets/images/new/banner__effect_image.jpg) no-repeat 0 -90px;
    background-size: cover;
    width: 100%;
    height: auto;
}

.left_banner {
    padding: 170px 0;
    height: 100%;
}

.left_banner img {
    width: 230px;
}
.left_banner h1 {
    font-size: 40px;
    margin: 25px 0 7px;
    color: #fff;
    padding-left: 14px;
}
.left_banner h6 {
    font-size: 20px;
    margin: 0px 0 25px;
    color: #fff;
    padding-left: 14px;
    line-height: 27px;
    font-weight: 300;
    padding-right: 135px;
}
.left_banner button {
    margin-left: 16px;
}

.right_banner {
    position: relative;
    height: 100%;
}

.right_banner img {
    position: absolute;
    width: 390px;
    bottom: 0;
    margin-top: 200px;
    right: 0px;
}

/*-------------------------------
|| End Banner Design
-------------------------------*/



/*-------------------------------
|| Start banner_section_divider
-------------------------------*/

section.banner_section_divider_black {
    background-color: #292929;
    width: 100%;
    height: 15px;
    position: relative;
}
.divider_zone {
    width: 100%;
    height: 50px;
    background-color: #292929;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: start;
}
.mid_arrow {
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 70px solid #292929;
    z-index: 1;
}
.divider_zone_white {
    width: 100%;
    height: 10px;
    /* background-color: #f5f5f5; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: start;
}
.mid_arrow_white {
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 70px solid #f5f5f5;
    z-index: 1;
}
/* .mid_arrow{
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    top: 0;
    width: auto;
    height: auto;
    border-top: 70px solid #343434;
    border-bottom: 40px solid transparent;
    content: '';
    position: absolute;
    left: 48%;
    bottom: 0;
    z-index: 999;
} */
/* section.banner_section_divider_black:before {
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    top: 0;
    width: auto;
    height: auto;
    border-top: 70px solid #343434;
    border-bottom: 40px solid transparent;
    content: '';
    position: absolute;
    left: 48%;
    bottom: 0;
    z-index: 999;
} */


section.banner_section_divider_white {
    /* background-color: #f5f5f5; */
    background-image: url(../../assets/images/new/marbel_bg.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 15px;
    position: relative;
}
/* section.banner_section_divider_white:before {
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    top: 15px;
    width: auto;
    height: auto;
    border-top: 70px solid #f5f5f5;
    border-bottom: 40px solid transparent;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
} */

/*-------------------------------
|| End banner_section_divider
-------------------------------*/




/*-------------------------------
|| Start Inner Banner Design
-------------------------------*/

.cus_container {
    max-width: 1500px;
    width: 100%;
}
.inner_banner_areas {
    background: url(../../assets/images/new/inner_banner__effect_image.jpg) no-repeat 0 0px;
    background-size: cover;
    width: 100%;
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner_center_text nav ol.breadcrumb {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
}

.inner_center_text nav ol.breadcrumb li.breadcrumb-item {
    font-size: 40px;
    color: #f0f0f0;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    padding: 0;

}

.inner_center_text nav ol.breadcrumb li.breadcrumb-item.active {
    font-size: 3.9em;
    color: #f0f0f0;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    padding: 0;

}

.inner_center_text nav ol.breadcrumb li.breadcrumb-item.active a {
    font-size: 40px;
    color: #f0f0f0;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0;
    padding: 0;

}
.inner_center_text p {
    color: #fff;
    padding: 0 30%;
}

/*-------------------------------
|| End Inner Banner Design
-------------------------------*/




/*------------------------------
|| Our Mission Areas 
------------------------------*/
.our_mission_areas {
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 200px 0 0px;
    position: relative;
}

.left_our_mission {
    position: relative;
    width: 100%;
    z-index: 0;
}

.left_our_mission:before {
    width: 590px;
    height: 626px;
    position: absolute;
    top: -110px;
    left: 220px;
    content: '';
    background: url(../../assets/images/new/border_line.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.mission_video video {
    width: 100%;
    height: auto;
    transform: translate(0px, 0px);
    object-fit: cover;
}

.right_our_mission {
    transform: translate(0px, 0px);
}

.right_our_mission h1 {
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 800;
    color: #1485eb;
}

.right_our_mission h1 span {
    text-transform: uppercase;
    font-size: 30px;
}
.right_our_mission h3 {
    margin: 0;
}

.right_our_mission h2 {
    font-weight: 800;
    margin: 0;
    color: #1485eb;
    text-transform: uppercase;
    font-size: 40px;
}

.right_our_mission p {
    font-size: 20px;
    letter-spacing: 0px;
    text-align: justify;
    word-spacing: 0px;
    padding-right: 0px;
}




/*-------------------------------
|| Start Counter Areas Design 
--------------------------------*/
section.counter_areas {
    transform: translate(0px, 50%);
}

.counter_zone {
    padding: 0px 0 70px;
    background-color: #f0f0f0;
}

.border_top {
    width: 100%;
    height: 5px;
    background-color: #1485eb;
}

.counter_heading {
    padding: 50px 0 50px;
    text-align: center;
}

.counter_heading h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #1485eb;
    margin: 0;
}

.counter_zone_areas {
    padding: 0 20px;
}

.counter.col_fourth {
    text-align: center;
    background-color: #ebebeb;
    padding: 30px;
    position: relative;
    border: 1px solid #1485eb;
}

.counter.col_fourth:before {
    width: 100%;
    height: 3px;
    background-color: #1485eb;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.counter.col_fourth i {
    font-size: 30px;
    color: #1485eb;
    margin-bottom: 15px;
    font-weight: 900;
}

.counter.col_fourth h2 {
    color: #1485eb;
    font-weight: 900;
    margin: 0 0 5px 0;
}

.counter.col_fourth p {
    text-transform: uppercase;
    line-height: 24px;
    color: #1485eb;
    font-weight: 700;
}




/*===========================
    10.counter css 
===========================*/
.witr_counter_single {
    text-align: center;
    background-color: #ebebeb;
    padding: 20px;
    border-width: 5px 1px 1px 1px;
    border-style: solid;
    border-color: #1485eb;

}

.witr_counter_img i {
    font-size: 30px;
    color: #1485eb;
    margin-bottom: 20px;
}

.witr_counter_number_inn {
    overflow: hidden;
    margin-bottom: 30px;
    font-size: 40px;
    color: #1485eb;
    font-weight: 700;
    position: relative;
}
.witr_counter_number_inn span img {
    margin-top: -7px;
    width: 20px;
    margin-right: -5px;
}
.witr_counter_number_inn .pound {
    font-size: 30px;
    font-weight: 900;
    position: absolute;
    top: 15px;
    left: 20%;
}

.witr_counter_number_inn h3,
.witr_counter_number_inn span {
    font-size: 40px;
    color: #1485eb;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}

.witr_counter_number_inn span {
    line-height: 0;
    font-size: 50px;
    margin-left: -10px;
}
.witr_counter_number_inn span.pound_sign {
    line-height: 0;
    font-size: 40px;
    margin-right: -10px;
    font-weight: 800;
}
/* content */
.witr_counter_number_inn h4 {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #1485eb;
    padding-top: 8px;
}

/*-------------------------------
|| End Counter Areas Design 
--------------------------------*/


/*-------------------------------
|| Start Our Foundes Say Areas Design
--------------------------------*/
section.our_founders_say_areas {
    background-color: #232323;
    padding: 250px 0 150px;
}

.founders_say_heading {
    text-align: center;
    padding: 50px 0;
}

.founders_say_heading h2 {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
}

.testi_slider_areas {
    padding: 50px 20px;
    background-color: #fff;
    border-width: 7px 0 0 0;
    border-style: solid;
    border-color: #1485eb;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
}

.testi_non_slider_areas {
    padding: 30px;
    background-color: #fff;
    border-width: 7px 0 0 0;
    border-style: solid;
    border-color: #1485eb;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.testi_non_slider_areas img{
    width: 100%;
}

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

.clients_image {
    width: 25%;
}

.clients_image:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: url(../images/new/testi_border_line.png);
    background-repeat: no-repeat;
    width: 360px;
    height: 360px;
}

.cliets_text_pera {
    width: 75%;
    padding-left: 40px;
}

.cliets_text_pera h6 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 800;
    color: #1485eb;
}

.clients_bg_box {
    position: relative;
    height: 357px;
    display: flex;
    align-items: center;
}

.clients_bg_box::before {
    position: absolute;
    top: 0;
    left: 40px;
    width: 400px;
    height: 400px;
    content: '';
    background: url(../images/new/testi_border_line.png);
    background-repeat: no-repeat;
    z-index: -1;
}
.test_client_box {
    width: 250px;
    height: 250px;
    border: 1px solid #bdb9b9;
}
.test_client_box img{
    width: 100% !important;
    height: 100%;
    max-height:250px;
    overflow: auto;
    object-fit: cover;
}
.test_client_box {
    z-index: 9;
}
.tlients_details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.t_clients_logo {
    width: auto;
    text-align: right;
    object-fit: cover;
    display: flex;
    justify-content: end;
    align-items: center;
}
.t_clients_logo img {
    width: 150px !important;
    height: 100% !important;
    max-height: 130px;
    overflow: hidden;
    padding: 10px;
    object-fit: contain;
}
.t_clients_brief {
    width: 100%;
}
.tlients_details h3 {
    text-transform: uppercase;
    color: #1485eb;
    font-weight: 700;
    font-size: 30px;
    margin: 0;
    line-height: 50px;
}

.tlients_details h6.clients_position {
    font-size: 16px;
    font-weight: 300;
    color: #1485eb;
    margin: 0;
    line-height: 10px;
}
.content_t_areas p {
    font-size: 16px;
    text-align: justify;
    line-height: 24px;
    margin: 0;
}
.content_t_areas p a {
    font-weight: 800;
    text-transform: uppercase;
    color: #1485eb;
    transition: 0.5s;
    margin-top: 20px;
    display: block;
}
.content_t_areas p a:hover {
    font-weight: 800;
    text-transform: uppercase;
    color: #323232;
    transition: 0.5s;
}


.testi_slider_areas .owl-nav {
    display: none;
}

.testi_slider_areas .owl-dots button span {
    width: 30px;
    border-radius: 0 !important;
    color: #1485eb !important;
    background-color: #1485eb !important;
}

.testi_slider_areas .owl-dots button.active span {
    background-color: #0d4f8b !important;
}
.t_clients_mob_logo {
    display: none;
}

.testi_feedback_modal .modal-dialog {
    max-width: 840px;
    width: 100%;
}
.clients_modal_image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.client_full_feedback p a {
    color: #1485eb;
    transition: 0.5s;
}
.client_full_feedback p a:hover {
    color: #323232;
    transition: 0.5s;
}

/*-------------------------------
|| End Our Foundes Say Areas Design
--------------------------------*/



/*--------------------------------
|| Start Podcast Areas Design
---------------------------------*/
section.podcast_areas {
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 100px 0;
    background-color: #f9f9f9;
}

.podcast_heading {
    text-align: center;
}

.podcast_heading h2 {
    font-weight: 800;
    color: #1485eb;
    padding-bottom: 50px;
    text-transform: uppercase;
}

.podcast_heading h2 span {
    font-size: 3rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #1485eb;
}

.full_pod_box {
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #1485eb;
}

.pod_title_details {
    background-color: #efefef;
    padding: 20px;
}

.pod_title_details h3 {
    color: #1485eb;
}

.pod_title_details p {
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 400;
    padding-right: 80px;
}

.pod_play_areas {
    background-color: #e9e8e8;
    display: flex;
    align-items: center;
    justify-content: end;
}

a.new_play_btn {
    width: 50px;
    height: 50px;
    background-color: #2a2a2a;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.podcast_box .owl-nav {
    display: none;
}

.podcast_box .owl-dots button span {
    width: 30px;
    border-radius: 0 !important;
    color: #1485eb !important;
    background-color: #1485eb !important;
}

.podcast_box .owl-dots button.active span {
    background-color: #0d4f8b !important;
}

.podcast_box .owl-dots {
    margin-top: 90px;
}


/*--------------------------------
|| Start Blog Areas Design
---------------------------------*/
.blog_box .full_pod_box {
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #1485eb;
}

.blog_box .pod_title_details p {
    padding-right: 0px;
    margin: 0;
}

.blog_box .pod_image {
    position: relative;
}

.blog_box .blog_post_date {
    position: absolute;
    bottom: 10px;
    background-color: #1485eb;
    padding: 15px;
    width: 100px;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
}

.blog_box .full_pod_box:hover .blog_post_date {
    opacity: 1;
    bottom: 0px;
    transition: 0.5s;
}

.blog_box .blog_post_date h5 {
    margin: 0;
    color: #fff;
    font-weight: 900;
}

.blog_box .blog_post_date h3 {
    margin: 0;
    color: #fff;
    font-weight: 900;
}

.blog_box .blog_share_areas {
    background-color: #e9e8e8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}

.blog_box .blog_like {
    border-right: 1px solid #dfd9d9;
    width: 33%;
}

.blog_box .blog_like:last-child {
    border-right: 0px solid #dfd9d9;
}

.blog_box .blog_like a {
    padding: 17px 10px;
    display: block;
    width: 100%;
    color: #b1abab;
    transition: 0.5s;
    font-size: 16px;
}

.blog_box .blog_like a:hover {
    padding: 17px 10px;
    display: block;
    width: 100%;
    color: #1485eb;
    transition: 0.5s;
    font-size: 16px;
}

/*--------------------------------
|| End Blog Areas Design
---------------------------------*/
.podcast_box .pod_image {
    height: 260px;
    object-fit: cover;
}
.podcast_box .pod_image img{
    height: 100%;
    object-fit: cover;
}

/*--------------------------------
|| End Podcast Areas Design
---------------------------------*/




/*-------------------------------
|| Start Get In Touch
--------------------------------*/
section.get_in_touch {
    padding: 100px 0 150px;
    background-color: #323232;
}

.get_in_touch .get_touch_box {
    border: none;
}

.get_in_heading {
    text-align: center;
}

.get_in_heading h2 {
    color: #fff;
    margin: 0;
    padding-bottom: 40px;
    font-weight: 800;
}

.form_areas {
    background-color: #eaeaea;
    padding: 50px 30px 0;
    border-style: solid;
    border-width: 7px 0 0 0;
    border-color: #1485eb;
    height: 100%;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;

}
.pad_ex{
    padding-bottom: 0px;
}
.faq_box .accordion-header button.accordion-button {
    background-color: #1485eb;
    border-radius: 0px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}
.faq_box .accordion-header button.accordion-button::after{
    background-image: url(../../assets/images/new/arrow_accor.png);
    background-repeat: no-repeat;
}
.faq_box .accordion .accordion-item {
    margin-top: 15px;
}

.get_touch_box input {
    border-bottom: 2px solid #c8c9ca !important;
    background-color: transparent;
}

.get_touch_box input#inputPassword5 {
    height: 50px;
    border-radius: 0px;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
}

.get_touch_box input[type=text] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 40px;
}

.get_touch_box label {
    color: #7a7a7a;
    font-size: 20px;
    font-weight: 600;
}

.get_touch_box textarea {
    border-radius: 0;
    height: 100px;
    width: 100%;
    border: none;
    padding: 10px 15px;
    background-color: transparent;
    border-bottom: 1px solid #c8c9ca !important;
}

.get_touch_box input#flexCheckDefault {
    border: 1px solid #c8c9ca;
}

.center_btn {
    display: flex;
    justify-content: end;
    margin: 30px 0;
}

#tearms_box {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
}
#tearms_box input#flexCheckDefault {
    margin-right: 10px;
}

/*--------Start Country Code Css--------*/
.cuntry_code_number {
    display: flex;
    align-items: flex-start;
    justify-content: start;
    flex-flow: row wrap;
}

label.f_icon_p {
    width: 100%;
    margin-bottom: 0px;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

input#phone {
    border-bottom: 2px solid #c8c9ca !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0;
    border-radius: 0px;
    width: 100% !important;
    height: 50px;
}

/*--------End Country Code Css--------*/
.sec_head_heading h3 {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 30px;
    font-size: 1.5em;
}
.home_get_in_touch {
    border-style: solid !important;
    border-width: 7px 0 0 0 !important;
    border-color: #1485eb !important;
    padding: 80px 20px 0;
}
.home_get_in_touch form {
    padding-top: 75px;
}
textarea:focus-visible {
    border: 0px !important;
    outline-width: 0px 0px 0px 0px !important;
    outline-style: solid;
    outline-color: #c8c9ca;
    margin-top: 15px;
}

/*-------------------------------
|| End Get In Touch
--------------------------------*/


/*-----------------------------
|| Start Custom Scroll Bar 
-----------------------------*/
/* width */
.faq_box::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  .faq_box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #d5cfcf; 
    border-radius: 5px;
  }
   
  /* Handle */
  .faq_box::-webkit-scrollbar-thumb {
    background: #1485eb; 
    border-radius: 5px;
  }
  
  /* Handle on hover */
  .faq_box::-webkit-scrollbar-thumb:hover {
    background: #1676ce; 
  }
/*-----------------------------
|| End Custom Scroll Bar 
-----------------------------*/




/*-----------------------------
|| Start Footer Design
-----------------------------*/
footer {
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 50px 0px;
    position: relative;
}
.footer_map_areas {
    background: url(../../assets/images/new/footer_map_gray.png) no-repeat 0px 90px;
    background-size: contain;
    height: 100%;
}

.footer_map_areas img {
    width: 100%;
}

footer .get_touch_box {
    background-color: #eaeaea;
    padding: 15px 15px;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #1485eb;
    height: 100%;
    background-image: none;
}

.get_touch_box {
    background-color: #eaeaea;
    padding: 15px 15px;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #1485eb;
    height: 100%;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
}

.get_touch_box .d_flex {
    flex-flow: row wrap;
    align-items: stretch;
}
.faq_box {
    height: 100%;
    max-height: 560px;
    overflow-y: scroll;
}


.left_get {
    width: 100%;
}

.footer_get_heading h3 {
    color: #1485eb;
    font-weight: 800;
    margin: 0;
}

.footer_get_heading h4 {
    color: #1485eb;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
}

.footer_menu {
    margin-top: 15px;
}

.footer_menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer_menu ul li {
    padding-bottom: 10px;
}
.footer_menu ul li a{
    padding-left: 0px;
    transition: 0.5s;
}
.footer_menu ul li a:hover {
    color: #1485eb;
    transition: 0.5s;
    padding-left: 10px;
}

.footer_menu ul li a.active {
    color: #1485eb;
    transition: 0.5s;
}

.mid_line {
    width: 1px;
    height: 270px;
    background-color: #d4d3d3;
}

.right_get {
    width: 100%;
}

.follow_box h3 {
    color: #1485eb;
    font-weight: 800;
    margin: 0;
}
.follow_box h4 {
    color: #1485eb;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
}

.social_follow {
    margin-top: 15px;
}

.social_follow ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.social_follow ul li {
    padding-bottom: 15px;
    margin-right: 0px;
    display: inline-block;
}
.social_follow ul li a {
    background-color: #eaeaea;
    padding: 7px 8px;
    transition: 0.5s;
}

.social_follow ul li a:hover {
    background-color: #1485eb;
    transition: 0.5s;
}

.social_follow ul li a:hover i {
    color: #fff;
    transition: 0.5s;
}

.social_follow ul li a i {
    color: #2a2a2a;
}

.add_mail_phone ul {
    display: block;
}
.add_mail_phone ul li a{
    background-color: transparent;
    transition: 0.5s;
    color: #1485eb;
}
.add_mail_phone ul li{
    color: #7c7c7c;
}
.add_mail_phone ul li i{
    color: #cdcdcd;
}
.add_mail_phone ul li a:hover{
    background-color: transparent;
    transition: 0.5s;
    color: #323232;
}
.total_newslatter {
    margin-top: 20px;
    margin-bottom: 20px;
}

.newslatter_head h3 {
    color: #1485eb;
    font-weight: 800;
    margin: 0;
}
.newslatter_head h4 {
    color: #1485eb;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
}

.input-group input {
    background-color: #fff;
    border-radius: 0;
    border: 0px !important;
    box-shadow: none !important;
}

.input-group span.input-group-btn {
    background-color: #2a2a2a;
    color: #fff !important;
}

.input-group span.input-group-btn button.btn {
    color: #fff;
    transition: 0.5s;
}

.input-group span.input-group-btn button.btn:hover {
    color: #1485eb;
    transition: 0.5s;
}

.footer_newsletter {
    padding: 10px 0;
}

::placeholder {
    color: #ededed;
}

::-ms-input-placeholder {
    color: #ededed;
}

::-webkit-input-placeholder {
    color: #ededed;
}

::placeholder {
    color: #ededed;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.founder_info .left_login h6,
span {
    text-transform: capitalize;
    margin-bottom: 0px;
    font-weight: 400;
    color: #444;
}
.sustainable_areas {
    text-align: left;
}
.sustaible_logo {
    padding: 20px 0px 0px;
    text-align: center;
}
.sustaible_logo a {
    display: block;
    width: 100%;
}
.sustaible_logo img {
    width: 85%;
}
.sustaible_click {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}
.policy_link_areas{
    width: 100%;
    display: block;
}
h4.f_size {
    font-size: 15px;
}
.policy_link_areas ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.policy_link_areas ul li {
    padding: 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: left;
    position: relative;
}
.policy_link_areas ul li::before {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 11px;
    left: 0;
    content: '';
    background-color: #1485eb;
}
.policy_link_areas ul li a {
    color: #1485eb;
    display: block;
    transition: 0.5s;
    padding-left: 15px;
    position: relative;
}
.policy_link_areas ul li a:hover{
    color: #323232;
    transition: 0.5s;
    padding-left: 20px;
}

.sustaible_heading {
    text-align: left;
}


a.sus_click {
    color: #1485eb;
    font-weight: 800;
    transition: 0.5s;
}
a.sus_click:hover {
    color: #323232;
    font-weight: 800;
    transition: 0.5s;
}

/*-----------------------
|| Start Copyright Area Design
------------------------*/
.copyright_areas {
    background-color: #2a2a2a;
}

.copyright_text {
    text-align: center;
    color: #fff;
}

.copyright_text p {
    color: #f2f2f2;
    margin: 0;
    padding: 15px 0;
}

.copyright_text p a {
    color: #1485eb;
    transition: 0.5s;
}

.copyright_text p a:hover {
    color: #f0f0f0;
    transition: 0.5s;
}

/*-----------------------
|| End Copyright Area Design
------------------------*/

/*-----------------------------
|| End Footer Design
-----------------------------*/



/*----------------------------
|| Start Log In Page Design
-----------------------------*/
section.log_bg {
    background-color: #323232;
    padding: 100px 0;
}

.log_box_container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.log_mid_areas {
    background-color: #eaeaea;
    width: 70%;
    height: auto;
    padding: 40px;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #1485eb;
}

.log_back_btn {
    width: 50px;
    height: 50px;
    background-color: #1485eb;
    text-align: center;
    line-height: 60px;
    margin-bottom: 40px;
}

.log_back_btn a {
    padding: 17px 18px;
}

.log_back_btn a i {
    font-size: 30px;
    color: #fff;
}

.company_logo {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.company_logo img {
    width: 200px;
}

.log_form_areas input[type=text] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 40px;
}

.log_form_areas input[type=email] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 40px;
}

.log_form_areas .form-control.m_b_none {
    margin-bottom: 15px;
}

.log_form_areas input {
    border-bottom: 2px solid #c8c9ca !important;
    background-color: transparent;
}

.log_form_areas label {
    color: #8d8d8d;
}

.log_form_areas label.forgot_links a {
    font-size: 20px;
    font-weight: 300;
    color: #1485eb;
    text-decoration: underline;
    transition: 0.5s;
}

.log_form_areas label.forgot_links a:hover {
    color: #323232;
    transition: 0.5s;
}

.create_aacount {
    text-align: center;
    margin: 15px 0;
}

.create_aacount h5 a {
    font-weight: 800;
    color: #1485eb;
    transition: 0.5s;
    text-decoration: underline;
}

.create_aacount h5 a:hover {
    color: #323232;
    transition: 0.5s;
}

.divide_area {
    padding: 15px 0;
    text-align: center;
    position: relative;
}

.divide_area p {
    margin: 0;
    color: #1485eb;
}

.divide_area::before {
    width: 48%;
    height: 1px;
    background-color: #1485eb;
    position: absolute;
    top: 27px;
    left: 0;
    content: '';
}

.divide_area::after {
    width: 48%;
    height: 1px;
    background-color: #1485eb;
    position: absolute;
    top: 27px;
    right: 0;
    content: '';
}

.share_btn {
    width: 50%;
    margin: 0 auto;
}

.share_btn button {
    border-radius: 0;
    border: none;
    margin-bottom: 40px;
}

.l_icon {
    text-align: right;
}

.l_text {
    text-align: left;
}

/*----------------------------
|| End Log In Page Design
-----------------------------*/



/*----------------------------
|| Start Register Page Design
-----------------------------*/
.register_box_areas .tab_btn.active {
    border-width: 5px 0 0 0;
    border-style: solid;
    border-color: #1485eb !important;
    border-radius: 0px;
    margin-right: 15px;
    background-color: #323232;
    color: #fff;
    font-weight: 800;
}

.register_box_areas .tab_btn {
    border-width: 5px 0 0 0;
    border-style: solid;
    border-color: #1485eb !important;
    border-radius: 0px;
    margin-right: 15px;
    background-color: #ffffff;
    color: #323232;
    font-weight: 800;
}

.founder_form {
    padding: 60px 0 0;
}

.founder_form label {
    color: #8d8d8d;
}

.founder_form input[type=text] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 0px;
}

.founder_form input {
    border-bottom: 2px solid #c8c9ca !important;
    background-color: transparent;
}

.founder_form input#inputPassword51 {
    height: 50px;
    border-radius: 0px;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
}

.founder_form #tearms_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}

.founder_form #tearms_box #flexCheckDefault {
    margin-right: 15px;
    border: 1px solid #bbbbbb;
}

#founder_tearms_box {
    margin: 15px 0 50px;
}

.founder_form .create_aacount {
    margin: 40px 0;
}



.developer_form {
    padding: 60px 0 0;
}

.developer_form label {
    color: #8d8d8d;
}

.developer_form input[type=text] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 15px;
}

.developer_form input[type=number] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 15px;
}

.developer_form input[type=password] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 15px;
}

.developer_form input {
    border-bottom: 2px solid #c8c9ca !important;
    background-color: transparent;
}

.developer_form input#inputPassword51 {
    height: 50px;
    border-radius: 0px;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
}

.developer_form #tearms_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}

.developer_form #tearms_box #flexCheckDefault {
    margin-right: 15px;
    border: 1px solid #bbbbbb;
}

#developer_tearms_box {
    margin: 15px 0 50px;
    display: flex;
    align-items: start;
}

#developer_tearms_box input#flexCheckDefault {
    margin-right: 5px;
}

.developer_form .create_aacount {
    margin: 40px 0;
}

.founder_center_btn {
    text-align: right;
}

.developer_center_btn {
    text-align: right;
}

/*----------------------------
|| End Register Page Design
-----------------------------*/



/*-------------------------------
|| Start Team Page Design
-------------------------------*/

.team_bg {
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 150px 0px;
    position: relative;
}

/* .team_box {
    width: 100%;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #1485eb;
    overflow: hidden;

} */

.team_box {
    width: 80%;
    margin: 0 auto;
    border-style: solid;
    border-width: 5px 3px 3px 3px;
    border-color: #1485eb;
    overflow: hidden;
    border: 3px solid #1a1a1a;
    padding: 5px;
}

.team_box:hover .team_member_info {
    opacity: 1;
    bottom: 0px;
    overflow: hidden;
    transition: 0.5s;
}

.team_img {
    width: 100%;
    margin-bottom: 0px;
    position: relative;
}

.team_img img {
    width: 100%;
}

.team_member_info {
    background-color: #323232;
    padding: 15px;
    position: absolute;
    bottom: -130px;
    width: 100%;
    text-align: center;
    opacity: 1;
    transition: 0.5s;
    overflow: hidden;
}

.team_member_info ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.team_member_info ul li {
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    padding: 8px 0 5px;
    line-height: 24px;
}

.team_member_info ul li span {
    text-transform: uppercase;
    color: #323232;
    font-weight: 700;
    font-size: 16px;
}

.team_member_info ul li a {
    text-transform: uppercase;
    font-size: 16px;
    color: #323232;
    font-weight: 900;
    transition: 0.5s;
}

.team_member_info ul li a:hover {
    color: #0f6ec2;
    transition: 0.5s;
}


section.partner_brand_areas {
    background-color: #2a2a2a;
    padding: 150px 0;
}

.parner_scroll_heading {
    text-align: center;
}

.parner_scroll_heading h2 {
    font-weight: 800;
    color: #323232;
    padding-bottom: 50px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.parner_scroll_heading h2 span {
    font-size: 3rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #323232;
}

.parner_scroll_heading.t_white h2 {
    color: #fff;
}

.parner_scroll_heading.t_white h2 span {
    color: #fff;
}

.partner_box {
    text-align: center;
}
/* .partner_box .owl-nav {
    display: none;
} */

.partner_box .owl-dots {
    margin-top: 50px;
}

.partner_box .owl-dots button span {
    width: 30px;
    border-radius: 0 !important;
    color: #1485eb !important;
    background-color: #474848 !important;
}

.partner_box .owl-dots button.active span {
    background-color: #1485eb !important;
}
.partner_slide_box {
    height: 237px;
    object-fit: cover;
}
.partner_slide_box img {
    object-fit: cover;
    height: 100%;
}

/*------Start Team Page Modal Design ----*/
.team_modal .modal-dialog {
    max-width: 760px;
}

.team_left_modal h3 {
    text-transform: uppercase;
    font-weight: 800;
    color: #1485eb;
}

.team_left_modal p {
    font-weight: 400;
}

.team_left_modal p span {
    font-weight: 800;
    font-size: 20px;
    color: #1485eb;
}

.team_profile_details p {
    font-weight: 400;
}
.team_right_modal img{
    width: 100%;
}

.team_slide_box {
    height: 400px;
    object-fit: cover;
}
.team_slide_box img {
    object-fit: cover;
    height: 100%;
}

/*------End Team Page Modal Design ----*/
/*-------------------------------
|| End Team Page Design
-------------------------------*/



/*-------------------------------
|| Start Founder Page Design
-------------------------------*/

section.virtual_cto {
    background-color: #2a2a2a;
    padding: 150px 0;
}

.left_virtual {
    position: relative;
    width: 100%;
    z-index: 0;
}

.left_virtual:before {
    width: 505px;
    height: 594px;
    position: absolute;
    top: -40px;
    left: 140px;
    content: '';
    background: url(../../assets/images/new/virtual_border_line.png);
    background-repeat: no-repeat;
    z-index: -1;
}


.right_virtual {
    transform: translate(0px, 0px);
    text-transform: inherit;
    color: #fff;
}

.right_virtual h2 {
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

.right_virtual h3 {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    text-transform: inherit;
}
.right_virtual h2 {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.right_virtual h3 span {
    font-weight: 800;
    font-size: 40px;
    color: #fff;
    text-transform: capitalize;
    padding-left: 10px;
}

.right_virtual img {
    width: 90px;
    margin-left: 15px;
}

.right_virtual p {
    font-size: 18px;
    letter-spacing: 0px;
    text-align: justify;
    word-spacing: 0px;
    padding-right: 0px;
    text-transform: math-auto;
    color: #fff;
}

.right_virtual h5 {
    color: #fff;
    text-transform: capitalize;
    font-size: 22px;
    margin-bottom: 15px;
}

.right_virtual ul li a {
    transition: 0.5s;
    color: #1485eb;
    text-transform: capitalize;
    font-size: 20px;
}

.right_virtual ul li a:hover {
    transition: 0.5s;
    color: #fff;
}

.right_virtual p a {
    color: #fff;
    text-transform: uppercase;
    color: #1680df;
    font-weight: 700;
    transition: 0.5s;
}

.right_virtual p a:hover {
    color: #fff;
}

.right_virtual ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.right_virtual ul li {
    padding: 5px 0px 5px 20px;
    position: relative;
    transition: 0.5s;
    font-size: 18px;
    text-align: justify;
    font-weight: 300;
}
.right_virtual ul li span.f_bold {
    font-weight: 700;
    color: #fff;
}
span.f_bold {
    color: #fff;
}

.right_virtual ul li:before {
    position: absolute;
    top: 13px;
    left: 0;
    content: '';
    background-color: #fff;
    width: 10px;
    height: 10px;
    transition: 0.5s;
}

.right_virtual ul li:hover::before {
    background-color: #1485eb;
    transition: 0.5s;
}

p.small_text {
    font-size: 12px !important;
    color: #b5b5b5 !important;
}


section.bespoke_bg {
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 150px 0px;
    position: relative;
}

.left_bespoke {
    transform: translate(0px, 0px);
    text-transform: capitalize;
    color: #fff;
}

.left_bespoke h3 span {
    font-weight: 800;
    font-size: 40px;
    color: #2990ec;
    text-transform: capitalize;
}
.who_yava .modal-dialog {
    max-width: 840px;
    width: 100%;
}
/* 
.left_bespoke h2 {
    font-weight: 800;
    color: #2990ec;
    text-transform: uppercase;
} */


.left_bespoke h2 {
    color: #1485eb;
    display: flex;
    align-items: center;
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.left_bespoke h3 {
    color: #2a2a2a;
    display: flex;
    align-items: center;
    font-size: 40px;
    font-weight: 300;
}

.left_bespoke h3 span {
    padding-left: 5px;
}

.left_bespoke h5 {
    color: #323232;
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.left_bespoke p {
    font-size: 18px;
    letter-spacing: 0px;
    text-align: justify;
    word-spacing: 0px;
    padding-right: 0px;
    text-transform: math-auto;
    color: #2a2a2a;
}

.left_bespoke p a {
    color: #fff;
    text-transform: uppercase;
    color: #1680df;
    font-weight: 700;
    transition: 0.5s;
}

.left_bespoke p a:hover {
    color: #323232;
}

.left_bespoke p span {
    font-weight: 700;
    color: #323232;
    font-size: 20px;
}

.right_bespoke {
    position: relative;
    text-align: right;
    z-index: 0;
}

.right_bespoke:before {
    width: 550px;
    height: 594px;
    position: absolute;
    top: -40px;
    left: -50px;
    content: '';
    background: url(../../assets/images/new/virtual_border_line.png);
    background-repeat: no-repeat;
    z-index: -1;
    transform: rotate(180deg);
}

/*------Start Founder Page Modal Design ----*/
.founder_modal .modal-dialog {
    max-width: 760px;
}

/*------End Founder Page Modal Design ----*/

/*-------------------------------
|| End Founder Page Design
-------------------------------*/


/*------Start Developer Page Modal Design ----*/
.developer_modal .modal-dialog {
    max-width: 760px;
}

/*------End Developer Page Modal Design ----*/


/*-------------------------------
|| Start Insights Page Design
-------------------------------*/
.comming_soon_ares {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

/*-------------------------------
|| End Insights Page Design
-------------------------------*/


/*-------------------------------
|| Start Bespoke Development Page Design
-------------------------------*/
section.bespoke_development {
    background-color: #2a2a2a;
    padding: 150px 0;
}

.bespoke_heading {
    text-align: center;
}

.bespoke_heading h2 {
    font-weight: 800;
    color: #fff;
    padding-bottom: 50px;
    text-transform: uppercase;
}
.bespoke_heading h2 span {
    font-size: 50px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}
.consultancy_heading {
    background-color: #ededed;
    padding: 15px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 6px 0 0 0;
    border-color: #1485eb;
}
.consultancy_heading h3 {
    text-transform: uppercase;

}
.soft_consultancy {
    margin-top: 40px;
}
.soft_three_box {
    background-color: #ededed;
    text-align: center;
    padding: 40px;
    height: 100%;
    margin-bottom: 20px;
    transition: 0.5s;
}
.soft_box_head h3 {
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
}
.bespoke_box {
    background-color: #ebebeb;
    border-style: solid;
    border-width: 5px 0 0 0;
    border-color: #1485eb;
    text-align: center;
    margin-bottom: 20px;
}
.bespoke_image {
    width: 100%;
    height: 400px;
    position: relative;
}
/* .bespoke_image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1485eb6b;
    content: '';
    transition: 0.5s;
}
.bespoke_box:hover .bespoke_image:before{
    height: 0;
    transition: 0.5s;
} */
.bespoke_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 400px;
}

.bespoke_icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #efefef;
    border-radius: 100px;
    line-height: 100px;
    box-shadow: 0px 7px 6px 0 #e3e1e1;
    transition: 0.5s;
    transform: scale(1);
}

.bespoke_icon img {
    width: 40%;
    transition: 0.5s;
}

.bespoke_box:hover .bespoke_icon img {
    transform: scale(1.2);
    transition: 0.5s;
}

.bespoke_title {
    background-color: #ededed;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow: row wrap;
}

.bespoke_title_heading {
    width: 80%;
    text-align: left;
    padding: 20px;
}

.bespoke_title_heading h3 {
    margin: 0;
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px;
    font-weight: 900;
}

.bespoke_plus a {
    padding: 17px;
    display: block;
    line-height: 20px;
    font-size: 21px;
    color: #fff;
    background-color: #1485eb;
    transition: 0.5s;
}

.bespoke_plus a:hover {
    background-color: #1171c5;
    transition: 0.5s;
}

.bespoke_plus a:focus {
    background-color: #1171c5;
    color: #fff !important;
    transition: 0.5s;
}

.bespoke_plus a i {
    font-size: 30px;
}

section.Schedule_consult_area {
    background-color: #1485eb;
    padding: 0px 0;
    position: relative;
    overflow: hidden;
}

section.Schedule_consult_area:before {
    width: 40vw;
    height: 100%;
    content: '';
    background-color: #ededed;
    position: absolute;
    top: 0;
    right: 0%;
}

.schedule_box h3 {
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    padding: 50px 0;
    margin: 0;
}

.schedule_box h3 span {
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
}

.schedule_box h3::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: -735px;
    /* background-color: #ededed; */
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    transform: skew(-10deg, 0deg);
}

.appo_btn {
    line-height: 220px;
    display: flex;
    align-items: center;
    justify-content: end;
}


/*-------------------------------
|| End Bespoke Development Page Design
-------------------------------*/

/*----------------------------------
|| Start Bespoke Development Page Modal Design
------------------------------------*/
.bespoke .modal-dialog {
    max-width: 900px;
}

.bespoke_modal_image img {
    width: 100%;
}

.bespoke_modal_left_style span {
    font-weight: 800;
    color: #323232;
    padding: 0px 0;
    display: block;
    width: 100%;
}

/*----------------------------------
|| End Bespoke Development Page Modal Design
------------------------------------*/


/*---------------------------------
|| Start Contact Page Design
---------------------------------*/
section.contact_page_areas {
    background-color: #323232;
    padding: 150px 0;
}
.left_contact {
    height: 95%;
    background-color: #323232;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 15px;
}
.right_con_panel {
    height: 95%;
    background-color: #ededed;
}

.left_contact_heading h3 {
    color: #fff;
    margin-bottom: 20px;
}
.right_contact_heading{
    background-color: #323232;
}
.right_contact_heading h3 {
    color: #fff;
    margin-bottom: 20px;
}
.address_one_box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow: row wrap;
    background-color: #eaeaea;
    margin-bottom: 20px;
}
.left_address {
    width: 70%;
    padding: 15px;
}
.left_address h3 {
    margin: 0;
    font-weight: 800;
    color: #323232;
    text-transform: uppercase;
}
.left_address p {
    border-bottom: 1px solid #e1dede;
    padding-bottom: 20px;
}
.right_map_areas {
    width: 30%;
    border-style: solid;
    border-width: 5px 0px 0px 0px;
    border-color: #1485eb;
    padding: 0px;
    background-color: #dcdee0;
}
.right_map_areas img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.con_add_mail_phone ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.con_add_mail_phone ul li {
    padding: 5px 0 0 0;
}
.con_add_mail_phone ul li i {
    color: #ededed;
}
.con_add_mail_phone ul li {
    color: #7c7c7c;
}
.con_add_mail_phone ul li i {
    color: #cdcdcd;
}
.flex_rev {
    flex-direction: row-reverse;
}
.right_contact form {
    background-color: #ededed;
    padding: 30px;
    border-style: solid;
    border-width: 5px 0px 0px 0px;
    border-color: #1485eb;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.upcoming_areas {
    background-color: #ededed;
    border-style: solid;
    border-width: 5px 0px 0px 0px;
    border-color: #1485eb;
}
.upcoming_map_areas img {
    height: 90px;
}
.upcoming_map_areas {
    text-align: center;
    background-color: #f0f0f1;
    padding: 0px;
}
.upcoming_map_areas img {
    width: 100%;
    height: 150px;
    object-fit: fill;
}
.upcoming_address {
    text-align: center;
    padding: 20px 5px;
    background-color: #eaeaea;
}
.upcoming_address h3 {
    font-size: 14px;
    font-weight: 800;
    padding-bottom: 10px;
}
.upcoming_address h6 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    color: #1485eb;
}
.right_contact .get_touch_box input[type=tel] {
    border-radius: 0;
    height: 50px;
    border: none;
    margin-bottom: 15px;
}
.right_contact .get_touch_box {
    background-color: transparent;
    padding: 15px 15px;
    border-style: solid;
    border-width: 0px 0 0 0;
    border-color: transparent;
    height: 100%;
    background: none !important;
}
.right_contact .get_touch_box input[type=text] {
    margin-bottom: 15px;
}
.right_contact .get_touch_box input[type=text] {
    height: 40px;
}
.right_contact .get_touch_box input#phone {
    height: 40px;
}
.right_contact .get_touch_box textarea {
    height: 70px;
}
.right_contact .center_btn {
    margin: 50px 0 0;
}

/*---------------------------------
|| End Contact Page Design
---------------------------------*/



/*----------------------------------------
|| Start Insights page Design
---------------------------------------*/
section.insights_bg {
    background-color: #323232;
    padding: 100px 0;
}
.search_insights_areas {
    background-color: #f5f5f5;
    padding: 15px 15px 30px;
    border-style: solid;
    border-width: 7px 0 0 0;
    border-color: #1485eb;
    margin-bottom: 50px;
}
.search_insights_areas #exampleInputSearch {
    position: relative;
    width: 100%;
    color: #a7a7a7;
}
.search_insights_areas #exampleInputSearch:after {
    position: absolute;
    top: 47px;
    right: 20px;
    content: '';
    background: url(../../assets/images/new/search_icon.png);
    background-repeat: no-repeat;
    z-index: 99999;
    width: 20px;
    height: 20px;
}
.search_insights_areas input.form-control {
    border-radius: 0px;
    height: 50px;
}

.search_insights_areas .form-select {
    border-radius: 0px;
    height: 50px;
}


.search_insights_areas #exampleInputCategory {
    position: relative;
    width: 100%;
    color: #a7a7a7;
}
.search_insights_areas #exampleInputCategory:after {
    position: absolute;
    top: 52px;
    right: 15px;
    content: '';
    background: url(../../assets/images/new/s_arrow.png);
    background-repeat: no-repeat;
    z-index: 99999;
    width: 15px;
    height: 11px;
}
.search_insights_areas .s_bg_none {
    background-image: none;
}

.insights_page_areas {
    background-color: #ececec;
    padding: 15px 15px 30px;
    border-style: solid;
    border-width: 7px 0 0 0;
    border-color: #1485eb;
    margin-bottom: 50px;
}
.insight_top_box img {
    width: 100%;
}
.insight_top_brief {
    background-color: #f4f4f4;
    padding: 20px;
    margin-top: 15px;
}
.insight_top_brief h3 {
    color: #1485eb;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}
.insight_top_brief p {
    font-size: 20px;
    font-weight: 500;
}
.insight_share_points {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}
.share_box {
    width: 25%;
    border-right: 1px solid #dfdddd;
}
.share_box:last-child{
    border-right: 0px solid #dfd6d6;
}
.share_box h6 {
    color: #c9bfbf;
}
.share_box a {
    color: #c9bfbf;
    transition: 0.5s;
    padding: 15px 30px;
    display: block;
}
.share_box a:hover {
    color: #323232;
    transition: 0.5s;
    padding: 15px 30px;
    display: block;
}
.insight_details {
    margin-top: 10px;
}
.insight_details h6 {
    color: #1485eb;
    margin-bottom: 10px;
}

/*----------------------------------------
|| End Insights page Design
---------------------------------------*/




/*------------------------------------
|| Start Home Page Video Player Areas
------------------------------------*/
#video-container {
    position: relative;
    width: 100%; /* Adjust based on your needs */
}
 
#video-container video {
    width: 100%;
    height: auto;
    display: block;
}
 
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
}
button#playButton i {
    font-size: 40px;
    line-height: 80px;
}
.play-button:hover {
    background: rgba(0, 0, 0, 0.7);
}

@keyframes pulse {
    0% {
      transform: scale(1, 1);
    }
    25% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.2, 1.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }
/*------------------------------------
|| End Home Page Video Player Areas
------------------------------------*/




/*------------------------------------
|| Start Founder Profile Page
------------------------------------*/

  section.profile_bg{
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    padding: 200px 0 0px;
    position: relative;
  }

  input[type="file"] {
    display: none;
  }
  
  .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
  }
  .left_profile {
    border-style: solid;
    border-width: 7px 0 0 0;
    border-color: #1485eb;
}
.founder_profile_image {
    width: 100%;
    height: auto;
    overflow: hidden;
    object-fit: cover;
    text-align: center;
    background-color: #ede9e9;
    margin-bottom: 20px;
}
.founder_profile_image img{
    width: 300px;
    height: 300px;
    object-fit: contain;
}
.edit_founder_image form.upload_here {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
}
.edit_founder_image form.upload_here .file_up {
    width: calc(65% - 1%);
}
.edit_founder_image form.upload_here .file_up .custom-file-upload {
    padding: 20px 12px;
    display: block;
}
.edit_founder_image form.upload_here .file_save {
    width: calc(35% - 1%);
}

.founder_right_profile {
    background-color: #ededed;
    padding-top: 30px;
    border-style: solid;
    border-width: 7px 0 0 0;
    border-color: #1485eb;
    padding: 30px 15px;
}
.founder_edit_details {
    width: 100%;
    margin-bottom: 10px;
}
.founder_edit_details ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.founder_edit_details ul li {
    padding: 0;
    text-transform: uppercase;
}
.founder_edit_details ul li span {
    color: #1485eb;
    font-weight: 600;
    margin-right: 10px;
    text-transform: uppercase;
}
.founder_edit_details ul li a {
    color: #1485eb;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 10px;
    display: inline-block;
}
.founder_full_edit {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 10px #e3dcdc;
}
.founder_heading_skill {
    padding: 10px 15px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}
.founder_skill_options ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-flow: row wrap;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.founder_skill_options ul li {
    background-color: #f9f9f9;
    position: relative;
    border-radius: 8px;
    margin-right: 10px;
    width: auto;
    height: 40px;
    margin-bottom: 15px;
    text-align: center;
}
.cross_skill {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ededed;
    padding: 0;
    border-radius: 38px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
  /*------------------------------------
|| End Founder Profile Page
------------------------------------*/





/*------------------------------------
|| Start Terms page, Policy Page and other content page
------------------------------------*/
.blank_bg_areas {
    padding: 70px 0;
    background-color: #323232;
}
.all_content_text {
    width: 100%;
    height: auto;
    border-style: solid;
    border-width: 7px 0 0 0;
    padding: 30px;
    border-color: #1485eb;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.all_content_text h5{
    margin-bottom: 20px;
}
.all_content_text p{
    margin-bottom: 10px;
}
.all_content_text p span{
    font-weight: bold;
}
.all_content_text ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.all_content_text ul li{
    margin-bottom: 10px;
}
.top_content_logo img {
    margin-bottom: 20px;
    width: 200px;
}
.sus_box {
    text-align: center;
}
.top_con_text span {
    font-weight: 700;
}

/*------------------------------------
|| End Terms page, Policy Page and other content page
------------------------------------*/



/*--------------------------------
|| Start Consultancy Page Design
--------------------------------*/
section.hard_consul_bg {
    background-color: #f9f9f9;
    padding: 100px 0;
    background: url(../../assets/images/new/marbel_bg.jpg) no-repeat 0px 0px;
    background-size: cover;
}

section.soft_consul_bg{
    background-color: #323232;
    padding: 100px 0;
}
.consultancy_top_heading{
    text-align: center;
}
.consultancy_top_heading h2 {
    color: #323232;
    padding-bottom: 15px;
}
.consultancy_top_heading p {
    color: #323232;
    padding-bottom: 30px;
    padding-left: 200px;
    padding-right: 200px;
    font-size: 18px;
}
.consultancy_top_heading h2 span {
    color: #323232;
}
/*--------------------------------
|| End Consultancy Page Design
--------------------------------*/



/*---------------------------------------
|| Start Single Insights Page
--------------------------------------*/
.left_single {
    height: 100%;
    background-color: #f00;
    padding: 15px;
}
.left_single .in_sight_top_banner img{
    width: 100%;
}
.right_single {
    height: 100%;
    background-color: #f00;
    padding: 15px;
    overflow-y: scroll;
}
.right_single .insight_top_box .insight_top_brief h3 a {
    font-size: 18px;
    line-height: 18px;
    color: #1485eb;
}
/*---------------------------------------
|| End Single Insights Page
--------------------------------------*/