@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon/icomoon.eot?srf3rx");
    src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"),
        url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"),
        url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"),
        url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');



/* =======================================================
*
* 	Template Style
*
* ======================================================= */

:root {
    --elitecons-font: "Yantramanav", "Montserrat";
    --elitecons-gray: #565969;
    --elitecons-sec-gray: #19191b;
    --elitecons-gray-rgb: 86, 89, 105;
    --elitecons-white: #ffffff;
    --elitecons-white-rgb: 255, 255, 255;
    --elitecons-base: #cda160;
    --elitecons-base-trans: #1561a0;
    --elitecons-base-rgb: 129, 1, 0;
    --elitecons-black: #2b4e68;
    --elitecons-black-rgb: 0, 22, 89;
    --elitecons-primary: #f3f3f3;
    --elitecons-primary-rgb: 243, 243, 243;
    --elitecons-bdr-color: #d0d0d0;
    --elitecons-bdr-rgb: 208, 208, 208;
    --noto: 'Noto Kufi Arabic';
}



@import url('https://fonts.googleapis.com/css?family=Amiri&display=swap');

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


body {
    /* font-family: "Work Sans", Arial, sans-serif; */
    font-family: var(--noto);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    color: #828282;
    background: #fff;
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.2;
    font-weight: 300 !important;
}

#page {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.offcanvas #page {
    overflow: hidden;
    position: absolute;
}

.offcanvas #page:after {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.7);
    content: "";
}

a {
    color: #2b4f68;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover,
a:active,
a:focus {
    color: #2b4f68;
    outline: none;
    text-decoration: none;
}

p {
    margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
figure {
    color: #000;
    font-family: var(--noto);
    font-weight: 400;
    margin: 0 0 20px 0;
}

::-webkit-selection {
    color: #fff;
    background: #2b4f68;
}

::-moz-selection {
    color: #fff;
    background: #2b4f68;
}

::selection {
    color: #fff;
    background: #2b4f68;
}

/* .ftco-nav {
  position: absolute;
  z-index: 88;
  width: 100%; } */

.ftco-nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    /* direction: rtl; */
}

.ftco-nav .row {
    display: flex;
    flex-direction: row-reverse;
    /* flips columns horizontally */
}

.ftco-nav .top-menu {
    padding: 10px 0;
}

.ftco-nav #ftco-logo {
    font-size: 24px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-weight: 700;
    font-family: var(--noto);
}

.ftco-nav .top-menu .container .row .col-md-8 .main-menu-four__right {
    display: none;
}



.logo {
    list-style: none;
    list-style: none;
    flex-direction: row-reverse;
    display: flex;
}


.ftco-nav #ftco-logo a {
    color: #fff;
}

.ftco-nav #ftco-logo a span {
    color: #000;
}

.ftco-nav a {
    padding: 5px 10px;
    color: #fff;
}

@media screen and (max-width: 992px) {
    .ftco-nav .menu-1 {
        display: none;
    }

    .ftco-nav .top-menu .container .row .col-md-2 .main-menu-four__right {
        display: none;
    }
}

.ftco-nav ul {
    padding: 0;
    /* margin: 15px 0 0 0; */
    margin: 30px 0 0 0;
    direction: rtl;
}

.ftco-nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
    text-transform: uppercase;
    padding-right: 1rem;
}

.ftco-nav ul li>a {
    font-size: 20px;
    letter-spacing: 0.1em;
    padding: 30px 5px;
    color: rgba(0, 0, 0, 0.7);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ftco-nav ul li .text-lang {
    font-size: 17px !important;
}

.ftco-nav ul li>a:hover,
.ftco-nav ul li>a:focus,
.ftco-nav ul li>a:active {
    color: #cba063;
}

.ftco-nav ul li.has-dropdown {
    position: relative;
}

.ftco-nav ul li.has-dropdown .dropdown {
    width: 140px;
    -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 40px;
    right: 0;
    text-align: right;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.ftco-nav ul li.has-dropdown .dropdown:before {
    bottom: 100%;
    right: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-right: -8px;
}

.ftco-nav ul li.has-dropdown .dropdown li {
    display: block;
    margin-bottom: 7px;
}

.ftco-nav ul li.has-dropdown .dropdown li:last-child {
    margin-bottom: 0;
}

.ftco-nav ul li.has-dropdown .dropdown li a {
    padding: 2px 0;
    display: block;
    line-height: 1.2;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0;
    color: #000;
}

.ftco-nav ul li.has-dropdown .dropdown li a:hover {
    color: #2b4f68;
}

.ftco-nav ul li.has-dropdown:hover a,
.ftco-nav ul li.has-dropdown:focus a {
    color: #fff;
}

.ftco-nav ul li.btn-cta a {
    padding: 30px 0px !important;
    color: #fff;
}

.ftco-nav ul li.btn-cta a span {
    background: #2b4f68;
    padding: 10px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    display: inline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
}

/* ============================================================
    Language Toggle Switch with Flags
===============================================================*/

.switch {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    top: 18px;
}

.switch>span {
    position: absolute;
    top: 14px;
    pointer-events: none;
    font-family: var(--noto);
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
    width: 50%;
    text-align: center;
    z-index: 1;
}

input.check-toggle-round-flat:checked~.off {
    color: #fff;
}

input.check-toggle-round-flat:checked~.on {
    color: #fff;
}

.switch>span.on {
    left: 0;
    padding-left: 2px;
    color: #fff;
}

.switch>span.off {
    right: 0;
    padding-right: 4px;
    color: #fff;
}

.check-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.check-toggle+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.check-toggle-round-flat+label {
    padding: 2px;
    width: 97px;
    height: 35px;
    background-color: #ddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    border: 2px solid #fff;
}

input.check-toggle-round-flat+label:before,
input.check-toggle-round-flat+label:after {
    display: block;
    position: absolute;
    content: "";
}

/* Background flag area */
input.check-toggle-round-flat+label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-image: url(../images/uk-flag.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 45px 27px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    transition: background-position 0.2s;
}

/* White toggle handle */
input.check-toggle-round-flat+label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 48px;
    /* background-color: #fff; */
    background-image: url(../images/lang_switcher_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin 0.2s;
    -moz-transition: margin 0.2s;
    -o-transition: margin 0.2s;
    transition: margin 0.2s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Checked state - Arabic */
input.check-toggle-round-flat:checked+label:before {
    background-image: url(../images/arabic-flag.png);
    background-position: left center;
}

input.check-toggle-round-flat:checked+label:after {
    margin-left: 44px;
}

/* =============================================================== */

.ftco-nav ul li.btn-cta a:hover span {
    -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}

.ftco-nav ul li.active>a {
    color: #284d67;
    position: relative;
    font-weight: 500;
}

#ftco-counter,
.ftco-bg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    direction: rtl;
}


#ftco-counter .row {
    display: flex;
    /* flex-direction: row-reverse;
    flex-wrap: wrap; */
}


#ftco-counter .overlay,
.ftco-bg .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}

.ftco-video {
    overflow: hidden;
}

/* ===============================================
        main menu button by mohamed fathy
==================================================*/
.main-menu-four__right {
    position: relative;
    display: block;
}

.main-menu-four__btn-box {
    position: relative;
    display: block;
    /* padding: 20px 0;
    margin-top: 1rem; */
    top: 8px;
}

.main-menu-four__btn {
    /* background-color: #E83F25;
    border: 1px solid #E83F25; */
    color: #ffffff;
    padding: 7px 9px 7px;
    border-radius: 12px;
}

.thm-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    font-weight: 500;
    font-size: 15px;
    color: var(--elitecons-white);
    text-transform: capitalize;
    /* padding: 9px 9px 9px; */
    letter-spacing: 0.32px;
    background-color: var(--elitecons-base);
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    overflow: hidden;
    gap: 5px;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    direction: ltr;
    font-size: 14px;
}

.thm-btn:hover {
    background-color: var(--elitecons-black);
    color: #fff;
    border-radius: 30px;
}

/* ============================================================ */
/* =============================================
    css for about us page
=============================================== */
.aboutus_pages_banner_wrapper h2 {
    margin-bottom: 30px;
}

.our_aim_section {
    background-color: rgba(15, 39, 74, 0.07);
    padding-top: 0px;
    padding-bottom: 40px;
}

.our_mission_wrapper .row {
    display: flex;
    flex-direction: row-reverse;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);

}

.our_mission_wrapper {
    background-color: #fff;
    border-radius: 15px;
    padding: 75px 60px;
    margin-top: -160px;
    position: relative;
}


.our_aim_inner_box h6 span::before {
    background-color: #fff;
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
    display: none;
}

/* .our_aim_inner_box h6 span::before {} */

.our_mission_wrapper .nav {
    flex-direction: row-reverse;
    justify-content: flex-end;
}



.our_mission_wrapper .col-lg-7 h2 {
    /* padding: 50px 40px;
    margin-top: -120px; */
    color: #0F274A;
    direction: rtl;
}

/* .our_mission_wrapper h2 span{
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    color: #CDA054;
} */
.our_mission_wrapper .common_btn {
    padding: 12px 35px;
}

.our_mission_wrapper .tab-content p {
    text-align: justify;
    direction: rtl;
}

.our_practice_list_wrapper .tab-content .row{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.different_statement_content .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* .our_aim_img_box {
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    display: flex;

    align-items: flex-start;
    width: 100%;
} */

.our_aim_img_box .our_aim_inner_box {

    position: relative;
    width: 100%;
    /* height: 100%; */
    /* display: flex; */
    align-items: center;
    border-radius: 15px;
}


.our_aim_img_box .our_aim_inner_box .video_play_btn {
    margin-top: 30px;
    margin-left: 0px;
}


.our_aim_inner_box h6 span {
    font-size: 13px;
    font-weight: 300;
    padding-right: 0;
    position: relative;
    transition: all 0.7s;
}

/* .our_aim_inner_box h6 span:hover{
    padding-right: 30px;
    position: relative;
    transition: all 0.7s;
    opacity: 1;
} */

/* .our_aim_inner_box h6 span:hover {
    padding-right: 30px;
    opacity: 1;
} */

/* .our_aim_inner_box h6 span:hover::after{
    opacity: 1;
} */



.our_aim_inner_box h6 span::before {
    display: none;
}
/*
.our_aim_inner_box h6 span::before {
    background-color: #fff;
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
} */

/* .our_aim_inner_box h6 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #CDA054;
    top: 6px;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);

} */

.our_aim_inner_box h6 span::after {
    opacity: 0;
}

/* .our_aim_inner_box h6 span:hover::after {
    padding-right: 0px;
    opacity: 1;
} */




.our_aim_section .nav-tabs,
.services_tab_menu .nav-tabs {
    border: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Adjust the h2 specific styles if needed */
.our_aim_inner_box h2 {
    margin-top: 5px;
    /* Small margin between h6 and h2 */
}


.services_tab_menu .nav-tabs {
    background-color: #EEF0F2;
    padding: 30px 0px;
    margin: 0px;
}

.our_aim_section .nav-tabs .nav-link,
.services_tab_menu .nav-tabs .nav-link {
    background-color: transparent;
    border: 0px;
    border-radius: 5px;
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 50px;
    transition: all 0.6s;
}

.services_tab_menu li.nav-item {
    position: relative;
    margin-right: 10px;
}

/* .our_mission_wrapper .col-lg-7 {
    padding-left: 55px !important;
} */


.our_aim_inner_box h2 {
    font-size: 24px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
    position: relative;
    transition: all 0.5s;
    /* padding: 50px 40px; */
}



.our_aim_inner_box h2 span {
    font-size: 55px;
    /* Keep large font size for "More About Us" */
    line-height: 45px;
    font-weight: 700;
    color: #CDA054;
}

.search_box {
    position: absolute;
    width: 260px;
    right: 0px;
    top: 100%;
    display: none;
}

.search_box.show {
    display: block;
}

.services_tab_menu .nav-tabs .dropdown-menu {
    min-width: 120px;
    border: 0px;
    border-radius: 6px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.services_tab_menu .nav-tabs .nav-link {
    font-weight: 300;
    padding: 10px 35px;
}

.our_aim_section .nav-tabs .nav-link.active,
.services_tab_menu .nav-tabs .nav-link.active {
    background-color: #CDA054;
    color: #fff;
}

.services_tab_menu .nav-tabs .nav-link.active {
    font-weight: 600;
}

.our_value_wrapp {
    margin-top: 40px !important;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    direction: rtl;
}

.values_card {
    margin-top: 30px;
}

.values_card .values_card_img {
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 0px rgba(15, 39, 74, 0.10);
    padding: 15px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.values_card .values_card_img img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.values_card h5 {
    color: #3F3F3F;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
}

.top_right_ellipse {
    position: relative;
}

.top_right_ellipse::after {
    content: "";
    position: absolute;
    width: 273px;
    height: 421px;
    background-image: url(../../front/images/ellipse2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    top: -120px;
    right: 0px;
    z-index: -1;
}

.different_statement_section {
    padding-top: 80px;
}

.different_statement_img {
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
}

.statement_card {
    margin-top: 30px;
}

.statement_card .statement_card_img {
    width: 75px;
    height: 75px;
    background-color: #EEF0F2;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.statement_card .statement_card_img img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.statement_card h5 {
    color: #3F3F3F;
    font-weight: 500;
}

.our_management_section {
    padding-top: 80px;
}

.management_memb_card {
    border-radius: 15px;
    background: #FFF;
    border: 2px solid transparent;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.10);
    margin: 0px 20px;
    margin-top: 30px;
    transition: all 0.6s;
}

.management_memb_card:hover {
    border: 2px solid #CDA054;
    box-shadow: 0px 4px 80px 0px rgba(15, 39, 74, 0.25);
}

.management_memb_card_img {
    border-radius: 15px;
    overflow: hidden;
    margin: -2px;
}

.management_memb_card_info {
    padding: 25px 20px 15px;
}

.management_memb_card_info h5 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
}

.management_memb_card_info h5 span {
    text-transform: capitalize;
    color: #CDA054;
}

.our_management_body .row .col-lg-4.col-md-6:first-child .management_memb_card {
    margin-left: 0px;
    margin-right: 40px;
}

.our_management_body .row .col-lg-4.col-md-6:last-child .management_memb_card {
    margin-right: 0px;
    margin-left: 40px;
}

.about_our_partners_section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.about_our_partners_section .our_partners_body::after {
    background-color: #EEF0F2;
    height: 400px;
}

.about_our_partners_section .our_partners_card h5,
.about_our_partners_section .our_partners_card p,
.about_our_partners_section .our_partners_card h5 a {
    color: #0F274A;
    transition: all 0.6s;
}

.about_our_partners_section .our_partners_card:hover h5,
.about_our_partners_section .our_partners_card:hover h5 a {
    color: #CDA054;
}

.book_meeting_box {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 30px;
    margin: 30px 30px 0px;
    position: relative;
    z-index: 2;
}

.book_meeting_box h5 {
    line-height: 48px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.book_meeting_box h5 img {
    width: 35px;
    margin-right: 20px;
    margin-top: -4px;
}

.book_btn {
    border: 2px solid #0F274A;
    background-color: #0F274A;
    border-radius: 10px;
    padding: 12px 30px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    transition: all 0.6s;
    position: relative;
    z-index: 1;
}

.book_btn::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0%;
    height: 100%;
    background-color: #CAA457;
    transition: all 0.6s;
    z-index: -1;
    border-radius: 10px;
}

.book_btn:hover::before {
    width: 100%;
    left: 0px;
}

.book_btn:hover,
.book_btn:focus {
    color: #fff;
}


.different_statement_content {
    direction: rtl;
}

.different_statement_content p {
    text-align: justify;
}


/* =============================================
    css for about us page
=============================================== */
.aboutus_pages_banner_wrapper h2 {
    margin-bottom: 30px;
}

.our_aim_section {
    background-color: rgba(15, 39, 74, 0.07);
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left: 120px;
    padding-right: 120px;
}

.our_mission_wrapper {
    background-color: #fff;
    border-radius: 15px;
    padding: 75px 60px;
    margin-top: -160px;
    position: relative;
}


.our_mission_wrapper .nav {
    flex-direction: row;
    direction: rtl;
    justify-content: right;
    padding-right: 0px;
}


.our_mission_wrapper h2 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 600 !important;
    color: #0F274A;
    font-family: var(--noto);

}

.our_mission_wrapper h2 span {
    font-size: 44px;
    line-height: 55px;
    font-weight: 700;
    color: #CDA054;
    font-family: var(--noto);

}

.our_mission_wrapper .common_btn {
    padding: 12px 35px;
}

.our_aim_img_box {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 15px;
}

.our_aim_img_box .our_aim_inner_box {

    text-align: center;
    width: 100%;
    /* background-size: cover;
 background-position: center; */
    /* padding: 40px 0 0 40px; */
    /* padding-left: 0px; */
}

.our_aim_img_box .our_aim_inner_box .video_play_btn {
    margin-top: 30px;
    /* margin-left: 40px; */
    padding: 0px;
}

.our_aim_inner_box h6,
.our_aim_inner_box h2 {
    color: #fff;
    font-size: 13px;
    /* Keep font sizes as they are */
    line-height: 18px;
    font-weight: 300;
    position: relative;
    transition: all 0.5s;
    /* Ensure no extra margins push them too far from the top/left */
    margin: 0;
    text-align: center;
}

.our_aim_inner_box h6 span {

    position: relative;
    transition: all 0.7s;
    font-size: 13px;
    font-weight: 300;
    padding-right: 20px;

}

.our_aim_inner_box h6 span::before {
    background-color: #fff;
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
}

.our_aim_section .nav-tabs,
.services_tab_menu .nav-tabs {
    border: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Adjust the h2 specific styles if needed */
.our_aim_inner_box h2 {
    margin-top: 5px;
    /* Small margin between h6 and h2 */
}


.services_tab_menu .nav-tabs {
    background-color: #EEF0F2;
    padding: 30px 0px;
    margin: 0px;
}

.our_aim_section .nav-tabs .nav-link,
.services_tab_menu .nav-tabs .nav-link {
    background-color: transparent;
    border: 0px;
    border-radius: 5px;
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 50px;
    transition: all 0.6s;
}

.services_tab_menu li.nav-item {
    position: relative;
    margin-right: 10px;
}

.our_mission_wrapper .col-lg-7 {
    padding-left: 55px !important;
}


.our_aim_inner_box h6{
    font-size: 34px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
    position: relative;
    transition: all 0.5s;
}

.our_aim_inner_box h2 {
    font-size: 34px;
    line-height: 55px;
    font-weight: 600;
    color: #ffffff;
    position: relative;
    transition: all 0.5s;
}


.our_aim_inner_box h2 span {
    font-size: 55px;
    line-height: 45px;
    font-family: var(--noto);
    font-weight: 700;
    color: #CDA054;
}

.search_box {
    position: absolute;
    width: 260px;
    right: 0px;
    top: 100%;
    display: none;
}

.search_box.show {
    display: block;
}

.services_tab_menu .nav-tabs .dropdown-menu {
    min-width: 120px;
    border: 0px;
    border-radius: 6px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.services_tab_menu .nav-tabs .nav-link {
    font-weight: 300;
    padding: 10px 35px;
}

.our_aim_section .nav-tabs .nav-link.active,
.services_tab_menu .nav-tabs .nav-link.active {
    background-color: #CDA054;
    color: #fff;
}

.services_tab_menu .nav-tabs .nav-link.active {
    font-weight: 600;
}

.our_value_wrapp {
    margin-top: 40px !important;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);

}

.our_value_wrapp h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    color: #0F274A;
}


.our_aim_section .container-fluid .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.values_card {
    margin-top: 30px;
}

.values_card .values_card_img {
    width: 75px;
    height: 75px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 0px rgba(15, 39, 74, 0.10);
    padding: 15px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.values_card .values_card_img img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.values_card h5 {
    color: #3F3F3F;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
    text-align: right;
}

.top_right_ellipse {
    position: relative;
}

.top_right_ellipse::after {
    content: "";
    position: absolute;
    width: 273px;
    height: 421px;
    background-image: url(../img/ellipse2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    top: -120px;
    right: 0px;
    z-index: -1;
}

.different_statement_section {
    padding-top: 80px;
    padding-left: 120px;
    padding-right: 120px;
}

.different_statement_img {
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
}

.different_statement_img img {
    width: 50vh;
    border-radius: 15px;
}

.statement_card {
    margin-top: 30px;
}

.statement_card .statement_card_img {
    width: 75px;
    height: 75px;
    background-color: #EEF0F2;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.statement_card .statement_card_img img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.statement_card h5 {
    color: #3F3F3F;
    font-weight: 500;
}

.our_management_section {
    padding-top: 80px;
}

.management_memb_card {
    border-radius: 15px;
    background: #FFF;
    border: 2px solid transparent;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.10);
    margin: 0px 20px;
    margin-top: 30px;
    transition: all 0.6s;
}

.management_memb_card:hover {
    border: 2px solid #CDA054;
    box-shadow: 0px 4px 80px 0px rgba(15, 39, 74, 0.25);
}

.management_memb_card_img {
    border-radius: 15px;
    overflow: hidden;
    margin: -2px;
}

.management_memb_card_info {
    padding: 25px 20px 15px;
}

.management_memb_card_info h5 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
}

.management_memb_card_info h5 span {
    text-transform: capitalize;
    color: #CDA054;
}

.our_management_body .row .col-lg-4.col-md-6:first-child .management_memb_card {
    margin-left: 0px;
    margin-right: 40px;
}

.our_management_body .row .col-lg-4.col-md-6:last-child .management_memb_card {
    margin-right: 0px;
    margin-left: 40px;
}

.about_our_partners_section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.about_our_partners_section .our_partners_body::after {
    background-color: #EEF0F2;
    height: 400px;
}

.about_our_partners_section .our_partners_card h5,
.about_our_partners_section .our_partners_card p,
.about_our_partners_section .our_partners_card h5 a {
    color: #0F274A;
    transition: all 0.6s;
}

.about_our_partners_section .our_partners_card:hover h5,
.about_our_partners_section .our_partners_card:hover h5 a {
    color: #CDA054;
}

.book_meeting_box {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 30px;
    margin: 30px 30px 0px;
    position: relative;
    z-index: 2;
}

.book_meeting_box h5 {
    line-height: 48px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.book_meeting_box h5 img {
    width: 35px;
    margin-right: 20px;
    margin-top: -4px;
}

.book_btn {
    border: 2px solid #0F274A;
    background-color: #0F274A;
    border-radius: 10px;
    padding: 12px 30px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    transition: all 0.6s;
    position: relative;
    z-index: 1;
}

.book_btn::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0%;
    height: 100%;
    background-color: #CAA457;
    transition: all 0.6s;
    z-index: -1;
    border-radius: 10px;
}

.book_btn:hover::before {
    width: 100%;
    left: 0px;
}

.book_btn:hover,
.book_btn:focus {
    color: #fff;
}

.different_statement_content h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    font-family: var(--noto);
    color: var(--elitecons-black);
}

.different_statement_content h6 span:hover::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #CDA054;
    top: 8px;
    left: 0px;
    transition: all 0.7s;
}

