/*
 Theme Name:   Twenty Twenty-Four Child
 Description:  Twenty Twenty-Four Child Theme
 Author:       Tryfon Tzanetis
 Author URI:   http://tafhub.com
 Version:      1.0.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
 Text Domain:  twentytwentyfourchild
*/

/*==============================================*/
/*          !!! GOOGLE FONT IMPORT !!!          */
/*==============================================*/

/* --------------------------
!!  SITE  (font-family:) 
FONT-WEIGHT !!
+--------------+--------------+
| FONT-WEIGHT  | Value        |
+--------------+--------------+
| thin         | 100          |
| ex-light     | 200          |
| light        | 300          |
| regular      | 400          |
| medium       | 500          |
| semi-bold    | 600          |
| bold         | 700          |
| ex-bold      | 800          |
| black        | 900          |
+--------------+--------------+
-----------------------------*/
/* ============================================== */
/*                !! GOOGLE FONT !!               */
/* ============================================== */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Open+Sans:wght@300;400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
/* font-family: 'Cardo';
font-family: 'Open Sans';
font-family: 'Outfit'; */
/* ============================================== */
/*              !! GENERATED FONT !!              */
/* ============================================== */

/* ============================================= */
/* !!!!        SITE GLOBAL STYLE CSS        !!!! */
/* ============================================= */
:root {
    --bs-primary: #02253e;  
    --bs-secondary: #ff8743;
    --bs-gray: #565152;
    --bs-gray-light: #f2f1f3;
    --bs-blue: #005390;
    --bs-primary-rgb: 2, 37, 62;
    --bs-secondary-rgb: 255, 135, 67;
    --bs-gray-light-rgb : 242, 241, 243;
    --bs-blue-rgb: 0, 83, 144;
    --bs-font-sans-serif: 'Outfit', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-size: 18px;
    --bs-body-font-weight: 500;
    --bs-body-line-height: normal;
    --bs-base-transition: 0.4s ease-in-out;
}

/* !!! Allow percentage-based heights in the application !!! */
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

/* !!! Typographic tweaks! ( Add accessible line-height & Improve text rendering ) !!! */
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
}

body,
.main_wrapper {
    position: relative;
    /* overflow-x: hidden; */
    width: 100%;
}

/* !!! Improve media defaults !!! */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/* !!! Remove built-in form typography styles !!! */
input,
button,
textarea,
select {
    font: inherit;
}

textarea {
    resize: none;
}

/* !!! Set core root defaults !!! */
html:focus-within {
    scroll-behavior: smooth;
}

/* !!! A elements that don't have a class get default styles !!! */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

a,
.btn,
button {
    cursor: pointer;
}
a {
    color: var(--bs-secondary);
}
a:hover {
    color: var(--bs-primary);
}
:focus,
:active,
.active {
    outline: 0 none;
}

a,
a:hover,
a:focus,
a:active,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
select,
select:hover,
select:focus,
textarea,
textarea:hover,
textarea:focus,
.btn,
.btn:hover,
.btn:focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    transition: 0.4s ease-in-out;
}

.form-control:focus,
.form-select:focus,
[type="text"]:focus,
[type="email"]:focus,
[type="checkbox"]:focus,
[type="password"]:focus,
[type="file"]:focus,
[type="radio"]:focus,
[type="submit"]:focus,
[type="date"]:focus,
[type="time"]:focus,
[type="tel"]:focus,
[type="search"]:focus,
[type="button"]:focus,
[type="number"]:focus,
[type="reset"]:focus,
textarea:focus,
select:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}

select,
select:hover,
select:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="search" i]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    /* display: none; */
}
/* Backfrounds */
.bg-gray-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-light-rgb),var(--bs-bg-opacity))!important;
}
.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-rgb),var(--bs-bg-opacity))!important;
}
/* ============================================= */
/* !!!!          All MINIFY CSS             !!!! */
/* ============================================= */
a:hover,
a:focus,
button:hover,
button:focus,
svg,
svg *,
svg path,
svg rect {
    -webkit-transition: var(--bs-base-transition);
    -moz-transition: var(--bs-base-transition);
    -ms-transition: var(--bs-base-transition);
    -o-transition: var(--bs-base-transition);
    transition: var(--bs-base-transition);
}
/* ============================================= */
/* !!!!             CONTAINER               !!!! */
/* ============================================= */
.row:not(.g-0),
.container,
.container-fluid {
    --bs-gutter-x: 48px;
}

@media (min-width: 576px) {
    .row:not(.g-0),
    .container,
    .container-fluid {
        --bs-gutter-x: 32px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1160px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
}

/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
p,
li {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 15px 0;
    color: var(--bs-gray);
}

ul,
ol {
    font-style: normal;
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Cardo';
    font-style: normal;
    margin: 0 0 20px 0;
    letter-spacing: 0;
    line-height: normal;
    font-weight: 400;
    color: var(--bs-blue);
}

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

h2,
.h2 {
    font-size: 34px;
}

h3,
.h3 {
    font-size: 30px;
    letter-spacing: -0.6px;
}
h4,
.h4 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.2px;
}

h5,
.h5 {font-size: 22px; line-height: 28px;font-weight: 400;line-height: normal;
}
h6, .h6 {font-size: 18px;}

.fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6 {
    font-family: 'Cardo';
    margin: 0 0 20px 0;
    color: var(--bs-primary);
}

.fs-1 {font-size: 28px !important;font-weight: 500;letter-spacing: -0.8px;}
.fs-2 {font-size: 32px !important;font-weight: 500;letter-spacing: 0px;}

.display-1 {
    font-size: 96px;
    line-height: 120px;
    letter-spacing: -1.5px;
    font-weight: 600;
}
@media (min-width: 1200px) {
    h1,.h1 {font-size:48px;}
    h3,.h3 {font-size: 36px;}
}
@media (min-width: 1400px) {
    h1,.h1 { font-size: 58px;}
    h2,.h2 {font-size: 38px;}
    h3,.h3 {letter-spacing: -0.6px;}
}

@media (max-width: 991px) {
    p,
    li {
        font-size: 18px;
        line-height: normal;
    }
}
/* ============================================= */
/* !!!!             ALL BTN CSS             !!!! */
/* ============================================= */
.btn {
    --bs-btn-padding-x: 10px;
    --bs-btn-padding-y: 14px;
    --bs-btn-font-family: 'Outfit';
    --bs-btn-font-size: 18px;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: normal;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-box-shadow: none;
    min-width: 180px;
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-blue);
    --bs-btn-hover-border-color: var(--bs-blue);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-blue);
    --bs-btn-active-border-color: var(--bs-blue);
    --bs-btn-active-shadow: none;
}

