@charset "UTF-8";

/*---------------------------------------
01. Mixins & Variables
---------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
    --body: #fff;
    --black: #000;
    --white: #fff;
    --theme: #1976D2;
    --header: #2D4052;
    --text: #24292E;
    --border: #02060A;
    --bg: #e4ecf3;
    --bg2: #0F172A;
    --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}

/*---------------------------------------
body and browser
---------------------------------------*/
body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

/* body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: linear-gradient(rgba(45, 64, 82, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(45, 64, 82, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    pointer-events: none;
    z-index: 0;
} */

@media (max-width: 575px) {
    body {
        font-size: 14px;
    }
}

.dpage {
    color: var(--text);
    background-color: var(--bg);
}

.align-to-right {
    /* float: right; */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

h1.section-main-title {
    font-size: 42px;
    line-height: 55px;
    color: var(--white);
    font-weight: 700;
    margin: 0;
}

h1.section-main-title span {
    display: inline-block;
    color: var(--theme);
}

h5.hero-sub-title {
    font-size: 16px;
    color: var(--primary);
    font-weight: 600;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(122, 122, 122, 0.15);
    display: inline-block;
    padding: 6px 29px;
    margin: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    line-height: 25px;
}

h5.hero-sub-title::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 7px;
    background: var(--theme);
    border-radius: 30px;
    left: -8%;
    top: 16px;
}

h5.hero-sub-title::after {
    position: absolute;
    content: "";
    width: 32px;
    height: 7px;
    background: var(--theme);
    border-radius: 30px;
    right: -8%;
    top: 16px;
}

h1.section-main-title {
    font-size: 42px;
    line-height: 55px;
    color: var(--header);
    font-weight: 700;
    margin: 0;
}

h1.section-main-title span {
    display: inline-block;
    color: var(--theme);
}

h5.section-sub-title {
    font-size: 16px;
    color: var(--header);
    font-weight: 600;
    border-radius: 20px;
    border: 1px solid rgba(122, 122, 122, 0.15);
    background: rgba(25, 118, 210, 0.1);
    display: inline-block;
    padding: 6px 29px;
    margin-left: 0px;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    line-height: 25px;
}

h5.section-sub-title::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 7px;
    background: var(--theme);
    border-radius: 30px;
    left: -8%;
    top: 16px;
}

p.section-title-descr {
    color: var(--text);
    width: 84%;
    margin: 0;
    padding: 10px 0 10px;
}


.theme-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    border: none;
    font-weight: 500;
    font-size: 14px;
    color: var(--white);
    padding: 10px 30px 10px;
    transition: 0.5s ease-in-out;
    text-transform: capitalize;
    overflow: hidden;
    gap: 5px;
    text-align: center;
    background-color: var(--theme);
    z-index: 1;
    border-radius: 8px;
    text-decoration: none;
}

.theme-btn i {
    margin-left: 5px;
}