.different_statement_content h6 span:hover::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #CDA054;
    top: 6px;
    left: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 0;
}

.different_statement_content h6 span:hover::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #CDA054;
    top: 8px;
    left: 0px;
    transition: all 0.7s;
}

.different_statement_content p {
    text-align: justify;
}

/* ==============================================================
    new section service
=================================================================*/
/* for our practice section */

.our_practice_list_section {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #EEF0F2;
    border-radius: 15px;
     /* padding: 40px 80px 80px; */
    margin-top: -180px;
    position: relative;
    margin-right: 80px;
    margin-left: 80px;
}

.our_practice_area {
    background-color: rgba(15, 39, 74, 0.07);
    padding-top: 40px;
    padding-bottom: 80px;
    direction: rtl;
    /* padding-left: 120px; */
    /* padding-right: 120px; */
}

.downmove_animate_box {
    width: 200px;
    height: 56px;
    margin: 0 auto;
    margin-top: -60px;
    background-image: url(../../front/images/down-arrow-vector.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    text-align: center;
}

.downmove_animate_box img {
    width: 24px;
    margin-top: 20px;
    transition: all 0.6s;
}

.downmove_animate_box:hover img {
    margin-top: 35px;
}

.our_practice_area_head {
    margin-top: 30px;
}

.our_practice_area_head h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    color: #0F274A;
}

.our_practice_area_head h2 span {
    font-size: 55px;
    line-height: 60px;
    font-weight: 700;
    color: #CDA054;
    font-family: var(--noto);
}

.our_practice_area_head h6 span {
    padding-right: 20px;
    position: relative;
    transition: all 0.7s;
}

.services_tab_head h6 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: #0F274A;
    position: relative;
    transition: all 0.5s;
}

.services_tab_head h6 span {
    padding-right: 20px;
    position: relative;
    transition: all 0.7s;
}

.services_tab_head h6 span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0F274A;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
}

.services_tab_head h6 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #CDA054;
    top: 6px;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 0;
}


.services_tab_head h6 span:hover {
    padding-right: 30px;
}

.services_tab_head h6 span:hover::before {
    background-color: #CDA054;
    width: 20px;
}

.services_tab_head h6 span:hover::after {
    opacity: 1;
}


.card .card-img-top {
    border-radius: 9px 9px 0px 0px;
    width: 100%;
}

.our_practice_area_head h6 span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0F274A;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
}

.our_practice_area_head h6 span {
    padding-right: 20px;
    position: relative;
    transition: all 0.7s;
}

.our_practice_area_head h6 span:hover {
    padding-right: 30px;
}

.our_practice_area_head h6 span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0F274A;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
}

.our_practice_area_head h6 span:hover::before {
    background-color: #CDA054;
    width: 20px;
}

.our_practice_area_head h6 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #CDA054;
    top: 6px;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 0;
}

.our_practice_area_head h6 span:hover::after {
    opacity: 1;
}


.our_practice_area_head h6 {
    font-size: 30px;
    line-height: 18px;
    font-weight: 300;
    color: #0F274A;
    position: relative;
    transition: all 0.5s;
}

.our_practice_area_card {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 0px 80px 0px rgba(15, 39, 74, 0.10);
    padding: 70px 25px 25px;
    margin-top: 80px;
    border: 2px solid #fff;
    transition: all 0.7s;
    position: relative;
    min-height: 235px;
}

.our_practice_area_card:hover {
    border: 2px solid #0F274A;
}

.our_practice_area_card .card_img {
    width: 70px;
    height: 63px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 0px 80px 0px rgb(15 39 74 / 41%);
    padding: 10px 0px;
    position: absolute;
    top: -40px;
    left: 50px;
    text-align: center;
    align-items: center;
    vertical-align: middle;
}

.our_practice_area_card .card_img img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.our_practice_area_card p {
    color: #0F274A;
    font-weight: 300;
    width: 75%;
    text-align: justify;
}

.viewallbtn {
    position: relative;
}

.arrow_btn {
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    width: 52px;
    overflow: hidden;
    text-align: left;
    position: absolute;
    bottom: 14px;
    left: 25px;
}

.viewallbtn .arrow_btn {
    right: unset;
    left: 0px;
    bottom: -50px;
    width: 50%;
    /* direction: ltr; */
}

.viewallbtn:hover .arrow_btn {
    color: #CDA054;
}

.arrow_btn img.small_arrow_img {
    width: 16px;
    transition: all 0.1s;
    rotate: 180deg;
}

.arrow_btn img.large_arrow_img {
    width: 30px;
    position: absolute;
    left: 0px;
    top: 14px;
    transition: all 0.7s;
    opacity: 0;
    rotate: 180deg;
}

.viewallbtn .arrow_btn img.large_arrow_img {

    left: 0px;
    rotate: 180deg;

}

.our_practice_area_card:hover .arrow_btn img.large_arrow_img {
    left: 0px;
    opacity: 1;
    transition: all 0.7s;
}

.viewallbtn:hover .arrow_btn img.large_arrow_img {
    left: 0px;
    opacity: 1;
    transition: all 0.7s;

}

.our_practice_area_card:hover .arrow_btn img.small_arrow_img,
.viewallbtn:hover .arrow_btn img.small_arrow_img {
    opacity: 0;
}

.our_partners_card h5 a {
    color: #fff;
}

.our_partners_card h5 a:hover {
    color: #CDA054;
}

/* .our_partners_body .col-xl-3.col-lg-3.col-md-6:last-child .our_partners_card_img {
    padding: 30px;
} */



@media screen and (min-width: 1370px) and (max-width:1559px) {

    .our_aim_img_box{
        height: 70%;
    }

}

@media screen and (max-width: 1370px) {
    .our_practice_area_card {
        padding: 40px 20px 20px;
        margin-top: 50px;
        min-height: 185px;
    }

    .copyright_footer .container .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

}


@media screen and (max-width: 1299px) {
    .our_practice_area_card {
        min-height: 200px;
    }
}



@media screen and (max-width: 1370px) {

    .our_practice_area_card {
        padding: 40px 15px 20px;
        margin-top: 50px;
        min-height: 185px;
    }
}

@media screen and (max-width: 767px) {
    .our_practice_area_card {
        padding: 50px 20px 20px;
        margin-top: 50px;
    }

    .our_practice_area {
        padding-left: 0px;
        padding-right: 0px;
    }


}

@media screen and (max-width: 991px) {
    .our_practice_area_card {
        min-height: 195px;
    }


}

.related_practice_wrap .paginated{
    justify-content: center;
    display: flex;
}

/* --------------------------------------------------------
    paginate color
-----------------------------------------------------------*/

.page-item.active .page-link {
  background-color: var(--elitecons-black) !important;
  border-color: var(--elitecons-base) !important;
}

.page-link {
  color: var(--elitecons-base);
}

/* ================================================================
    css for new single service detail page
=================================================================== */
.our_practices_detail_section {
    /* padding: 160px 120px 50px; */
    padding-left: 120px;
    padding-right: 120px;
}

/* .our_practices_detail_section .container-fluid{
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}

.our_practices_detail_section .container-fluid .row{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
} */

/* .our_practices_detail_section .container-fluid .row .col-lg-8{
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
} */

.details_content_wrapper img {
    margin-bottom: 10px;
    border-radius: 15px;
    width: 100%;
}

.details_content_wrapper h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    color: #0F274A;
    text-align: right;
}

.details_content_wrapper p,
.details_content_wrapper p span {
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 300 !important;
    color: #3F3F3F !important;
    text-align: justify !important;
    direction: rtl !important;
}

.details_content_wrapper .col-lg-4 {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.related_practice_wrap {
    background-color: #EEF0F2;
    border-radius: 15px;
    padding: 20px;
}

.related_practice_wrap h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    color: #0F274A;
    text-align: right;
}

.related_practice_card.d-flex {
    display: flex;
    margin: 30px 0;
    flex-direction: row-reverse;
}

.related_practice_card_img {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    margin-left: 20px;
}

.related_practice_card_img img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
}

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


.related_practice_card_desc h4{
    text-align: right;
}
/* ==================================================================== */
/* ==================================================================== */
/* breadcrumb*/
.our_practices_detail_banner {
    padding: 160px 120px 50px;
    direction: rtl;
}

.our_practices_detail_banner .services_tab_menu .nav-tabs {
    border-radius: 0px 0px 15px 15px;
    padding: 30px 50px;
}

.our_practices_detail_section {
    padding-bottom: 60px;
}

.our_practices_detail_section .container-fluid .row {
    display: flex;
    flex-direction: row-reverse;
}

.our_practices_detail_banner .breadcrumb .breadcrumb-item a,
.our_practices_detail_banner .breadcrumb-item+.breadcrumb-item::before {
    color: #0F274A;
}

.ellipse_effect_left::before {
    content: "";
    position: absolute;
    width: 273px;
    height: 373px;
    background-image: url(../../front/images/ellipse1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

/* ==================================================================== */
/* ================ css for our practice page ===================== */
.our_services_main_wrapper {
    background-color: #EEF0F2;
    border-radius: 15px;
    padding: 40px 80px 80px;
    margin-top: -180px;
    position: relative;
}

/* .services_tab_menu .nav-tabs .nav-link{
    padding: 10px 16px;
    margin: 0px 4px;
    margin-top: -3px;
} */
.services_tab_menu .nav-tabs .nav-link img {
    width: 25px;
}

.services_tab_head {
    text-align: center;
    margin: 20px 0px 0px;
}

.services_tab_head h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    color: #0F274A;
}

.card {
    border: 0px;
    border-radius: 15px;
    text-align: center;
    margin: 0 10px;
    margin-top: 40px;
    box-shadow: 0 9px 11px 0px rgba(0, 0, 0, 0.35);
}

.card .card-img-top {
    border-radius: 15px 15px 0px 0px;
    width: 100%;
}

.card .card-body {
    padding: 30px 5px;
}

.card .card-body h4 {
    color: var(--elitecons-black);
}

.card .card-body p {
    color: #102B4E;
}

.card .card-body .common_btn {
    margin-top: 10px;
}

.services_tab_body .common_btn {
    padding: 10px 30px;
}

.services_tab_body .slick-slide {
    margin: 0 20px;
}

.services_tab_body .slick-prev,
.services_tab_body .slick-next {
    background-color: #fff;
    width: 60px;
    height: 60px;
}

.services_tab_body .slick-prev {
    left: -60px;
}

.services_tab_body .slick-next {
    right: -60px;
}

.services_tab_body .slick-prev:before,
.services_tab_body .slick-next:before {
    position: absolute;
    top: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    left: 15px;
}

.services_tab_body .slick-prev:before {
    background-image: url(../img/arrow-left.png);
}

.services_tab_body .slick-next:before {
    background-image: url(../img//arrow-small.png);
}

.load_more_btn {
    color: #fff;
    background-color: #0F274A;
    padding: 12px 43px;
}

.cases_section {
    padding-bottom: 80px;
}

.latest_cases_wrapper {
    margin-top: 60px;
}

.latest_cases_wrapper_head {
    text-align: center;
    margin-bottom: 30px;
}

.latest_cases_wrapper .slick-list {
    padding: 50px 0px;
}

.cases_slider_card img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}

.slick-slide.slick-current.slick-active+.slick-slide .cases_slider_card img {
    transform: scale(1.2);
    position: relative;
    z-index: 1;
}

.cases_slider_card {
    position: relative;
}

.cases_slider_card .cases_slider_card_body {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    border-radius: 15px;
    background: linear-gradient(180deg, rgba(16, 43, 78, 0.00) 0%, #0F274A 100%);
    padding-bottom: 30px;
    z-index: 2;
    transform: scale(1.2);
    opacity: 0;
    transition: all 1s;
}

.slick-slide.slick-current.slick-active+.slick-slide .cases_slider_card .cases_slider_card_body {
    opacity: 1;
}

.cases_slider_card .cases_slider_card_body h5 {
    width: 100%;
    text-align: center;
    color: #fff;
}

.cta_box {
    border-radius: 15px;
    width: 100%;
    margin: 60px auto 0px;
    padding: 25px 50px;
    background-color: #EEF0F2;
}

.cta_box h5 {
    margin-right: 30px;
    margin-bottom: 0px;
    line-height: 48px;
    font-weight: 500;
}

.cta_box h5 img {
    width: 48px;
    margin-right: 10px;
}


.our_practice_list_wrapper .card .card-body {
    /* background-color: var(--elitecons-base); */
     background-color: var(--elitecons-white);
    border-radius: 0px 0px 9px 9px;
    direction: rtl;
}


.our_practice_list_section .container .row {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
}

/* ================ css for our practices details page ============== */



/* =================== css for contact us page ================= */
.pages_banner_section {
    padding: 90px 0px 0px;
    position: relative;
}

.pages_banner_section.aboutus_banner::after,
.pages_banner_section.contactus_banner::after,
.pages_banner_section.our_practice_banner::after,
.home_banner_slide::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(16, 43, 78, 0.80) -2.91%, rgba(16, 43, 78, 0.60) 33.68%, rgba(16, 43, 78, 0.00) 68.27%);
    z-index: 0;
}

.pages_banner_wrapper {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 200px;
    padding: 0px 120px;
    z-index: 2;
}

.pages_banner_wrapper h6,
.pages_banner_wrapper h2,
.pages_banner_wrapper p,
.pages_banner_wrapper p a {
    color: #fff;
}

.pages_banner_wrapper h6{
    font-size: 25px;
}
.pages_banner_wrapper p a {
    text-decoration: underline;
}

.pages_banner_wrapper h6 span::before {
    background-color: #fff;
}

.pages_banner_wrapper h6:hover span::before {
    background-color: #CDA054;
}

.contactus_form_section {
    padding-bottom: 80px;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
}