/* ============================================= */
/* !!!!              COMMON CSS             !!!! */
/* ============================================= */
.overlay_light {
    background-image: linear-gradient(90deg, #F2F1F3 34%, #F0EFEE00 100%);
}
.overlay_dark {
    background-color: rgba(0, 0, 0, 0.5);
}
.overlay_bg {
    background-color: rgba(255,255,255,0.5);
}
.overlay_bg,
.overlay_light,
.overlay_dark {
    z-index: -1;
}
.bg_cover,
.bg_contain {
    background-position: center center;
    background-repeat: no-repeat;
}

.bg_cover {
    background-size: cover;
}

.bg_contain {
    background-size: contain;
}
.list-none {list-style: none;}
/* ============================================= */
/* !!!!              NAVIGATION             !!!! */
/* ============================================= */
/* Topbar */
.top_bar {
    padding: 8px 0;
    z-index: 99999999;
    position: relative;
}
/* .top_bar.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    animation: goDown 0.6s ease-in-out forwards;
} */
.top_bar  svg {
    width: 20px;
    height: auto;
    margin: 0 14px 0 0;
}
.top_bar p,
.top_bar p a {
    font-size: 18px;
    line-height: 28px;
    color: var(--bs-white);
    margin: 0;
}
.top_bar a:hover {
    color: var(--bs-secondary);
    text-decoration: underline;
}
@keyframes goDown {
    0%{
        transform: translateY(-100px);
    }
    100% {
        transform: translateY(0);
    }
}
/* Header */
header {
    z-index: 9999;
}
.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 25px;
    --bs-navbar-color: var(--bs-blue);
    --bs-navbar-hover-color: var(--bs-primary);
    --bs-navbar-active-color: var(--bs-primary);
    --bs-navbar-nav-link-padding-x: 0;
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-font-size: 0;
    --bs-navbar-toggler-border-color: none;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0;
}
.navbar-brand img {
/*     max-width: 110px; */
    width: 100%;
}
.navbar-toggler-icon {
    background: none;
    width: auto;
    height: auto;
}
.nav-ic {
    background-color: var(--bs-primary);
    width: 24px;
    height: 1px;
    transition: 0.2s linear;
}
.nav-ic:nth-child(2) {
    margin: 8px 0 0;
    width: 15px;
}
.navbar-toggler[aria-expanded="true"] .nav-ic:nth-child(2) {
    margin: 4px 0 0;
    width: 24px;
}
.navbar-toggler[aria-expanded="true"] .nav-ic {background-color: var(--bs-secondary);}
.navbar-nav {
    --bs-nav-link-padding-y: 10px;
}
.dropdown .dropdown-menu-wrap li,
.navbar-nav .nav-item {
    margin: 0;
}
.navbar-nav .nav-item:not(:last-child) {
    margin-right: 30px;
}
.navbar-nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    transition: 0.4s ease-in-out;
}
.navbar-nav .nav-item .btn-primary {
    font-size: 16px;
    --bs-btn-padding-y: 10px;
    min-width: 146px;
}
.navbar-nav .dropdown-menu-wrap {
    text-align: left;
    border-radius: 0;
    border: none;
    padding: 10px 0;
    list-style: none;
}
.navbar-nav .dropdown-item {
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    padding: 10px 28px;
    color: var(--bs-primary);
    white-space: break-spaces;
    transition: 0.3s ease-in-out;
}
.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:active,
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item.active {
    background-color: transparent;
    color: var(--bs-secondary);
}
.dropdown-toggle {
    position: relative;
}
.dropdown-toggle::after {
    content: '';
    position: absolute;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23005390' stroke='none'%3E%3Cpath d='M94 3901 c-73 -33 -110 -117 -85 -192 8 -25 340 -363 1243 -1266 1342 -1340 1250 -1256 1345 -1238 34 6 171 140 1270 1238 1353 1354 1272 1265 1243 1359 -24 82 -102 129 -187 113 -34 -6 -164 -133 -1201 -1168 l-1162 -1162 -1153 1152 c-816 817 -1163 1157 -1189 1168 -48 20 -74 19 -124 -4z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 10px;
    height: 10px;
    right: -17px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    transition: 0.4s ease-in-out;
}
.dropdown-toggle:hover::after,
.dropdown-toggle:focus::after,
.dropdown-toggle.active::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%2302253e' stroke='none'%3E%3Cpath d='M94 3901 c-73 -33 -110 -117 -85 -192 8 -25 340 -363 1243 -1266 1342 -1340 1250 -1256 1345 -1238 34 6 171 140 1270 1238 1353 1354 1272 1265 1243 1359 -24 82 -102 129 -187 113 -34 -6 -164 -133 -1201 -1168 l-1162 -1162 -1153 1152 c-816 817 -1163 1157 -1189 1168 -48 20 -74 19 -124 -4z'/%3E%3C/g%3E%3C/svg%3E");
}

.dropdown_sub_child {
    list-style: none;
    padding: 0;
}
@media (min-width: 1600px) {
    .navbar .container-fluid {
        max-width: 1570px;
    }
}