.theme-btn::before {
    content: "";
    background-color: var(--header);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    clip-path: circle(0% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
}

.theme-btn:hover::before {
    clip-path: circle(100% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
    transition-delay: 200ms;
}

.theme-btn::after {
    content: "";
    background-color: rgba(11, 13, 23, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    clip-path: circle(0% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
}

.theme-btn:hover::after {
    clip-path: circle(100% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}

.theme-btn span {
    font-size: 16px;
    position: relative;
    top: -1px;
    font-weight: 700;
    transition: all 500ms ease;
}

.theme-btn:hover {
    color: var(--white);
}

.theme-btn:hover img {
    filter: brightness(0);
}

/*---------------------------------------
Animation
---------------------------------------*/

.text-anims {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.text-anims.show {
    opacity: 1;
    transform: scale(1);
}

/*---------------------------------------
dhwnit mouse cursor style 1
---------------------------------------*/
.dcursor-outer {
    -webkit-margin-start: -12px;
    margin-inline-start: -12px;
    margin-top: -12px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--theme);
    background-color: var(--theme);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.34;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.dcursor-outer .dcursor-hover {
    opacity: 0.14;
}

.dcursor-outer .dcursor-big {
    opacity: 0;
}

.dmouse-cursor {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    text-align: center;
}

.dmouse-cursor .dcursor-big {
    width: 20px;
    height: 20px;
    -webkit-margin-start: -12px;
    margin-inline-start: -12px;
    margin-top: -12px;
}

.dcursor-inner {
    -webkit-margin-start: -3px;
    margin-inline-start: -3px;
    margin-top: -3px;
    width: 12px;
    height: 12px;
    z-index: 10000001;
    background-color: var(--theme);
    opacity: 1;
    -webkit-transition: all 0.24s ease-out 0s;
    transition: all 0.24s ease-out 0s;
}

.dcursor-inner span {
    color: var(--text);
    line-height: 60px;
    opacity: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.dcursor-inner .dcursor-big span {
    opacity: 1;
}

.dcursor-inner .dcursor-hover {
    -webkit-margin-start: -10px;
    margin-inline-start: -10px;
    margin-top: -10px;
    width: 30px;
    height: 30px;
    background-color: var(--theme);
    border: 1px solid #686363;
    opacity: 0;
}

/*---------------------------------------
Loader
---------------------------------------*/
.dloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.dloader .dloader-inner {
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    background-position: center;
    background-image: url(../img/loader.gif);
    background-size: 100% auto;
    position: absolute;
    border-radius: 8px;
    z-index: 999999;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}

/*---------------------------------------
Header
---------------------------------------*/

.header-section {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
}

.main-header-section {
    position: relative;
}

.main-header-section.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

/* =========================================
   Menu
========================================= */

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

.dnav {
    width: 100%;
    display: table;
    font-family: inherit;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dnav * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.dnav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19998;
}

.dnav-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dnav-header {
    float: left;
}

.dnav-hidden .dnav-header {
    display: none;
}

.dnav-brand {
    padding: 0;
    color: #343a40;
    text-decoration: none !important;
    display: inline-block;
}

.dnav-brand:hover,
.dnav-brand:focus {
    color: #343a40;
}

.dnav-brand img {
    width: 180px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.dnav-brand .scrollhide {
    display: none;
}

.dnav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 0px;
    display: none;
    cursor: pointer;
}

.dnav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: var(--theme);
    border-radius: 10px;
    box-shadow: 0 0.5em 0 0 var(--theme), 0 1em 0 0 var(--theme);
}

.dnav-menu-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #343a40;
    font-size: 26px;
    cursor: pointer;
}

.dnav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0;
}

.dnav-menu>li {
    display: inline-block;
    float: left;
    text-align: left;
}

.dnav-menu>li.active {
    font-weight: 600 !important;
}

.dnav-menu+.dnav-menu>li:first-child {
    border-top: none;
}

.dnav-menu>li>a {
    position: relative;
}

.dnav-menu>li>a:focus:before,
.dnav-menu>li>a:hover:before,
.dnav-menu>li.active>a:before {
    width: 10px;
}

.dnav-menu>li>a:focus:after,
.dnav-menu>li>a:hover:after,
.dnav-menu>li.active>a:after {
    height: 10px;
}

.dnav-menu>li>a {
    padding: 35px 15px;
    display: inline-block;
    text-decoration: none;
    color: #4C5A67;
    font-size: 16px;
    transition: color 0.3s, background 0.3s;
}

.dnav-menu>li:hover>a,
.dnav-menu>li.active>a,
.dnav-menu>li.focus>a {
    color: #1976D2 !important;
}

.dnav-menu>li>a>i,
.dnav-menu>li>a>[class*="ion-"] {
    width: 18px;
    height: 16px;
    line-height: 16px;
    transform: scale(1.4);
}

.dnav-menu>li>a>[class*="ion-"] {
    width: 16px;
    display: inline-block;
    transform: scale(1.8);
}

.dnav li ul a.act-link {
    color: #000;
    font-weight: 600;
}


.dnav-menu .nav-menu-social>li {
    text-align: center;
    float: none;
    border: none !important;
}

.dnav-menu .nav-menu-social>li>a>[class*="ion-"] {
    font-size: 12px;
}

.dnav-menu .nav-menu-social>li>a>.fa {
    font-size: 14px;
}

.dchildmenu-pointer {
    margin-left: 6px;
    margin-top: 5px;
    float: right;
    transition: all 0.2s;
}

.dchildmenu-pointer-icon {
    height: 8px;
    width: 8px;
    display: block;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: transparent var(--theme) var(--theme) transparent;
    transform: rotate(45deg);
    transition: border 0.2s;
}

.dnav-menu>li:hover>a .dchildmenu-pointer-icon,
.dnav-menu>.active>a .dchildmenu-pointer-icon,
.dnav-menu>.focus>a .dchildmenu-pointer-icon {
    border-color: transparent var(--theme) var(--theme) transparent;
}

.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999;
}

.dnav-hidden .nav-search {
    display: none;
}

.dnav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

.dnav-button:hover,
.dnav-button:focus {
    color: #fff;
    text-decoration: none;
}

.dnav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #343a40;
    font-size: 14px;
}

.dnav-dropdown {
    min-width: 180px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
    box-shadow: 0px 2px 10px rgba(25, 39, 52, 0.15);
}

.dnav-dropdown .dnav-dropdown {
    left: 100%;
}

.dnav-menu>li>.dnav-dropdown {
    border-top: solid 1px #f0f0f0;
}

.dnav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
}

.dnav-dropdown>li::before {
    content: "\f192";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    color: #4C5A67;
    position: absolute;
    top: 12px;
    left: 8px;
    font-size: 12px;
}

.dnav-dropdown>li>a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    float: left;
    font-size: 13px;
    color: #343a40;
    background-color: #fdfdfd;
}