.contactus_form_section::after {
    content: "";
    position: absolute;
    width: 243px;
    height: 373px;
    background-image: url(../../front/images/ellipse3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    bottom: 150px;
    right: 0px;
}

.contactus_form_wrapper {
    border-radius: 15px;
    background-color: #EEF0F2;
    padding: 50px;
    position: relative;
    margin-top: -260px;
    z-index: 2;
}

.contact_info_box {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 15px;
    min-height: 174px;
    margin-bottom: 30px;
}

.contact_info_wrapp h4 img {
    width: 25px;
    margin-right: 8px;
    margin-top: -5px;
}

.contact_info_box p {
    margin-bottom: 0px;
    font-size: 15px;
    text-align: right;
    direction: rtl;
}

.contact_info_box p a {
    color: #3F3F3F;
}

.contactus_form_wrapper .nav-tabs {
    border-bottom: 0px;

}
.contactus_form_wrapper .nav{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


.contactus_form_wrapper .nav-item {
    width: calc(100% / 2);
    text-align: center;
}

.address_tab_wrapper,
.address_content_wrapper {
    margin-top: 30px;
}

.address_tab_wrapper .nav-tabs .nav-link {
    color: #0F274A;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-left: 20px;
    background-color: #fff;
    border: 0px;
    border-radius: 10px;
    padding: 12px 20px;
    transition: all 0.6s;
    position: relative;
}

.form-group{
    direction: rtl;
}

.address_tab_wrapper .nav-tabs .nav-link.active {
    background-color: #CDA054;
    color: #fff;
}

.address_tab_wrapper .nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #CDA054;
}

.address_tab_wrapper .nav-item:last-child .nav-link {
    margin-right: 0px;
}

.address_tab_wrapper .nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0%;
    height: 100%;
    background-color: #CAA457;
    transition: all 0.6s;
    z-index: -1;
    border-radius: 10px;
}

.address_tab_wrapper .nav-tabs .nav-link:hover::before {
    width: 100%;
    left: 0px;
}


.address_tab_wrapper .tab-content p{
    direction: rtl;
}

.contact_form_wrapp {
    background-color: #fff;
    border-radius: 15px;
}

.forms_tab_wrapper .nav-tabs .nav-link {
    color: #0F274A;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    padding: 12px 20px;
    transition: all 0.6s;
    position: relative;
}

.forms_tab_wrapper .nav-item:first-child .nav-link {
    border-radius: 15px 0px 0px 0px;
}

.forms_tab_wrapper .nav-item:last-child .nav-link {
    /* border-radius: 0px 15px 0px 0px; */
    border-radius: 10px;
}

.forms_tab_wrapper .nav-tabs .nav-link.active {
    background-color: #CDA054;
    color: #fff;
}

.forms_content_wrapper {
    padding: 25px;
}

label {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 10px;
}

.contactus_form_wrapper .form-control {
    border-radius: 10px;
    border: 1px solid #6D6E71;
    background: #FFF;
    height: auto;
    padding: 12px 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #0F274A;
}

.contactus_form_wrapper .form-control::placeholder {
    color: #0F274A;
}

.contactus_form_wrapper form .common_btn {
    width: 100%;
}

.mapouter .gmap_canvas iframe {
    width: 100%;
    height: 300px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-radius: 15px;
}

/* for date picker */
.ui-datepicker {
    background: #ffffff;
    border-radius: 15px;
    margin-left: -2px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
}

.ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    background: #0F274A;
    margin-bottom: 10px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    width: 16px;
    height: 16px;
    text-indent: 9999px;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
}

.ui-datepicker-prev {
    float: left;
    margin-left: 8px;
}

.ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin: -43px 0px 0px 8px;
}

.ui-datepicker-next {
    float: right;
    margin-right: 12px;
}

.ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: -43px 0px 0px 6px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #fff;
}

.ui-datepicker-title {
    text-align: center;
    font-size: 18px;
}

.ui-datepicker-calendar {
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}

.ui-datepicker-calendar thead tr th span {
    display: block;
    width: 30px;
    color: #0F274A;
    margin-bottom: 5px;
    font-size: 14px;
}

.ui-state-default {
    display: block;
    text-decoration: none;
    color: #333333;
    line-height: 30px;
    font-size: 12px;
}

.ui-state-default:hover {
    color: #ffffff;
    background: #CDA054;
    border-radius: 50px;
    transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}

.ui-state-highlight {
    color: #ffffff;
    background-color: #CDA054;
    border-radius: 50px;
}

.ui-state-active {
    color: #ffffff;
    background-color: #CDA054;
    border-radius: 50px;
}

.ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.datepicker_label img {
    width: 20px;
}

.datepicker_label {
    position: absolute;
    top: 45px;
    right: 8px;
    margin-bottom: 0px;
}

.arabic_content .datepicker_label {
    right: unset;
    left: 8px;
}

.text-primary {
    color: #0F274A !important;
}

.socialMedia{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 15px;
    direction: rtl;
}

.socialMediaIcon{
    display: flex;
    justify-content: start;
}

.socialMediaIcon a{
    display: block;
    background: #CDA054;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    margin-right: 30px;
    font-size: 20px;
}

.socialMedia h5
{
    font-size: 20px;
    line-height: 30px;
    color: #0F274A;
    font-weight: 400 !important;
    margin-bottom: 0px;
}


.contact_info_wrapp h4{
    color: #0F274A;
    font-size: 25px;
    font-weight: 400 !important;
    line-height: 32px;
    text-align: right;
    direction: rtl;
}



.form-group label{
    text-align: right;
}




.drop-zone{
    width: 100%;
    padding: 20px 20px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #6D6E71;
    border-radius: 10px;
}

.drop-zone p{
    margin: 0px;
}

.drop-zone h5{
    margin: 0px;
}

.drop-zone__input{
    display: none !important;
}

.form-group input, .form-group select, .form-group textarea{
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 17px;
    transition: border-color 0.3s ease;
    background: white;
}


.socialMediaIcon .tab-pane p{
    direction: rtl;
}




/* ====================================================================
    New Team css
=======================================================================*/

/* for our partners section */
.our_partners {
    background-image: url(../img/5.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    direction: rtl;
}

.our_partners_head {
    text-align: center;
}

.our_partners .container-fluid .justify-content-center {
    justify-content: center !important;
    display: flex;
}

.our_partners_head {
    text-align: center;
}

.our_partners_head h2 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    color: #0F274A;
    font-weight: 600;
}

.our_partners_head h2 span {
    font-size: 55px;
    line-height: 60px;
    font-weight: 700;
    color: #CDA054;
    font-family: var(--noto);
}

.our_partners_head h6 {
    font-size: 25px;
    line-height: 18px;
    font-weight: 300;
    color: #0F274A;
    position: relative;
    transition: all 0.5s;
}


.our_partners_head h6 span {
    padding-right: 20px;
    position: relative;
    transition: all 0.7s;
}

.pages_banner_wrapper h6 span {
    padding-left: 0px;
    padding-right: 20px;
}

.our_partners_head h6 span:hover {
    padding-right: 30px;
}

.arabic_content h6 span:hover {
    padding-left: 0px;
    padding-right: 30px;
}

.our_partners_head h6 span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0F274A;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
}

.arabic_content h6 span::before {
    left: unset;
    right: 0px;
}

.our_partners_head h6 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #CDA054;
    top: 6px;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 0;
}

.arabic_content h6 span::after {
    left: unset;
    right: 16px;
}

.our_partners_head h6 span:hover::after {
    opacity: 1;
}

.our_partners_head h6 span:hover::before {
    background-color: #CDA054;
    width: 20px;
}

.our_partners_head p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    color: #3F3F3F;
}

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



.our_partners_head p a {
    color: #3F3F3F;
    text-decoration: underline;
}

.our_partners_head .common_btn_group {
    margin-top: 25px;
}

.our_partners_head .common_btn_group .our_partners_head .common_btn {
    margin: 0 10px;
    border: 2px solid #0F274A;
}

.our_partners_card {
    /* width: 82%; */
    width: 78%;
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

.our_partners_card_img {
    border: 2px solid #CDA054;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
    transition: all 0.6s;
    background-color: #fff;
    /* width: 85%; */
    width: 100%;
    height: 270px;
    overflow: hidden;
}

.our_partners_card_img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0);
    top: 0px;
    left: 0px;
    transition: all 0.6s;
}

.our_partners_card_img img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.viewallbtn img {
    width: 18px;
    margin-left: 10px;
    direction: ltr;
}

a.viewallbtn {
    color: #0F274A;
}

/* .our_partners_body .col-md-6:last-child .our_partners_card .our_partners_card_img {
    padding: 40px;
} */

.our_partners_card:hover .our_partners_card_img::after {
    background: rgba(0, 0, 0, 0.10);
}

.our_partners_card:hover .our_partners_card_img img {
    opacity: 0.8;
}

.partners_socila img {
    width: 40px;
}

.our_partners_body {
    position: relative;
    padding-bottom: 30px;
}
.our_partners_body .row{
    display: flex;
}

.our_partners_body::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 265px;
    border-radius: 15px;
    background: #0F274A;
    left: 0px;
    bottom: 0px;
    z-index: 0;
}

.our_partners_card h5 {
    color: #fff;
    text-transform: uppercase;
    transition: al 0.6s;
    text-align: justify;
    /* text-align: start; */
}

.our_partners_card:hover h5 {
    color: #CAA457;
}

.our_partners_card p,
.our_partners_card h5 a {
    color: #fff;
    text-align: justify;
    /* text-align: start; */
}

.banner_btn,
.common_btn {
    background-color: #fff;
    border: 0px;
    border-radius: 10px;
    padding: 10px 40px;
    color: #0F274A;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    transition: all 0.6s;
    position: relative;
    z-index: 1;
}

.common_btn {
    border: 2px solid #0F274A;
}

.banner_btn::before,
.common_btn::before,
.popup_more_btn::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0%;
    height: 100%;
    background-color: #CAA457;
    transition: all 0.6s;
    z-index: -1;
    border-radius: 30px;
}

.common_btn::before {
    background-color: #CDA054;
    /* border-radius: 8px; */
    border-radius: 30px;
}

.banner_btn:hover::before,
.common_btn:hover::before,
.popup_more_btn:hover::before {
    width: 100%;
    left: 0px;
}

.partners_socila {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.6s;
    z-index: 999;
}

.our_value_wrapp .values_card_img {
    margin: 0;
}

.partners_card_img.partners_card_logo {
    padding: 30px;
}

.partners_card_img img {
    border-radius: 10px;
}

.partners_card_img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    top: 0px;
    left: 0px;
    transition: all 0.6s;
}

.partners_card:hover .partners_card_img::after {
    background: rgba(0, 0, 0, 0.10);
}

.partners_card:hover .partners_card_img img {
    opacity: 0.8;
}

.partners_card_desc {
    text-align: center;
}

.partners_card_desc h5 {
    margin-bottom: 0px;
    transition: all 0.5s;
    text-transform: capitalize;
}

.partners_card:hover .partners_card_desc h5 {
    color: #CDA054;
}

.partners_card_desc p {
    color: #CDA054;
    /* font-weight: 500; */
}

.partners_card_img:hover .partners_socila,
.our_partners_card_img:hover .partners_socila {
    opacity: 1;
    bottom: 30px;
    z-index: 999;
}

/* ========= css for our partners list page ============= */
/* ===================================================================== */


/* ========================================================================
    new testimonials
===========================================================================*/

/* for testimonial section */
.testimonial {
    background-color: rgba(15, 39, 74, 0.07);
    padding-top: 30px;
    /* padding-bottom: 80px; */
    /* direction: rtl; */
}

.testimonial_head {
    text-align: center;
}

.testimonial_head h2 {
    font-size: 38px;
    line-height: 60px;
    font-weight: 700;
    color: #0F274A;
}

.testimonial_head h2 span {
    font-size: 55px;
    line-height: 45px;
    font-weight: 700;
    color: #CDA054;
    font-family: var(--noto);
}

.testimonial_head h6 {
    font-size: 25px;
    line-height: 18px;
    font-weight: 300;
    color: #0F274A;
    position: relative;
    transition: all 0.5s;
}

.testimonial_head h6 span {
    padding-left: 0px;
    padding-right: 20px;
    position: relative;
    transition: all 0.7s;
}

.testimonial_head h6 span:hover {
    padding-left: 0px;
    padding-right: 30px;
}

.testimonial_head h6 span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #0F274A;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
}



.testimonial_head h6 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #CDA054;
    top: 6px;
    left: unset;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 0;
}

.testimonial_head h6 span:hover::after {
    opacity: 1;

}

.testimonial_card {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(15, 39, 74, 0.20);
    margin: 75px 20px;
    min-height: 265px;
    padding: 25px 25px;
}

.testimonial_card_thumb {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.testimonial_card_thumb .thumb_img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    border-radius: 100%;
}

.testimonial_card_thumb .thumb_img img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 100%;
}

.testimonial_card_thumb .author_info {
    margin-top: 8px;
}

.testimonial_card_thumb .author_info h5 {
    margin-bottom: 0px;
}

.testimonial_card_thumb .author_info p {
    color: #CDA054;
}

.testimonial .slick-dots {
    bottom: -25px;
}

.testimonial_slider_wrapper {
    position: relative;
}

.testimonial_slider {
    overflow: hidden;
    margin-left: 100px;
    margin-right: 100px;
}

.testimonial_slider_wrapper {
    overflow: hidden;
    margin-left: 100px;
    margin-right: 100px;
    padding-bottom: 60px;
    /* Space for dots to show */
    position: relative;
}

/* Make sure dots appear below the overflow area */
.testimonial .slick-dots {
    bottom: -7px;
    /* Position inside the padding-bottom space */
}

.testimonial_slider_wrapper::after {
    content: "";
    position: absolute;
    border-radius: 15px;
    background: #0F274A;
    width: 80%;
    height: 375px;
    margin: 0 auto;
    top: 20px;
    left: 0px;
    right: 0px;
    z-index: -1;
}

.testimonial_card .testimonial_card_content p {
    font-weight: 400;
    margin-bottom: 5px;
    text-align: justify;
}


@media screen and (max-width: 767px) {

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

    .testimonial_slider {
        overflow: hidden;
        margin-left: 0px;
        margin-right: 0px;
    }
}

/* ======================================================================== */

/* ============================================================================
    NEW SLIDER - ARABIC RTL VERSION (FIXED)
===============================================================================*/
.home_banner_section {
    padding: 90px 0px 0px;
    direction: ltr;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.home_banner_slide {
    padding: 200px 120px 220px;
    background-image: url(../img/main-banner-img.webp);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    position: relative;
    direction: ltr;
}

.arabic_content .home_banner_slide {
    background-image: url(../img/main-banner-img-arabic.png);
}

.home_banner_slide .container-fluid {
    position: relative;
    z-index: 2;
}

.home_banner_slide h6 {
    color: #fff;
}

.home_banner_slide h6 span::before {
    background-color: #fff;
}

.home_banner_slide h6:hover span::before {
    background-color: #CDA054;
}

.home_banner_slide h2 {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin: 0 0 15px 0;
    text-align: right;
    direction: rtl;
}

/* FIXED: RTL proper text alignment */
.home_banner_slide p {
    font-size: 20px;
    line-height: 1.6;
    color: #fff;
    text-align: justify;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0 0 20px 0;
    /* max-width: 600px; */
    direction: rtl;
    text-align: justify;
}

.home_banner_slide .container-fluid .row {
    display: flex;
    flex-direction: row-reverse;
}

/* FIXED: Proper RTL column width constraints */
.home_banner_slide .col-lg-6 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-right: 0;
    padding-left: 0;
}

.slide_btn_group {
    margin: 60px 0px 70px;
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
    align-items: center;
}

.slide_btn_group .video_play_btn {
    padding: 0px;
    direction: ltr;
    margin-left: 0;
    margin-right: 20px;
}

.banner_btn,
.common_btn {
    background-color: #fff;
    border: 0px;
    border-radius: 10px;
    padding: 10px 40px;
    color: #0F274A;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    transition: all 0.6s;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.popup_more_btn {
    background-color: #fff;
    border: 2px solid #0F274A;
    border-radius: 6px;
    padding: 6px 15px;
    color: #0F274A;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    transition: all 0.6s;
    position: relative;
    z-index: 1;
}

.common_btn {
    border: 2px solid #0F274A;
}

.banner_btn::before,
.common_btn::before,
.popup_more_btn::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0%;
    height: 100%;
    background-color: #CAA457;
    transition: all 0.6s;
    z-index: -1;
    border-radius: 30px;
}

.popup_more_btn::before {
    border-radius: 4px;
}

.common_btn::before {
    background-color: #CDA054;
    border-radius: 30px;
}

.banner_btn:hover,
.common_btn:hover,
.popup_more_btn:hover {
    color: #fff;
}

.banner_btn:hover::before,
.common_btn:hover::before,
.popup_more_btn:hover::before {
    width: 100%;
    left: 0px;
}

.video_play_btn {
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 0px;
    direction: ltr;
    gap: 10px;
}

.coomon_btn_group .video_play_btn {
    color: #0F274A;
}

.video_play_btn:hover,
.video_play_btn:focus {
    color: #fff;
}

.coomon_btn_group .video_play_btn:hover,
.coomon_btn_group .video_play_btn:focus {
    color: #0F274A;
}

.video_play_btn img {
    width: 40px;
    margin-left: 0;
    /* margin-right: 15px; */
    order: 2;
}

.video_play_btn span {
    order: 1;
}

/* FIXED: RTL animation position */
.video_play_btn::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    top: -5px;
    right: -5px;
    left: auto;
    animation: mymove-rtl 0.8s linear infinite;
}

.coomon_btn_group .video_play_btn::after {
    border: 2px solid #0F274A;
}

@keyframes mymove-rtl {
    0% {
        top: -4px;
        right: -4px;
        width: 48px;
        height: 48px;
    }

    20% {
        top: -6px;
        right: -6px;
        width: 52px;
        height: 52px;
    }

    40% {
        top: -7px;
        right: -7px;
        width: 54px;
        height: 54px;
    }

    60% {
        top: -8px;
        right: -8px;
        width: 56px;
        height: 56px;
    }

    100% {
        top: -9px;
        right: -9px;
        width: 58px;
        height: 58px;
    }
}

.award_img_group {
    margin-top: 20px;
}