@media (min-width: 992px) {
    header {
        position: absolute;
        width: 100%;
        top: 0;
    }
    .navbar {
        margin: 39px 0 0;
    }
    .navbar-nav .dropdown-menu-wrap,
    .dropdown-menu-wrap .dropdown_sub_child {
        background-color: var(--bs-white);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .mega_menu,
    .navbar-nav .dropdown-menu-wrap,
    .dropdown-menu-wrap .dropdown_sub_child {
        position: absolute;
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(30px);
        pointer-events: none;
        min-width: 210px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .dropdown-menu-wrap > li .dropdown_sub_child {
        min-width: 200px;
        max-width: 200px;
        left: calc(-100% + 10px);
        top: 0;
        padding: 10px 0;
    }

    .nav-item.dropdown:hover .mega_menu,
    .nav-item.dropdown:hover .dropdown-menu-wrap,
    .dropdown-menu-wrap > li:hover .dropdown_sub_child {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translateY(0);
    }
    /* Mega Menu */
    .mega_dropdown {
        position: static;
    }
    .mega_dropdown .mega_menu {
        width: 100%;
        left: 0;
    }
    .mega_dropdown .mega_menu .dropdown-menu-wrap {
        position: relative;
        width: 100%;
        box-shadow: none;
        opacity: 1;
        pointer-events: all;
        transform: translateY(0);
    }
    .mega_dropdown .mega_menu .dropdown-menu-wrap h6 {
        color: var(--bs-secondary);
        margin: 0 0 8px;
    }
    .mega_dropdown .mega_menu .dropdown-item {
        padding: 10px 0;
    }
    .mega_menu_wrapper {
        background-color: var(--bs-white);
        padding: 20px 30px;
    }
    .mega_dropdown .mega_menu .dropdown-menu-wrap:not(:last-child) {
        margin-right: 10px;
    }
}

@media (max-width: 991px) {
    .navbar {
        --bs-navbar-padding-y: 14px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .navbar-brand img {
        max-width: 90px;
    }
    .navbar-nav {
        padding: 30px 0;
    }
    .common_menu_wrap {
        display: none;
    }
    .navbar-nav .nav-item:not(:last-child) {
        margin-right:0;
    }
    .dropdown .dropdown-menu-wrap li, .navbar-nav .nav-item {
        width: 100%;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 18px;
        padding: 10px 25px 10px 0;
    }
    .navbar-nav .dropdown-item {
        padding: 8px 10px;
    }
    .dropdown-toggle::after {
        background-size: 15px;
        width: 15px;
        height: 15px;
        right: 0;
    }
    .navbar-nav .dropdown-menu-wrap {
        padding: 0;
    }
    .dropdown .dropdown-menu-wrap li h6 {font-size: 16px;margin: 0 0 10px;}
    .dropdown_sub_child {
        display: block;
        padding: 0 0 10px 10px;
    }
    .navbar-nav .nav-item .btn-primary {
        margin: 5px 0 0;
    }
}
/* ============================================= */
/* !!!!             HERO BANNER             !!!! */
/* ============================================= */
.hero_banner {
    padding: 60px 0;
    z-index: 1;
}
.hero_banner_content .btn {
    margin: 20px 0 0;
}

.button {
    display: inline-block;
    position: relative;
    margin: 40px 0 0;
}
.button.is-play {
    background-color: rgba(255,255,255,0.7);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    transition: all 0.3s ease-in-out;
}
.button.is-play:hover {
    background-color: var(--bs-secondary);
}
.button.is-play:hover svg * {
    fill: var(--bs-white);
}
.button.is-play .button-outer-circle {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.button.is-play .button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
}
.button.is-play .button-icon .triangle {
    -webkit-animation: fadeIn 7s ease;
    animation: fadeIn 7s ease;
}
.button.is-play .button-icon .path {
    stroke-dasharray: 90;
    stroke-dashoffset: 0;
    -webkit-animation: triangleStroke 2s;
    animation: triangleStroke 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.has-scale-animation {
    -webkit-animation: smallScale 2s infinite;
    animation: smallScale 2s infinite;
}
.has-delay-short {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from { opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes triangleStroke {
    from {stroke-dashoffset: 90;}
    to {stroke-dashoffset: 0;}
}
@keyframes triangleStroke {
    from {stroke-dashoffset: 90;}
    to {stroke-dashoffset: 0;}
}
@-webkit-keyframes smallScale {
    from {transform: scale(1);opacity: 1;}
    to {transform: scale(1.5);opacity: 0;}
}
@keyframes smallScale {
    from {transform: scale(1);opacity: 1;}
    to {transform: scale(1.5);opacity: 0;}
}
/* Modal  */
.modal {
    --bs-modal-zindex: 9999999;
    --bs-modal-width: 1000px;
    --bs-modal-padding: 0;
    --bs-modal-bg: transparent;
    --bs-modal-border-color: transparent;
    --bs-modal-border-radius: 0;
    --bs-modal-box-shadow: none;
    --bs-modal-inner-border-radius: 0;
    background: rgba(9, 20, 60 , 0.60);
}
button.btn-close {
    background-color: white;
    opacity: 1;
    box-shadow: none;
    border-radius: 7px;
    background-size: 14px;
    position: absolute;
    right: 5px;
    z-index: 999999999;
    top: -30px;
    filter: none;
}
@media (min-width: 992px) {
    .hero_banner  {
        padding: 180px 0;
    }
    .button {
        margin: 0;
    }
}
/* ============================================= */
/* !!!!           RELIABLE SECTION          !!!! */
/* ============================================= */
.reliable_section {
    padding: 60px 0;
}
.reliable_box {
    width: 100%;
    max-width: 180px;
}
.reliable_box:not(:last-child) {
    margin: 0 20px 0 0;
}
/*  */
.about_us {
    padding: 100px 0;
}
.about_us .row:not(:last-child) {
    padding-bottom: 100px;
}
.about_us_visual {
    padding: 20px;
    z-index: 1;
}
.cross_ele  {
    z-index: -1;
}
.about_us_box,
.about_box_img {
    width: 50%;
}
.about_us_box {
    padding: 20px 20px 40px;
}
.about_us_content div.h6 {
    color: var(--bs-secondary);
}
.about_us_content .btn {
    margin: 20px 0 0;
}
.about_us ul {
    padding: 0;
    margin: 40px 0 0;
}
.about_us ul li {
    position: relative;
    padding: 0 0 0 64px;
}
.about_us ul li::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_10_24)'%3E%3Cpath d='M29.142 0.246004C28.8727 0.386561 28.6032 0.655958 28.4627 0.937068C28.2284 1.39388 28.2284 1.56958 28.2284 29.9854C28.2284 58.4129 28.2284 58.5769 28.4627 59.0337C28.7321 59.5608 29.3997 59.9708 29.9853 59.9708C30.5124 59.9708 31.2387 59.5608 31.4729 59.1157C31.6369 58.8346 31.6955 58.3661 31.7423 57.1362L31.8009 55.5315L33.1479 56.2812C34.612 57.1127 35.0102 57.1948 35.7248 56.8316C36.3104 56.5388 36.6618 55.9532 36.6618 55.2855C36.6618 54.3719 36.3924 54.1142 33.9678 52.7087L31.8009 51.4437L31.7657 42.858L31.7423 34.2606L37.8214 40.3397L43.9005 46.4188L43.6897 47.1918C43.0103 49.6399 42.6355 51.1742 42.6355 51.4671C42.6355 52.0879 43.1859 52.8024 43.8654 53.0601C44.3573 53.2474 45.0483 53.0952 45.5051 52.697C45.9151 52.3338 46.0557 51.9942 46.5125 50.2724L46.7701 49.2885L47.7189 50.2255C48.2343 50.7409 48.8317 51.2445 49.0425 51.3499C50.4715 52.0645 52.0645 50.4715 51.35 49.0425C51.2446 48.8317 50.7409 48.2343 50.2255 47.7189L49.2885 46.7702L50.2724 46.5125C51.9942 46.0557 52.3339 45.9151 52.697 45.5052C53.4583 44.6267 53.1889 43.3617 52.0996 42.7994C51.6193 42.5535 51.2797 42.5886 49.1362 43.1743C48.0351 43.4671 46.981 43.7482 46.7819 43.795C46.4187 43.9004 46.3485 43.8302 40.3397 37.8214L34.2606 31.7423L42.858 31.7658L51.4554 31.8009L52.7086 33.9678C54.1142 36.3924 54.3719 36.6618 55.2856 36.6618C55.9532 36.6618 56.5388 36.3104 56.8317 35.7248C57.1948 35.0103 57.1128 34.612 56.2811 33.1479L55.5315 31.8009L57.1362 31.7423C58.9869 31.672 59.3617 31.5433 59.7365 30.8053C60.0293 30.2196 60.0293 29.7512 59.7365 29.1655C59.3617 28.4276 58.9869 28.2987 57.1362 28.2284L55.5315 28.1699L56.2811 26.8228C57.1128 25.3588 57.1948 24.9605 56.8317 24.246C56.5388 23.6603 55.9532 23.3089 55.2856 23.3089C54.3719 23.3089 54.1142 23.5784 52.7086 26.003L51.4554 28.1699L42.858 28.205L34.2606 28.2284L40.3397 22.1493C43.6896 18.7994 46.4773 16.0821 46.5476 16.1054C47.3207 16.3632 51.2211 17.3353 51.4671 17.3353C52.0879 17.3353 52.8024 16.7848 53.06 16.1054C53.2475 15.6135 53.0952 14.9225 52.697 14.4657C52.3339 14.0557 51.9942 13.9151 50.2724 13.4583L49.2885 13.2006L50.2255 12.2519C50.7409 11.7365 51.2446 11.1391 51.35 10.9283C52.0645 9.49927 50.4715 7.90633 49.0425 8.62082C48.8317 8.72624 48.2343 9.22993 47.7189 9.74524L46.7701 10.6823L46.5125 9.69842C46.0557 7.97661 45.9151 7.63693 45.5051 7.27382C45.0483 6.87558 44.3573 6.72331 43.8654 6.91071C43.1859 7.16841 42.6355 7.8829 42.6355 8.50369C42.6355 8.79649 43.0103 10.3309 43.6897 12.779L43.9005 13.552L37.8214 19.6311L31.7423 25.7102L31.7657 17.1128L31.8009 8.5154L33.9678 7.26211C35.1508 6.57104 36.2284 5.87997 36.3573 5.70427C36.4862 5.52858 36.6033 5.14205 36.6384 4.77895C36.6735 4.26357 36.6384 4.08788 36.4041 3.7482C36.2519 3.52565 35.9473 3.24454 35.7248 3.13912C35.0102 2.77602 34.612 2.85801 33.1479 3.68964L31.8009 4.43927L31.7423 2.83459C31.672 0.983926 31.5432 0.609106 30.8053 0.234289C30.2313 -0.0585371 29.7042 -0.0585346 29.142 0.246004Z' fill='%23FF8743'/%3E%3Cpath d='M18.7408 2.19036C18.1904 2.38948 17.6866 3.16254 17.6866 3.79505C17.6866 4.27528 19.8068 9.66327 20.1815 10.1435C20.8843 11.0454 22.243 10.94 23.0044 9.9327C23.4495 9.32357 23.3324 8.76137 22.1142 5.79797C20.7789 2.56518 20.814 2.62374 20.3455 2.34262C19.9825 2.12008 19.1508 2.03809 18.7408 2.19036Z' fill='%23005390'/%3E%3Cpath d='M9.31185 8.43329C9.18298 8.48014 8.92532 8.69098 8.7379 8.87842C8.38651 9.26495 8.22252 10.0146 8.36308 10.6236C8.45679 10.975 12.4392 15.0746 13.0952 15.4846C13.8799 15.9647 15.0395 15.6836 15.4963 14.8989C15.7423 14.4772 15.7891 13.6222 15.5783 13.2122C15.3909 12.8608 11.6779 9.10094 11.0805 8.65584C10.7291 8.38644 10.5066 8.31616 10.0849 8.32788C9.79212 8.32788 9.44073 8.37473 9.31185 8.43329Z' fill='%23005390'/%3E%3Cpath d='M23.7189 13.5753C17.9209 15.8711 13.8214 20.8139 12.6969 26.8813C12.4041 28.4509 12.3924 31.5899 12.6852 33.0892C13.3294 36.3923 14.9341 39.6016 17.0541 41.8271C19.0922 43.9823 21.0718 45.3293 23.7189 46.3835C24.2108 46.5826 24.6325 46.7349 24.656 46.7349C24.6911 46.7349 24.7145 39.1917 24.7145 29.9852C24.7145 20.7671 24.6793 13.2356 24.6325 13.2473C24.5739 13.2473 24.1757 13.3996 23.7189 13.5753Z' fill='%23005390'/%3E%3Cpath d='M2.9634 17.8038C1.9795 18.4012 1.83895 19.7482 2.67058 20.5212C2.85798 20.6969 4.19327 21.3177 5.90337 22.0205C9.08935 23.3207 9.33532 23.3675 10.0966 22.8287C11.022 22.1611 10.9985 20.6032 10.0381 19.9707C9.88577 19.877 8.52709 19.2914 7.03953 18.6823C4.11128 17.4758 3.64275 17.3822 2.9634 17.8038Z' fill='%23005390'/%3E%3Cpath d='M0.913616 28.4745C0.409956 28.7322 0 29.4232 0 29.9854C0 30.5711 0.409956 31.2388 0.937045 31.5082C1.35871 31.7307 1.6164 31.7424 4.59151 31.7424C7.68375 31.7424 7.80088 31.7307 8.24598 31.4731C9.41728 30.8054 9.41728 29.1656 8.24598 28.4979C7.80088 28.2403 7.69546 28.2285 4.56808 28.2403C1.59297 28.2403 1.31186 28.2519 0.913616 28.4745Z' fill='%23005390'/%3E%3Cpath d='M8.25768 36.8845C6.96924 37.3647 2.97509 39.028 2.72912 39.1802C2.28403 39.473 2.0732 40.0235 2.13175 40.7263C2.17861 41.2651 2.24889 41.4291 2.60028 41.7805C2.93995 42.1202 3.13908 42.2138 3.59589 42.249C4.09954 42.3076 4.46265 42.1905 6.99267 41.1714C8.56221 40.5506 9.97951 39.9298 10.1434 39.7892C10.7877 39.2856 10.9634 38.2549 10.5183 37.5989C9.94437 36.7556 9.20645 36.5213 8.25768 36.8845Z' fill='%23005390'/%3E%3Cpath d='M13.6457 44.2752C13.4583 44.322 13.1889 44.4041 13.0601 44.4744C12.5798 44.7437 8.44512 49.0307 8.36312 49.3469C8.09373 50.448 8.73794 51.5139 9.75699 51.6193C10.0498 51.6544 10.4363 51.6427 10.6238 51.6076C10.9752 51.5139 15.0747 47.5315 15.4847 46.8755C15.9298 46.161 15.7072 44.9897 15.0513 44.5563C14.6648 44.2987 14.0674 44.1815 13.6457 44.2752Z' fill='%23005390'/%3E%3Cpath d='M20.5329 49.4291C20.3221 49.5462 20.0761 49.7805 19.9824 49.921C19.877 50.0733 19.303 51.4202 18.6822 52.9195C17.5226 55.7775 17.4055 56.2577 17.7452 56.9254C18.2723 57.9561 19.7247 58.1553 20.5212 57.3119C20.6969 57.1128 21.306 55.8126 22.0204 54.0674C23.3206 50.8815 23.3675 50.6355 22.8286 49.8741C22.3367 49.1948 21.2708 48.9723 20.5329 49.4291Z' fill='%23005390'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10_24'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
}
.about_us ul li div.h5 {
    font-weight: 600;
    margin: 0 0 15px;
}
@media (min-width: 992px) {
    .reliable_section {
        padding: 100px 0;
    }
}
@media (min-width: 1200px) {
    .about_us_content {
        padding-left: 35px;
    }
}
@media (min-width: 1400px) {
    .about_us_visual {
        padding: 40px;
    }
}
@media (max-width: 991px) {
    .reliable_section_content  {
        margin: 0 0 30px;
    }
    .about_us {
        padding: 60px 0;
    }
    .about_us .row:not(:last-child) {
        padding-bottom: 50px;
    }
    .about_us_content {
        padding: 0 0 50px;
    }
    .about_us ul li {
        padding: 0 0 0 45px;
    }
    .about_us ul li::after {
        background-size: 30px;
        width: 30px;
        height: 30px;
        left: 0;
        top: 0;
    }
}
@media (max-width: 575px) {
    .reliable_box:not(:last-child) {
        margin: 0 0 20px;
    }
    .about_us_box, .about_box_img {
        width: 100%;
    }
    .about_box_img {
        height: 200px;
    }
}

/* ============================================= */
/* !!!!            EXPERT WRAPPER           !!!! */
/* ============================================= */
.expert_wrapper {
    padding: 100px 0 0;
    z-index: 1;
}
.expert{
    font-size: 34px;
    font-family: 'Cardo';
    font-style: normal;
    letter-spacing: 0;
    line-height: normal;
    font-weight: 400;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.expert_wrapper .cross_ele {
    background-repeat: repeat;
    background-size: 50% auto;
    opacity: 0.5;
}
.expert_title {
    margin: 0 0 50px;
}
.expert_img {
    margin-top: auto;
}
.expert_wrapper_container {
    padding: 0 0 100px;
}
.expert_box {
    padding: 25px 10px;
}
.expert_ic {
    width: 102px;
    height: 102px;
    border: 1px solid var(--bs-white);
    margin: 0 0 25px;
}
.expert_ic svg {
    width: auto;
    height: 60px;
} 
.expert_box_content h4 {
    margin: 0 0 15px;
}
.expert_box_content p {
    font-size: 18px;
    color: rgba(255,255,255,0.64);
}
@media (min-width: 992px) {
    .expert_wrapper_container .row [class*="col-"]:nth-child(odd) {
        border-right: 1px solid rgba(255,255,255,0.5);
    }
    .expert_wrapper_container .row [class*="col-"]:not(:nth-last-child(-n+2)) {
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
}
@media (min-width: 1400px) {
    .expert_box {
        padding: 40px;
    }
}
@media (max-width: 991px) {
    .expert_wrapper {
        padding: 60px 0;
    }
    .expert_wrapper_container {
        padding: 0;
    }
    .expert_box {
        padding: 0;
    }
    .expert_wrapper_container .row [class*="col-"]:not(:last-child) .expert_box {
        padding: 0 0 30px;
        margin: 0 0 30px;
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
}
/* ============================================= */
/* !!!!            PROJECT STEPS            !!!! */
/* ============================================= */
.project_steps {
    padding: 60px 0;
}
.project_steps_title {
    margin: 0 0 50px;
}
.project_steps_title h6 {
    color: var(--bs-blue);
}

.project_steps_container .row {
    --bs-gutter-y: 50px;
}

/* .project_steps_container .row [class*="col-"]:not(:last-child) .project_steps_box::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' stroke='none' fill='%23e30a81'%3E%3Cpath d='M3447 4150 c-114 -29 -195 -103 -227 -208 -26 -83 -25 -147 1 -219 20 -54 49 -85 412 -450 l391 -393 -1844 0 c-1220 0 -1867 -4 -1909 -10 -130 -22 -215 -92 -251 -208 -24 -76 -25 -132 -6 -196 28 -93 97 -163 198 -204 40 -16 180 -17 1928 -22 l1885 -5 -382 -380 c-441 -438 -438 -434 -438 -585 0 -73 4 -92 27 -135 34 -64 90 -118 153 -147 39 -18 67 -23 130 -23 152 1 111 -33 872 728 758 758 728 722 728 867 0 145 30 109 -728 867 -584 584 -679 676 -728 698 -62 28 -155 39 -212 25z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 34px;
    top: 140px;
    right: -50px;
} */

.project_steps_box {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
}
.project_steps_info {
    padding: 30px 0 0;
}
.stepbox {
    position: absolute;
    background-color: var(--bs-secondary);
    color: var(--bs-white);
    font-size: 18px;
    font-weight: 700;
    padding: 10px 15px;
    top: 0;
    left: 0;
}
.project_steps_box div.fs-1 {
    margin: 0 0 15px;
}
.project_steps_box p {
    font-size: 18px;
}
.project_steps_box p:last-child {margin: 0;}

@media (min-width: 992px) {
    .project_steps {
        padding: 100px 0;
    }
    .project_steps_title {
        margin: 0 0 80px;
    }
}
/* ============================================= */
/* !!!!            IMAGE SLIDER             !!!! */
/* ============================================= */
.img_slider .swiper-wrapper {
    -webkit-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
}
/* ============================================= */
/* !!!!            TESTIMONIALS             !!!! */
/* ============================================= */
.testimonials {
    padding: 60px 0 0;
    z-index: 1;
}
.testimonials .cross_ele {
    background-repeat: repeat;
    background-size: 50% auto;
    opacity: 0.5;
}
.testimonial_title {
    margin: 0 0 50px;
}
.testimonial_title .h6 {color: var(--bs-secondary) !important}
.testimonial_slider {
    padding: 0 0 50px 0;
    margin: 0 0 50px;
}
.testimonial_slider_box {
    border-bottom: 1px solid var(--bs-white);
}
.testimonial_slider_box .quote {
    width: 80px;
    margin: 0 0 20px;
}
.testimonial_slider_box p {
    color: var(--bs-white);
}
.testimonial_info p {
    font-size: 22px;
    line-height: normal;
}
.author {
    margin: 28px 0 35px;
}
.author p {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    color: var(--bs-secondary);
    margin: 0;
}
.swiper-pagination-bullet {
    background-color: var(--bs-secondary);
    opacity: 0.5;
    transition: 0.4s ease-in-out;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 30px;
    border-radius: 20px;
}
@media (min-width: 992px) {
    .testimonials {
        padding: 100px 0 0;
    }
    .testimonial_title {
        margin: 0 0 80px;
    }
    .testimonial_slider {
        padding: 0 0 60px 20px;
        margin: 0 0 100px;
    }
}
@media (min-width: 1200px) {
    .testimonial_info p {
        font-size: 24px;
        line-height: 36px;
    }
}
@media (min-width: 1400px) {
    .testimonial_slider {
        padding: 0 0 60px 50px;
    }
}
/* ============================================= */
/* !!!!             SRVICE AREA             !!!! */
/* ============================================= */
.service_area_wrapper {
    padding: 100px 0;
}
.services_area_title {
    padding: 0 0 50px;
}
.service_area_box_container .row {
    --bs-gutter-y: 30px;
}
.service_area_box svg {
    width: 30px;
    height: auto;
    margin: 0 12px 0 0;
}
.service_area_box svg path {
    fill: var(--bs-blue);
}
.service_area_box_container a:hover svg path {
    fill: var(--bs-primary);
}
.service_area_box_container a:hover h3 {color: var(--bs-primary);}
.service_area_box h3 {
    font-family: 'Outfit';
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    color: var(--bs-blue);
    margin: 0 ;
}
@media (max-width: 991px) {
    .service_area_wrapper  {
        padding: 60px 0;
    } 
}
@media (max-width: 575px) {
    .service_area_box svg {
        margin: 0 0 12px 0;
    }   
    .service_area_box  {
        text-align: center;
    }
}
/* ============================================= */
/* !!!!              CHOOSE US              !!!! */
/* ============================================= */
.choose_us  {
    padding: 100px 0;
    background-attachment: fixed;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}
.choose_us_content p {
    color: var(--bs-white);
}
.choose_us_content .btn {
    margin: 20px 0 0;
}
/* ============================================= */
/* !!!!                FOOTER               !!!! */
/* ============================================= */
footer {
    padding: 50px 0;
}
.footer_information li svg {
    width: 25px;
    height: auto;
    margin: 0 15px 0 0;
}
.footer_top .row {
    --bs-gutter-y: 40px;
}
.footer_top ul {
    padding: 0;
    margin: 0;
}
.footer_top li,
.footer_testimonials p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.footer_top li:not(:last-child) {
    margin: 0 0 10px;
    color: var(--bs-primary);
}
.footer_top li a {
    color: var(--bs-primary);
}
.footer_top li a:hover {
    color: var(--bs-secondary);
}
.footer_information li:not(:last-child) {
    margin: 0 0 20px;
}
.footer_information li a svg {
    flex-shrink: 0;
}
.footer_information li a svg path {
    fill: var(--bs-primary);
}
.footer_information li a:hover svg path {
    fill: var(--bs-secondary);
}
.footer_testimonials {
    background-color: var(--bs-primary);
    padding: 18px;
    border-radius: 8px;
}
.footer_testimonials h6,
.footer_testimonials p {
    color: var(--bs-white);
}
.footer_testimonials h6 {
    margin: 0;
}
.footer_testimonials svg {
    margin: 0 0 10px;
}
.copyright {
    padding: 20px 0 0;
    margin: 40px 0 0;
    border-top: 1px solid rgba(9, 20, 60, 0.3);
}
.copyright p,
.copyright ul li {
    position: relative;
    font-size: 14px;
    line-height: normal;
    margin: 0;
}

.copyright p,
.copyright ul li a {
    color: var(--bs-primary);
}
.copyright ul li a:hover {
    color: var(--bs-secondary);
}
.copyright ul li:not(:last-child) {
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
}
.copyright ul li:not(:last-child):after {
    content: '|';
    position: absolute;
    top: auto;
    right: 0;
}
.sdm_logo {
    max-width: 200px;
    width: 100%;
    margin: 10px 0 0 auto;
}
@media (max-width: 991px) {
    .sdm_logo {
        margin: 10px auto 0;
    }
}
@media (max-width: 767px) {
    .copyright ul li:not(:last-child) {
        padding: 0 10px 0 0;
        margin: 0 10px 0 0;
    }   
}
/* ============================================= */
/* !!!!          ABOUT US PAGE CSS          !!!! */
/* ============================================= */
/* !! Banner !! */
.commmon_banner {
    padding: 180px 0 100px;
}
.commmon_banner .cross_ele {
    background-repeat: repeat;
    background-size: 35% auto;
    opacity: 0.5;
}
@media (max-width: 991px) {
    .commmon_banner {
        padding: 60px 0;
    }
}
/* !! Image Block !! */
.image_block {
    min-height: 550px;
}
@media (max-width: 1399px) {
    .image_block {
        min-height: 450px;
    }   
}
@media (max-width: 991px) {
    .image_block {
        min-height: 280px;
    } 
}
/* !! Multiple image block !! */
.multiple_img_block .row {
    margin: 0;
}
.mi_block {
    margin: 5px;
}
/* !! Experience Wrapper !! */
.experience_wrapper {
    padding: 100px 0;
    z-index: 1;
}
.experience_wrapper .cross_ele {
    background-repeat: repeat;
    background-size: 47% auto;
    opacity: 0.5;
}

.experience_title h2 {
    margin: 0 0 30px;
}
.achievement_container:nth-child(1) {
    border-top: 1px solid rgba(255,255,255,0.2);
}
.achievement_container {
    padding: 40px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.achievement_numbers.display-1 {
    line-height: 84px;
    margin: 0 0 15px;
}
.achievement_info p {
    color: rgba(255,255,255, 0.85);
}
.achievement_info p:last-child {
    margin: 0;
}
@media (min-width: 1200px) {
    .achievement_numbers.display-1 {
        font-size: 116px;
        line-height: 134px;
        font-weight: 500;
        margin: 0;
    }
}
@media (max-width: 991px) {
    .experience_wrapper {
        padding: 60px 0;
    }
    .achievement_container {
        padding: 35px 0;
    }
}
/* ============================================= */
/* !!!!         CONTACT US PAGE CSS         !!!! */
/* ============================================= */
.contact_wrapper {
    padding: 60px 0 0;
    z-index: 1;
}
.contact_wrapper .cross_ele {
    background-repeat: repeat;
    background-size: 40% auto;
    opacity: 0.5;
}
.contact_wrapper_title {
    margin: 0 0 50px;
}
.contact_form {
    padding: 50px 40px 50px;
}
.contact_form div.fs-2 {
    margin: 0 0 40px;
}
.form-group:not(:last-child) {
    margin: 0 0 18px;
}
label {
    font-size: 16px;
    line-height: normal;
    color: var(--bs-gray);
}
.form-control {
    border-radius: 0;
    padding: 13px 22px;
    border-color: #ebe6e2;
}
.form-control:hover,
.form-control:focus {
    border-color: var(--bs-secondary);
}
form .btn {
    --bs-btn-padding-y: 14px;
    --bs-btn-font-size: 16px;
    min-width: 160px;
}
/* Contact Info */
.contact_information {
    padding: 200px 0 60px;
    margin: -140px 0 0 0;
    z-index: -1;
}
.contact_information  .row {
    --bs-gutter-y: 50px;
}
.ci_box,
.ci_box:hover {
    color: var(--bs-white);
}
.ci_ic {
    width: 48px;
    height: 48px;
    margin: 0 15px 0 0;
    background-color: var(--bs-white);
}
.ci_ic svg {
    width: 25px;
    height: 25px;
}
.ci_ic svg path {
    fill: var(--bs-secondary);
}
@media (min-width: 992px) {
    .contact_wrapper {
        padding: 180px 0 0;
    }
    .contact_wrapper_title {
        margin: 0 0 80px;
    }
}
@media (max-width: 575px) {
    .contact_form {
        padding: 30px 20px;
    }
    .ci_ic {
        margin: 0 0 15px
    }
}

/* About US */
.accordion {
    --bs-accordion-color: var(--bs-gray);
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: 0;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 20px;
    --bs-accordion-btn-color: var(--bs-primary);
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='373.000000pt' height='376.000000pt' viewBox='0 0 373.000000 376.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,376.000000) scale(0.100000,-0.100000)' fill='%2302253e' stroke='none'%3E%3Cpath d='M1781 3693 c-24 -9 -63 -35 -86 -58 -77 -77 -75 -50 -75 -827 l0 -688 -688 0 c-777 0 -750 2 -827 -75 -98 -98 -98 -252 0 -350 77 -77 50 -75 827 -75 l688 0 0 -688 c0 -777 -2 -750 75 -827 98 -98 252 -98 350 0 77 77 75 50 75 827 l0 688 688 0 c777 0 750 -2 827 75 98 98 98 252 0 350 -77 77 -50 75 -827 75 l-688 0 0 688 c0 777 2 750 -75 827 -69 70 -169 91 -264 58z'/%3E%3C/g%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 20px;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23ff8743' stroke='none'%3E%3Cpath d='M240 2856 c-95 -20 -172 -83 -212 -174 -79 -178 33 -387 225 -421 89 -15 4528 -16 4613 0 103 19 184 82 226 177 79 178 -33 387 -225 421 -94 16 -4551 14 -4627 -3z'/%3E%3C/g%3E%3C/svg%3E");
    --bs-accordion-btn-focus-border-color: none;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0;
    --bs-accordion-active-color: var(--bs-secondary);
    --bs-accordion-active-bg: none;
}
.accordion-item {
    border-bottom: 1px solid rgb(38, 37, 37, 0.1)
}

.accordion-button {
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
}
.accordion-body {
    padding: 0 0 20px;
}
.accordion-body, .accordion-body p {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}
.accordion-body p:last-child {
    margin: 0;
}
/* Location */
.our_location  {
    padding: 100px 0;
    z-index: 1;
}

.our_location .cross_ele {
    background-repeat: repeat;
    background-size: 47% auto;
    opacity: 0.5;
}
.our_location_title {
    margin: 0 0 50px;
}
.our_location_title p {
    color: rgba(255,255,255,0.85);
}

.map_loc iframe {
    width: 100%;
    height: 470px;
}
@media (max-width: 991px) {
    .our_location  {
        padding: 60px 0;
    }
    .map_loc iframe {
        height: 350px;
    }
}
/* ============================================= */
/* !!!!             BLOG PAGE CSS           !!!! */
/* ============================================= */
.blog_banner {
    min-height: 450px;
    padding: 50px 0;
    z-index: 1;
}
.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-divider-color: var(--bs-primary);
    --bs-breadcrumb-item-active-color: var(--bs-primary);
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}
li.breadcrumb-item {
    font-size: 16px;
    line-height: normal;
    margin: 0;
}
li.breadcrumb-item a {
    color: var(--bs-secondary);
}
li.breadcrumb-item a:hover {
    color: var(--bs-primary);
}
@media (max-width: 991px) {
    .blog_banner {
        min-height: 300px;
    }
}
/* Blog Listing */
.blog_list {
    padding: 100px 0;
    z-index: 1;
}
.blog_list .cross_ele {
    background-repeat: repeat;
    background-size: 50% auto;
    opacity: 0.5;
}
.blog_list .row {
    --bs-gutter-y: 50px;
}
.blog_box {
    cursor: pointer;
}
.blog_img_container .blog_img {
    transition: 0.4s ease-in-out;
}
.blog_box:hover .blog_img {
    transform: scale(1.2);
}
.blog_info {
    padding: 20px;
}
.blog_info_post ul {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(7, 18, 60, 0.10);
}
.blog_info_post li {
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}
.blog_info_post li:not(:last-child) {
    margin: 0 20px 0 0;
}
.blog_info_post li svg {
    width: 15px;
    margin: 0 10px 0 0 ;
}
.blog_info div.h4 a,
.blog_info_post li a {
    color: var(--bs-primary);
}
.blog_info div.h4 a:hover,
.blog_info_post li a:hover {
    color: var(--bs-secondary);
}
.blog_info div.h4 {
    margin: 0 0 15px;
}
.blog_info p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; 
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
}
.pagination {
    --bs-pagination-padding-x: 0;
    --bs-pagination-padding-y: 0;
    --bs-pagination-font-size: 16px;
    --bs-pagination-color: var(--bs-primary);
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: rgba(86, 81, 82, 0.24);
    --bs-pagination-border-radius: 0;
    --bs-pagination-hover-color: var(--bs-secondary);
    --bs-pagination-hover-bg: transparent;
    --bs-pagination-hover-border-color: var(--bs-secondary);
    --bs-pagination-focus-color: var(--bs-secondary);
    --bs-pagination-focus-bg: transparent;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: var(--bs-secondary);
    --bs-pagination-active-bg: transparent;
    --bs-pagination-active-border-color: var(--bs-secondary);
}
.pagination {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid rgba(7, 18, 60, 0.10);
    flex-wrap: wrap;
}
.pagination li {
    margin: 0;
    font-weight: 500;
}
.pagination li:not(:last-child) {
    margin: 0 10px 0 0;
}
.pagination li .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 8px 16px;
    margin: 0 0 8px;
}

.pagination li .page-link:not(.page_btn) {
    width: 40px;
}

@media (max-width: 991px) {
    .blog_list {
        padding: 60px 0;
    }
    .blog_info div.h4  {
        font-size: 22px;
        line-height: 28px;
    }
}
/* ============================================= */
/* !!!!         SINGLE BLOG PAGE CSS        !!!! */
/* ============================================= */
.single_blog {
    padding: 60px 0;
    z-index: 1;
}
.single_blog .cross_ele {
    background-size: 47% auto;
    background-repeat: repeat;
    opacity: 0.3;
}

.single_blog .blog_info_post ul {
    padding: 0 0 20px 0;
    margin: 30px 0 20px 0;
}
.single_blog .blog_info_post li {
    font-size: 14px;
}

.the_content  {
    padding: 0 0 20px;
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(7, 18, 60, 0.10);
}
.the_content p {
    font-size: 16px;
    line-height: 24px;
}
.the_content p:last-child {
    margin: 0;
}

.post_btn {
    color: var(--bs-gray);
}
.post_prev svg {
    margin: 0 8px 0 0;
}
.post_next svg {
    margin: 0 0 0 8px;
}
.post_btn:hover {
    color: var(--bs-secondary);
}
.post_btn:hover svg path {
    fill: var(--bs-secondary);
}

.post_prev:hover svg {
    margin: 0 12px 0 0;
}
.post_next:hover svg {
    margin: 0 0 0 12px;
}
/* ============================================= */
/* !!!!           CAREERS PAGE CSS          !!!! */
/* ============================================= */
.career_contact_wrapper .contact_wrapper_title {
    margin: 0 0 50px;
}
.career_contact_form form .row {
    --bs-gutter-y: 30px;
}
.career_contact_form form h6 {
    margin: 0 0 40px;
}
.career_contact_form form .btn {
    margin: 30px 0 0 ;
}
.form-control::file-selector-button {
    background-color: transparent;
}

/* ============================================= */
/* !!!!      TESTIMONIALS US PAGE CSS       !!!! */
/* ============================================= */
.testimoial_page  {
    padding: 100px 0;
    z-index: 1;
}
.testimoial_page .row {
    --bs-gutter-y: 30px; 
}
.testimoial_page .cross_ele {
    background-repeat: repeat;
    background-size: 35% auto;
    opacity: 0.5;
}
.testimonial_slider_box {
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.testimoial_page .testimonial_info p {
    font-size: 20px;
    line-height: 30px;
}
.testimonial_contact {
    padding: 50px 0 ;
}

@media (max-width: 991px) {
    .testimoial_page {
        padding: 60px 0;
    }
}
/* ============================================= */
/* !!!!         FINANCE US PAGE CSS         !!!! */
/* ============================================= */
.finance_info {
    background-attachment: fixed;
    padding: 100px 0;
    z-index: 1;
}
.finance_info .overlay_dark {
    background-color: rgba(0, 0, 0, 0.7);
}
.finance_info_content p,
.finance_info_content a:hover {
    color: var(--bs-white);
}

@media (max-width: 991px) {
    .finance_info {
        padding: 60px 0;
    }
}
/* Finance Contact Form */
.finance_contact_wrapper {
    padding: 100px 0 0;
}
.finance_contact_wrapper .contact_wrapper_title {
    margin: 0 0 50px;
}
.finance_contact_wrapper .contact_wrapper_title p {
    color: rgba(255,255,255,0.9);
}
.finance_contact_wrapper .contact_wrapper_title a:hover {
    color: var(--bs-white);
}
@media (max-width: 991px) {
    .finance_contact_wrapper {
        padding: 60px 0 0;
    }   
}
/* ============================================= */
/* !!!!         OFFERS US PAGE CSS          !!!! */
/* ============================================= */
.maintainance_block {
    padding: 60px 0;
}
.maintainance_block_content svg {
    width: 80px;
    height: auto;
    margin: 0 15px 0 0;
} 
.maintainance_block_content svg path {
    fill: var(--bs-primary);
}
.maintainance_block_content h4 {
    margin: 0 0 8px;
}
.maintainance_block_content p {
    margin: 0;
}
.maintainance_img img {
    max-width: 120px;
    margin: 0 0 20px;
}   
/* ============================================= */
/* !!!!     SINGLE SERVICE US PAGE CSS      !!!! */
/* ============================================= */
.odd_even_section  {
    padding: 100px 0;
}
.odd_even_section .row {
    --bs-gutter-y: 50px;
}
.odd_even_section .row:not(:last-child) {
    padding-bottom: 100px;
}

.odd_even_content p {
    font-size: 16px;
    line-height: 24px;
}
.odd_even_content p:last-child {
    margin: 0;
}
.odd_even_img_container {
    padding: 40px;
}

@media (max-width: 991px) {
    .odd_even_section  {
        padding: 60px 0;
    }
    .odd_even_section .row:not(:last-child) {
        padding-bottom: 50px;
    }
    .odd_even_img_container {
        padding: 20px;
    }
}
/* Process Wrapper */
.process_wrapper {
    padding: 100px 0;
    z-index: 1;
}
.process_wrapper_title,
.process_box_title {
    margin: 0 0 60px;
}
.process_wrapper .cross_ele {
    background-size: 47% auto;
    background-repeat: repeat;
    opacity: 0.5;
}
.process_box .row {
    --bs-gutter-y: 50px;
}
.process_box:not(:last-child),
.process_box .row:not(:last-child) {
    padding-bottom: 80px;
}
.process_box_content p,
.process_box_content li {
    font-size: 16px;
    line-height: 24px;
}

.content{
    padding: 10px 35px 5px;

}
.featured{
    float: right;
    margin: 5px 0 0 20px;
}
@media (max-width: 991px) {
    .process_wrapper {
        padding: 60px 0;
    }
    .process_box:not(:last-child), .process_box .row:not(:last-child) {
        padding-bottom: 50px;
    }
    .process_wrapper_title,
    .process_box_title {
        margin: 0 0 40px;
    }
    
}

.footer_social {
  margin: 7px 0 21px;
  list-style: none;
}
.footer_social li {
  margin-bottom: 8px;
}
.footer_social li:not(:last-child) {
  margin-right: 8px;
}
.footer_social li a {
  width: 45px;
  height: 35px;
  border: 1px solid var(--bs-blue);
  border-radius: 5px;
  transition: 0.4s ease-in-out;
}
.footer_social li a:hover {
    transform: scale(1.1);
}

.socialinformation{
    margin-top: 25px;
}

/* Official Partner section CSS */
.official_partners {
    padding: 80px 0;
    background-color: var(--bs-blue);
}
.op_content {
    max-width: 956px;
    margin: 0 auto;
}
.op_content_logo {
    background-color: var(--bs-white);
    max-width: 254px;
    min-height: 117px;
    padding: 10px;
    margin: 35px auto 0;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255, 0.10);
}
.op_content_logo img {
    max-width: 209px;
    height: auto;
}
.op_content p {
    font-size: 22px;
    line-height: 40px;
    color: var(--bs-white);
}
@media (min-width: 992px) {
    .op_content p {
        font-size: 24px;
        line-height: 45px;
    }
}
@media (max-width: 991px) {
    .official_partners {
        padding: 50px 0;
    }   
}
/* New CSS */
.social_header .navbar {
    --bs-navbar-padding-y: 5px;
}
.social_header {
    position: relative;
}
.call_btn {
    padding: 19px 20px;
}
/* banner */
.social_banner_wrapper {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.page_banner_content {
    position: relative;
    padding: 20px 15px;
    background-color: rgba(9, 20, 60, 0.8);
}
.page_banner_content * {
    color: #fff;
}
.page_banner_content p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
}
.page_banner_content ul li {
    position: relative;
    padding-left: 40px;
    margin: 5px 0;
    line-height: 31px;
    font-size: 16px;
}
.page_banner_content ul li img {
    position: absolute;
    top: 0;
    left: 0;
}
.banner_form {
    position: relative;
    background-color: #f2f1f3;
    padding: 20px;
    border-top: 7px solid var(--bs-blue);
}
.banner_form_title {
    font-size: 24px;
    color: var(--bs-primary);
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
}
.banner_form_title span {
    display: block;
    font-size: 85px;
    font-weight: 900;
    line-height: 60px;
    display: block;
    margin: 0 0 10px;
}
.banner_form form .btn {
    min-width: none;
    width: 100%;
}
.form_call_btn {
    margin: 30px 0 0;
    width: 100%;
    font-size: 16px;
}
/* Content */
.social_content_wrapper {
    position: relative;
    padding: 40px 0;
    border-top: 1px solid #eee;
}
.social_content .btn {
    width: auto;
    font-size: 16px;
}
.social_content h2 {
    font-weight: 600;
}
.social_content p {
    font-size: 16px;
    color: #000;
}
/* Faq */
.social_faq_wrapper {
    padding: 60px 0;
    background-color: var(--bs-primary);
}
.social_faq_wrapper * {
    color: #fff;
}
.social_faq_wrapper .h2 {
    max-width: 560px;
    margin: 0 auto 20px;
    width: 100%;
    border: 2px solid #fff;
    padding: 14px;
}
.social_faq_wrapper p {
    max-width: 700px;
    margin: 0 auto 60px;
    font-size: 18px;
}
.social_faq_wrapper .accordion-item {
    border-bottom: 1px solid #fff;
}
.social_faq_wrapper .accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='20px' height='20px' viewBox='0 0 373.000000 376.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,376.000000) scale(0.100000,-0.100000)' fill='%23fff' stroke='none'%3E%3Cpath d='M1781 3693 c-24 -9 -63 -35 -86 -58 -77 -77 -75 -50 -75 -827 l0 -688 -688 0 c-777 0 -750 2 -827 -75 -98 -98 -98 -252 0 -350 77 -77 50 -75 827 -75 l688 0 0 -688 c0 -777 -2 -750 75 -827 98 -98 252 -98 350 0 77 77 75 50 75 827 l0 688 688 0 c777 0 750 -2 827 75 98 98 98 252 0 350 -77 77 -50 75 -827 75 l-688 0 0 688 c0 777 2 750 -75 827 -69 70 -169 91 -264 58z'/%3E%3C/g%3E%3C/svg%3E");
}
.social_faq_wrapper .accordion-item:hover .accordion-button {
    color: var(--bs-secondary);
}
.social_faq_wrapper .accordion-body p {
    font-size: 16px;
}
/* contact block */
.social_contact_wrapper {
    padding: 60px 0;
}
.social_contact_wrapper .h2 {
    margin-bottom: 45px;
    font-weight: 600;
}
.social_contact_wrapper  .btn {
    font-size: 18px;
}
@media (min-width: 992px) {
    .social-media-navbar {
        margin: 0 !important;
    }
}
@media (max-width: 767px) {
    .banner_form  {
        max-width: 340px;
        margin: 30px auto 0px;
    }
}
@media (max-width: 567px) {
    .social-media-navbar .container {
        justify-content: center;
        flex-direction: column;
    }
    .social_contact_wrapper .h2 {
        font-size: 28px;
    }
}