.dnav-dropdown>li:hover>a,
.dnav-dropdown>li.focus>a {
    color: #F15124;
}

.dnav-dropdown .dnav-dropdown-left {
    right: 0;
}

.dnav-dropdown>li>.dnav-dropdown-left {
    left: auto;
    right: 100%;
}

.dnav-dropdown .dchildmenu-pointer {
    right: 15px;
    top: 10px;
    position: absolute;
}

.dnav-dropdown .dchildmenu-pointer .dchildmenu-pointer-icon {
    transform: rotate(-45deg);
}

.dnav-dropdown>li:hover>a .dchildmenu-pointer-icon,
.dnav-dropdown>.focus>a .dchildmenu-pointer-icon {
    border-color: transparent #F15124 #F15124 transparent;
}

.dnav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0;
}

.dnav-dropdown-horizontal .dnav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0;
}

.dnav-dropdown-horizontal>li {
    width: auto;
    clear: none;
    position: static;
}

.dnav-dropdown-horizontal>li>a {
    position: relative;
}

.dnav-dropdown-horizontal .dchildmenu-pointer {
    height: 18px;
    top: 11px;
    transform: rotate(90deg);
}

/*=================================
--Menu Panel
===================================*/
.dnav-dropdown-panel {
    width: 100%;
    /* padding: 15px; */
    display: none;
    position: absolute;
    font-size: 14px;
    z-index: 98;
    text-align: left;
    color: inherit;
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(25, 39, 52, 0.15);
}

.dnav-dropdown-panel .w-auto {
    width: 180px !important;
}

.dnav-dropdown-panel [class*="container"] {
    width: 100%;
}

.dnav-dropdown-panel [class*="container"] [class*="col-"] {
    padding: 0;
}

.dnav-dropdown-panel-half {
    width: 50%;
}

.dnav-dropdown-panel-quarter {
    width: 25%;
}

.dnav-dropdown-panel-row {
    width: 100%;
}

.dnav-dropdown-panel:before,
.dnav-dropdown-panel:after {
    content: "";
    display: table;
    line-height: 0;
}

.dnav-dropdown-panel-row:after {
    clear: both;
}