.our_award_box img {
    width: 80px;
    display: inline-block;
    margin-left: 22px;
    margin-right: 0;
}

.our_award_box h4 {
    font-weight: 500;
    color: #fff;
    text-align: right;
}

.home_banner_section .slick-dots {
    bottom: 84px;
    z-index: 9;
    justify-content: center;
    display: flex !important;
}

.home_banner_section .slick-dots li button:before,
.testimonial .slick-dots li button:before,
.latest_cases_wrapper .slick-dots li button:before,
.community_outreach_banner .slick-dots li button:before {
    opacity: 1;
}

.home_banner_section .slick-dots li,
.testimonial .slick-dots li,
.latest_cases_wrapper .slick-dots li,
.community_outreach_banner .slick-dots li {
    width: 10px;
    height: 10px;
    border: 0px;
    padding: 0px;
    border-radius: 6px;
    transition: all 300ms ease;
    background-color: var(--elitecons-black);
}

.home_banner_section .slick-dots li{
    background-color: var(--elitecons-primary);
}

.home_banner_section .slick-dots li.slick-active,
.testimonial .slick-dots li.slick-active,
.latest_cases_wrapper .slick-dots li.slick-active,
.community_outreach_banner .slick-dots li.slick-active {
    width: 80px;
    border: 0px;
    border-radius: 10px;
}

.home_banner_section .slick-dots li button:before,
.testimonial .slick-dots li button:before,
.latest_cases_wrapper .slick-dots li button:before,
.community_outreach_banner .slick-dots li button:before {
    display: none;
}

.home_banner_section .slick-next,
.home_banner_section .slick-prev {
    display: none !important;
}


/* =============================================
   SLIDER RESPONSIVE FIX
============================================= */

/* 1. Base settings for the slide to ensure image covers area */
.home_banner_slide {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* Default Desktop Height */
    height: 100vh;
    min-height: 600px;
    /* display: flex; */
    align-items: center;
    /* Vertically center content */
}

/* Optional: Add a dark overlay so text is readable on mobile */
.home_banner_slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* Darkens image by 40% */
    z-index: 1;
}

/* Bring text above the overlay */
.home_banner_slide .container-fluid {
    position: relative;
    z-index: 2;
}

/* 2. Responsive Media Query for Mobile/Tablets (< 768px) */
@media screen and (max-width: 768px) {

    .home_banner_slide {
        /* Change fixed height to auto so text doesn't overflow */
        height: auto !important;
        min-height: 500px;
        padding: 80px 0;
        /* Add top/bottom padding */
    }

    .home_banner_slide h2 {
        font-size: 28px !important;
        /* Smaller Heading */
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .home_banner_slide p {
        font-size: 15px !important;
        /* Smaller Description */
        line-height: 1.6;
        margin-bottom: 25px;
    }

    /* Adjust button grouping for mobile */
    .slide_btn_group {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    /* .slide_btn_group .btn {
        font-size: 14px;
        padding: 10px 20px;
    } */

    /* Ensure the column takes full width */
    .home_banner_slide .col-lg-6 {
        width: 100%;
    }
}

/* ============================================================================
    VIDEO POPUP MODAL STYLES - RTL
===============================================================================*/

.video_popup_modal .modal-dialog {
    /* max-width: 900px;
    margin: 1.75rem auto; */
    max-width: 290px;
    top: 25%;
}

.video_popup_modal .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
    direction: rtl;
}

.video_popup_modal .modal-body {
    padding: 0;
    position: relative;
}

/* FIXED: RTL close button positioning */
.video_popup_modal .btn-close {
    position: absolute;
    top: -45px;
    left: -45px;
    right: auto;
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    opacity: 1;
    z-index: 9999;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    cursor: pointer;
}

.video_popup_modal .btn-close::before {
    content: "×";
    font-size: 32px;
    color: #0F274A;
    font-weight: 300;
    line-height: 1;
}

.video_popup_modal .btn-close:hover {
    background-color: #CDA054;
    transform: rotate(90deg);
}

.video_popup_modal .btn-close:hover::before {
    color: #fff;
}

.video_popup_modal .ratio {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
    border: 3px solid #CDA054;
    direction: ltr;
}

.video_popup_modal .modal-backdrop {
    background-color: rgba(15, 39, 74, 0.95);
}

.video_popup_modal .modal-backdrop.show {
    opacity: 0.95;
}

.video_popup_modal .embed-responsive {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);
    border: 3px solid #CDA054;
}

.video_popup_modal+.modal-backdrop {
    background-color: rgba(15, 39, 74, 0.95);
}

.video_popup_modal+.modal-backdrop.show {
    opacity: 0.95;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

/* RTL Support - Already in RTL context */
[dir="rtl"] .video_popup_modal .btn-close,
.arabic_content .video_popup_modal .btn-close {
    left: -45px;
    right: auto;
}

/* ============================================================================
    RESPONSIVE DESIGN - RTL
===============================================================================*/

@media (max-width: 991px) {
    .home_banner_slide {
        padding: 150px 20px 180px;
    }

    .home_banner_slide h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .home_banner_slide p {
        font-size: 16px;
        line-height: 1.5;
        /* max-width: 500px; */
        text-align: justify;
    }

    /* .home_banner_slide .col-lg-6 {
        max-width: 60% !important;
        flex: 0 0 60% !important;
    } */

    .video_popup_modal .modal-dialog {
        max-width: 90%;
        margin: 1rem auto;
    }

    .video_popup_modal .btn-close {
        top: -40px;
        left: -40px;
        right: auto;
        width: 40px;
        height: 40px;
    }

    .video_popup_modal .btn-close::before {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .home_banner_slide {
        padding: 120px 40px 150px;
    }

    .home_banner_slide h2 {
        font-size: 24px;
        line-height: 1.2;
    }

    .home_banner_slide p {
        font-size: 15px;
        line-height: 1.4;
        max-width: 100%;
        text-align: justify;
    }

    .home_banner_slide .col-lg-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .slide_btn_group {
        margin: 40px 0 50px;
        flex-wrap: wrap;
    }

    .video_popup_modal .modal-dialog {
        max-width: 95%;
        margin: 0.5rem auto;
    }

    .video_popup_modal .btn-close {
        top: -35px;
        left: -35px;
        right: auto;
        width: 35px;
        height: 35px;
    }

    .video_popup_modal .btn-close::before {
        font-size: 24px;
    }

    .video_popup_modal .ratio {
        border-radius: 10px;
        border-width: 2px;
    }

    .video_play_btn {
        font-size: 14px;
    }

    .video_play_btn img {
        width: 35px;
        margin-right: 4px;
    }

    .our_mission_wrapper h2{
        padding-top: 20px;
    }


    .newsletter_wrapper {
        padding: 60px 60px;
    }

    .newsletter_box .container-fluid .row {
        display: flex;
        flex-direction: column;
    }

    .footer {
        padding: 40px 20px 40px;
    }



}

@media (max-width: 576px) {
    .home_banner_slide {
        padding: 100px 20px 80px;
    }

    .home_banner_slide h2 {
        font-size: 20px;
        line-height: 1.15;
    }

    .home_banner_slide p {
        font-size: 14px;
        line-height: 1.3;
        max-width: 100%;
    }

    .slide_btn_group {
        margin: 30px 0 40px;
        flex-direction: column-reverse;
        gap: 12px;
    }

    .slide_btn_group .video_play_btn {
        margin-right: 0;
        justify-content: flex-end;
    }

    .banner_btn,
    .common_btn {
        /* width: 100%; */
        width: 25%;
        text-align: center;
    }

    .video_play_btn {
        font-size: 13px;
    }

    .video_play_btn img {
        width: 31px;
        margin-right: 5px;
        margin-top: 3px;
    }


}



/* ============================================================================
    MODAL ANIMATIONS
===============================================================================*/

.video_popup_modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: scale(0.8);
}

.video_popup_modal.show .modal-dialog {
    transform: scale(1);
}

/* Loading spinner while video loads */
.video_popup_modal .ratio::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border: 3px solid rgba(205, 160, 84, 0.3);
    border-top-color: #CDA054;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    z-index: 1;
}

.video_popup_modal .ratio iframe {
    position: relative;
    z-index: 2;
    direction: ltr;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}



/* ============================================================
    new counter
=============================================================*/
/* for counter section */
.counter_section {
    padding-top: 80px;
    /* margin-top: -100px; */
    padding-bottom: 80px;
}

.counter_wrapper {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 60px 0px rgba(15, 39, 74, 0.15);
    z-index: 10;
    position: relative;
    width: 90%;
    /* margin-left: auto; */
    padding: 50px 0px;
}

.counter_wrapper .row {}

.counter_section .container-fluid {
    display: flex;
    justify-content: center;
}


.counter-box {
    text-align: center;
}

.counter_section .four.col {
    position: relative;
}

.counter_section .four.col::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background-color: #0F274A;
    right: 0px;
    top: 20%;
}

.counter_section .four.col:last-child::after {
    display: none;
}

.counter-box img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 0px;
}

.counter-box h3 {
    color: #0F274A;
    font-size: 36px;
    font-weight: 700 !important;
    line-height: 70px;
}

.counter-box p {
    color: #0F274A;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 22px;
}

.counter_section .four::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background-color: #0F274A;
    right: 0;
    top: 20%;
}

.counter_section .four:last-child::after {
    display: none;
}

.ellipse_effect_left::before {
    content: "";
    position: absolute;
    width: 273px;
    height: 373px;
    background-image: url(../img/ellipse1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

/* ============================================================= */
.ftco-video a {
    z-index: 1001;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -45px;
    margin-right: -45px;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.ftco-video a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 40px;
}

.ftco-video .overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ftco-video:hover .overlay {
    background: rgba(0, 0, 0, 0.7);
}

.ftco-video:hover a {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#ftco-hero {
    min-height: 700px;
    background: #fff url(../images/loader.gif) no-repeat center center;
}


#ftco-hero .btn {
    font-size: 24px;
}

#ftco-hero .btn.btn-primary {
    padding: 14px 30px !important;
}

#ftco-hero .flexslider {
    border: none;
    z-index: 1;
    margin-bottom: 0;
}

#ftco-hero .flexslider .slides {
    position: relative;
    overflow: hidden;
}

#ftco-hero .flexslider .slides li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 700px;
    position: relative;
}

#ftco-hero .flexslider .slides li:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

#ftco-hero .flexslider .flex-control-nav {
    bottom: 40px;
    z-index: 1000;
}

#ftco-hero .flexslider .flex-control-nav li a {
    background: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

#ftco-hero .flexslider .flex-control-nav li a.flex-active {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
}

#ftco-hero .flexslider .flex-direction-nav {
    display: none;
}

#ftco-hero .flexslider .slider-text {
    display: table;
    opacity: 0;
    min-height: 700px;
    z-index: 9;
    padding-top: 13rem;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner {
    display: table-cell;
    vertical-align: middle;
    min-height: 700px;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner h1,
#ftco-hero .flexslider .slider-text>.slider-text-inner h2 {
    margin: 0;
    padding: 0;
    color: white;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner h1 {
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 700;
}

/* =========================================================
    subscribe newsletter
============================================================ */

.newsletter_box {
    /* margin-bottom: -130px; */
    padding-bottom: 5rem;
    /* direction: rtl; */
}


.newsletter_box .container-fluid .row {
    display: flex;
    /* flex-direction: row-reverse; */
}


.newsletter_box .container-fluid .row .col-lg-7 .row {
    display: flex;
    flex-direction: column;
}

.newsletter_wrapper h2 span {
    color: #CDA054;
}


.newsletter_box.ellipse_effect_left2::after {
    bottom: 100px;
}

.newsletter_wrapper {
    border-radius: 15px;
    background: #0F274A;
    padding: 60px 100px;
    position: relative;
    direction: rtl;
}

.newsletter_wrapper::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 142px;
    height: 142px;
    background-image: url(../../front/images/ellipse3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    opacity: 0.3;
}

.newsletter_wrapper h2,
.newsletter_wrapper h6 {
    color: #fff;
}

.newsletter_wrapper h6 span::before {
    background-color: #fff;
}

.newsletter_wrapper h6:hover span::before {
    background-color: #CDA054;
}

.newsletter_form {
    width: 100%;
    /*height: 100%;*/
    display: flex;
    align-items: center;
}

.newsletter_form form {
    width: 100%;
}

.newsletter_form .form-group {
    margin-bottom: 0px;
}

.newsletter_form .form-control {
    height: auto;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #0F274A;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 10px 68px 10px 70px;
    outline: 0;
    box-shadow: none;
}

.newsletter_form .form-control:focus {
    border: 1px solid #fff !important;
}

.form-control::placeholder {
    color: #6F7171
}

.form-control:focus {
    border: 1px solid #000;
}

.newsletter_form .form-group span {
    border-radius: 17px 9px 9px 17px;
    border: 2px solid #FFF;
    background: #0F274A;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 60px;
    height: 48px;
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 35px;
}

.newsletter_form .form-group span img {
    width: 30px;
}

.newsletter_form .banner_btn {
    padding: 10px 40px;
    height: 47.6px;
}

.newsletter_wrapper h6 {
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #ffffff;
    position: relative;
    transition: all 0.5s;
}

.newsletter_wrapper h6 span {
    padding-right: 20px;
    position: relative;
    transition: all 0.7s;
}



.newsletter_wrapper h6 span::before {
    background-color: #fff;
}

.newsletter_wrapper h6 span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #ffffff;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
}


.newsletter_wrapper h6 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #CDA054;
    top: 6px;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 0;
}

.newsletter_wrapper h6 span:hover {
    padding-right: 30px;
}

.newsletter_wrapper h6:hover span::before {
    background-color: #CDA054;
}

.newsletter_wrapper h6 span:hover::after {
    opacity: 1;
}

/* .newsletter_form #subscribeForm .row{
    display: flex;
    flex-direction: column;
} */
/* =========================================================
        first feature by mohamed fathy
============================================================*/
@keyframes animate-top {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.serviceArea {
    background: #f1f1f1;
    animation: animate-top 2.3s ease-in-out forwards;
}

.serviceArea .row {
    display: flex;
    flex-direction: row-reverse;
}

.serviceItem {
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
}

.serviceIcon {
    background: #c0b596;
    height: 108px;
    max-width: 100px;
    width: 95px;
    text-align: center;
    float: right;
}

.serviceText {
    overflow: hidden;
    padding: 16px 25px;
    text-align: right;
}

.serviceText span {
    color: var(--elitecons-black);
    font-size: 16px;
}

.serviceText h3 {
    font-size: 21px;
}

.serviceText span h3 {
    font-size: 30px;
    color: #333;
}

@media (max-width: 1200px) {
    .serviceText span h3 {
        font-size: 22px;
    }
}

.serviceArea {
    background: #f1f1f1;
    padding: 50px 0 20px;
    position: relative;
    margin-top: -10px;
}

.flaticon-lawyer:before {
    font-family: Flaticon;
    font-size: 60px;
    font-style: normal;
}

.flaticon-scale:before {
    font-family: Flaticon;
    font-size: 60px;
    font-style: normal;
}

.flaticon-scale:before {
    font-family: Flaticon;
    font-size: 60px;
    font-style: normal;
}

.serviceArea .serviceItem .serviceIcon {
    font-family: Flaticon;
    font-size: 60px;
    font-style: normal;
}

.serviceArea .serviceItem {
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    transform: scale(0.9);
    transition: 2s;
}

.serviceItem:hover {
    transform: scale(1);
    transition: 2s;
}

.serviceArea .serviceItem .serviceIcon {
    background: var(--elitecons-base);
    height: 108px;
    max-width: 100px;
    width: 95px;
    text-align: center;
    float: right;
    color: #333;
}

.flaticon-network:before {
    content: "\f100";

}

.flaticon-lawyer:before {
    content: "\f102";

}

.flaticon-scale:before {
    content: "\f101";
    /* color: var(--elitecons-black); */
}

.services .icon i:hover {
    color: var(--elitecons-base);
}

.fa-gavel:before {
    content: "\f0e3";
}

.flaticon-siren:before {
    content: "\f102";
}


.flaticon-employee:before {
    content: "\f105";
}

.flaticon-law:before {
    content: "\f102";
}

.flaticon-law:before {
    content: "\f102" !important;
}

.flaticon-jury:before {
    content: "\f103";
}

.fa-clipboard:before {
    content: "\f0ea";
}



/* ========================================================= */



/* =========================================================
    contact_us
============================================================*/

.contactArea {
    background: url(../images/banner1-3.jpg) 50% / cover no-repeat local;
    position: relative;
    background-attachment: fixed;
    padding: 100px 0;
    text-align: right;
}

.contactArea:before {
    content: "";
    background-color: rgba(21, 26, 48, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.contactArea .contactInfo span {
    font-size: 16px;
    color: var(--elitecons-base);
    /* direction: rtl; */
}

.contactArea .contactInfo h2 {
    font-size: 36px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #fff;
    position: relative;
    display: inline-block;
}


/* .contactArea .contactInfo h2:before {
    content: "";
    position: absolute;
    left: -68px;
    top: 25px;
    width: 60px;
    height: 1px;
    background: #c0b596;
} */

.contactArea .contactInfo h6 {
    font-size: 20px;
    color: var(--elitecons-base);
    /* font-family: Open Sans, sans-serif; */
    direction: rtl;
}

.contactArea .contactInfo h4 {

    font-size: 25px;
    color: var(--elitecons-base);
    /* font-family: Open Sans, sans-serif; */
    direction: rtl;
}

.contactArea .contactInfo h5 {
    font-size: 20px;
    color: var(--elitecons-base);
}

.contactArea .contactInfo .phone_contact .fa-phone {
    padding: 0px !important;
    direction: rtl;
}

.contactArea .contactInfo .email_contact .fa-envelope {
    padding: 0px !important;
    direction: rtl;
}

.contactArea .contactInfo .phone_contact {
    direction: rtl;
}

.contactArea .contactInfo .email_contact {
    direction: rtl;
}




.contactArea .contactInfo p {
    margin-top: 30px;
    color: #ddd;
    line-height: 30px;
    text-align: justify;
    direction: rtl;
    font-size: 17px;
}

.contactForm .formInput {
    margin-bottom: 30px;
}

.contactForm .formInput input {
    background: rgba(192, 181, 150, 0.2);
    height: 50px;
    padding: 6px 15px;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--elitecons-base);
}

.contactForm .formInput select {
    color: #bbb5a5;
    position: relative;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: #48464c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1QjUzNDMzOEIwODExRTdBMkIzQTQyMTQzNjA5MEJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1QjUzNDM0OEIwODExRTdBMkIzQTQyMTQzNjA5MEJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTVCNTM0MzE4QjA4MTFFN0EyQjNBNDIxNDM2MDkwQkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTVCNTM0MzI4QjA4MTFFN0EyQjNBNDIxNDM2MDkwQkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Dl6ZeAAAAY0lEQVR42mKcN3/+GQYGhorEhIQ9DGhg/oIF5UDKmAlI3APiVUABFywKOoD4LBPQhDAgYw+yQiQFIBs6Gf///w/TuQpIgRStBuI0mAKQHFwRksJQZAVgAFKEjIEeCUUXAwgwAC30Q/f8tXHIAAAAAElFTkSuQmCC) no-repeat calc(100% - (100% - 15px)) 50%;
    border: 1px solid var(--elitecons-base);
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contactForm .formInput textarea {
    background: rgba(192, 181, 150, 0.2);
    height: 150px;
    padding: 15px;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--elitecons-base);
}

[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

.contactForm button {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 10px 30px !important;
    border: 2px solid transparent;
    text-transform: capitalize;
    display: inline-block;
    /* keep this */
    transition: all 0.3s;
    background: var(--elitecons-base);
    margin-left: 13px;
}


.contactForm button:hover {
    background: var(--elitecons-black) !important;
    border-color: var(--elitecons-black) !important;
}

.contactArea .contactForm .text_area {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}




.contactArea .row {
    display: flex !important;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

/* Align form fields text on the right */
.contactArea input,
.contactArea textarea,
.contactArea select {
    text-align: right;
    direction: rtl;
    /* optional but helps for numbers mixed with Arabic */
}




/*================================================================
    Contact Section latest one
=================================================================== */
.contact {
    padding: 80px 0;
    background: white;
}

#contact .container .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.contact-content {
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.contact-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    /* padding-bottom: 3rem; */
}

.contact-item i {
    font-size: 2.5rem;
    color: var(--elitecons-black);
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.contact-item h4 {
    margin-bottom: 0.5rem;
    color: var(--elitecons-black);
    font-size: 24px;
    font-weight: 500 !important;
    padding-bottom: 1rem;
}

.contact-item p {
    margin: 0;
    /* color: var(--elitecons-base); */
    direction: ltr;
}

.contact-item .contact-two__text {
    text-align: justify;
    direction: rtl !important;
}

.contact-item a {
    /* color: var(--elitecons-base); */
    text-decoration: none;
    font-weight: 500;
}

.contact-item a:hover {
    text-decoration: none;
}

.contact-item small {
    display: block;
    color: var(--elitecons-base);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Contact Form */
.contact-form {
    background: #f8fafc;
    padding: 2rem;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.2), 0 7px 18px rgba(0, 9, 128, 0.2);
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 17px;
    transition: border-color 0.3s ease;
    background: white;
    direction: rtl;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--elitecons-black);
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
}

.form-group textarea {
    resize: vertical;
    min-height: 100px;
}

.checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    color: #374151;
    line-height: 1.4;
}

.checkbox-label input[type="checkbox"] {
    margin: 0;
    width: auto;
}

.form-disclaimer {
    font-size: 0.875rem;
    color: #9ca3af;
    text-align: center;
    margin-top: 1rem;
    line-height: 1.4;
}


.contact-two__text {
    text-align: justify;
}

.contact-form .quform-submit-inner {
    padding-top: 2rem;
}

.butn-style3 {
    color: #fff;
    padding: 5px 20px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 1;
    background: var(--elitecons-black);
    border: none;
    border-radius: 30px;
    line-height: normal;
    font-weight: bold;
    vertical-align: top;
}

.butn-style3:hover {
    background: var(--elitecons-base);
}

/* ==========================================================
   breadcumbArea
=============================================================*/

.breadcumbArea {
    min-height: 800px;
    padding-top: 92px;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.breadcumbArea .breadcumbWrap h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--elitecons-black);
    text-shadow: 0 0 3px #ffffff, 0 0 5px #ffffff;
    text-align: center;
}

.breadcumbArea .breadcumbWrap ul {
    text-align: center;
}

.breadcumbArea .breadcumbWrap ul li {
    display: inline-block;
    font-size: 30px;
    color: var(--elitecons-base);
    text-shadow: 0 0 2px #000000, 0 0 2px #000000;
}

.breadcumbArea .breadcumbWrap ul li a {
    color: var(--elitecons-black);
    text-decoration: none;
    text-shadow: 0 0 3px #ffffff, 0 0 5px #ffffff;
}


/* =============================================================
    new breadcrumb
================================================================*/


.pages_banner_section {
    padding: 0px 0px 0px;
    position: relative;
    direction: rtl;
}


.pages_banner_wrapper .container-fluid .row {
    display: flex;
    flex-direction: row;
}

.pages_banner_section.aboutus_banner::after,
.pages_banner_section.contactus_banner::after,
.pages_banner_section.our_practice_banner::after,
.home_banner_slide::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(16, 43, 78, 0.80) -2.91%, rgba(16, 43, 78, 0.60) 33.68%, rgba(16, 43, 78, 0.00) 68.27%);
    z-index: 0;
}



.pages_banner_wrapper {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 200px;
    padding: 0px 120px;
    z-index: 2;
}

.pages_banner_wrapper h6,
.pages_banner_wrapper h2,
.pages_banner_wrapper p,
.pages_banner_wrapper p a {
    color: #fff;
    text-align: justify;
}

.pages_banner_wrapper p a {
    text-decoration: underline;
}

.pages_banner_wrapper h6 span::before {
    background-color: #fff;
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    top: 8px;
    right: 0px;
    transition: all 0.7s;
    padding-left: 0px;
    /* padding-right: 20px; */
}

.pages_banner_wrapper h6:hover span::before {
    background-color: #CDA054;
}

.pages_banner_wrapper h6:hover span::after {
    background-color: #CDA054;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 6px;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 1;
}

.pages_banner_wrapper h6 span {
    position: relative;
    transition: all 0.7s;
}

.pages_banner_wrapper h6 span:hover {
    padding-right: 30px;
    position: relative;
    transition: all 0.7s;
    opacity: 1;
}


.pages_banner_wrapper h6 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 6px;
    right: 16px;
    transition: all 0.7s;
    transform: rotate(45deg);
    opacity: 0;

}


/* ==========================================================
   why choose us
=============================================================*/
.bg_gradient_team {
    background: #fbf3ee !important;
    background-image: linear-gradient(to left bottom, #fbf3ee, #fbf3ee, #fbf3ee, #f4f7f8, #f4f7f8) !important;

}

.title {
    text-align: center;
    text-transform: uppercase;
}

.title h1 {
    font-size: 35px;
    font-weight: 600;
    color: #364167;
    line-height: 50px;
    text-transform: capitalize;
    padding-top: 2rem;
}

.hed_img {
    margin: 30px 0px;
}

.bg_gradient_team .hed_img img {
    max-width: 100%;
    height: auto;
}

.title p {
    font-size: 18px;
    line-height: 30px;
    color: #a6acb7;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 25px;
}

.about_row {
    margin-top: 100px;
}

.divTable {
    display: table;
    width: 100%;
}

.divTableBody {
    display: table-row-group;
}

.divTableRow {
    display: table-row;
}

.divTableCell {
    display: table-cell;
    vertical-align: middle;
}

.divTableCell ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.divTableCell {
    display: table-cell;
    vertical-align: middle;
}

.divTableCell .Attorney {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

ul {
    list-style: outside none none;
}

.Attorney li {
    float: left;
    width: 30%;
}

.Attorney li img {
    max-width: 100%;
    height: auto;
}

.divTableHead {
    display: table-cell;
    vertical-align: middle;
}

.Attorneys li {
    float: left;
    width: 70%;
}

.Attorneys li h1 {
    font-size: 20px;
    color: #1c233b;
    font-weight: 600;
    text-transform: uppercase;
    text-align: right;
}

.Attorneys li p {
    font-size: 18px;
    color: #a6acb7;
    line-height: 30px;
    padding-bottom: 30px;
    text-align: justify;
    direction: rtl;
}

/* ==========================================================
    About us
=============================================================*/

.aboutArea {
    padding: 60px 0 2rem;
}

.aboutArea .container .row {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.aboutArea .aboutImageWrap {
    margin: 0 20px;
    position: relative;
    z-index: 1;
}

.aboutArea .aboutImageWrap:before {
    content: "";
    background-color: var(--elitecons-base);
    width: 100%;
    height: 100%;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: -1;
}

#ali.aboutArea .aboutImageWrap:before {
    content: "";
    background-color: #272B3E;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: -1;
}

.aboutArea .aboutImageWrap img {
    max-width: 100%;
}

.aboutArea .aboutContent h2 {
    margin-bottom: 20px;
    text-align: right;
    font-size: 40px;
    color: var(--elitecons-black);
    direction: rtl;
}

.aboutArea .aboutContent p {
    margin-bottom: 30px;
    font-size: 17px;
    color: #666;
    line-height: 28px;
    text-align: justify;
    direction: rtl;
}

.aboutArea .aboutContent .btnStyle {
    text-align: right;
}

.btnStyle a {
    background-color: var(--elitecons-base);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 14px 30px !important;
    border: 2px solid transparent;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 3px;
}

.btnStyle a:hover {
    background-color: var(--elitecons-black) !important;
    border-color: var(--elitecons-black) !important;
}

.aboutArea .aboutImageWrap {
    animation: slideInRight 1.5s ease-in-out;
}

.aboutArea .aboutContent {
    animation: slideInLeft 1.5s ease-in-out;
}

/* =========================================================== */

@media screen and (max-width: 768px) {
    #ftco-hero .flexslider .slider-text>.slider-text-inner h1 {
        font-size: 30px;
    }

    #ftco-footer h4 {
        text-align: right !important;
    }

    #ftco-footer .ftco-footer-links li {
        text-align: right;
    }


    /* .logo{
            list-style: none;
    flex-direction: row-reverse;
    display: flex;
    } */

    .ftco-nav .top-menu .container .row .col-md-8 .main-menu-four__right {
        display: block;
    }

    .ftco-nav .top-menu .container .row .col-md-2 .main-menu-four__right {
        display: none;
    }

    .logo img {
        width: 22px !important;
    }

    .copyright_footer p {
        text-align: center;
    }

    .copyright_footer .justify-content-end {
        justify-content: center !important;
    }
}

#ftco-hero .flexslider .slider-text>.slider-text-inner h2 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner .heading-section {
    font-size: 50px;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner .btn {
    padding: 15px 30px;
    background: #2b4e68 !important;
    color: #fff;
    border: none !important;
    font-size: 18px;
}



#ftco-hero .flexslider .slider-text>.slider-text-inner .btn:hover {
    background: #cda160 !important;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner .form-inline .form-group {
    width: 100% !important;
    margin-bottom: 10px;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner .form-inline .form-group .form-control {
    width: 100%;
    background: #fff;
    border: none;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner .ftco-lead {
    font-size: 20px;
    color: #fff;
}

#ftco-hero .flexslider .slider-text>.slider-text-inner .ftco-lead .icon-heart {
    color: #d9534f;
}

.ftco-bg-section {
    background: rgba(0, 0, 0, 0.05);
}

#ftco-about,
.ftco-practice,
#ftco-testimonial,
#ftco-started,
#ftco-blog,
#ftco-contact,
#ftco-footer {
    padding: 3rem 0;
    clear: both;
}

.ftco-practice .container .row {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.ftco-practice .container .col-md-offset-2 {
    margin-right: 16.66667%;
}

#ftco-hero .flexslider .slides .container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {

    #ftco-about,
    .ftco-practice,
    #ftco-testimonial,
    #ftco-started,
    #ftco-blog,
    #ftco-contact,
    #ftco-footer {
        padding: 3em 0;
    }
}

#ftco-counter {
    padding: 4em 0;
    clear: both;
}

.ftco-counters {
    padding: 3em 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.ftco-counters .icon {
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto;
    margin-bottom: 30px;
}

.ftco-counters .icon i {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    font-size: 50px;
    color: var(--elitecons-black);
    background: var(--elitecons-base);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.ftco-counters .icon i:hover {
    background: var(--elitecons-black);
    color: var(--elitecons-base);
}

.ftco-counters .counter-wrap {
    border: 1px solid red !important;
}

.ftco-counters .ftco-counter {
    font-size: 40px;
    display: block;
    color: white;
    font-family: var(--noto);
    width: 100%;
    font-weight: 700;
    margin-bottom: 0.3em;
}

.ftco-counters .ftco-counter-label {
    color: var(--elitecons-primary);
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.2em;
    margin-bottom: 2em;
    display: block;
}

#ftco-intro,
#ftco-content,
#ftco-consult {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    width: 100%;
    float: right;
}

#ftco-content .video,
#ftco-content .choose,
#ftco-consult .video,
#ftco-consult .choose {
    display: inline-block;
}

@media screen and (max-width: 768px) {

    #ftco-content .video,
    #ftco-content .choose,
    #ftco-consult .video,
    #ftco-consult .choose {
        width: 100% !important;
    }

    .counter_wrapper .row {
        display: block;

    }

    .counter-box h3 {
        margin: 0px;
    }

    .counter-box {
        padding-bottom: 3rem;
    }

    .counter_section .four::after {
        rotate: 90deg;
        right: 50%;
        top: 68%;
    }


}

#ftco-content .video,
#ftco-consult .video {
    display: table;
    width: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}


/*============== contact_area css ================*/
.mapBox {
    /* height: 420px; */
    margin-bottom: 50px;
}

.contact_info .info_item {
    position: relative;
    padding-right: 45px;
}

.contact_info .info_item i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    line-height: 24px;
    color: var(--elitecons-base);
    font-weight: 600;
}

.contact_info .info_item h6 {
    font-size: 16px;
    line-height: 24px;
    color: "Raleway", sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
    color: #222222;
}

.contact_info .info_item h6 a {
    color: #222222;
}

.contact_info .info_item p {
    font-size: 14px;
    line-height: 24px;
    padding: 2px 0px;
}

.contact_form .form-group {
    margin-bottom: 10px;
}

.contact_form .form-group .form-control {
    font-size: 13px;
    line-height: 26px;
    color: #999;
    border: 1px solid #eeeeee;
    font-family: var(--noto);
    border-radius: 0px;
    padding-right: 20px;
}

.contact_form .form-group .form-control:focus {
    box-shadow: none;
    outline: none;
}

.contact_form .form-group .form-control.placeholder {
    color: #999;
}

.contact_form .form-group .form-control:-moz-placeholder {
    color: #999;
}

.contact_form .form-group .form-control::-moz-placeholder {
    color: #999;
}

.contact_form .form-group .form-control::-webkit-input-placeholder {
    color: #999;
}

.contact_form .form-group textarea {
    resize: none;
}

.contact_form .form-group textarea.form-control {
    height: 134px;
}

.contact_form .primary-btn {
    margin-top: 20px;
    border: 0;
    border-radius: 50px;
    color: #fff;
}

.contact_form .primary-btn:after {
    border-radius: 50px;
}

.contact_form .primary-btn:hover {
    background: #fff;
    color: #222222;
}

.contact_form .primary-btn:hover:after {
    background: #f4f8ff;
    border: 1px solid #eeeeee;
}

/* Contact Success and error Area css
============================================================================================ */

#second-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pricing-block {
    position: relative;
    z-index: 99;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.2), 0 7px 18px rgba(0, 9, 128, 0.2);
}

.pricing-block .pricing-head {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    margin-top: -15px;
}

.pricing-block .pricing-head:before {
    left: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    position: absolute;
    content: '';
    height: 15px;
    width: 10px;
    background-color: var(--elitecons-black);
    top: 0;
}

.pricing-block .pricing-head h4 {
    position: relative;
    background-color: var(--elitecons-black);
    padding: 16.5px 45px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 40px;
    margin-top: 0px;
}

.pricing-block .pricing-head:after {
    position: absolute;
    content: '';
    height: 15px;
    width: 10px;
    background-color: var(--elitecons-black);
    top: 0;
}

.pricing-block .pricing-head:after {
    right: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.card-style8 {
    box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
    transition: all 0.6s linear;
    height: 100%;
    border: none;
}

.icon-box {
    position: relative;
    padding: 10px 22px 0px 0;
    font-size: 46px;
    line-height: 1;
    width: 100px;
}

.card-style8 i {
    transition: all 0.3s linear;
}

.icon-box .box-circle.primary {
    background: rgba(52, 218, 137, 0.09);
}

.icon-box .box-circle {
    right: 0px;
    bottom: 0;
    width: 1.07em;
    height: 1.07em;
    position: absolute;
    z-index: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: rgba(74, 131, 253, 0.09);
    top: 0;
}

#Second-section {
    padding-top: 1rem;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
    word-break: break-word;
}

/*--------------------------------------------------------------
# Contact Two
--------------------------------------------------------------*/
.contact-two {
    position: relative;
    display: block;
    padding: 0 0 220px;
    z-index: 1;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.contact-two .btn.btn-lg {
    background: var(--elitecons-black);
    color: #fff;
}

.contact-two__left {
    position: relative;
    display: block;
    margin-top: 9px;
}

.contact-two__left .section-title {
    margin-bottom: 20px;
}

.contact-two__call-box {
    position: relative;
    display: flex;
    align-items: center;
    /* margin-top: 59px; */
}

.contact-two__call-box .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--elitecons-primary);
    border-radius: 50%;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-two__call-box .icon:hover {
    background-color: var(--elitecons-base);
}

.contact-two__call-box .icon>span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: var(--elitecons-base);
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-two__call-box .icon:hover>span {
    color: var(--elitecons-white);
}

.contact-two__call-box .content {
    position: relative;
    display: block;
    margin-right: 20px;
}

.contact-two__call-box .content>span {
    font-size: 16px;
    line-height: 16px;
}

.contact-two__call-box .content>p {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
}

.contact-two__call-box .content>p>a {
    color: var(--elitecons-black);
    font-size: 20px;
}

.contact-two__call-box .content>p>a:hover {
    color: var(--elitecons-base);
    font-size: 20px;

}

.contact-two__right {
    position: relative;
    display: block;
}

.contact-two__form {
    position: relative;
    display: block;
}