.dnav-dropdown-panel-row [class*="col-"] {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%;
}

.dnav-dropdown-panel-row [class*="col-"]:first-child {
    margin-left: 0;
}

.dnav-dropdown-panel-row .col-1 {
    width: 5.583333333333%;
}

.dnav-dropdown-panel-row .col-2 {
    width: 14.166666666666%;
}

.dnav-dropdown-panel-row .col-3 {
    width: 22.75%;
}

.dnav-dropdown-panel-row .col-4 {
    width: 31.333333333333%;
}

.dnav-dropdown-panel-row .col-5 {
    width: 39.916666666667%;
}

.dnav-dropdown-panel-row .col-6 {
    width: 48.5%;
}

.dnav-dropdown-panel-row .col-7 {
    width: 57.083333333333%;
}

.dnav-dropdown-panel-row .col-8 {
    width: 65.666666666667%;
}

.dnav-dropdown-panel-row .col-9 {
    width: 74.25%;
}

.dnav-dropdown-panel-row .col-10 {
    width: 82.833333333334%;
}

.dnav-dropdown-panel-row .col-11 {
    width: 91.416666666667%;
}

.dnav-dropdown-panel-row .col-12 {
    width: 100%;
}

.dropdown-tabs {
    width: 100%;
    float: left;
    display: block;
}

.dropdown-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.dropdown-tabs-nav>li>a {
    width: 100%;
    padding: 10px 16px;
    float: left;
    font-size: 13px;
    text-decoration: none;
    color: #343a40;
    border: solid 1px #eff0f2;
    outline: 0;
    background-color: #fff;
}

.dropdown-tabs-nav>li.active a,
.dropdown-tabs-nav>li:hover a {
    background-color: #f5f5f5;
}

.dropdown-tabs-panel {
    width: 80%;
    min-height: 30px;
    padding: 20px;
    float: right;
    display: none;
    font-size: 13px;
    color: #343a40;
    border: solid 1px #eff0f2;
    background-color: #fff;
}

.dropdown-tabs-panel.active {
    display: block;
}

.dnav-dropdown-panel-items {
    width: 100%;
    display: flex;
}

.dnav-dropdown-panel-item {
    width: 100%;
    /* margin: 0 0 15px; */
    padding: 0;
    display: inline-block;
    list-style: none;
}

.dnav-dropdown-panel-item:last-child {
    margin: 0;
    border: none;
}

.dnav-dropdown-panel-item>li {
    position: relative;
}

.dnav-dropdown-panel-item>li>a>.micon {
    display: inline-block;
}

.dnav-dropdown-panel-item>li>a>.micon>img {
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 3px;
    background: rgba(25, 118, 210, 0.20);
    padding: 5px;
    margin-right: 8px;
}

.dnav-dropdown-panel-item>li>a {
    width: 100%;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    color: #2D4052;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    display: flex;
    /* align-items: center; */
}

.menu-item-title {
    display: flex;
    flex-direction: column;
}

.menu-item-title>p {
    font-size: 11px;
    color: #6d747a;
    margin: 3px 0 0 0;
}

.dnav-dropdown-panel-item>li>h3 {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px 10px 10px;
}

.dnav-dropdown-panel-item>li>a:hover,
.dnav-dropdown-panel-item>li:hover::before,
.dnav-dropdown-panel-item>li.active a,
.dnav-dropdown-panel-item>li.active::before {
    color: var(--theme);
}

.dnav-dropdown-panel-item>li .dnav-dropdown-panel-item-title>a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #343a40;
}

.dnav-dropdown-panel-item>li .dnav-dropdown-panel-item-title>a:hover {
    background-color: transparent;
}

.dnav-menu>li>a {
    color: #343a40;
    text-transform: uppercase;
}

.dnav-dropdown>li>a {
    color: #343a40;
    padding: 10px 15px 10px 30px;
    border-bottom: 1px solid #f6f6f6;
}