.contact-two__input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contact-two__input-box input[type="text"],
.contact-two__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border: none;
    background-color: var(--elitecons-primary);
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
    color: var(--elitecons-base);
    display: block;
    font-weight: 400;
    border-radius: 0.5rem;
}

.contact-two__input-box textarea {
    color: var(--elitecons-gray);
    /* height: 260px; */
    width: 100%;
    background-color: var(--elitecons-primary);
    padding: 20px 20px 30px;
    border: none;
    outline: none;
    font-weight: 400;
    border-radius: 0.5rem;
}

.contact-two__btn {
    border: none;
    padding: 8px;
    margin: 8px;
    padding-left: 2rem;
    padding-right: 2rem;
}

#reserve-form .g-recaptcha{
    padding-left: 2rem;
    padding-bottom: 2rem;
}


#reserve-form .form-control,
#reserve-form .form-control::placeholder,
#reserve-form .form-control:focus {
    background-color: #272B3E !important;
    color: #fff !important;
}

#reserve-form .uniform-field,
#reserve-form .uniform-field::placeholder {
    background-color: #272B3E;
    color: #fff;
}

/* .contact-two__input-box.text-message-box {
    height: 150px;
} */

.contact-two .container .row .col-xl-6 .contact-two__left p {
    text-align: justify;
}

.icon-call:before {
    content: "\e910";
}

.contact-page__contact-list {
    position: relative;
    display: block;
    padding-right: 0px;
}

.contact-page__contact-list li {
    position: relative;
    display: flex;
}

.contact-page__contact-list li+li {
    margin-top: 40px;
}

.contact-page__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background-color: var(--elitecons-black);
    border-radius: 10px;
}

.contact-page__contact-list li .location {
    width: 110px;
}

.contact-page__contact-list li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 23px;
    color: var(--elitecons-base);
}

.contact-page__contact-list li .content {
    position: relative;
    display: block;
    margin-left: 20px;
}

.contact-page__contact-list li .content>h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
    color: var(--elitecons-black);
}

.contact-page__contact-list li .content>p {
    margin-bottom: 0px;
    color: var(--elitecons-gray);
}

.contact-page__contact-list li .content>p>a {
    color: var(--elitecons-gray);
}

.contact-page__contact-list li .content>p>a:hover {
    color: var(--elitecons-base);
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================================================================== */


/* ==========================================================================================
    single serice
========================================================================================== */

.singleArea {
    padding: 100px 0;
}

.singleArea.singlePortfolioArea {
    /* padding-bottom: 0; */
    direction: rtl;
}

.singleContentArea .singleContentImg {
    margin-bottom: 50px;
}

.singleContentArea .singleContentImg img {
    width: 100%;
}

.singleContentArea .singleContentWrap h3 {
    font-size: 36px;
    margin-bottom: 25px;
}

.singleContentArea .singleContentWrap h5 {
    font-size: 22px;
    font-family: var(--noto);
    line-height: 40px;
    margin-bottom: 30px;
}

.singleContentArea .singleContentWrap p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 35px;
    text-align: justify;
    margin-top: -10px;
}

.singleContentArea .singleContentWrap p span {

    display: block;
    margin: 15px 0;
    color: #cda160;
}

.singleArea.singlePortfolioArea .singleContentArea .singleContentWrap p:last-child {
    margin-bottom: 0;
    text-align: justify;
    margin-top: 2px;
}

.singleArea.singlePortfolioArea .container .row {
    display: flex;
}

.searchSidebarWrapper {
    position: relative;
    margin-bottom: 60px;
}

.searchSidebarWrapper input {
    height: 50px;
    font-size: 17px;
    padding: 6px 20px 6px 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
}

.searchSidebarWrapper button {
    background: #282e3f;
    font-size: 20px;
    color: #fff;
    border: 0;
    outline: 0;
    position: absolute;
    height: 50px;
    width: 50px;
    cursor: pointer;
    left: 0;
    top: 0;
}

.cetagoryWrap {
    background: var(--elitecons-base);
    margin-bottom: 60px;
    direction: rtl;
}

.cetagoryWrap h3 {
    background: var(--elitecons-black);
    color: var(--elitecons-primary);
    padding: 20px 20px 20px;
    position: relative;
    font-size: 24px;
    margin-bottom: 0;
    text-align: right;
}

.cetagoryWrap ul {
    padding: 15px 30px 20px;
}

.cetagoryWrap ul li {
    border-bottom: 1px solid #ddd;
}

.cetagoryWrap ul li a {
    font-size: 17px;
    font-weight: 500;
    color: var(--elitecons-black);
    display: block;
    padding: 15px 0 10px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.recentPostWrapper {
    padding: 30px;
    background: #f5f5f5;
}

.recentPostWrapper h3 {
    margin-bottom: 25px;
    font-size: 24px;
}

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

.recentPostWrapper ul li {
    margin-bottom: 20px;
}

.recentPostWrapper ul li.postItem {
    overflow: hidden;
}

.recentPostWrapper ul li.postItem .postImg {
    float: right;
    margin-left: 20px;
}

.recentPostWrapper ul li.postItem .postImg img {
    max-width: 100%;
}

.singleContentArea .singleContentWrap li {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-bottom: 2rem;

}

.singleContentArea .singleContentWrap li .icon {
    position: relative;
    display: inline-block;
}

.singleContentArea .singleContentWrap li .content {
    position: relative;
    display: block;
    margin-right: 20px;
}

.singleContentArea .singleContentWrap li .content ul li::before {
    content: "-";
    margin-left: 5px;
}

.singleContentArea .singleContentWrap li .content ul li {
    color: #2b4e68;
}

.singleContentArea .singleContentWrap li .content p {
    font-size: 20px;
    color: var(--elitecons-black);
}


.singleContentArea .singleContentWrap li .content span {
    display: block;
    color: #CDA160;
    margin-bottom: 5px;
}

/* ========================================================================================== */


#ftco-content .choose,
#ftco-consult .choose {
    width: 50%;
    padding: 40px 40px;
}

#ftco-content .choose-form,
#ftco-consult .choose-form {
    background: #2b4e68;
}

#ftco-content .choose-form .ftco-heading,
#ftco-consult .choose-form .ftco-heading {
    margin-bottom: 40px;
}

#ftco-content .choose-form .ftco-heading h2,
#ftco-consult .choose-form .ftco-heading h2 {
    color: #fff;
}

#ftco-content .choose-form label,
#ftco-consult .choose-form label {
    color: #fff;
    font-weight: normal;
}

#ftco-content .choose-form .form-control,
#ftco-consult .choose-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.1);
    font-size: 20px;
    font-weight: 400;
    color: white;
}

#ftco-content .choose-form .form-control:active,
#ftco-content .choose-form .form-control:focus,
#ftco-consult .choose-form .form-control:active,
#ftco-consult .choose-form .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #2b4f68;
}

.progress-bar {
    background-color: #2b4e68 !important;
    font-size: 14px;
}

#ftco-intro {
    z-index: 0;
    /* padding-bottom: 0.5rem; */
}

.third-col {
    padding: 3rem;
    margin-top: -40px;
    z-index: 1;
    width: 50%;
    background: var(--elitecons-base);
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: justify;
    /* direction: rtl; */
}

#intro-bg {
    direction: rtl;
}

@media screen and (max-width: 768px) {
    .third-col {
        width: 100% !important;
    }
}

.third-col h2,
.third-col h3 {
    color: #fff;
    font-weight: 700;
}

.third-col.third-col-color {
    background: #2b4e68;
}

.third-col.third-col-color p a {
    color: #fff;
}

/* .third-col.third-col-color h2{
    direction: rtl;
} */

/* .third-col.third-col-color p{
    direction: rtl;
} */



.third-col .icon {
    position: absolute;
    top: 0px;
    right: -10%;
}

.third-col .icon i {
    font-size: 200px;
    color: rgba(255, 255, 255, 0.05);
}

.services {
    position: relative;
    padding: 30px;
    margin-bottom: 60px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.services p {
    text-align: justify;
    direction: rtl;
}

.services strong {
    font-weight: normal;
    color: #000;
}

.services h3 {
    font-weight: 400;
}

.services h3 a {
    color: #2b4e68;
}

.services .icon {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    display: table;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.services .icon i {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    font-size: 60px;
    line-height: 40px;
    color: #2b4e68;
}

.services:hover,
.services:focus {
    background: #2b4e68;
    color: rgba(255, 255, 255, 0.7);
}

.services:hover h3 a,
.services:focus h3 a {
    color: #fff;
}

.services:hover .icon i,
.services:focus .icon i {
    color: var(--elitecons-base);
}

.services:hover strong,
.services:focus strong {
    color: #fff;
}

.ftco-social-icons {
    margin: 0;
    padding: 0;
}

.ftco-social-icons li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    display: inline;
}

.ftco-social-icons li a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    display: inline;
    color: #2b4f68;
    padding-right: 10px;
    padding-left: 10px;
}

.ftco-social-icons li a i {
    font-size: 20px;
}

.ftco-contact-info ul {
    padding: 0;
    margin: 0;
}

.ftco-contact-info ul li {
    padding: 0 40px 0 0;
    margin: 0 0 30px 0;
    list-style: none;
    position: relative;
}

.ftco-contact-info ul li:before {
    color: #2b4f68;
    position: absolute;
    right: 0;
    top: 0.05em;
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ftco-contact-info ul li.address:before {
    font-size: 30px;
    content: "\e9d1";
}

.ftco-contact-info ul li.phone:before {
    font-size: 23px;
    content: "\e9f4";
}

.ftco-contact-info ul li.email:before {
    font-size: 23px;
    content: "\e9da";
}

.ftco-contact-info ul li.url:before {
    font-size: 23px;
    content: "\e9af";
}

.features {
    margin-bottom: 3em;
    width: 100%;
    float: right;
}

.ftco-heading {
    margin-bottom: 2em;
}

.ftco-heading.ftco-heading-sm {
    margin-bottom: 2em;
}

.ftco-heading h2 {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1;
    color: var(--elitecons-black);
    font-weight: 400;
}

.ftco-heading p {
    font-size: 18px;
    line-height: 1.5;
    color: #828282;
}

.ftco-heading span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

.ftco-heading.ftco-heading2 h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
}

.ftco-heading.ftco-heading2 p {
    font-size: 24px;
    margin-bottom: 40px;
}

#ftco-testimonial .testimony-slide {
    text-align: center;
}

#ftco-testimonial .testimony-slide span {
    font-size: 18px;
    font-weight: 300;
    display: block;
    color: #000;
}

#ftco-testimonial .testimony-slide figure {
    margin-bottom: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    /* display: inline; */
}

/* feature */
.section-2 {
    /* margin-bottom: 30px; */
    background: #2b4f68;
    color: #fff;
    font-size: 15px;
    direction: ltr;
}

.section-2 .container .row {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .section-2 {
        padding-bottom: 30px;
    }
}

.section-2 .service-1-title {
    padding-top: 30px;
    position: relative;
    padding: 20px 20px;
    /* padding-bottom: 0px; */
}

.section-2 .service-1-title h2 {
    color: white;
    text-align: right;
}

.section-2 .service-1-title p {
    text-align: justify;
    direction: rtl;
}

@media (max-width: 991.98px) {
    .section-2 .service-1-title {
        padding: 30px;
    }
}

.section-2 .service-1-title p .btn-primary {
    color: var(--elitecons-black) !important;
    background: var(--elitecons-primary) !important;
}

.section-2 .service-1-title p .btn-primary:hover {
    color: var(--elitecons-primary) !important;
    background: var(--elitecons-base) !important;
    ;
}

.section-2 .service-1-title:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 991.98px) {
    .section-2 .service-1-title:after {
        display: none;
    }
}

.section-2 .service-1 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 991.98px) {
    .section-2 .service-1 {
        margin-bottom: 30px;
    }
}

.section-2 .service-1:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 991.98px) {
    .section-2 .service-1:after {
        display: none;
    }
}

.section-2 .service-1 *:last-child {
    margin-bottom: 0;
}

.section-2 .service-1:before {
    content: "";
    position: absolute;
    background: #2b4f68;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media (max-width: 991.98px) {
    .section-2 .service-1:before {
        background: rgba(41, 52, 98, 0.7);
    }
}

.section-2 .service-1 .service-1-contents {
    padding: 20px 20px;
    position: relative;
    /* padding-bottom: 0px; */
    direction: rtl;
}

@media (max-width: 991.98px) {
    .section-2 .service-1 .service-1-contents {
        padding: 30px;
    }
}

.section-2 .service-1 .service-1-contents p,
.section-2 .service-1 .service-1-contents h2 {
    color: #fff;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    text-align: justify;
}

.section-2 .service-1 .service-1-contents h2 {
    font-size: 18px;
    text-transform: uppercase;
}

.section-2 .service-1:hover:before {
    background: rgba(41, 52, 98, 0.7);
}

.section-2 .service-1:hover h2,
.section-2 .service-1:hover p {
    color: #fff;
}

/* .section-2 .service-1 .more {
    color: #fff;
} */

.section-2 .wrap-icon {
    margin-bottom: 30px;
    display: block;
}

.section-2 .wrap-icon span {
    font-size: 4rem;
}

#ftco-testimonial .testimony-slide figure img {
    width: 140px;
    border-radius: 7px;
}

#ftco-testimonial .testimony-slide blockquote {
    border: none;
    margin: 30px auto;
    width: 70%;
    position: relative;
    padding: 0;
}

#ftco-testimonial .testimony-slide blockquote p {
    text-align: justify;
    direction: rtl;
}

@media screen and (max-width: 992px) {
    #ftco-testimonial .testimony-slide blockquote {
        width: 100%;
    }

    .logo {
        list-style: none;
        flex-direction: row-reverse;
        display: flex;
    }

    .logo img {
        width: 220px !important;
    }
}

#ftco-testimonial .arrow-thumb {
    position: absolute;
    top: 40%;
    display: block;
    width: 100%;
}

#ftco-testimonial .arrow-thumb a {
    font-size: 32px;
    color: #dadada;
}

#ftco-testimonial .arrow-thumb a:hover,
#ftco-testimonial .arrow-thumb a:focus,
#ftco-testimonial .arrow-thumb a:active {
    text-decoration: none;
}

#ftco-testimonial .owl-theme .owl-dots .owl-dot.active span,
#ftco-testimonial .owl-theme .owl-dots .owl-dot:hover span {
    background: #2b4f68;
}

#ftco-testimonial .owl-theme .owl-dots .owl-dot span {
    background: #ccc;
}

.ftco-staff {
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 10px 60px -3px rgba(0, 0, 0, 0.35);
}

.ftco-staff img {
    width: 100%;
    margin-bottom: 20px;
}

.ftco-staff h3 {
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 300 !important;
}

.ftco-staff p {
    margin-bottom: 30px;
}

.ftco-staff .role {
    color: gray;
    margin-bottom: 30px;
    font-weight: normal;
    display: block;
}

#ftco-started {
    padding: 7em 0 0 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    float: right;
    width: 100%;
}

#ftco-started .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}

#ftco-started .ftco-heading h2 {
    color: #fff;
    margin-bottom: 30px !important;
    direction: rtl;
}

#ftco-started .ftco-heading p {
    color: rgba(255, 255, 255, 0.5);
    text-align: justify;
    direction: rtl;
}

#ftco-started .btn {
    height: 54px;
    border: none !important;
    background: #2b4f68;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    padding-right: 50px;
    padding-left: 50px;
    text-align: center !important;
    padding: 18px 36px !important;
}

#ftco-started .form-inline .form-group {
    width: 100% !important;
    margin-bottom: 10px;
}

#ftco-started .form-inline .form-group .form-control {
    width: 100%;
}

.blog-entry {
    margin-bottom: 50px;
}

.blog-featured {
    display: block;
}

.blog-featured a img {
    margin-bottom: 30px;
}

.blog-featured h2 {
    line-height: 1.2;
    font-size: 20px;
}

.blog-featured h2 a {
    color: #2b4e68;
}

.blog-featured h2 a:hover {
    color: #2b4f68;
}

.blog-entry {
    width: 100%;
    float: right;
    position: relative;
    margin-bottom: 2em;
}

.blog-entry .thumb {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    float: right;
}

.blog-entry .desc {
    padding-right: 170px;
}

.blog-entry .desc h3 a {
    color: #2b4e68;
}

.blog-entry .desc h3 a:hover {
    color: #2b4f68;
}

.blog-entry .desc .meta {
    color: #999999;
    font-size: 16px;
    margin-bottom: 10px;
}

.ftco-blog {
    margin-bottom: 40px;
    width: 100%;
    float: right;
}

.ftco-blog>a {
    display: block;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ftco-blog>a img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .ftco-blog {
        width: 100%;
    }

    .logo a img {
        width: 200px !important;
    }

}

@media screen and (max-width: 767px) {

    .Attorneys li h1 {
        font-size: 10px;
        color: #1c233b;
        font-weight: 600;
        text-transform: uppercase;
    }

    .Attorneys li p {
        font-size: 10px;
        color: #a6acb7;
        line-height: 15px;
        padding-bottom: 0px;
        text-align: justify;
        direction: rtl;
    }

    .Attorney li img {
        width: 100px;
    }

    .divTableCell img {
        width: 100px;
    }

    #ftco-counter .row {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .singleArea.singlePortfolioArea .container .row {
        flex-wrap: wrap;
    }

    .contact-content {
        display: flex;
        flex-direction: column;
    }
}

.ftco-blog .blog-text {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    padding: 30px;
    float: right;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.ftco-blog .blog-text span {
    display: inline-block;
    margin-bottom: 20px;
}

.ftco-blog .blog-text span.comment {
    float: left;
}

.ftco-blog .blog-text span.comment a {
    color: rgba(0, 0, 0, 0.3);
}

.ftco-blog .blog-text span.comment a i {
    color: #2b4f68;
    padding-right: 7px;
}

.ftco-blog .blog-text .meta {
    color: #b3b3b3;
    font-size: 16px;
    margin-bottom: 10px;
}

.ftco-blog .blog-text h3 {
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.ftco-blog .blog-text h3 a {
    color: black;
}

#ftco-footer {
    background: #0b162a;
    color: var(--elitecons-primary);
    padding: 7rem 0 4rem 0;
    padding-bottom: 0px;
}

#ftco-footer .contact_information h4 {
    text-align: right;
}

#ftco-footer .hours h4 {
    text-align: right;
}

#ftco-footer .ftco-footer-links {
    padding: 0;
    margin: 0;
    direction: rtl;
    text-align: left;
}

#ftco-footer .row .hours {
    position: static;
}

#ftco-footer .container .row .links {
    position: static;
}

#ftco-footer .row .contact_information {
    position: static;
}

#ftco-footer .container .row .links .ftco-footer-links li {
    text-align: center;
}

#ftco-footer .container .row .links .ftco-footer-links li {
    padding-bottom: 0px;
}

#ftco-footer .container .row-pb-md {
    padding-bottom: 1.5em !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;

}

@media screen and (max-width: 768px) {
    #ftco-footer .ftco-footer-links {
        margin-bottom: 30px;
    }
}

#ftco-footer .ftco-footer-links li {
    padding: 0;
    margin: 0;
    list-style: none;
    /* direction: rtl; */
    text-align: justify;
    padding-bottom: 15px;
}

#ftco-footer .ftco-footer-links .mobile {
    direction: rtl;
    text-align: start;
}

#ftco-footer .ftco-footer-links li a {
    color: var(--elitecons-primary);
    text-decoration: none;
    /* direction: ltr; */
    margin-bottom: 0px;
}

.ftco-nav ul .lang-btn .lang-text {
    font-size: 17px !important;
}

#ftco-footer .ftco-footer-links li a:hover {
    /* text-decoration: underline; */
    text-decoration: none;
    color: var(--elitecons-base);
    /* direction: ltr; */
}

/* #ftco-footer .ftco-footer-links li a */
#ftco-footer .ftco-footer-links li .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--elitecons-base);
    margin-right: 0px;
    padding-right: 5px !important;
    /* padding-left: 5px !important; */
    display: inline-block;
    transform: rotate(180deg);
    transform-origin: center center;
}


#ftco-footer .ftco-footer-links li .btn.btn-link:hover {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--elitecons-base);
    margin-right: 0px;
    padding-right: 5px !important;
    /* padding-left: 5px !important; */
    /* display: inline-block; */
    /* transform: rotate(180deg);
    transform-origin: center center; */

}

#ftco-footer .ftco-footer-links li .btn {
    padding-right: 0px !important;
}



.fa-phone,
.fa-envelope,
.fa-map-marker-alt {
    padding-left: 3rem !important;
    color: var(--elitecons-base);
}



#ftco-footer h4 {
    color: var(--elitecons-base);
    font-size: 25px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding-bottom: 15px;
    text-align: right;
}

#ftco-footer .ftco-widget {
    margin-bottom: 30px;
    text-align: right;
}

#ftco-footer .ftco-widget p {
    text-align: justify;
    direction: rtl;
}

@media screen and (max-width: 768px) {
    #ftco-footer .ftco-widget {
        text-align: right;
    }
}

#ftco-footer .copyright .block {
    display: block;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, 0.1);
}

.socialmediaicons .btn {
    background-color: var(--elitecons-base);
    padding: 8px;
    font-size: 17px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}

.socialmediaicons .btn:hover {
    background-color: var(--elitecons-primary);
    padding: 8px;
    font-size: 17px !important;
    padding-top: 6px;
    padding-bottom: 6px;

}


.ftco-nav ul .socialmediaicons {
    display: none;
}

/* -------------------------------------------------------------
    copyright section
--------------------------------------------------------------*/

.copy-right .container-copyright p a {
    color: var(--elitecons-white);
    /* text-shadow: 0 0 5px #ffffff, 0 0 5px #000000; */
}

.copy-right .container-copyright p a:hover {
    color: var(--elitecons-black);
}

.copy-right .container-copyright p {
    color: var(--elitecons-black);
    /* padding-bottom: 0rem !important; */

    font-size: 17px;
    font-weight: 500;
}

.site-footer__bottom {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
}

.site-footer__bottom-text {
    margin-bottom: 0px;
}

#ftco-footer .company_copyright {
    margin-bottom: 0px !important;
    font-size: 14px;
    /* font-weight: 500; */
}



/* ==========================================================
    New Footer
==============================================================*

/* ============== 3. footer css  ============= */
.footer {
    background-color: #eeebeb;
    /* padding: 200px 120px 40px; */
    padding: 40px 120px 40px;
    direction: rtl;
}

.footer .container-fluid .row {
    display: flex;
    flex-direction: row;
}

.footer_logo_wrap a img {
    width: 300px;
    margin-bottom: 20px;
}

.footer_logo_wrap p {
    font-weight: 300;
    line-height: 30px;
    color: #0F274A;
    text-align: justify;
}

.footer_links_wrap {
    width: 65%;
    margin-right: auto;
}

.footer_links_wrap ul {
    padding-right: 0px;
}

.footer_links_wrap ul li a {
    color: #0F274A;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    transition: all 0.6s;
}

.footer_links_wrap ul li a:hover {
    color: #CDA054;
}

.copyright_footer {
    padding: 25px 0px;
    background-color: #0F274A;
    position: relative;
    direction: rtl;
}

.copyright_footer p {
    color: #FFF;
    font-weight: 300;
    margin-bottom: 0px;
    direction: rtl;
    text-align: center;
}

.copyright_footer p a {
    color: #CDA054;
}

.copyright_footer ul li a {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding: 0px 10px;
}

.copyright_footer ul li a:hover {
    color: var(--elitecons-black);
}

.scrollup {
    position: absolute;
    right: 80px;
    bottom: 50px;
    width: 240px;
    height: 68px;
    /* background-image: url(../img/up-arrow-vector.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    text-align: center;
}

.scrollup img {
    width: 24px;
    transform: rotate(180deg);
    margin-top: 15px;
    transition: all 0.6s;
}

.scrollup:hover img {
    margin-top: 0px;
}

.copyright_footer .justify-content-end {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
}

.copyright_footer .justify-content-end .nav-item {
    color: #fff;
}

.footer_links_wrap ul li a {
    padding-left: 0px;
    font-weight: 400;
}

.nav {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.copyright_footer ul li a {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding: 0px 10px;
}

.footer .ftco-footer-links {
    padding: 0px;
}

.footer .ftco-footer-links li {
    color: var(--elitecons-black);
}

.contact_information h4 {
    font-size: 24px;
}

/* ============================================================= */

#map {
    width: 100%;
    height: 500px;
    position: relative;
}

@media screen and (max-width: 768px) {
    #map {
        height: 200px;
    }

    .ftco-nav {
        justify-content: flex-end;
    }

    .serviceArea .row {
        flex-direction: column;
    }

    .socialmediaicons .btn {
        font-size: 17px !important;
    }
}

#ftco-offcanvas {
    position: absolute;
    z-index: 1901;
    width: 270px;
    background: var(--elitecons-black);
    top: 0;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 75px 40px 40px 40px;
    overflow-y: auto;
    display: none;
    -moz-transform: translateX(-270px);
    -webkit-transform: translateX(-270px);
    -ms-transform: translateX(-270px);
    -o-transform: translateX(-270px);
    transform: translateX(-270px);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 992px) {
    #ftco-offcanvas {
        display: block;
    }

}

.offcanvas #ftco-offcanvas {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    direction: rtl;
}

#ftco-offcanvas a {
    /* color: rgba(255, 255, 255, 0.5); */
    color: var(--elitecons-white);
}

#ftco-offcanvas a:hover {
    /* color: rgba(255, 255, 255, 0.8); */
    color: var(--elitecons-base);
}

#ftco-offcanvas ul {
    padding: 0;
    margin: 0;
}

#ftco-offcanvas ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 18px;
}

#ftco-offcanvas ul li>ul {
    padding-right: 20px;
    display: none;
}

#ftco-footer .container .row .links .ftco-footer-links li {
    text-align: right;
}

#ftco-offcanvas ul li.offcanvas-has-dropdown>a {
    display: block;
    position: relative;
}

#ftco-offcanvas ul li.offcanvas-has-dropdown>a:after {
    position: absolute;
    left: 0px;
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e921";
    font-size: 20px;
    color: rgba(255, 255, 255, 0.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#ftco-offcanvas ul li.offcanvas-has-dropdown.active a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.uppercase {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

#ftco-offcanvas ul li i span {
    font-size: 20px !important;
    font-weight: 500;
}


.gototop {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.gototop.active {
    opacity: 1;
    visibility: visible;
}

.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    /* background: rgba(0, 0, 0, 0.5); */
    background: rgb(45 79 105);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

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

.ftco-nav-toggle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
    top: 40px !important;
}

.ftco-nav-toggle.active i::before,
.ftco-nav-toggle.active i::after {
    background: #444;
}

.ftco-nav-toggle:hover,
.ftco-nav-toggle:focus,
.ftco-nav-toggle:active {
    outline: none;
    border-bottom: none !important;
}

.ftco-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/0.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ftco-nav-toggle i::before,
.ftco-nav-toggle i::after {
    content: "";
    width: 25px;
    height: 2px;
    background: #252525;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ftco-nav-toggle.ftco-nav-white>i {
    color: var(--elitecons-black);
    background: var(--elitecons-black);
}

.ftco-nav-toggle.ftco-nav-white>i::before,
.ftco-nav-toggle.ftco-nav-white>i::after {
    background: var(--elitecons-black);
}

.ftco-nav-toggle i::before {
    top: -7px;
}

.ftco-nav-toggle i::after {
    bottom: -7px;
}

.ftco-nav-toggle:hover i::before {
    top: -10px;
}

.ftco-nav-toggle:hover i::after {
    bottom: -10px;
}

.ftco-nav-toggle.active i {
    background: transparent;
}

.ftco-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    background: #fff;
}

.ftco-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    background: #fff;
}

.ftco-nav-toggle {
    position: fixed;
    left: 17px;
    top: 65px;
    z-index: 21;
    padding: 6px 0 0 0;
    display: block;
    margin: 0 auto;
    display: none;
    height: 44px;
    width: 44px;
    z-index: 2001;
    border-bottom: none !important;
}

.ftco-nav .top-menu .fa-solid {
    color: var(--elitecons-base);
    font-size: 20px;

}

.ftco-nav .top-menu .fa-solid span {
    font-size: 20px;
    font-weight: 400;
    color: var(--elitecons-black);
}

@media screen and (max-width: 992px) {
    .ftco-nav-toggle {
        display: block;
    }

    #ftco-offcanvas ul li {
        padding-bottom: 3rem;
    }
}

/* @media screen and (max-width: 900px) and (min-width: 600px)
@media screen and (min-device-width: 481px) and (max-device-width: 768px)
 */