.dnav-dropdown>li>a:hover,
.dnav-dropdown>li:hover::before,
.dnav-dropdown>li.active a,
.dnav-dropdown>li.active::before {
    color: #F15124;
}

.transparent-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}

.dnav .nav-search {
    padding-left: 15px;
    display: none;
}

.dnav .nav-search .btn,
.dnav .contact_btn .btn {
    box-shadow: 0px 0px 25px 0px rgba(231, 79, 22, 0.25);
    font-size: 12px;
    font-weight: 700;
    padding: 10px 15px;
    color: #fff;
}

.dnav .contact_btn a::before,
.dnav .contact_btn a::after {
    display: none;
}

.dnav .contact_btn {
    margin-left: 20px;
}

.menuimgbox {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center center;
    position: relative;
    text-align: center;
}

.menuimgbox::before {
    content: "";
    background-color: rgba(25, 118, 210, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.menuimgbox span {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 15px;
}

.menuimgbox h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.menuimgbox h6 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}

.menuimgbox .btn {
    color: var(--theme);
    border: 1px solid #fff;
    background: #fff;
}

/*=========================================
Menu Portrait
===========================================*/

.dnav-portrait .dnav-brand {
    font-size: 18px;
    line-height: 48px;
}

.dnav-portrait .dnav-toggle {
    display: block;
}

.dnav-portrait .dnav-menu-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.dnav-portrait .dnav-menu-wrapper.dnav-menu-wrapper-right {
    left: auto;
    right: -400px;
}

.dnav-portrait .dnav-menu-wrapper.dnav-menu-wrapper-open {
    left: 0;
}

.dnav-portrait .dnav-menu-wrapper.dnav-menu-wrapper-right.dnav-menu-wrapper-open {
    left: auto;
    right: 0;
}

.dnav-portrait .dnav-menu-wrapper-close-button {
    display: block;
}


.dnav-portrait .dnav-menu {
    width: 100%;
}

.dnav-portrait .dnav-menu>li {
    width: 100%;
    position: relative;
    border-top: solid 1px #f0f0f0;
}

.dnav-portrait .dnav-menu>li:last-child {
    border-bottom: solid 1px #f0f0f0;
}

.dnav-portrait .dnav-menu>li>a {
    width: 100%;
    height: auto;
    padding: 12px 15px 12px 26px;
}

.dnav-portrait .dnav-menu>li>a {
    width: 100%;
    height: auto;
    padding: 10px 10px 10px 30px;
}

.dnav-portrait .dnav-menu .nav-menu-social {
    width: 100%;
    text-align: center;
}

.dnav-portrait .dnav-menu .nav-menu-social>li {
    width: auto;
}

.dnav-portrait .dnav-menu .nav-menu-social>li>a {
    padding: 15px;
}

.dnav-portrait .dchildmenu-pointer {
    width: 54px;
    height: 37px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 20000;
}

.dnav-portrait .dchildmenu-pointer-icon {
    position: absolute;
    top: 14px;
    left: 24px;
}

.dnav-portrait .dchildmenu-pointer.dchildmenu-pointer-up {
    transform: rotate(-180deg);
}

.dnav-portrait .dnav-button {
    width: calc(100% - 52px);
    margin: 17px 26px;
}

.dnav-portrait .dnav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0;
}

.dnav-portrait .dnav-text+ul {
    margin-top: 15px;
}

.dnav-portrait .dnav-dropdown {
    width: 100%;
    position: static;
    left: 0;
}

.dnav-portrait .dnav-dropdown>li>a {
    padding: 12px 20px 12px 30px;
}

.dnav-portrait .dnav-dropdown>li>ul>li>a {
    padding-left: 50px;
}

.dnav-portrait .dnav-dropdown>li>ul>li>ul>li>a {
    padding-left: 70px;
}

.dnav-portrait .dnav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px;
}

.dnav-portrait .dnav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 110px;
}

.dnav-portrait .dnav-dropdown .dchildmenu-pointer {
    right: 0;
    top: 0;
}

.dnav-portrait .dnav-dropdown .dchildmenu-pointer .dchildmenu-pointer-icon {
    transform: rotate(45deg);
}

.dnav-portrait .dnav-dropdown-horizontal .dnav-dropdown-horizontal {
    border-top: none;
}

.dnav-portrait .dnav-dropdown-horizontal>li {
    width: 100%;
}

.dnav-portrait .dnav-dropdown-horizontal .dchildmenu-pointer {
    height: 42px;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.dnav-portrait .dnav-dropdown-horizontal .dchildmenu-pointer .dchildmenu-pointer-up {
    transform: rotate(-180deg);
}

.dnav-portrait .dnav-dropdown-panel {
    padding: 15px;
    position: static;
    display: block;
}

.dnav-portrait .dnav-dropdown-panel-half,
.dnav-portrait .dnav-dropdown-panel-quarter {
    width: 100%;
}

.dnav-portrait .dnav-dropdown-panel-row [class*="col-"] {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 15px;
}

.dnav-portrait .dnav-dropdown-panel-row:first-child [class*="col-"]:first-child {
    margin-top: 0;
}

.dnav-portrait .dropdown-tabs-nav {
    width: 100%;
}

.dnav-portrait .dropdown-tabs-panel {
    width: 100%;
}

/*=========================================
Menu Landscape
===========================================*/
.dnav-landscape .dnav-menu .dnav-menu-centered {
    float: none;
    text-align: center;
}

.dnav-landscape .dnav-menu .dnav-menu-centered>li {
    float: none;
}

.dnav-landscape .dnav-dropdown .dnav-dropdown-left>li>a {
    text-align: right;
}

.dnav-landscape .dnav-dropdown-panel-item {
    /* margin: -15px 0; */
    padding: 20px 15px;
}

.dnav-landscape .dnav-dropdown-panel-item:last-child {
    border: none;
}

.dnav-landscape .dnav-dropdown .dnav-dropdown-left .dchildmenu-pointer {
    left: 10px;
}

.dnav-landscape .dnav-dropdown .dnav-dropdown-left .dchildmenu-pointer .dchildmenu-pointer-icon {
    transform: rotate(135deg);
}

.dnav-landscape .item-col-1 {
    width: 100%;
}

.dnav-landscape .item-col-2 {
    width: 50%;
}

.dnav-landscape .item-col-3 {
    width: 33%;
}

.dnav-landscape .item-col-4 {
    width: 25%;
}

.dnav-landscape .item-col-5 {
    width: 20%;
}

/*---------------------------------------
Main
---------------------------------------*/

.dmain {
    width: 100%;
    display: inline-block;
    margin-top: 88px;
}


/*---------------------------------------
vendor
---------------------------------------*/
.vendor-section {
    margin: 30px;
}

.vendor-box {
    height: 125px;
    line-height: 125px;
    text-align: center;
    border-radius: 15px 40px 15px 15px;
    position: relative;
    overflow: hidden;
    background-color: var(--white);
}

/*.vendor-box::before {
    position: absolute;
    content: "";
    width: 85%;
    border: 1px dashed var(--theme);
    height: 80%;
    border-radius: 15px 40px 15px 15px;
    left: 24px;
    top: 16px;
}*/

.vendor-box .vendor-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vendor-box .vendor-img img {
    opacity: 0.4;
    transition: all 0.6s ease;
    transform: translateY(0);
}

.vendor-box .vendor-img:last-child img {
    transform: translateY(-350%);
    opacity: 0;
}

.vendor-box:hover .vendor-img:first-child img {
    transform: translateY(100%);
    opacity: 0;
}

.vendor-box:hover .vendor-img:last-child img {
    transform: translateY(0);
    opacity: 1;
}

.about-section {
    background-color: #fff;
    padding: 50px 0 50px;
    position: relative;
}

/* .about-section::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../img/element1.png);
    background-repeat: no-repeat;
    right: -70%;  
    max-width: 100%; 
} */

.about-thumb {
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}

.about-thumb img {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}

h4.about-title {
    position: absolute;
    bottom: 33%;
    font-size: 16px;
    line-height: 75px;
    color: #ffffff;
    font-weight: 600;
    font-family: var(--heading-font);
    left: 16%;
    margin: 0;
}

.about-us-shape1 {
    position: absolute;
    right: 80px;
    top: 80px;
    animation: bounceleft 4s linear infinite;
}

.about-us-shape2 {
    position: absolute;
    left: 80px;
    bottom: 80px;
    animation: bounceleft 4s linear infinite;
}

.about-section .about-list-item ul {
    margin: 0;
    padding: 0;
}

.about-section .about-list-item ul li {
    list-style: none;
    font-size: 15px;
    line-height: 26px;
    color: var(--header);
    font-weight: 400;
    border-bottom: 1px dashed rgb(122 122 122 / 40%);
    margin-bottom: 12px;
    padding-bottom: 8px;
}

.about-section .about-list-item ul li img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

.about-section .about-section-content {
    margin-left: 100px;
}

.about-section .about-list-item {
    margin-top: 13px;
    margin-bottom: 24px;
}

/*---------------------------------------
Media Query
---------------------------------------*/

/* =========================================
   1️⃣ Extra Large Devices (1600px and up)
========================================= */
@media (min-width: 1600px) {}


/* =========================================
   2️⃣ Large Desktop (1400px – 1599px)
========================================= */
@media (min-width: 1400px) and (max-width: 1599.98px) {
    .header-section {
        padding: 10px 0px;
    }

    .dnav-brand img {
        width: 150px;
    }
}


/* =========================================
   3️⃣ Standard Desktop (1200px – 1399px)
========================================= */
@media (min-width: 1200px) and (max-width: 1399.98px) {

    .header-section {
        padding: 10px 0px;
    }

    .dnav {
        position: relative;
    }

    .dnav-brand img {
        width: 150px;
    }

    .dnav-dropdown-panel-items {
        width: 100%;
        display: inline-block;
    }
}


/* =========================================
   4️⃣ Laptop (992px – 1199px)
========================================= */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .header-section {
        padding: 10px 0px;
    }

    .dnav {
        position: relative;
    }

    .dnav-brand img {
        width: 150px;
    }

    .dnav-dropdown-panel-items {
        width: 100%;
        display: inline-block;
    }

    h1.section-main-title {
        font-size: 32px;
        line-height: 40px;
    }

    h5.section-sub-title {
        font-size: 16px;
        margin-left: 15px;
        margin-bottom: 13px;
    }

    p.section-title-descr {
        font-size: 16px;
        width: 100%;
    }

    h4.about-title {
        bottom: 30%;
        font-size: 11px;
        left: 12%;
    }

    .about-section .about-list-item ul li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }

    .about-us-shape1 {
        right: 0px;
    }

    .about-us-shape1 img {
        max-width: 80%;
    }

    .about-us-shape2 img {
        max-width: 80%;
    }

    .theme-btn {
        padding: 8px 20px 8px;
    }

}