@media screen and (min-device-width: 992px) and (max-device-width: 1023px) {
    .ftco-nav ul li>a {
        font-size: 20px;
        letter-spacing: 0.1em;
        padding: 30px 0px !important;
        color: rgba(0, 0, 0, 0.7);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .socialmediaicons .btn {
        font-size: 17px !important;
    }

    /* .ftco-nav .top-menu .container .row .col-md-2 .main-menu-four__right {
        display: none;
    } */

    .logo a img {
        width: 200px !important;
    }

    .ftco-nav ul li>a {
        font-size: 18px;
    }

    .ftco-nav ul li {
        padding-right: 2rem;
    }

    .main-menu-four__btn-box {
        padding: 15px 0;
    }

    .home_banner_slide {
        width: 125vh;
        padding: 200px 120px 220px;
    }

    .footer {
        padding: 40px 20px 40px;
    }

    .copyright_footer .justify-content-end {
        justify-content: center;
    }

    .copyright_footer p {
        text-align: center;
    }

    .copyright_footer .container .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    .different_statement_section {
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .different_statement_section .container-fluid .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        /* flex-wrap: wrap; */
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .different_statement_content .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .our_aim_section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_mission_wrapper {
        padding: 60px 30px;
    }


    .our_partners_card_img {
        width: 100%;
        height: 187px;
    }

    .our_partners_body .row .col-md-6 {
        flex: 0 0 auto;
        width: 25%;
    }

    .our_partners_card_img {
        width: 100%;
        height: 180px;
    }

    .our_partners_body .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .pages_banner_wrapper{
        padding: 0px 40px;
    }

    .contactus_form_section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_practice_list_section{
        margin-left: 30px;
        margin-right: 30px;
    }

    .our_mission_wrapper h2{
         padding-top: 20px;

    }

    .our_practices_detail_banner{
        padding: 130px 20px 30px;
    }

    .our_practices_detail_section{
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media screen and (min-device-width: 769px) and (max-device-width: 991px) {
    .ftco-nav {
        justify-content: flex-end;
    }

    .counter_wrapper .row {
        display: block;

    }

    .counter-box h3 {
        margin: 0px;
    }

    .counter-box {
        padding-bottom: 3rem;
    }

    .counter_section .four::after {
        rotate: 90deg;
        right: 50%;
        top: 68%;
    }

    .our_partners_body::after {
        display: none;
    }
}

@media screen and (min-device-width: 1155px) and (max-device-width: 1199px) {
    .ftco-nav ul li>a {
        font-size: 18px;
        letter-spacing: 0.1em;
        padding: 30px 0px !important;
        color: rgba(0, 0, 0, 0.7);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .logo a img {
        width: 200px !important;
    }

    .ftco-nav a {
        padding: 5px 14px;
    }

    .ftco-nav .top-menu .fa-solid span {
        font-size: 18px;
    }

    .ftco-nav ul li {
        padding-right: 2rem;
    }

    .main-menu-four__btn-box {
        padding: 15px 0;
    }

    .different_statement_section {
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .different_statement_section .container-fluid .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        /* flex-wrap: wrap; */
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .different_statement_content .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .our_aim_section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_mission_wrapper {
        padding: 60px 30px;
    }

    .our_partners_body .row .col-md-6 {
        width: 25%;
    }

    .our_partners_card_img {
        height: 270px;
    }


    .our_practice_list_section{
        margin-left: 30px;
        margin-right: 30px;
    }


    .our_aim_img_box{
        height: 50%;
    }


}

@media screen and (min-width: 1155px) and (max-width: 1199px) {
    .our_partners .container-fluid .row .col-md-12 .our_partners_body .row .col-md-6 {
        flex: 0 0 auto !important;
        width: 25% !important;
    }

    .our_practice_list_section{
    margin-left: 30px;
    margin-right: 30px;
    }

    .our_practices_detail_banner{
        padding: 145px 30px 30px;
    }

    .our_practices_detail_section{
        padding-left: 15px;
        padding-right: 15px;
    }

}

.btn {
    margin-left: 4px;
    margin-bottom: 4px;
    font-family: var(--noto);
    font-size: 16px;
    font-weight: 400;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 8px 20px;
}

.btn.btn-md {
    padding: 8px 20px !important;
}

.btn.btn-lg {
    /* padding: 18px 36px !important; */
    padding: 14px 30px !important;
}

.btn:hover,
.btn:active,
.btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.btn-primary {
    /* background: #2b4f68;
    color: #fff;
    border: 2px solid #2b4f68; */
    background: #ffffff;
    color: #2b4f68;
    border: 2px solid #2b4f68;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--elitecons-black) !important;
    border-color: var(--elitecons-black) !important;
}

.btn-primary.btn-outline {
    background: transparent;
    color: #2b4f68;
    border: 2px solid #2b4f68;
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:active {
    background: #2b4f68;
    color: #fff;
}

.btn-success {
    background: #5cb85c;
    color: #fff;
    border: 2px solid #5cb85c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #4cae4c !important;
    border-color: #4cae4c !important;
}

.btn-success.btn-outline {
    background: transparent;
    color: #5cb85c;
    border: 2px solid #5cb85c;
}

.btn-success.btn-outline:hover,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:active {
    background: #5cb85c;
    color: #fff;
}

.btn-info {
    background: #5bc0de;
    color: #fff;
    border: 2px solid #5bc0de;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background: #46b8da !important;
    border-color: #46b8da !important;
}

.btn-info.btn-outline {
    background: transparent;
    color: #5bc0de;
    border: 2px solid #5bc0de;
}

.btn-info.btn-outline:hover,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:active {
    background: #5bc0de;
    color: #fff;
}

.btn-warning {
    background: #f0ad4e;
    color: #fff;
    border: 2px solid #f0ad4e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: #eea236 !important;
    border-color: #eea236 !important;
}

.btn-warning.btn-outline {
    background: transparent;
    color: #f0ad4e;
    border: 2px solid #f0ad4e;
}

.btn-warning.btn-outline:hover,
.btn-warning.btn-outline:focus,
.btn-warning.btn-outline:active {
    background: #f0ad4e;
    color: #fff;
}

.btn-danger {
    background: #d9534f;
    color: #fff;
    border: 2px solid #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: #d43f3a !important;
    border-color: #d43f3a !important;
}

.btn-danger.btn-outline {
    background: transparent;
    color: #d9534f;
    border: 2px solid #d9534f;
}

.btn-danger.btn-outline:hover,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:active {
    background: #d9534f;
    color: #fff;
}

.btn-outline {
    background: none;
    border: 2px solid gray;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.with-arrow {
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn.with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.btn.with-arrow:hover {
    padding-left: 50px;
}

.btn.with-arrow:hover i {
    color: #fff;
    left: 18px;
    visibility: visible;
    opacity: 1;
}

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 54px;
    font-size: 18px;
    font-weight: 300;
    text-align: right;
}

#service_id {
    text-align: right;
    padding-right: 10px;
}

.form-control:active,
.form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #2b4f68;
}

.row-pb-md {
    padding-bottom: 4em !important;
}

.row-pb-sm {
    padding-bottom: 2em !important;
}

.ftco-loader {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Hammer_Icon.gif) center no-repeat #fff;
}

.ftco-loader img {
    vertical-align: middle;
    width: 300px;
    position: absolute;
    top: 60%;
    right: 50%;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

/* ===================================================================
    what's app icon
======================================================================*/
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 99;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.btn-whatsapp-pulse-border {
    bottom: 120px;
    right: 20px;
    animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }

    75% {
        padding: 50px;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

:is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa):before {
    content: var(--fa)/"";
}

/* ==================================================================== */

/* .ftco-loader img{
    position: relative;
    align-items: center;
    display: flex;
    margin: auto;
    width: 50%;
    top: 26rem;
    vertical-align: middle;
    -webkit-justify-content: center;
} */

.js .animate-box {
    opacity: 0;
}

.site-section {
    padding: 3em 0;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    display: block;
}

.gallery-item img {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.gallery-item:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.pagination {
    text-align: center;
}

.pagination a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.pagination a:hover {
    -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.1);
    border-color: #ccc;
}

.pagination .caption {
    width: auto !important;
    padding-right: 10px;
    padding-left: 10px;
}

.sidebar-box {
    margin-bottom: 30px;
    padding: 25px;
    font-size: 15px;
    width: 100%;
    float: right;
    background: #fff;
}

.sidebar-box *:last-child {
    margin-bottom: 0;
}

.sidebar-box h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.categories li,
.sidelink li {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted gray("300");
    list-style: none;
}

.categories li:last-child,
.sidelink li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.categories li a,
.sidelink li a {
    display: block;
}

.categories li a span,
.sidelink li a span {
    position: absolute;
    left: 0;
    top: 0;
    color: #ccc;
}

.categories li.active a,
.sidelink li.active a {
    color: #000;
    font-style: italic;
}

.comment-form-wrap {
    clear: both;
}

.comment-list {
    padding: 0;
    margin: 0;
}

.comment-list .children {
    padding: 50px 40px 0 0;
    margin: 0;
    float: right;
    width: 100%;
}

.comment-list li {
    padding: 0;
    margin: 0 0 30px 0;
    float: right;
    width: 100%;
    clear: both;
    list-style: none;
}

.comment-list li .vcard {
    width: 80px;
    float: right;
}

.comment-list li .vcard img {
    width: 50px;
    border-radius: 50%;
}

.comment-list li .comment-body {
    float: left;
    width: calc(100% - 80px);
}

.comment-list li .comment-body h3 {
    font-size: 20px;
    color: #000;
}

.comment-list li .comment-body .meta {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #ccc;
}

.comment-list li .comment-body .reply {
    padding: 5px 10px;
    background: #e6e6e6;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

.comment-list li .comment-body .reply:hover {
    color: #000;
    background: #e3e3e3;
}

.search-form {
    background: #f7f7f7;
    padding: 10px;
}

.search-form .form-group {
    position: relative;
}

.search-form .form-group input {
    padding-left: 50px;
}

.search-form .icon {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-meta {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.post-meta a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .home_banner_slide {
        width: 38vh;
        padding: 200px 35px 220px;
    }

    .banner_btn {
        width: 75%;
    }

    .home_banner_slide h2 {
        font-size: 20px !important;
    }

    .home_banner_slide p {
        color: #ffffff;
        font-size: 16px;
        line-height: 1.8;
        margin: 20px 0 30px 0;
        font-weight: 400;
        text-align: justify;
        max-width: 300px;
    }

    .our_partners_body::after {
        display: none;
    }

    .our_partners_card h5,
    .our_partners_card h5 a,
    .our_partners_card p {
        color: #0F274A;
    }

    .our_partners_card {
        width: 100%;
    }

    .footer {
        padding: 40px 20px 40px;
    }

    .footer .container-fluid .row {
        flex-direction: column;
    }

    .copyright_footer {
        padding: 25px;
    }

    .copyright_footer .justify-content-end .nav-item {
        font-size: 14px;
    }

    .copyright_footer .justify-content-end {
        justify-content: center;
    }

    .footer_links_wrap {
        margin-right: 0px;
    }

    .copyright_footer p {
        font-size: 13px;
    }

    .copyright_footer .justify-content-end .nav-item {
        font-size: 10px;
    }

    .copyright_footer ul li a {
        font-size: 10px;
    }

    .newsletter_wrapper {
        padding: 60px 10px;
    }


    .footer_logo_wrap a img {
        width: 240px;
    }

    .our_partners_head .common_btn_group .btn {
        padding: 8px 0px;
    }

    .our_partners_card_img {
        height: 340px;
    }

    .contactus_form_wrapper{
        padding: 10px;
    }

    .socialMedia h5{
        font-size: 15px;
    }

    .pages_banner_wrapper{
        padding: 0px;
    }

    .contactus_form_section{
        padding-left: 0px;
        padding-right: 0px;
    }

    .socialMedia{
        display: block;
    }

    .address_tab_wrapper .nav-tabs .nav-link{
        font-size: 12px;
    }

    .pages_banner_wrapper p{
        font-size: 13px;
    }

    .aboutus_pages_banner_wrapper h2{
        font-size: 14px;
    }

    .our_practice_list_section{
        margin-left: 10px;
        margin-right: 10px;
    }

    .card .card-body .common_btn{
        font-size: 13px;
    }

    .our_practice_list_wrapper .card .card-body .common_btn{
        width: 45%;
    }

     .our_aim_section{
        padding-left: 0px;
        padding-right: 0px;
    }
    .our_mission_wrapper{
        padding: 15px 15px;
    }
    .our_mission_wrapper .row .col-md-6{
        flex-shrink: 0;
        width: 100%;
        /* height: 100%; */
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

    .our_mission_wrapper .col-lg-7{
        padding-left: 10px !important;
    }

    .our_mission_wrapper .common_btn{
        padding: 5px 5px;
    }

    .our_mission_wrapper h2{
        font-size: 20px;
       line-height: 40px;
    }

    .our_aim_inner_box h2 span{
        font-size: 30px;
        line-height: 20px;
    }

    .our_aim_img_box{
        margin-bottom: 100px;
        height: 85%;

    }

    .our_aim_inner_box h6{
        line-height: 10px;
    }

    .our_aim_section .nav-tabs .nav-link{
        padding: 10px 20px;
    }

    .different_statement_section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .different_statement_img img{
        width: 30vh;
    }

    .our_mission_wrapper h2{
        padding-top: 5px;
    }

    .our_mission_wrapper h2{
        padding-top: 0px;
    }

    .our_practices_detail_section{
        padding-left: 10px;
        padding-right: 10px;
    }

    .our_practices_detail_banner{
        padding: 125px 10px 26px;
    }

    .our_practices_detail_section .container-fluid .row{
        display: flex;
        flex-direction: column;
    }

    .our_practices_detail_section .container-fluid .paginated{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    .details_content_wrapper h2{
        font-size: 22px;
    }

    .details_content_wrapper{
       padding-bottom: 4rem;
    }

    .copyright_footer .container .row{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}

@media screen and (min-width: 375px) and (max-width: 424px) {
    .home_banner_slide {
        width: 50vh;
        padding: 200px 75px 220px;
    }

    .home_banner_slide h2 {
        font-size: 22px !important;
    }

    .home_banner_slide p {
        color: #ffffff;
        font-size: 16px;
        line-height: 1.8;
        margin: 20px 0 30px 0;
        font-weight: 400;
        text-align: justify;
        max-width: 300px;
    }

    .our_partners_body::after {
        display: none;
    }

    .our_partners_card h5,
    .our_partners_card h5 a,
    .our_partners_card p {
        color: #0F274A;
    }

    .our_partners_card {
        width: 90%;
    }

    .footer {
        padding: 40px 20px 40px;
    }

    .footer .container-fluid .row {
        flex-direction: column;
    }

    .copyright_footer {
        padding: 25px 0px;
    }

    .copyright_footer .justify-content-end .nav-item {
        font-size: 14px;
    }

    .copyright_footer .justify-content-end {
        justify-content: center;
    }

    .footer_links_wrap {
        margin-right: 0px;
    }

    .newsletter_wrapper {
        padding: 60px 10px;
    }


    .banner_btn {
        width: 70%;
    }

    .our_partners_card_img {
        height: 350px;
    }

    .contactus_form_wrapper{
        padding: 10px;
    }

    .socialMedia h5{
        font-size: 15px;
    }


    .pages_banner_wrapper{
        padding: 0px;
    }

    .contactus_form_section{
        padding-left: 0px;
        padding-right: 0px;
    }

    .socialMedia{
        display: block;
    }

    .address_tab_wrapper .nav-tabs .nav-link{
        font-size: 15px;
    }

    .pages_banner_wrapper p{
        font-size: 13px;
    }

    .aboutus_pages_banner_wrapper h2{
        font-size: 14px;
    }

    .our_practice_list_section{
        margin-left: 10px;
        margin-right: 10px;
    }

    .card .card-body .common_btn{
        font-size: 13px;
    }

    .our_practice_list_wrapper .card .card-body .common_btn{
        width: 45%;
    }

     .our_aim_section{
        padding-left: 0px;
        padding-right: 0px;
    }
    .our_mission_wrapper{
        padding: 15px 15px;
    }
    .our_mission_wrapper .row .col-md-6{
        flex-shrink: 0;
        width: 100%;
        /* height: 100%; */
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

    .our_mission_wrapper .col-lg-7{
        padding-left: 10px !important;
    }

    .our_mission_wrapper .common_btn{
        padding: 5px 10px;
    }

    .our_mission_wrapper h2{
        font-size: 34px;
    }

    .our_aim_inner_box h2 span{
        font-size: 34px;
        line-height: 60px;
    }

    .our_aim_img_box{
        margin-bottom: 100px;
        height: 80%;

    }

    .different_statement_section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .different_statement_img img{
        width: 35vh;
    }

    .our_practices_detail_section{
        padding-left: 10px;
        padding-right: 10px;
    }

    .our_practices_detail_banner{
        padding: 125px 10px 26px;
    }

    .our_practices_detail_section .container-fluid .row{
        display: flex;
        flex-direction: column;
    }

    .our_practices_detail_section .container-fluid .paginated{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    .details_content_wrapper h2{
        font-size: 27px;
    }

    .details_content_wrapper{
       padding-bottom: 4rem;
    }

    .copyright_footer .container .row{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}

@media screen and (min-width: 425px) and (max-width: 767px) {
    /* .home_banner_slide{
     width: 90vh;
    padding: 200px 0px 220px;
} */


    .home_banner_slide h2 {
        font-size: 20px;
    }


    .home_banner_slide p {
        color: #ffffff;
        font-size: 16px;
        line-height: 1.8;
        margin: 20px 0 30px 0;
        font-weight: 400;
        text-align: justify;
        /* max-width: 300px; */
    }

    .our_partners_body::after {
        display: none;
    }

    .our_partners_card h5,
    .our_partners_card h5 a,
    .our_partners_card p {
        color: #0F274A;
    }

    .our_partners_card {
        width: 84%;
    }

    .footer {
        padding: 40px 20px 40px;
    }

    .footer .container-fluid .row {
        flex-direction: column;
    }

    .copyright_footer {
        padding: 25px 0px;
    }

    .footer_links_wrap {
        margin-right: 0px;
    }

    .copyright_footer .justify-content-end {
        justify-content: center;
    }

    .copyright_footer p {
        text-align: center;
    }

    .newsletter_wrapper {
        padding: 60px 10px;
    }


    .home_banner_slide {
        /* width: 100vh; */
        padding: 120px 20px 120px;
    }

    .slide_btn_group {
        align-items: end;
    }

    .banner_btn {
        width: 50%;
    }

    .our_partners_card_img {
        height: 382px;
    }

    .contactus_form_wrapper{
        padding: 10px;
    }

    .socialMedia h5{
        font-size: 15px;
    }

    .address_tab_wrapper .nav-tabs .nav-link{
        font-size: 15px;
    }

        .socialMedia h5{
        font-size: 15px;
    }


    .pages_banner_wrapper{
        padding: 0px;
    }

    .contactus_form_section{
        padding-left: 0px;
        padding-right: 0px;
    }

    .socialMedia{
        display: block;
    }

    .address_tab_wrapper .nav-tabs .nav-link{
        font-size: 15px;
    }

    .pages_banner_wrapper p{
        font-size: 13px;
    }

    .aboutus_pages_banner_wrapper h2{
        font-size: 14px;
    }

    .pages_banner_wrapper{
        padding: 0px 40px;
    }

    .our_practice_list_section{
        margin-left: 10px;
        margin-right: 10px;
    }

    .card .card-body .common_btn{
        font-size: 13px;
    }

    .our_practice_list_wrapper .card .card-body .common_btn{
        width: 45%;
    }

    .our_aim_section{
        padding-left: 0px;
        padding-right: 0px;
    }
    .our_mission_wrapper{
        padding: 15px 15px;
    }
    .our_mission_wrapper .row .col-md-6{
        flex-shrink: 0;
        width: 100%;
        /* height: 100%; */
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

    .our_mission_wrapper .col-lg-7{
        padding-left: 10px !important;
    }

    .our_mission_wrapper .common_btn{
        padding: 12px 10px;
    }

    .our_mission_wrapper h2{
        font-size: 34px;
    }

    .our_aim_inner_box h2 span{
        font-size: 34px;
        line-height: 60px;
    }

    .our_aim_img_box{
        margin-bottom: 100px;
    }

    .our_mission_wrapper h2{
        line-height: 30px;
    }

    .different_statement_section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .different_statement_img img{
        width: 40vh;
    }

    .our_practices_detail_section{
        padding-left: 10px;
        padding-right: 10px;
    }

    .our_practices_detail_banner{
        padding: 125px 10px 26px;
    }

    .our_practices_detail_section .container-fluid .row{
        display: flex;
        flex-direction: column;
    }
    .our_practices_detail_section .container-fluid .paginated{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .details_content_wrapper h2{
        font-size: 31px;
    }

    .details_content_wrapper{
       padding-bottom: 4rem;
    }

    .copyright_footer .container .row{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}



@media (min-width: 497px) and (max-width: 575px) {
    .our_partners_card_img {
        height: 451px;
    }
}

@media (min-width: 576px) and (max-width:700px) {

    .our_partners_body .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .our_partners_body .row .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
        flex-shrink: 0;
        flex-wrap: wrap;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
        /* float: right; */
    }

    .our_partners_card_img {
        height: 270px;
    }
}


@media (min-width: 700px) and (max-width: 767px) {

    .our_partners_body .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .our_partners_body .row .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
        flex-shrink: 0;
        flex-wrap: wrap;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }


    .our_partners_card_img {
        height: 311px;
    }
}



@media (min-width: 768px) and (max-width: 800px) {

    .our_partners_card_img {
        width: 90%;
        height: 294px;
    }

}



@media (min-width: 800px) and (max-width: 900px) {

    .our_partners_card_img {
        width: 90%;
        height: 294px;
    }

    .our_partners_body .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

}


@media (min-width: 900px) and (max-width: 991px) {
    .our_partners_card_img {
        width: 92%;
        height: 340px;
    }
}


/* @media only screen and (min-width: 768px till 991px) and */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .ftco-nav .top-menu .container .row .col-md-2 .main-menu-four__right {
        display: none;
    }

    .home_banner_slide {
        /* width: 150vh; */
        padding: 160px 20px 160px;
    }

    .our_partners_body::after {
        display: none;
    }

    .our_partners_card h5,
    .our_partners_card h5 a,
    .our_partners_card p {
        color: #0F274A;
    }

    /* .our_partners_card_img {
        width: 73%;
        height: 260px;
    } */

    .newsletter_wrapper {
        padding: 60px 60px;
    }

    .newsletter_box .container-fluid .row {
        display: flex;
        flex-direction: column;
    }

    .footer {
        padding: 40px 20px 40px;
    }

    .home_banner_slide .col-lg-6 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .slide_btn_group {
        margin: 40px 0 25px;
    }

    .copyright_footer .justify-content-end {
        justify-content: center;
    }

    .counter_section .four::after {
        rotate: 90deg;
        right: 50%;
        top: 40%;
    }

    .pages_banner_wrapper{
        padding: 0px 40px;
    }

    .contactus_form_section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_practice_list_section{
        margin-left: 30px;
        margin-right: 30px;
    }

    .our_mission_wrapper{
        padding: 30px 20px;
    }

    .our_aim_section{
        padding-left: 10px;
        padding-right: 10px;
    }

    .our_mission_wrapper .row .col-md-6{
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

    .our_aim_img_box{
        margin-bottom: 100px;
    }

    .different_statement_section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_practices_detail_banner{
        padding: 130px 20px 30px;
    }

    .our_practices_detail_section{
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* @media only screen and (min-width: 1024px) and */
@media screen and (min-width: 1024px) and (max-width: 1154px) {
    .ftco-nav ul li>a {
        font-size: 15px;
        letter-spacing: 0.1em;
        padding: 30px 3px;
        color: rgba(0, 0, 0, 0.7);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .logo img {
        width: 240px !important;
    }

    .ftco-nav ul li {
        padding-right: 1rem;
    }

    .home_banner_slide {
        /* padding: 266px 120px 220px; */
        padding: 143px 20px 220px;
    }


    .our_partners_card {
        width: 79%;
        margin-top: 40px;
    }

    .our_partners_card_img {
        height: 204px;
    }

    .our_partners_body .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }


    .our_partners_body .row .col-sm-6 {
        flex: 0 0 auto;
        width: 25%;
    }


    .footer {
        padding: 40px 20px 40px;
    }

    .copyright_footer .justify-content-end {
        justify-content: center;
    }

    .copyright_footer .container .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }


    .different_statement_section {
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .different_statement_section .container-fluid .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        /* flex-wrap: wrap; */
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .different_statement_content .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }


    .our_aim_section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_mission_wrapper {
        padding: 25px 10px;
    }


    .our_partners_body .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }

    .logo {
        margin: 0px 0em;
    }

    .pages_banner_wrapper{
        padding: 0px 40px;
    }

    .contactus_form_section{
        padding-left: 20px;
        padding-right: 20px;
    }

    .our_practice_list_section{
        margin-right: 30px;
        margin-left: 30px;
    }

    .our_aim_img_box{
        height: 50%;
    }

    .our_practices_detail_banner{
        padding: 145px 30px 30px;
    }

    .our_practices_detail_section{
        padding-left: 15px;
        padding-right: 15px;
    }

}


.positions {
    display: flex;
    margin: auto;
    margin-top: 60px;

    width: 90%;
    justify-content: space-between;
}

.positions div {

    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-end;
    text-align: right;
}

.positions p {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    color: #272B3E;
    font-size: 22px;

}

.positions p img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 6px;
    border: 1px solid #cda160;
}

@media (max-width:1200px) {
    .positions {
        width: 100%;
    }
}

@media (max-width:991px) {
    .positions {
        flex-direction: column;

    }

    .positions p {
        font-size: 19px;

    }
}


@media screen and (min-width: 1486px) {
    .home_banner_slide {
        padding: 356px 120px 280px;
    }
}

@media screen and (min-width: 1560px) {
    .our_partners_card_img {
        height: 300px;
        width: 82%;
    }
}


@media screen and (min-device-width: 2050px) {
    .our_partners_card_img {
        height: 384px;
        width: 80%;
    }
}

@media screen and (min-device-width: 2600px) {

.our_partners_card{
    width: 78%;
}
.our_partners_card_img{
    height: 460px;
    width: 80%;
}

}