/* =========================================
   5️⃣ Tablet (768px – 991px)
========================================= */
@media (min-width: 768px) and (max-width: 991.98px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 2);
        padding-left: calc(var(--bs-gutter-x) * 2);
    }

    .header-section {
        padding: 10px 0px;
    }

    .dnav {
        position: relative;
    }

    .dnav-brand img {
        width: 150px;
    }

    .dnav-dropdown-panel-items {
        width: 100%;
        display: inline-block;
    }

    h1.section-main-title {
        font-size: 32px;
        line-height: 40px;
    }

    h5.section-sub-title {
        font-size: 16px;
        margin-left: 15px;
        margin-bottom: 13px;
    }

    p.section-title-descr {
        font-size: 16px;
        width: 100%;
    }

    h4.about-title {
        bottom: 33%;
        font-size: 14px;
        left: 20%;
    }

    .about-section .about-list-item ul li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }

    .about-thumb {
        margin-bottom: 20px;
    }

    .about-us-shape1 {
        right: 0px;
    }

    .about-us-shape1 img {
        max-width: 80%;
    }

    .about-us-shape2 img {
        max-width: 80%;
    }

    .theme-btn {
        padding: 8px 20px 8px;
    }
}


/* =========================================
   6️⃣ Large Mobile (576px – 767px)
========================================= */
@media (min-width: 576px) and (max-width: 767.98px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .header-section {
        padding: 10px 0px;
    }

    .dnav {
        position: relative;
    }

    .dnav-brand img {
        width: 150px;
    }

    .dnav-dropdown-panel-items {
        width: 100%;
        display: inline-block;
    }

    .dnav-dropdown>li>a,
    .dnav-dropdown-panel-item>li>a {
        width: 100%;
    }

    h1.section-main-title {
        font-size: 32px;
        line-height: 40px;
    }

    h5.section-sub-title {
        font-size: 16px;
        margin-left: 15px;
        margin-bottom: 13px;
    }

    p.section-title-descr {
        font-size: 16px;
        width: 100%;
    }

    h4.about-title {
        bottom: 33%;
        font-size: 14px;
        left: 22%;
    }

    .about-section .about-list-item ul li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }

    .about-thumb {
        margin-bottom: 20px;
    }

    .about-us-shape1 {
        right: 0px;
    }

    .about-us-shape1 img {
        max-width: 80%;
    }

    .about-us-shape2 img {
        max-width: 80%;
    }

    .theme-btn {
        padding: 8px 20px 8px;
    }

}


/* =========================================
   7️⃣ Mobile (0 – 575px)
========================================= */
@media (max-width: 575.98px) {

    .header-section {
        padding: 10px 0px;
    }

    .dnav {
        position: relative;
    }

    .dnav-brand img {
        width: 145px;
    }

    .dnav-dropdown-panel-items {
        width: 100%;
        display: inline-block;
    }

    .dnav-dropdown>li>a,
    .dnav-dropdown-panel-item>li>a {
        width: 100%;
    }

    h1.section-main-title {
        font-size: 32px;
        line-height: 40px;
    }

    h5.section-sub-title {
        font-size: 16px;
        margin-left: 15px;
        margin-bottom: 13px;
    }

    p.section-title-descr {
        font-size: 16px;
        width: 100%;
    }

    h4.about-title {
        bottom: 30%;
        font-size: 11px;
        left: 12%;
    }

    .about-section .about-list-item ul li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }

    .about-thumb {
        margin-bottom: 20px;
    }

    .about-us-shape1 {
        right: 0px;
    }

    .about-us-shape1 img {
        max-width: 80%;
    }

    .about-us-shape2 img {
        max-width: 80%;
    }

    .theme-btn {
        padding: 8px 20px 8px;
    }
}


/* =========================================
   8️⃣ Small Mobile (0 – 400px) Optional
========================================= */
@media (max-width: 400px) {

    .header-section {
        padding: 10px 0px;
    }

    .dnav {
        position: relative;
    }

    .dnav-brand img {
        width: 160px;
    }

    .dnav-dropdown-panel-items {
        width: 100%;
        display: inline-block;
    }

    .dnav-dropdown>li>a,
    .dnav-dropdown-panel-item>li>a {
        width: 100%;
    }

    h1.section-main-title {
        font-size: 28px;
        line-height: 32px;
    }

    h5.section-sub-title {
        font-size: 14px;
        margin-left: 15px;
        margin-bottom: 13px;
    }

    p.section-title-descr {
        font-size: 14px;
        width: 100%;
    }

    h4.about-title {
        bottom: 29%;
        font-size: 9px;
        left: 12%;
    }


    .about-section .about-list-item ul li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }

    .about-thumb {
        margin-bottom: 22px;
    }

    .about-us-shape1 {
        right: 0px;
    }

    .about-us-shape1 img {
        max-width: 80%;
    }

    .about-us-shape2 img {
        max-width: 80%;
    }

    .theme-btn {
        padding: 6px 20px 6px;
    }
}