@import "bootstrap.min.css";
@import "bootstrap-grid.min.css";
@import "fonts.css";
@import "animate.css";
@import "all.css";
@import "owl.carousel.css";
@import "owl.theme.default.min.css";
@import "jquery.mCustomScrollbar.min.css";
@import "jquery.fancybox.css";
@import "jquery-ui.css";
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Start Color-var */
:root {
    --main-color: #00437D;
    --dark-color: #181818;
    --white-color: #fff;
    --sec-color: #86b7e2;
    --gray-color: #7A839E;
    --bg-color: #002A4E;
    --bg-dark: #313131;
}

/* End Color-var */

html,
body {
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: #000;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:hover {
    text-decoration: none;
    color: var(--sec-color);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a:focus {
    text-decoration: none;
    color: inherit;
}

button,
button:hover {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background: #fff;
    /* text-align: right; */
    overflow-x: hidden;
    overflow-y: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

header,
section,
footer {
    /* float: right; */
    /* width: 100%; */
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

section {
    position: relative;
}

f {
    margin: 0;
    color: #626262;
    font-size: 15px;
    line-height: 25px;
}

ul {
    padding: 0;
    margin: 0;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

ul li {
    display: block;
    list-style: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.padding {
    padding: 0 !important;
}

img {
    max-width: 100%;
}

input,
button,
input:focus,
button:focus,
input:active,
button:active,
button:hover,
textarea:active,
textarea:focus,
select,
select:active,
select:focus {
    outline: none !important;
}

textarea {
    resize: none;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.opacity {
    opacity: 0;
}

/* Start Color-var */
:root {
    --main-color: #00437D;
    --dark-color: #181818;
    --white-color: #fff;
    --sec-color: #86b7e2;
    --gray-color: #7A839E;
    --bg-color: #002A4E;
    --bg-dark: #313131;
}

/* End Color-var */

/* Start Sidebar */

.open-sidebar {
    float: right;
    background: transparent;
    color: #fff;
    font-size: 25px;
    width: 45px;
    height: 45px;
    margin-left: 0;
    border: none;
    padding: 0;
    border-radius: 4px;
    margin-top: 0;
    background: var(--sec-color);
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar {
    background-size: cover;
    /* background: #fff; */
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    width: 250px;
    z-index: 999999999;
    transform: translateX(100%);
    transition: all .3s;
    background-position: 36%;
    opacity: 1;
}

.sidebar .side-logo img {
    /* max-width: 100px; */
}

.sidebar.opened {
    transform: translateX(0%);
    transition: all .3s;
}

.sidebar:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: var(--bg-color);
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.sidebar .side-logo {
    background-color: #fff;
    padding: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.sidebar .side-social {
    text-align: start;
    padding: 4px 0;
    position: relative;
    background: var(--main-color);
    z-index: 1;
    right: 0;
    left: 0;
    bottom: 0;
    width: 90%;
    margin: auto;
    border-radius: 50px;
    text-align: center;
}

.sidebar .side-social ul li {
    display: inline-block;
}

.sidebar .side-social ul li a {
    text-align: center;
    display: inline-block;
    background-color: transparent;
    border-radius: 0;
    font-size: 18px;
    margin: 8px 12px;
    transition: all .3s;
    color: #f9f9f9 !important;
    border-radius: 50%;
    font-family: 'Roboto', sans-serif;
}

.sidebar .side-social ul li a.lin {
    color: #1562cc;
}

.sidebar .side-social ul li a.tw {
    color: #00a2ff;
}

.sidebar .side-social ul li a.ins {
    color: #622e04;
}

.sidebar .side-social ul li a:hover i {
    color: #167a12;
}

.sidebar .side-nav {
    max-height: 100%;
    /* overflow: hidden; */
    height: calc(100% - 90px);
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.sidebar .side-nav ul li {
    display: block;
    position: relative;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 5px;
}

.sidebar .side-nav ul li a {
    display: block;
    font-size: 17px;
    padding: 11px 25px;
    position: relative;
    color: var(--white-color);
    font-weight: normal;
}

.sidebar .side-nav ul li a:hover,
.sidebar .side-nav ul li a:focus {
    color: #fff;
    background-color: var(--sec-color);
    /* border: none !important; */
    outline: none;
}

.sidebar .side-nav ul li.open a i {
    transform: rotate(180deg);
    transition: all .3s;
    color: #ffb017;
}

.sidebar .side-nav ul li a i {
    margin-right: 3px;
}

.sidebar .side-nav ul li .sub-menu {
    width: 100%;
    min-width: 100%;
    top: 100%;
    border-radius: 0;
    position: relative;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: skewX(0);
    padding: 0;
    transition: all .5s;
    height: 0;
}

.sidebar .side-nav ul li .sub-menu li a {
    padding: 11px 45px;
}

.overlay_gen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.76);
    z-index: 999999999;
    display: none;
}

.side-nav .menu-item-has-children > a:after {
    float: left;
    margin: 0;
}

/* End Sidebar */
/* Start Search */
.site-search {
    display: table;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.82);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
    -webkit-transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
}

.site-search.open {
    z-index: 9999;
    opacity: 1;
    transition: opacity .5s, z-index 0s;
    -webkit-transition: opacity .5s, z-index 0s;
}

.site-search.open .woocommerce-product-search,
.site-search.open .search-form {
    margin-top: -25px;
    opacity: 1;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
}

.site-search .widget_product_search,
.site-search .widget_search {
    position: relative;
    padding-top: 0;
}

.site-search .woocommerce-product-search,
.site-search .widget_search .search-form {
    border: none;
    width: 90%;
    margin-top: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    padding-top: 0;
    opacity: 0;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
    transform: translateX(-50%);
    display: flex;
    border-bottom: 3px solid var(--main-color);
}

.site-search .woocommerce-product-search label,
.site-search .widget_search .search-form label {
    display: none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    transform: translateX(10%);
}

.site-search .woocommerce-product-search .search-field,
.site-search .widget_search .search-form .search-field {
    color: #fff;
    background: none;
    border: none;
    /* border-bottom: 3px solid var(--main-color); */
    font-size: 20px;
    /*  	font-weight: 900;*/
    padding: 15px 0;
    height: auto;
    margin: 0;
    outline: none !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.15s linear;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    box-shadow: inset 0 0 0 transparent;
    background: #fff;
    padding: 0 20px;
}

.site-search .woocommerce-product-search input[type="submit"],
.site-search .widget_search .search-form input[type="submit"] {
    top: 10px;
    right: 15px;
    padding-top: 0 !important;
    background: none !important;
    font-size: 0;
    min-width: 0;
    padding: 0 !important;
    z-index: 4;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-search .woocommerce-product-search button {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--main-color);
    padding: 0;
}

.site-search .woocommerce-product-search .search-field::placeholder {
    color: #fff;
}

.searchForm .btnSearch {
    box-shadow: none !important;
    color: #fff;
    font-size: 20px;
    margin: 7px 20px;
    /* clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); */
    background: transparent;
    margin: 0;
    width: auto;
    height: auto;
    /* color: #fff; */
    padding: 0;
    text-align: center;
    line-height: normal;
    border: none;
    font-size: 20px;
    border-radius: 50%;
}

.site-search-close {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

/* End Search */


/* Start Haeder-top */
.header-top {
    padding: 10px;
    background: linear-gradient(to bottom, #fff, transparent 100%);
    position: absolute;
    z-index: 9;
    right: 0;
    left: 0;
}

.logo {
    display: inline-block;
}

.logo img {
    max-height: 69px;
}

/* End Haeder-top */

/* Start Slider-ome */

.slider-home {
    /* overflow: hidden; */
    /* height: 800px; */
}

.menu-right-po {
    position: absolute;
    right: 0;
    /* bottom: 0; */
    z-index: 8;
    justify-content: center;
    top: 12%;
    align-items: center;
}

.menu-right-po ul li {
    /* writing-mode: vertical-rl; */
    /* transform: scale(-1); */
}

.menu-right-po ul li a {
    /* height: 74px; */
    display: flex;
    padding: 20px 18px;
    margin: 10px 0;
    background: var(--bg-dark);
    font-size: 16px;
    color: #fff;
    width: 100%;
    writing-mode: vertical-lr;
    justify-content: center;
    align-items: center;
    transform: scale(-1);
    opacity: 0.78;
    border-radius: 0 8px 8px 0;
}

.slider-home .col-md-8,
.slider-home .col-md-4 {
    padding: 0;
}

.slider-block {
    height: 100%;
    position: relative;
}

.slider-block .img-block {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider-block .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 20s;
}

.slider-block .details-block {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 80%;
    margin: 0px auto 20%;
    z-index: 6;
}

.slider-block .img-block::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
}

.slider-block .details-block h3 {
    color: var(--white-color);
    font-size: 35px;
    transform: translateX(-60px);
    opacity: 0;
    transition: all .5s;
}

.slider-block .details-block h1 {
    font-size: 55px;
    font-weight: bold;
    color: var(--white-color);
    transform: translateX(-60px);
    opacity: 0;
    transition: all .9s;
}

.slider-block .details-block p {
    font-size: 16px;
    line-height: 28px;
    color: var(--white-color);
    font-weight: 300;
    max-height: 56px;
    overflow: hidden;
    margin: 30px 0;
    opacity: 0;
    transform: translateX(40px);
    transition: all .6s;
}

.btn {
    padding: 0;
    border: none !important;
    box-shadow: none !important;
    background: #004782;
    border-radius: 0;
    display: inline-flex;
    outline: none !important;
    font-size: 13px;
    color: #fff;
}

.btn span {
    line-height: 40px;
    display: inline-flex;
    padding: 0 20px;
    transition: all .4s;
}

.btn i {
    width: 38px;
    background: #003764;
    line-height: 40px;
    transition: all .4s;
}

.btn:hover,
.btn:focus {
    background: var(--bg-color);
    color: #fff;
}

.btn:hover i,
.btn:focus i {
    background: #004782;
}

.top-slider .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 6;
}

.slider-home .row {}

.top-slider .owl-nav .owl-prev,
.top-slider .owl-nav .owl-next {
    width: 39px;
    height: 41px;
    background: #ACACAC;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    transition: all .5s;
    border-radius: 0 5px 5px 0;
    margin: 3px 0;
}

.top-slider .owl-nav .owl-prev:hover,
.top-slider .owl-nav .owl-next:hover {
    background: var(--bg-dark);
}

.right-banner {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    max-height: 750px;
}

.right-banner .img-banner {
    width: 100%;
    height: 100%;
    position: relative;
}

.right-banner .img-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.right-banner .img-banner:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    background: var(--main-color);
    top: 0;
    bottom: 0;
    opacity: .5;
}

.right-banner .banner-slider {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--main-color);
}

.bottom-slider {
    position: absolute;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    right: 0;
    left: 0;
    background: var(--bg-color);
}

.bottom-slider .follow-s {
    background: var(--main-color);
    text-align: center;
    padding: 15px 20px;
    width: 25%;
}

.bottom-slider .follow-s h4 {
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

.bottom-slider .follow-s .social-b {
    display: flex;
    padding-top: 12px;
    justify-content: center;
}

.bottom-slider .follow-s .social-b a {
    color: #fff;
    font-size: 18px;
    margin: 0 10px;
}

.bottom-slider .menu-s {
    width: calc(100% - 25%);
    padding: 12px 20px;
}

.bottom-slider .menu-s ul {
    display: flex;
    flex: 0 1;
    align-items: center;
}

.bottom-slider .menu-s ul li {
    margin: 0 5px;
    display: inline-flex;
    flex: auto;
}

.bottom-slider .menu-s ul li a {
    letter-spacing: 0.42px;
    font-size: 14px;
    font-weight: 300;
    color: var(--white-color);
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bottom-slider .menu-s ul li a img {
    width: 18px;
}

.banner-block {
    padding: 30px;
    width: 77%;
}

.banner-block .title-b {
    font-size: 17px;
    font-weight: 600;
    color: var(--white-color);
}

.banner-block p {
    color: var(--white-color);
    letter-spacing: 0.87px;
    font-size: 15px;
    margin: 20px 0;
}

.right-banner .banner-slider .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin: 35px 5% 0 0;
    display: flex;
}

.right-banner .banner-slider .owl-nav .owl-prev,
.right-banner .banner-slider .owl-nav .owl-next {
    width: 38px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-dark);
    color: #fff;
    font-size: 16px;
    margin: 0 2px;
    transition: all .5s;
}

/* End Slider-ome */

/* Start Menu */
.menu-side {
    position: absolute;
    top: 10%;
    z-index: 9;
    width: 50%;
    margin: auto;
    border: 0;
    /* height: 100%; */
    display: flex;
    align-items: center;
    /* margin-left: -62px; */
    right: 64%;
    /* justify-content: center; */
    transition: all .5s;
}

.menu-side .btn-menu.open-sidebar {
    width: 95px;
    height: 30px;
    /* writing-mode: vertical-lr; */
    display: flex;
    background: var(--main-color);
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    /* transform: rotate(-90deg); */
    letter-spacing: 0.48px;
    font-size: 16px;
    padding: 0;
    opacity: 0.72;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    /* transform: rotate(-90deg); */
}

.menu-side .btn-more-menu {
    transform: rotate(-90deg);
    /* top: 40%; */
    /* position: relative; */
    /* float: left; */
    /* left: -62px; */
}

.menu-side .btn-more-close {
    /* position: absolute; */
    left: 0;
    top: 0;
    transform: translateX(-33px);
    /* position: relative; */
    /* top: 40%; */
    /* position: relative; */
    /* float: left; */
    /* left: -62px; */
}

.menu-side .btn-more-close .btn-menu.close-sidebar {
    width: 50px;
    height: 95px;
    background: #00437D;
    position: relative;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0;
    border-radius: 0px 8px 8px 0px;
    transition: all .3s;
}

.menu-side .sidebar {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    width: 0;
    overflow: hidden;
    max-height: 500px;
    display: flex;
    visibility: hidden;
    opacity: 0;
}

.menu-side .sidebar.opened {
    width: 600px;
    /* overflow: visible; */
    /* min-height: 500px; */
    position: relative;
    margin: 0 34px 0 -31px;
    bottom: 0;
    top: 0;
    background: rgb(49 49 49 / 72%);
    visibility: visible;
    opacity: 1;
}

.menu-side.opened {
    width: 175%;
    right: 0;
}

.menu-side .sidebar .side-nav {
    /* display: flex; */
    margin: 0;
    /* flex: 0 1; */
    height: 100%;
    width: 40%;
}

.menu-side .sidebar .side-nav div#mCSB_1 {
    background: var(--main-color);
}

.menu-side .sidebar .sub-menu-right {
    width: 60%;
}

.menu-side .sidebar:after {
    display: none;
}

.menu-side .sidebar .side-nav ul li a {
    padding: 20px;
    color: #fff;
    font-size: 13px;
    border-bottom: 1px #075698 solid;
}

.menu-side .sidebar .side-nav ul li a img {
    max-width: 20px;
}

.menu-side .btn-more-close .btn-menu.close-sidebar img {
    transition: all .5s;
    filter: brightness(0) invert(1);
    max-width: 30px;
}

.menu-pane {
    display: none;
}

.menu-side .sidebar .sub-menu-right ul li {
    border-bottom: 1px solid rgba(238, 238, 238, 0.12);
    display: block;
    position: relative;
}

.menu-side .sidebar .sub-menu-right ul li a {
    padding: 20px;
    color: #fff;
    font-size: 13px;
    display: block;
}

.menu-side .sidebar .sub-menu-right ul li a:hover,
.menu-side .sidebar .sub-menu-right ul li a:focus {
    background: var(--bg-color);
}

.menu-side .sidebar .side-nav ul li.active a {
    background: var(--sec-color);
    color: #fff;
    border-color: var(--sec-color);
}

.menu-pane.active {
    display: block;
}

.menu-side.opened .btn-more-close .btn-menu.close-sidebar img {
    transform: scale(0);
}

.menu-side .btn-more-close .btn-menu.close-sidebar .close-in {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
}

.menu-side .btn-more-close .btn-menu.close-sidebar .close-in::before,
.menu-side .btn-more-close .btn-menu.close-sidebar .close-in:after {
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .5s;
    opacity: 0;
}

.menu-side .btn-more-close .btn-menu.close-sidebar .close-in::before {
    transform: rotate(45deg);
}

.menu-side .btn-more-close .btn-menu.close-sidebar .close-in:after {
    transform: rotate(-45deg);
}

.menu-side.opened .btn-more-close .btn-menu.close-sidebar .close-in::before,
.menu-side.opened .btn-more-close .btn-menu.close-sidebar .close-in:after {
    opacity: 1;
}

/* End Menu */

/* Start About-h */
.about-h {
    padding: 80px 0;
}

.img-about img {
    -webkit-mask-image: url(../images/mask.png);
    width: 100%;
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    animation: image-top 4s infinite linear;
    position: relative;
    z-index: 2;
}

.img-about {
    height: 603px;
    position: relative;
    z-index: ;
}

.title {
    margin: 0 0 50px;
}

.title h3 {
    margin: 0;
    font-size: 34px;
    color: var(--dark-color);
    font-weight: bold;
    position: relative;
    padding-bottom: 20px;
}

.title h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 87px;
    height: 5px;
    background: var(--main-color);
}

.text-about p {
    font-size: 16px;
    color: var(--gray-color);
    line-height: 25px;
}

.item-user {
    display: flex;
    margin: 15px 0;
    align-items: center;
}

.text-about p:nth-last-of-type(1) {
    margin-bottom: 40px;
}

.item-user .img {
    width: 118px;
    height: 118px;
    border-radius: 50%;
}

.item-user .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.item-user .details {
    padding: 0 0 0 20px;
}

.item-user .details h3 {
    font-size: 16px;
    color: var(--gray-color);
    font-weight: 300;
    margin: 0 0 12px;
}

.item-user .details span {
    color: var(--gray-color);
    font-size: 14px;
}

.about-h::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 45%;
    background-image: url(../images/after-about.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin: auto;
}

.img-about::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/form-after.png);
    background-repeat: no-repeat;
    margin: auto;
    background-size: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
}

.about-h .title h3::after {
    background: var(--sec-color);
}

/* End About-h */

/* Start Activities-h */
.activities-h {
    padding: 80px 0;
}

.activ-slider .item {
    padding: 0 10px;
}
.activities-h .title{
    position: relative;
    z-index: 10;
}
.activities-h .title h3::after {
    background: var(--main-color);
}

.block-activ {
    display: block;
    height: 474px;
    margin: 15px 0;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.block-activ .img-block {
    width: 100%;
    height: 100%;
}

.block-activ .img-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
}

.block-activ .details {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px;
    background: var(--main-color);
    transition: all .5s;
    height: 105px;
    display: flex;
    flex-direction: column;
}

.block-activ .details .name {
    margin: 0 0 10px;
    font-size: 22px;
    height: 27px;
    color: #fff;
    transition: all .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 15px;
}

.block-activ .details .readMore {
    font-size: 17px;
    color: #fff;
    transition: all .5s;
}

.block-activ .details .readMore i {
    font-size: 15px;
    width: 20px;
}

.activities-h::after {
    content: "";
    position: absolute;
    right: 0;
    width: 55%;
    height: 100%;
    top: 10px;
    bottom: 0;
    background-image: url(../images/after-active.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.activ-slider::after {
    content: "";
    position: absolute;
    left: -35px;
    bottom: -35px;
    width: 261px;
    height: 243px;
    background-image: url(../images/form-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

/* End Activities-h */

/* Start Support-h */
.support-h {
    padding: 80px 0;
}

.title-center {
    display: table;
    margin: 0 auto 50px;
    text-align: center;
}

.title-center h3::after {
    right: 0;
    margin: auto;
    background: var(--main-color);
}

.support-block {
    margin: 15px 0;
    overflow: hidden;
}

.support-block .img {
    height: 406px;
    overflow: hidden;
}

.support-block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
}

.support-h .col-md-4.col-sm-12:nth-of-type(2) .support-block,
.support-h .col-md-4.col-sm-12:nth-of-type(3) .support-block {
    border-radius: 5px 5px 0 0;
}

.support-h .col-md-4.col-sm-12:nth-of-type(3) .support-block {
    border-radius: 0 0 5px 5px;
}

.support-block .details {
    position: relative;
    padding: 50px 20px;
    min-height: 406px;
    flex-wrap: wrap;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
}

.support-block .details .name {
    font-size: 18px;
    color: var(--main-color);
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 1px solid rgb(112 112 112 / .3);
    display: block;
}

.support-block .details p {
    font-size: 16px;
    color: var(--gray-color);
    line-height: 25px;
    /* margin: 20px 0; */
    max-height: 75px;
    overflow: hidden;
}

.support-block .details .readMore {
    display: inline-block;
    font-size: 16px;
    color: var(--gray-color);
    text-decoration: underline;
}

.support-h .col-md-4.col-sm-12 {
    padding: 0;
}

.support-block .details::before {
    content: "";
    width: 50px;
    height: 25px;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.44;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    z-index: -1;
    transition: all .5s;
}

.support-h .col-md-4.col-sm-12:nth-of-type(3) .support-block .details::before {
    top: auto;
    bottom: 0;
    transform: scale(-1);
}

.support-h::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -50px;
    height: 400px;
    z-index: -1;
    background-image: url(../images/bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

/* End Support-h */

/* Start Parteners-h */

.parteners-h {
    padding: 130px 0 80px;
}

.controls {
    text-align: ;
    margin-bottom: 25px;
}

.controls .filter {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 17px;
    color: var(--dark-color);
    padding: 0;
    margin: 0;
    font-weight: 300;
    padding: 8px 12px;
    margin-bottom: 5px;
}

.controls .filter.active {
    color: #fff;
    background: var(--main-color) !important;
}

.mix {
    display: none;
}

.block-part {
    height: 178px;
    overflow: hidden;
    border-radius: 5px;
    margin: 15px 0;
}

.block-part a {
    display: block;
    width: 100%;
    height: 100%;
}

.block-part a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
}

/* End Parteners-h */

/* Start Contact-h */
.contact-h {
    padding: 100px 0;
}

.contact-h::after {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    bottom: 0;
    width: 40%;
    height: 100%;
    background-image: url(../images/after-contact.png);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center left;
}

.form-cont {
    position: relative;
    padding: 40px;
    background: 30px;
    background: #f4f5fa;
    border-radius: 40px;
    margin-top: 60px;
}

.form-cont::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: -47px;
    /* bottom: 0; */
    width: 100%;
    height: 100%;
    background: #F4F5FA;
    z-index: -1;
    border-radius: 40px;
    -webkit-transform: skewY(-6deg);
    -moz-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    -o-transform: skewY(-6deg);
    transform: skewY(-6deg);
}

.form-control {
    height: 70px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 0 20px;
    border: none;
    transition: all .5s;
}

textarea.form-control {
    height: 160px;
    padding: 20px;
}

.form-group {
    margin: 15px 0;
}

input.btn {
    line-height: 70px;
    padding: 0 40px;
    margin: 30px auto 0;
    display: table;
    background: var(--main-color);
    font-size: 22px;
    transition: all .5s;
}

.form-control:focus {
    border: none;
    box-shadow: inset 0 -2px 0px 0px var(--sec-color);
}

.form-control::placeholder {
    transition: all .5s;
}

.form-control:focus::placeholder {
    transform: translateX(20px);
    opacity: 0;
}

/* End Contact-h */

/* Start Footer */
footer::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-image: url(../images/footer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

footer {
    position: relative;
    clear: both;
}

.footer-top {
    padding: 280px 0 50px;
}

footer .logo {
    display: block;
    text-align: start;
    width: 100%;
}

footer .logo img {
    max-height: 125px;
    margin: 0;
}

.footer-top p {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    margin: 20px 0;
}

.social-f {
    display: block;
    margin-top: 30px;
}

.social-f a {
    font-size: 20px;
    color: var(--white-color);
    width: 39px;
    display: inline-block;
}

.footer-top h3 {
    margin: 20px 0 30px;
    color: var(--white-color);
    font-size: 16px;
    font-weight: bold;
}

.item-f {
    display: flex;
}

.item-f i,
.footer-top ul li a i {
    color: var(--white-color);
    font-size: 16px;
    width: 22px;
    display: inline-flex;
    transition: all .3s;
}

.item-f span,
.footer-top ul li a span {
    display: inline-flex;
    width: calc(100% - 30px);
    padding: 0;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    transition: all .3s;
}

.footer-top ul li {
    margin: 10px 0;
}

.footer-top .more-f {
    font-size: 16px;
    color: var(--white-color);
    text-decoration: underline;
}

.footer-top ul {
    margin: 20px 0;
}

.footer-bottom .container {
    border-top: 1px solid rgb(255 255 255 / .2);
}

.footer-bottom .row {
    align-items: center;
}

.footer-bottom p {
    font-size: 16px;
    font-weight: 300;
    color: var(--white-color);
    margin-top: 12px;
}

.ryad-logo {
    float: right;
}

/* End Footer */

/* Start Hover */
.social-f a:hover {
    color: var(--sec-color);
    transform: translateY(-5px);
}

.footer-top ul li a:hover,
.footer-top ul li a:hover i,
.footer-top ul li a:hover span,
.more-f:hover {
    color: var(--sec-color);
}

.img-contact img {
    animation: image-top 4s infinite linear;
}

@keyframes image-top {

    0%,
    100% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(5px)
    }
}

.bottom-slider .menu-s ul li a:hover,
.bottom-slider .menu-s ul li a:focus,
.bottom-slider .follow-s .social-b a:hover,
.bottom-slider .follow-s .social-b a:focus {
    color: var(--sec-color);
}

.right-banner .banner-slider .owl-nav .owl-prev:hover,
.right-banner .banner-slider .owl-nav .owl-next:hover,
.right-banner .banner-slider .owl-nav .owl-prev:focus,
.right-banner .banner-slider .owl-nav .owl-next:focus {
    background: var(--sec-color);
    transform: translateY(-3px) scale(.97);
}

.owl-item.active .slider-block .img-block img {
    transform: scale(1.3) translate(-30px, 30px);
}

.owl-item.active .slider-block .details-block h3,
.owl-item.active .slider-block .details-block h1 {
    opacity: 1;
    transform: translate(0);
}

.owl-item.active .slider-block .details-block p,
.owl-item.active .slider-block .details-block .btn {
    opacity: 1;
    transform: translate(0);
}

.slider-block .details-block .btn {
    transform: translateX(40px);
    opacity: 0;
    transition: all .9s;
}

.top-slider .owl-item {
    overflow: hidden;
}

.menu-right-po ul li a:hover,
.menu-right-po ul li a:focus {
    background: var(--sec-color);
}

.block-activ:hover .details {
    height: 35%;
}

.block-activ:hover .details {
    /* display: flex; */
    /* flex-direction: column; 
    align-items: center;*/
    justify-content: center;
    background: var(--bg-dark);
    text-align: center;
}

.block-activ:hover .img-block img {
    transform: scale(1.1) rotate(-1deg);
}

.support-block:hover .img img {
    transform: scale(1.1) rotate(-1deg);
}

.support-block:hover .details .name,
.support-block:hover .details .readMore {
    color: var(--sec-color);
}

.support-block:hover .details::before {
    /* animation: image-top 2s infinite linear; */
    background: var(--sec-color);
}

.support-h .col-md-4.col-sm-12:nth-of-type(3) .support-block:hover .details::before {
    /* transform: scale(-1); */
}


.block-part:hover a img {
    transform: scale(1.1);
}

/* End Hover */

.menu-sideTwo .sidebar .side-nav ul .menu-item-has-children.open .sub-menu {
    transform: none;
    height: 140px;
    opacity: 1;
    display: inline-block;
    overflow: hidden;
    overflow-y: auto;
    background: #02213c;
    visibility: visible;
}

.header-top .btn-more-menu {
    display: inline-block;
    float: right;
    margin-top: 12px;
    display: none;
}


.top-slider {
    height: 750px;
}

.slider-home {
    height: auto;
}

.slider-home .owl-carousel .owl-stage-outer,
.slider-home .owl-carousel .owl-stage,
.slider-home .owl-carousel .owl-item,
.slider-home .owl-carousel .item {
    height: 100%;
}

/* Start Header-page */
.header-top.header-page {
    position: relative;
}

.header-top.header-page .menu-head {
    width: calc(100% - 275px);
    display: inline-block;
    padding-left: 20px;
}

.header-top.header-page .menu-head ul {
    display: flex;
    justify-content: flex-end;
}

.header-top.header-page .menu-head ul li {
    display: inline-flex;
    margin: 0 6px;
    position: relative;
}

.header-top.header-page .menu-head ul li a {
    font-size: 16px;
    color: var(--dark-color);
    display: block;
    padding: 10px;
}

.header-top.header-page .menu-head ul li .sub-menu {
    display: block;
    position: absolute;
    top: 150%;
    background: #fff;
    min-width: 180px;
    box-shadow: 0 0 10px #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    transition: all .5s;
}

.header-top.header-page .menu-head ul li .sub-menu li {
    display: block;
    margin: 0;
}

.header-top.header-page .menu-head ul li .sub-menu li a {
    padding: 10px 20px;
    border-bottom: 1px #ede9ea solid;
    font-size: 15px;
}

.header-top.header-page .menu-head ul li .sub-menu li a:hover,
.header-top.header-page .menu-head ul li .sub-menu li a:focus {
    background: var(--main-color);
    color: #fff;
}

.header-top.header-page .menu-head ul li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow-y: auto;
    top: 100%;
}

.header-top.header-page .menu-head ul li a img {
    max-width: 30px;
}

.header-page .logo img {
    max-height: initial;
    max-width: 265px;
}

.header-top.header-page .row {
    align-items: center;
}

/* End Header-page */

/* Start Breadcrumb */
.breadcrumb {
    padding: 80px 0 150px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    margin: 0;
    /* background-image: url(../images/footer.png); */
    background: transparent;
}

.breadcrumb::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    /* top: 0; */
    bottom: 0;
    background-image: url(../images/footer.png);
    /* opacity: .9; */
    height: 100%;
    transform: scale(-1);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    z-index: -1;
}

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

.breadcrumb h3 {
    margin: 0;
    color: var(--white-color);
    font-size: 28px;
    font-weight: bold;
}

.breadcrumb ul {
    display: flex;
    justify-content: flex-end;
}

.breadcrumb ul li {
    display: inline-flex;
    position: relative;
    padding: 0 12px;
}

.breadcrumb ul li a,
.breadcrumb ul li span {
    color: var(--white-color);
    font-size: 16px;
    transition: all .3s;
}

.breadcrumb ul li:last-child {
    padding-right: 0;
}

.breadcrumb ul li a:after {
    content: "/";
    position: absolute;
    right: -3px;
    top: 1px;
}

.breadcrumb .row {
    align-items: center;
}

.breadcrumb::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    /* background: var(--main-color); */
    /* opacity: .8; */
}

/* End Breadcrumb */

/* Start Mangement-page */
.body-inner {
    padding: 80px 0 100px;
}

.title-page {
    margin: 50px 0;
}

.title-page h3 {
    margin: 0;
    font-size: 36px;
    color: var(--main-color);
    font-weight: 600;
}

.mangement-page .row:nth-of-type(1) .col-md-12:nth-of-type(1) .title-page {
    margin-top: 0;
}

.mange-block {
    display: block;
    margin: 15px 0;
    text-align: center;
}

.mange-block .img {
    width: 188px;
    height: 188px;
    margin: auto;
    border-radius: 50%;
    background: var(--main-color);
    overflow: hidden;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.mange-block .img img {
    filter: brightness(0) invert(1);
    max-width: 120px;
    max-height: 120px;
}

.mange-block .details {
    padding-top: 20px;
}

.mange-block .details h3 {
    font-size: 25px;
    color: #000;
}

.mange-block .details span {
    color: #9C9C9C;
    font-size: 20px;
}

/* End Mangement-page */

/* Start Pharmace-page */
.text-pharm p {
    font-size: 21px;
    font-weight: 300;
    color: #000;
    line-height: 40px;
}

.logos-ph {
    margin-top: 60px;
}

.block-logo {
    display: flex;
    margin: 15px 0;
    height: 170px;
    border: 1px solid #707070;
    /* padding: 20px; */
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}

.block-logo img {
    max-width: 95%;
    max-height: 95%;
}

/* End Pharmace-page */

/* Start Actavis-page */
.single-slider .single-block {
    height: 523px;
    overflow: hidden;
}

.single-slider .single-block .img {
    display: block;
    width: 100%;
    height: 100%;
}

.single-slider .single-block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#big {
    margin-bottom: 10px;
}

.single-slider .thum-block {
    height: 88px;
    overflow: hidden;
    opacity: 0.48;
    transition: all .5s;
}

.single-slider .thum-block .img {
    width: 100%;
    height: 100%;
}

.single-slider .thum-block .img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
}

.single-slider .owl-item.active.current .thum-block {
    opacity: 1;
}

.single-slider .owl-item.active.current .thum-block .img img {
    transform: scale(1.1);
}

.single-slider {
    padding-bottom: 50px;
}

.title-line {
    margin: 30px 0;
}

.title-line h3 {
    font-size: 32px;
    margin: 0;
    padding-bottom: 20px;
    font-weight: 600;
    color: var(--main-color);
    position: relative;
}

.title-line h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 6px;
    background: var(--main-color);
}

.text-page p {
    font-size: 18px;
    line-height: 40px;
    color: #000;
}

.text-page ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.text-page ul li strong {
    width: 40%;
    font-weight: normal;
    color: var(--main-color);
    font-size: 18px;
}

.text-page ul li span {
    width: calc(100% - 40%);
    font-size: 18px;
    color: #000000;
    font-weight: 300;
}

.text-page a {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.text-page a:hover,
.text-page a:focus {
    color: var(--sec-color);
}

.list-style ul li {
    padding-left: 30px;
    margin: 10px 0;
    font-size: 22px;
    font-weight: 300;
    color: #000;
    position: relative;
}

.list-style ul li::before {
    content: "\f560";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
}

/* End Actavis-page */

/* Start Contact-page */
.map-con {
    height: 318px;
    margin: 15px 0;
}

iframe {
    width: 100%;
    height: 100%;
}

.contact-info ul li {
    line-height: 2;
    margin: 10px 0;
}

.contact-info ul li span,
.contact-info ul li i {
    font-size: 24px;
    color: #000;
    display: inline-block;
    direction: ltr;
}

.contact-info ul li i {
    color: var(--main-color);
    width: 35px;
}

::selection {
    background: var(--sec-color);
    color: #fff;
}

/* End Contact-page */

/* Start Career-page */
.__lk-fileInput {
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
}

.__lk-fileInput input {
    display: none;
}

.__lk-fileInput span {
    height: 70px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 0 20px;
    border: none;
    transition: all .5s;
    display: block;
    line-height: 70px;
    color: #6c757d;
}

.__lk-fileInput span:hover {
    /* background: #2683E1; */
}

.__lk-fileInput span.withFile:after {
    content: "\f00d";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #ccc;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 20px;
}

/* End Career-page */
/*********************************** Start our partner page**********************************/

 .mynav .image{
    max-width: 270px;
}
.mynav{
  background: var(--bg-color);
  padding: 8px 0;
  position: relative;
}

.mynav .col-md-8{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu ul li:not(:last-of-type){
    margin-right: 15px;
}
.mynav .menu ul li a{
    color: var(--white-color);
    font-size: 15px;
}
.mynav .nav-img img{
    width: 50px;
}
.mynav .follow-s {
    text-align: center;
    display: inline-block;
}
.mynav .follow-s h4 {
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}
.mynav .follow-s .social-b {
    display: flex;
    padding-top: 12px;
    justify-content: center;
}
.mynav .follow-s .social-b a {
    color: #fff;
    font-size: 18px;
    margin: 0 10px;
}
/* Start partner section */
.ourpartner-page .header-top{
    display: none;
}
.our-partners{
    margin:30px 0;
}
.section-title h2{
    color: var(--main-color);
    margin: 40px 0;
    /* padding: 70px 0 20px; */
    text-transform: uppercase;
    letter-spacing: 1px;
}
.partner-img{
    border: 1px solid #eee;
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px; 
}
.partner-img img{
    /* height: 60px; */
    object-fit: cover;
    max-width: 75%;
}
.our-partners .prtner-name h4{
    text-align: center;
    font-size: 18px;
    margin: 10px 0;
    color: var(--bg-color);
}
.our-partners .row{
    margin-bottom: 60px;
}
/*********************************** end our partner page**********************************/
/*********************************** Start who we are page**********************************/
.how-we-are .section-title h2{
    margin-top: 50px;
}
.how-we-are .col-md-6{
    margin-bottom: 40px;
}
.how-we-are .col-title{
    margin-top: 20px;
}
.how-we-are .col-title h5{
    text-transform: uppercase;
    color: var(--bg-color);
   display: flex;
}
.how-we-are .col-title h5 i{
    border: 1px solid var(--bg-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 16px;
}
.who-we-are-img img{
    width: 100%;
    height: 270px;
    object-fit: cover;
border-radius: 10px;
}
/*********************************** end who we are page**********************************/
/*********************************** Start all news page**********************************/
.news-title h5{
    text-transform: uppercase;
    color: var(--main-color);
    margin-bottom: 12px; 
}
.main-news .news-img img{
    max-height: 352px;
    object-fit: cover;
    margin-bottom: 30px;
}
.main-news .row{
    margin-bottom: 30px;
}
a.read-more{
    background-color: var(--bg-color);
    color: #fff;
    border-radius: 5px;
    padding: 8px 10px;
    text-transform: uppercase;
}
.owl-carousel-news .card{
    border: none;
}
.owl-carousel-news .card p{
    font-size: 14px;
    min-height: 90px;
    margin-bottom: 10px;
}
.owl-carousel-news .item{
    position: relative;
}
.owl-carousel-news .owl-prev i,
.owl-carousel-news .owl-next i{
        position: absolute;
        top: 0;
        font-size: 41px;
        color: #fff;
        background: var(--main-color);
       width: 75px;
       height: 377px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .owl-carousel-news .owl-prev i{
        left: -120px;
    }
    .owl-carousel-news .owl-next i{
        right: -120px;
    }
    .owl-theme .owl-nav [class*=owl-] {
        padding: 0;
    }
    /*********************************** End all news page**********************************/
     /*********************************** Start founder page**********************************/
.founder{
    padding: 20px 0;
    text-align: center;
}
.founder .section-title h2{
   color: var(--bg-color); 
   text-transform: uppercase;
   font-weight: bold;
   padding: 20px 0;
}
.founder h5{
    text-transform: capitalize;
    color: var(--main-color);
}
.founder h6{
    text-transform: capitalize;
    margin-bottom: 10px;
    color: var(--gray-color);
}
.founder h6 span{
    text-transform: uppercase;
}
.founder p{
    color:var(--gray-color);
    font-size: 18px;
}
.founder-info{
    width: 80%;
    margin: 50px auto 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.founder-info .founder-item h5{
    text-transform: uppercase;
    margin: 20px 0;
    color: var(--main-color);
}
.founder-info .founder-item p{
    color: var(--main-color);
}
     /*********************************** End founder page**********************************/
    /*********************************** Start our location page**********************************/   
.our-location .location-name{
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
}
    .our-location .location-info{
    background-color: var(--bg-color);
    color: #fff;
    padding:30px 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.our-location .location-info ul li{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.our-location .location-info ul li i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-location .row{
    justify-content: center;
}

 /*********************************** End our location page**********************************/ 
 /*********************************** Start what we do page**********************************/
 .what-we-do.how-we-are .col-title h5 i{
     /* border: none; */
     /* font-size: 40px; */
     /* color: var(--bg-color); */
 }
.what-we-do .col-md-7,.what-we-do .col-md-5{
margin-bottom: 80px;
}
.what-we-do .col-title{
    /* padding-top: 68px; */
}
.what-we-do .col-title p{
    line-height: 1.7;
    margin: 20px 0 30px;
}
 /*********************************** End what we do page**********************************/
  /*********************************** Start single news page**********************************/
 .news-page{direction: rtl;margin-top: 80px;position: relative;z-index: 1;/* padding: 20px 0; */padding-bottom: 80px;}
 .news-page .container{
     position: relative;
     z-index: 999999;
 }
 .news-page::after{
     position: absolute;
     top: -3%;
     left: -20%;
     content: '';
     background-image: url('../images/image.png');
     background-size: cover;
     z-index: 9;
     width: 55%;
     height: 66%;
 }
 .singl-img img{
    object-fit: cover;
    width: 80%;
    margin-left: 30%;
    z-index: 10;
    height: 100%;
    object-position: center;
}
.single-news-info{
    width: 60%;
    margin-top: 30px;
}
.single-news-info h5,.single-news-info h6{
    text-transform: uppercase;
    color: var(--main-color);
    margin-bottom: 10px;
}
.single-news-info h6{
    color: #1562cc;
}
.single-news-info p{
    color: var(--gray-color);
    margin-bottom: 5px;
}

 /*********************************** End single news page**********************************/
 .support-operation{
     text-align: center;
 }
 .support-operation p{
     color: var(--gray-color);
 }
 .accordian{
    width: 100%;
     padding-top: 30px;
  }
  .accordian-BX{
      position: relative;
      margin: 20px;
      border-radius: 5px;
      transition: all 0.6s;
  }
  .accordian .accordian-BX .lable{
      background:var(--main-color);
      color: #fff;
      font-size: 20px;
      font-family: 'bold';
      padding: 20px;
      position: relative;
      cursor: pointer;
      overflow: hidden;
      border-radius: 10px;
      transition: all 1s;
      padding-right: 60px;
  }
  .accordian .accordian-BX .lable::before{
      content: '\f055';
      font-family: 'Font Awesome 5 Pro';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
      font-size: 1.5em;
      
      
  }
  .accordian-BX.active .lable{
      background-color: #f8f8f8;
      color: var(--bg-color);
  }
  .accordian-BX.active .lable::before{
      content: '\f056';
      font-family: 'Font Awesome 5 Pro';
      overflow: hidden;
  }
  .accordian .accordian-BX .content{
      position: relative;
      background: #fff;
      color: #505050;
      line-height: 1.8;
      height: 0;
      overflow: hidden;
      transition:all 1s;
      width: 100%;
     text-align: center;
     padding-top: 20px;
  }
  .accordian-BX.active .content{
     height: 100px;
      overflow: hidden;
  }

.how-we-are .row:nth-of-type(odd) {
    direction: ltr;
}.how-we-are .row {
    direction: rtl;
    text-align: left;
}.even {
    direction: ltr;
}

.singl-img {
    height: 500px;
}

.right-banner .banner-slider .owl-nav .owl-prev i, .right-banner .banner-slider .owl-nav .owl-next i {
    display: block;
}


.feedback-page.body-inner {
    /* background: #f1f1f1; */
}

.text-feed p {
    margin: 0 0 15px;
    font-size: 17px;
    line-height: 27px;
    color: #444;
}

.text-feed ul {
    margin: 20px 0;
}

.text-feed ul li {
    padding: 15px 0;
    display: flex;
    flex: 0 1;
}

.text-feed ul li span, .text-feed ul li strong {
    display: inline-flex;
    flex: auto;
    font-size: 17px;
    font-weight: normal;
}

.form-group label {
    font-size: 17px;
    margin: 10px 0 20px;
    color: var(--main-color);
}

.form-feed form .form-group:nth-child(1), .form-feed form .form-group:nth-child(1) label {
    margin-top: 0;
}

/* The container */
.feedCheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .5s;
}

/* Hide the browser's default radio button */
.feedCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.feedCheck:hover input ~ .checkmark {
    background-color: #ccc;
}

.feedCheck input:checked ~ .checkmark {
    /* background-color: var(--sec-color); */
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.feedCheck input:checked ~ .checkmark:after {
    display: block;
}

.feedCheck .checkmark:after {
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
 	background: var(--main-color);
 	margin: auto;
}

.form-feed .btn {
    display: inline-block;
    line-height: 55px;
    font-size: 16px;
    padding: 0 30px;
    margin: 10px 0;
}

.form-feed  .form-group:nth-last-of-type(1) {
    /* text-align: right; */
}

.btn.btn-clear {
    background: var(--bg-dark);
}

.form-feed .form-control {
    background: #f1f1f1;
}

.how-we-are.what-we-do .row .col-md-5 {
    direction: ltr;
}

.mynav .btn-more-menu {
    display: none;
    float: right;
    margin-top: 40px;
}

.sidebar .side-nav ul li.menu-item-has-children::after {
    content: "\f107";
    position: absolute;
    right: 12px;
    top: 15px;
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
    font-size: 13px;
}
span.wpcf7-list-item {
	margin: 0 1em 0 0;
	display: block;
}

form {
    direction: ltr;
    text-align: start;
}

.all-input input[type="radio"] {
    float: left;
    margin: 5px 5px 0 0;
}

.all-input .wpcf7-list-item {
    display: block;
    margin: 10px 0;
}


.single-news-info.single-pro {width: 100%;clear: both;padding: 80px 0;float: right;width: 100%;}

.news-page .container {
}

.single-news-info.single-pro h5 {
    margin: 0 0 50px;
    font-size: 36px;
    color: var(--main-color);
    font-weight: 600;
    text-align: center;
}

.single-product .woocommerce-product-gallery {
    /* height: 360px; */
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
    height: 100%;
    display: block;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.woocommerce .quantity .qty {width: 100% !important;height: 45px;text-align: start !important;padding: 0 20px;border: 1px #ccc solid;border-radius: 5px;}

.woocommerce div.product form.cart div.quantity {
    width: 40%;
}

.woocommerce div.product form.cart {
    margin: 30px 0;
}

.woocommerce div.product form.cart .button {
    padding: 0 30px;
    line-height: 45px;
    border-radius: 5px;
    background: var(--main-color);
}

.woocommerce div.product {
    /* display: flex; */
    /* align-items: center; */
}



.wooo h5 {
    margin: 0 0 30px;
    font-size: 36px;
    color: var(--main-color);
    font-weight: 600;
    text-align: center;
}

/* Start Select Nice */

select {
    display: none;
}

.nice-select,
.nice-select.form-control {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: none;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    /* float: right; */
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    line-height: 50px;
    outline: none;
    padding: 0 30px;
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #4e4c4c;
    width: 100%;
    background: #fff;
    border: 1px solid #707070;
}
.nice-select span{
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: var(--white-color);
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    width: 100%;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
    color: var(--main-color);
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding: 0 10px;
    /* text-align: left; */
    transition: all 0.2s;
    color: var(--main-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: var(--main-color);
    color: var(--sec-color);
}

.nice-select .option.selected {
    /* font-weight: bold; */
}

/* End Select Nice */


.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    /* float: none; */
}

.woocommerce .woocommerce-ordering .nice-select {
    width: 30%;
    display: table;
}

.body-inner .woocommerce .woocommerce-result-count {
    margin: 15px 0;
    color: #999;
}

.woocommerce ul.products {
    margin: 50px 0 0;
    float: left;
    width: 100%;
}

.body-inner .woocommerce ul.products li.product {
    padding: 5px;
    border: 1px #ccc solid;
    border-radius: 5px;
    text-align: center;
}

.body-inner .woocommerce ul.products li.product a img {
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.body-inner .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px;
    color: var(--dark-color);
    margin: 0;
}

.body-inner .woocommerce ul.products li.product .price {
    color: var(--sec-color);
    font-size: 16px;
}

.woocommerce ul.products li.product .button {
    padding: 0 20px;
    line-height: 40px;
    background: var(--main-color);
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 20px;
}

.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:focus {
    background: var(--sec-color);
}

.body-inner .woocommerce table.shop_table th {
    background: var(--main-color);
    color: #fff;
    padding: 15px;
}

.body-inner .woocommerce table.cart img {
    width: 80px;
    height: 70px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.woocommerce .quantity .qty#quantity_5fed70d829330 {
    width: auto !important;
}

.body-inner .woocommerce table.cart td.actions .coupon .input-text {width: 200px;height: 35px;padding: 0 20px;border: 1px #f1f1f1 solid;border-radius: 5px;}

.body-inner .woocommerce .cart .button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    padding: 0 10px !important;
    background: var(--sec-color);
    color: #fff;
    line-height: 35px;
    margin: 0;
    font-weight: normal;
    font-size: 13px;
}

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
    vertical-align: middle;
}

.woocommerce table.cart td.actions .coupon {
    margin-top: 8px;
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    margin-top: 5px;
}

.woocommerce .woocommerce-cart-form .quantity .qty {
    width: auto !important;
}

.body-inner .woocommerce .cart_totals  table.shop_table th {
    background: transparent;
    color: var(--main-color);
}

.body-inner .woocommerce #respond input#submit.alt, .body-inner .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    padding: 0 20px;
    background: var(--main-color);
    line-height: 45px;
    font-size: 15px;
}

.body-inner .woocommerce #respond input#submit.alt:hover, .body-inner .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .body-inner .woocommerce input.button.alt:hover, .body-inner .woocommerce #respond input#submit.alt:hover, .body-inner .woocommerce a.button.alt:hover, .body-inner .woocommerce button.button.alt:hover, .body-inner .woocommerce input.button.alt:hover {
    background: var(--sec-color);
}

.body-inner .wooo .woocommerce h2 {
    font-size: 22px;
    color: var(--sec-color);
    margin: 0;
    text-align: center;
}

.body-inner .woocommerce form.checkout_coupon, .body-inner .woocommerce form.login, .body-inner .woocommerce form.register {
    padding: 40px;
    background: #f4f5fa;
    border: none;
    border-radius: 30px;
}

.body-inner .woocommerce form .form-row label {
    display: block;
}

.body-inner .woocommerce form .form-row {
    display: block;
    margin: 20px 0;
}

.body-inner .woocommerce form .form-row input.input-text, .body-inner .woocommerce form .form-row textarea, .body-inner .woocommerce form .form-row select {
    height: 70px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 0 20px;
    border: none;
    transition: all .5s;
}

.body-inner .woocommerce #respond input#submit, .body-inner .woocommerce a.button, .body-inner .woocommerce button.button, .body-inner .woocommerce input.button, .body-inner .woocommerce #respond input#submit.alt, .body-inner .woocommerce a.button.alt, .body-inner .woocommerce button.button.alt, .body-inner .woocommerce input.button.alt {
    padding: 0 30px;
    line-height: 40px;
    background: var(--main-color);
    color: #fff;
    font-weight: normal;
}

.body-inner .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
}

.body-inner .woocommerce form .show-password-input, .body-inner .woocommerce-page form .show-password-input {
    margin: 14px;
}

.woocommerce #customer_details .col-1, .woocommerce-page #customer_details .col-1, .woocommerce #customer_details .col-2, .woocommerce-page #customer_details .col-2 {
    max-width: 50%;
}

#customer_details {
    padding: 50px 0;
}

.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
    color: var(--sec-color);
    font-size: 22px;
    margin: 0 0 50px;
}

.woocommerce-billing-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper {
    padding: 30px;
    background: #f4f5fa;
    border-radius: 30px;
}

.body-inner .woocommerce .woocommerce-billing-fields__field-wrapper .form-row input.input-text, .body-inner .woocommerce .woocommerce-additional-fields__field-wrapper .form-row input.input-text, .body-inner .woocommerce .woocommerce-billing-fields__field-wrapper .form-row select {
    height: 50px;
}

.body-inner .woocommerce .woocommerce-billing-fields__field-wrapper .form-row textarea, .body-inner .woocommerce .woocommerce-additional-fields__field-wrapper .form-row textarea {
    height: 200px;
    padding: 20px;
}

.body-inner .woocommerce form .form-row .nice-select {
    border: none;
}

.body-inner .woocommerce table.shop_table tr.cart-subtotal th, .body-inner .woocommerce table.shop_table tr.order-total th {
    background: transparent;
    color: var(--main-color);
}

#order_review_heading {
    margin: 0 0 30px;
    font-size: 36px;
    color: var(--main-color);
    font-weight: 600;
    text-align: center;
}

.body-inner.woo489 {
    overflow: hidden;
}

.woo490 .woocommerce {
    display: flex;
}

.woo490 .woocommerce .woocommerce-MyAccount-navigation {}

.woocommerce .woocommerce-MyAccount-content {
    width: 70%;
}

.woocommerce .woocommerce-MyAccount-navigation, .woocommerce .woocommerce-MyAccount-content {
    display: inline-flex;
    padding: 0 15px;
    flex-flow: column;
}

.woocommerce .woocommerce-MyAccount-navigation {
    width: 30%;
}

.woocommerce .woocommerce-MyAccount-navigation ul {
    display: block;
    width: 100%;
    padding: 30px;
    border: 1px solid #f1f1f1;
    border-radius: 12px;
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
    display: block;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
    color: var(--dark-color);
    font-size: 16px;
    padding: 15px 0;
    display: block;
    border-bottom: 1px solid #f1f1f1;
}

.woocommerce .woocommerce-MyAccount-navigation ul li:first-child a {
    padding-top: 0;
}

.woocommerce .woocommerce-MyAccount-navigation ul li:last-child a {
    border: 0;
    padding-bottom: 0;
    color: var(--sec-color);
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--main-color);
    font-weight: bold;
}

.woocommerce .woocommerce-MyAccount-content p a {
    color: var(--main-color);
}

.u-columns.woocommerce-Addresses.col2-set.addresses .col-1, .u-columns.woocommerce-Addresses.col2-set.addresses .col-2 {
    max-width: 50%;
    padding: 0 15px;
    margin: 30px 0;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .title h3 {
    font-size: 20px;
    display: inline-block;
    padding: 0;
}

.u-columns.woocommerce-Addresses.col2-set.addresses address {padding: 20px 0;/* border: 1px #f1f1f1 solid; */border-top: 0;}

.u-columns.woocommerce-Addresses.col2-set.addresses .title h3::after {
    width: 50px;
    height: 4px;
    display: none;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .title .edit {
    float: right;
    padding: 0 10px;
    line-height: 30px;
    background: #e8e8e8;
    font-size: 13px;
    color: #666;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .title .edit:hover {
    background: var(--main-color);
    color: #fff;
}

.woocommerce-address-fields {
    padding: 30px;
    background: #f4f5fa;
    border-radius: 30px;
    margin: 30px 0 0;
}

.woocommerce .woocommerce-MyAccount-content h3 {
    font-size: 22px;
    color: var(--main-color);
}

.u-columns.woocommerce-Addresses.col2-set.addresses .title {
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px #f1f1f1 solid;
}

.woocommerce-EditAccountForm.edit-account {
    padding: 40px;
    background: #f4f5fa;
    border-radius: 30px;
}

.single-product .woocommerce-product-gallery {/* height: 400px; */}

.single-product .woocommerce-product-gallery .flex-viewport {
    height: 400px !important;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    height: 90px;
    overflow: hidden;
    padding: 0 1px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.summary.entry-summary h3 {
    color: var(--dark-color);
}

.summary.entry-summary h3 + p {
    color: var(--main-color);
    font-size: 18px;
}

.woocommerce-product-details__short-description p {
    margin: 30px 0;
    font-size: 17px;
    line-height: 27px;
    color: #555;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
    display: none;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs #tab-description {}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs #tab-description h2 {
    color: var(--main-color);
    text-align: start;
    margin-bottom: 20px;
}

.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs {
    margin: 50px 0;
    clear: both;
    float: right;
    width: 100%;
}

.related.products {
    clear: both;
}

.body-inner .wooo .woocommerce .related.products h2 {
    margin: 0 0 50px;
    font-size: 36px;
    color: var(--main-color);
    font-weight: 600;
}

.woocommerce ul.order_details li strong {
    font-weight: normal;
    margin-top: 5px;
    color: var(--main-color);
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
    background: transparent;
    color: var(--main-color);
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    margin: 30px 0;
}

.body-inner .wooo .woocommerce .woocommerce-column__title {
    margin-bottom: 30px;
    text-align: start;
}

.body-inner .wooo .woocommerce .woocommerce-order-details__title {
    text-align: start;
    margin-top: 30px;
}

.menu {
    display: inline-block;
    width: calc(100% - 180px);
}

.mynav .menu ul li .wpmenucart-contents {
    position: relative;
    display: flex;
}


.mynav .menu ul li .wpmenucart-contents .cartcontents {
    position: absolute;
    left: -6px;
    top: -3px;
    background: #fff;
    width: 15px;
    height: 15px;
    line-height: normal;
    color: var(--main-color);
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 4px;
}

.mynav .menu ul li .wpmenucart-contents .amount {
    font-size: 11px;
}

.mynav.header-top .col-md-9 {
    align-items: center;
    display: flex;
}

.woocommerce table.cart td.actions .coupon {
    display: flex;
}


/* Start Store-page */
.header-top.header-top-store {
    position: relative;
    background: var(--bg-color);
    padding: 10px 0;
}

.logo-store {
    display: inline-block;
    max-width: 240px;
}

.logo-store img {
    width: 100%;
}

.header-top.header-top-store .res-menu .btn-more-menu {
    display: inline-flex;
    margin: 0;
}

.header-top.header-top-store .res-menu {
    display: none;
    float: right;
}

.menu-left-store {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu-left-store .lang {
    color: var(--white);
    font-size: 16px;
}

.menu-left-store .btn-user .btnUser-sub, .menu-left-store .cart-h .btnCart, .searchForm .btnSearch {
    padding: 0;
    background: var(--white);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    color: var(--dark-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none !important;
}

.menu-left-store .btn-user, .menu-left-store .cart-h {
    position: relative;
}

.menu-left-store .btn-user .sub-menu-user, .menu-left-store .cart-h .sub-cart {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 8;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.32);
    border-radius: 2px;
    overflow: hidden;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.menu-left-store .btn-user .sub-menu-user {min-width: 120px;}

.menu-left-store .btn-user .sub-menu-user li {
    display: block;
}

.menu-left-store .btn-user .sub-menu-user li a {
    display: block;
    padding: 10px;
    border-bottom: 1px #eaeaea solid;
    font-size: 12px;
    color: #333;
}

.menu-left-store .btn-user .sub-menu-user li a i {
    width: 20px;
}

.menu-left-store .btn-user .sub-menu-user li a:hover, .menu-left-store .btn-user .sub-menu-user li a:focus {
    background: var(--sec-color);
    border-color: var(--sec-color);
    color: #fff;
}

.menu-left-store .cart-h .sub-cart {
    width: 250px;
}

.menu-left-store .cart-h .sub-cart ul li {
    display: flex;
    padding: 15px;
    border-bottom: 1px #f0f0f0 solid;
    height:100px;
    position:relative;
}

.menu-left-store .cart-h .sub-cart ul .woocommerce-mini-cart-item.mini_cart_item.en_cart  .remove {
    display: inline-block;
    padding: -1px 0 0 10px;
    background-color: #ff0000;
    height: 15px;
    width: 15px;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 0px 1px 0px 3px;
    line-height: 4px;
    margin: 7% 0 0 5px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    opacity: .5;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:.3s all ease-in-out;
}

.menu-left-store .cart-h .sub-cart ul li .remove:hover{
    opacity:1;
}



.menu-left-store .cart-h .sub-cart ul li .p_img{
    width:100%;
    
}
.menu-left-store .cart-h .sub-cart ul li .p_img img{
    object-fit: cover;
    max-width: 80px;
    max-height: 80% !important;
}

.menu-left-store .cart-h .sub-cart ul li .img-cart {
    display: inline-flex;
    width: 60px;
    height: 60px;
}

.menu-left-store .cart-h .sub-cart ul li .p_txt{
       font-size: 12px;
    margin: 0;
    display: block;
    height: -5px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 10px;
}

.menu-left-store .cart-h .sub-cart ul li .quantity{

margin-right: 9px;

font-weight:bold;

font-size: 12px;
padding:0 10px;
}

.menu-left-store .cart-h .sub-cart .woocommerce-mini-cart__total.total{
    background-color:#f3f3f3;
    padding:10px;
    text-align:center;


}

.menu-left-store .cart-h .sub-cart .c_buttons{
    display:flex;
    align-items:center;
    justify-content:space-around;
    padding:12px;
}
.menu-left-store .cart-h .sub-cart .c_buttons a:first-of-type{

padding: 10px 15px;

background-color: #00437d;

color: #fff;

font-size: 13px;

margin-left: 7px;
}
 
 
 
 .menu-left-store .cart-h .sub-cart .c_buttons a:last-of-type{

padding: 10px 15px;

background-color: #f00;

color: #fff;

font-size: 13px;

margin-right: 7px;
}
    
    
    
.menu-left-store .cart-h .sub-cart .c_buttons .woocommerce-mini-cart__buttons.buttons a:first-of-type{

    display: inline-block;
    background-color: #00437d;
    color: #fff;
    padding: 10px 15px;
    font-size:13px;
    border-radius: 5px;
    margin: 0 28px 0 0;
}
.menu-left-store .cart-h .sub-cart .c_buttons .woocommerce-mini-cart__buttons.buttons a:last-of-type{

    padding: 10px 15px;
    font-size:13px;
    display: inline-block;
    background-color: #f92524;
    color: #fff;
    border-radius: 5px;
    margin: 0 10px 0 28px;
}

.menu-left-store .cart-h .sub-cart ul li .img-cart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.menu-left-store .cart-h .sub-cart ul li .img-cart a {
    display: block;
}

.menu-left-store .cart-h .sub-cart ul li .details {
    width: calc(100% - 60px);
    padding: 0 15px;
}

.menu-left-store .cart-h .sub-cart ul li .details .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--dark-color);
    font-size: 15px;
}

.menu-left-store .cart-h .sub-cart ul li .details span {
    font-size: 13px;
    color: #777;
    line-height: normal;
}

.menu-left-store .cart-h .sub-cart ul li .details .price-pro {
    font-size: 14px;
    color: var(--sec-color);
}

@media(max-width:992px){
    .menu-left-store .cart-h .sub-cart{
        position:absolute;
        right:0;
    }
}


.menu-left-store .cart-h .sub-cart ul {
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
}

.menu-left-store .cart-h .sub-cart ul::-webkit-scrollbar {
    width: 5px;
}

.menu-left-store .cart-h .sub-cart ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(162 162 162 / 30%);
}

.menu-left-store .cart-h .sub-cart ul::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    outline: 1px solid #181818;
}

.menu-left-store .cart-h .sub-cart .btns-sub {
    padding: 15px 10px;
}

.menu-left-store .cart-h .sub-cart .btns-sub .btn.btn-sec {
    background: var(--dark-color);
    margin: 0 5px;
}

.menu-left-store .btn-user:hover .sub-menu-user, .menu-left-store .cart-h:hover .sub-cart {
    opacity: 1;
    height: auto;
    visibility: visible;
}
.sub-cart.en_sub-cart{
    margin-top:5px;
}
 .sub-cart.en_sub-cart p{
        display: flex;
    align-items: center;
    justify-content: center;
    margin:0;
    padding:10px;
}

.menu-left-store .btn-user .btnUser-sub {
    margin: 0 10px;
}

.menu-left-store .cart-h .btnCart .total-s {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: flex;
    background: var(--sec-color);
    font-size: 10px;
    color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.store-search form {
    display: flex;
}

.store-search form .nic-select {
    width: 100px;
}

.store-search form .nice-select {
    height: 50px;
    width: 150px;
    padding: 0 11px;
    background: #e8e8e8;
    color: #181818;
    border: none;
}
.sub-cart  p{
    margin:0;
    padding:10px;
    
}
.store-search form  button {
    width: 50px;
    border: none;
    height: 50px;
    background: var(--main-color);
    color: var(--white);
    font-size: 18px;
}

.store-search form input {
    height: 50px;
    border: none;
    width: calc(100% - 150px);
    padding: 0 20px;
}

.header-top.header-top-store .row {
    align-items: center;
}

.header-bottom-nav {
    background: var(--main-color);
}

.header-bottom-nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-bottom-nav ul li {
    display: inline-flex;
}

.header-bottom-nav ul li a {
    padding: 20px;
    color: #fff;
}

.header-bottom-nav ul li a:hover, .header-bottom-nav ul li a:focus {
    background: var(--bg-color);
    color: var(--white);
}

.block-slider-s {
    height: 300px;
    position: relative;
    display: block;
}

.block-slider-s .img, .block-slider-s .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.block-slider-s .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    direction: ltr;
    text-align: left;
}

.block-slider-s::before {content: "";position: absolute;width: 60%;background: var(--main-color);top: 0;bottom: 0;left: 0;height: 100%;z-index: 4;opacity: 0;clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%);}

.block-slider-s .container .details {
    width: 50%;
    text-align: center;
}

.block-slider-s .container .details h3 {
    font-size: 40px;
    color: #2a2a2a;
}

.block-slider-s .container .details p {
    color: #2a2a2a;
    font-size: 19px;
    line-height: 29px;
}

.slider-store .owl-nav {
    position: absolute;
    margin: 0;
    top: 50%;
    z-index: 6;
    right: 0;
    left: 0;
}

.slider-store .owl-nav .owl-prev, .slider-store .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    background: var(--main-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.slider-store .owl-nav .owl-prev {
    left: 0;
}

.slider-store .owl-nav .owl-next {
    right: 0;
}

.sections-all-store {
    padding: 0;
    background: #e7e8e8;
    padding-bottom: 280px;
}

.block-activ.block-store-sic {
    height: 350px;
}

.block-activ.block-store-sic .details .name {
    font-size: 20px;
}

.block-activ.block-store-sic .details .readMore {
    font-size: 14px;
}

.block-activ.block-store-sic .details {
    justify-content: center;
}
/* Ens Store-page */







/*  login forms setup */ 


.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    max-width:50%;
    float:left;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    float: left;
    max-width: 50% !important;
}

.support-h {
    display: none;
}

.support-h.body-inner {
    display: block;
}

.block-store {
    background: #fff;
    position: relative;
    margin: 15px 0;
    overflow: hidden;
    padding: 20px;
    min-height: 405px;
}

.block-store h3 {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0F1111;
}

.block-store a {
    display: block;
}

.block-store a img {
    width: 100%;
    height: 304px;
    object-fit: cover;
    object-position: center;
}

.block-store .seeMore {
    color: #007185;
    font-size: 13px;
    line-height: 19px;
    margin-top: 5px;
}

.block-store .all-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

.block-store .all-items .item-in {
    display: inline-flex;
    width: 50%;
    padding: 5px;
    flex-direction: column;
    background: rgba(0,164,180,.05);
}

.block-store .all-items .item-in a {
    display: block;
}

.block-store .all-items .item-in a img {
    max-width: 120px;
    max-height: 80px;
    object-fit: contain;
}

.block-store .all-items .item-in .title-item {
    text-align: center;
    margin: 5px 0;
    font-size: 13px;
    line-height: 19px;
    color: #0F1111;
}

.sections-all-store + footer {
    margin-top: -250px;
    z-index: 1;
}

.bottom-slider .menu-s ul li.menu-item-has-children {
    position: relative;
}

.bottom-slider .menu-s ul li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 46px;
    display: block;
    z-index: 9;
    background: var(--bg-color);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    left: 0;
}

.bottom-slider .menu-s .menu-item-has-children:hover .sub-menu {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}


@media(max-width:768px){
    
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    float: none;
    max-width: 100% !important;
}


.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    max-width:100%;
    float:none;
}

    
}



/********************************* store-tabs ************************************/
.sections-all-store22{
    background: #fff;
}
.strore-tabs-content{
    padding: 40px 0;
}
.tabs-links{
    margin-bottom: 25px;
    text-align: center;
}
.tabs-links .nav{
    display: inline-flex;
}
.nav-tabs {
    border-bottom: 0;
}
.nav-pills .nav-link{
    font-size: 17px;
    border: 0;
    margin-bottom: 0;
    border-radius: 5px;
    margin: 0 5px;
    padding: 10px 25px;
    text-transform: capitalize;
}
.nav-pills .nav-link.active {
    color: #fff;
    background-color: #00437d;
    border-color: transparent;
}

/*****************************************/
.store-block{
    border: 1px #ccc solid;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all .3s ease-in;
 
}
.store-block:hover{
    background: #fff;
    -webkit-box-shadow: 0px 0 20px rgb(41 41 41 / 14%);
    -moz-box-shadow: 0px 0 20px rgb(41 41 41 / 14%);
    box-shadow: 0px 0 20px rgb(41 41 41 / 14%);
}
.store-block-img{
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.store-block-img img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
    /* max-width: 80%; */
    max-height: 189px;
}
.store-block-con{
    padding: 15px;
}
.store-block-con h4{
    font-size: 20px;
    height: 50px;
    overflow: hidden;
    margin: 0;
}
.store-block-con .price{
    color: var(--main-color);
    display: flex;
    margin: 11px 0;
    font-size: 17px;
    justify-content: center;
    gap: 12px;
}
.store-block-con .store-add,
.store-block-con .added_to_cart{
    font-size: 15px;
    padding: 10px 25px;
    background: #00437d;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    transition: all .3s ease-in;
}
.store-block-con .added_to_cart{
    margin: 0 5px;
}
.store-block-con .store-add:hover,
.store-block-con .added_to_cart:hover{
    background: #f92524; 
}
@media(max-width:991px){
    .strore-tabs-content .col-sm-4{
        flex: 0 0 33.333333%;
        width: 33.333333%;
        max-width: 33.333333%;
    }
}


@media(max-width:767px){
    .strore-tabs-content .col-sm-4{
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
    }
}


@media(max-width:500px){
    .strore-tabs-content .col-sm-4{
        /* flex: 0 0 100%; */
        /* width: 100%; */
        /* max-width: 100%; */
        padding: 0 5px;
    }
}
/***************************************************************/
.map-con.location-mapp {
    height: 293px;
    margin: 0 0 15px 0;
}
.bottom-slider .menu-s ul li.menu-item-has-children .sub-menu{
    width: 260px;
}
.bottom-slider .menu-s ul li.menu-item-has-children .sub-menu li{
    display: flex;
}
/****************************************************************/

.bottom-slider .menu-item-has-children {
    position: relative;
}

.bottom-slider .menu-item-has-children .sub-menu {
    position: absolute;
    right: 0;
    left: auto;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    display: block;
    transition: all .3s;

    border-radius: 5px;
    overflow: hidden;
    z-index: 11;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.bottom-slider .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    transition: all .3s ease;
}

.bottom-slider .menu-item-has-children .sub-menu li {
    display: block !important;
    margin: 0 !important;
}

.bottom-slider .menu-item-has-children .sub-menu li:after {
    display: none;
}

.bottom-slider .menu-item-has-children .sub-menu li a {
    display: block;
}

.bottom-slider .menu-item-has-children .sub-menu li a:before {
    display: none;
}

.bottom-slider .menu-item-has-children .sub-menu li a:hover {
    transition: all .3s;
}

.bottom-slider .menu-item-has-children > a::after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f106";
    display: inline-block;
    margin-left: 7px;
    transition: all .3s;

}

.bottom-slider .menu-item-has-children:hover > a:after {
    transform: rotate(-180deg);
    transition: all .3s;
}
.bottom-slider li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 5px;
    opacity: 0;
    transition: all .3s;
    display: none;
}

.bottom-slider li a:hover:before,
.bottom-slider li.current-menu-item a:before {
    width: 100%;
    opacity: 1;
    transition: all .3s;
}

.bottom-slider .menu-item-has-children .sub-menu li a:hover {
    background-color: transparent;

}
.bottom-slider .menu-item-has-children .sub-menu {
    border-radius: 0;
    display: block;
    padding: 5px 0;
}

.bottom-slider li.menu-item-has-children a:before {
    bottom: -2px;
}
.bottom-slider .menu-item-has-children .sub-menu {
    border: 0;
    border-radius: 5px;
    min-width: 200px;
    overflow: visible;
    
}

.bottom-slider .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
    left: 101%;
    right: auto;
    top: 0;
    opacity: 0;
    visibility: hidden;
    border: 0;
}

.bottom-slider .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

.bottom-slider .menu-item-has-children .sub-menu li a {
    padding: 10px;
    position: relative;
    min-height: auto;
}
.bottom-slider .menu-item-has-children .sub-menu li a:after {
    position: absolute;
    right: 10px;
    top: 11px;
    transform: rotate(90deg);
}

.bottom-slider .menu-item-has-children .sub-menu .menu-item-has-children:hover a:after {
    transform: rotate(180deg);
    transition: all .3s;
}

.bottom-slider .menu-image-title-after.menu-image-title{
    padding: 0;
}
.bottom-slider .menu-item-has-children .sub-menu a {
    letter-spacing: 0;
    font-size: 13px;
}
.bottom-slider .menu-s ul li a img.menu-image{
    display: none;
}
.bottom-slider .menu-s ul li.menu-item-has-children.partners_menu .sub-menu {
    width: 330px;
}
/*
.bottom-slider .menu-s ul li a img.menu-image {
    min-width: 55px;
    min-height: 55px;
    filter: brightness(0) invert(1);
    width: auto;
    padding-right: 6px;
}

*/
/********************************/
.prtner-name{
    margin-bottom: 25px;
}
.footer-top ul li a span{
    direction: ltr;
    display: inline-block;

}


/*****************************************************************************/
/*********************************** 404 ***********************************/
.error-layout {
	padding: 70px 0;
}
.error-layout .inner_ro,
.error-layout .outer {
	text-align: center;
}
.error-layout .m-section-head {
	margin-bottom: 20px;
	text-align: right;
}
.error-layout .m-section-head h3 {
	font-size: 17px;
	padding-bottom: 0;
}
.error-layout .inner_ro {
	position: relative;
}
.error-layout .inner_ro span {
	color: #00437D;
	font-size: 150px;
	font-weight: bold;
	line-height:1;
}

.error-layout .inner_ro img.sc {
  bottom: 0;
  left: 0;
  height: 42px;
  margin: auto;
  position: absolute;
  right: 0;
  top: -90px;
  width: 381px;
  opacity: .5;
}
.error-layout .inner_ro h4 {
	margin: 15px 0;
  font-size: 22px;
  font-weight: bold;
  color: #3b3b3be0;
}
.error-layout .inner_ro a {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
	display: inline-block;
	color: #00437D;
}
.error-layout .inner_ro p{
    font-size: 18px;   
}
@media(max-width: 600px){
  .error-layout {
    padding: 0;
  }
  .error-layout .inner_ro span {
    font-size: 90px;
  }
  .error-layout .outer h4 {
    font-size: 19px;
  }
      .error-layout .inner_ro p {
        font-size: 17px;
    }
}

/************************************************************/
.location-boxes .row{
    background-color: var(--bg-color);
    margin: 0 0 30px 0;
}
.our-location  .location-boxes .location-info {
    margin-bottom: 0;
}
.our-location  .location-boxes .col-md-6:last-child{
    padding: 0;
}
.our-location  .location-boxes .map-con.location-mapp {
    margin: 0;
}

/*************************** 20-1-2021 ************************************/
.controls{
    text-align: center;
}
@media(max-width: 991px){
    .controls{
        overflow-x: scroll !important;
        width: 100% !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        padding-bottom: 5px !important;
        height: auto;
        margin-bottom: 22px;
    }
    .controls::-webkit-scrollbar-thumb {
        border-radius: 10px !important;
        height: 3px !important;
        margin-bottom: 2px !important;
        background: var(--main-color) !important;
    }
    .controls::-webkit-scrollbar {
        height: 5px !important;
    }
    .controls .filter{
        display: inline-flex;
    
    }
}
/*******************************************/
.menu-right-po ul li a{
    text-transform: uppercase;   
}
.social-f{
    display: none;
}
.single-bussines-operation {
    padding: 60px 0;
}
.single-bussines-operation .who-we-are-img{
    margin-bottom: 30px;
}
.single-bussines-operation .who-we-are-img img {
    height: 300px;
}
.single-bussines-operation.how-we-are .col-title {
    margin-top: 0;
}
@media(max-width: 767px){
    .single-bussines-operation {
        padding: 40px 0 0;
    }
}

/**********************************************************/
.i-pagination {
  text-align: center;
  margin-top: 20px;
}

.i-pagination ul {
  width: auto;
  display: inline-block;
  float: none;
  padding: 0;
}
.i-pagination li {
  display: inline-block;
  margin: 0 2px;
}
.i-pagination li a, .i-pagination li.current,
.wp-pagenavi a,
.wp-pagenavi span{
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
  text-align: center;
  color: #00437D;
  font-size: 18px;
  border-radius: 100%;
  display: inline-block;
  transition: all .3s ease-in;
  border: 1px solid #00437D;
}
.wp-pagenavi a,
.wp-pagenavi span{
  line-height: unset;
}
.i-pagination li.current,
.wp-pagenavi .current{
  color: #fff;
  background: #00437D;
}
.i-pagination li a:hover,
.wp-pagenavi a:hover{
  background: #00437D;
  color: #fff;

}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: transparent;
}
.wp-pagenavi .pages,
.wp-pagenavi .last{
  display: none
}
.wp-pagenavi span.current {
    font-weight: 400 !important;
}
.pavii{
    margin-top: 25px;
    text-align: center;
}
/****************************************/
.parteners-h .partner-img {
 
}

.block-partttt {
    padding: 22px 20px;
    background-color: #fff;
    height: 160px;
    line-height: 100px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #eee;
    transition: all .3s ease-in-out;
    border-radius: 15px;

}
.block-partttt img {
margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    transition: all .3s ease-in-out;
}


#hideDiv {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(52 59 150 / 45%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

#hideDiv .img img {
    max-height: 550px;
    height: auto;
    border-radius: 5px;
}

#hideDiv.test {
    opacity: 0;
    z-index: -9999999999999999999999;
}
.close-ss i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #00437d;
    border: 1px solid #fff;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
}


/*********************************************************************************/
/****************************  under-construction ***********************************/

/*********************************************************************************/


.how-we-are .col-title h5 span {
    width: calc(100% - 40px);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.who-we-are-img {
    border-radius: 10px;
    overflow: hidden;
border: 1px solid #ccc;
    padding: 5px;
}

.tab-content .btn {
    display: table;
    margin: 30px auto 0;
}

.menu-left-store .btn-user.user-logged .btnUser-sub {
    width: auto;
    border-radius: 50px;
    padding: 0 20px;
}

.menu-left-store .btn-user.user-logged .btnUser-sub i {
    margin-inline-end: 9px;
}

.nice-select span {
    font-size: 13px;
    height: 100%;
}

.menu-left-store .btn-user.user-logged .btnUser-sub span {
    font-size: 13px;
}

.icon-whats {
    position: fixed;
    z-index: 7;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #07cd28;
    right: 0;
    bottom: 0;
    margin: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}

.control {
  display: flex;
  width: 100px;
  height: 40px;
}
.control .bttn-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.control .input {
  width: calc(100px * 0.5);
  padding: 0;
  margin: 0;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: none;
  border-right: none;
}
.control a.bttn {
  color: black;
  text-decoration: none;
}
.control a.bttn, .control .bttn {
  width: calc(100px * 0.5);
  padding: 0;
  text-align: center;
  border: 1px solid black;
  box-shadow: none;
  background-color: white;
  font-size: 24px;
}
.control a.bttn span, .control .bttn span {
  margin: auto !important;
}
.control .bttn-right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

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

.cat-store {
    padding: 0;
}

.cat-slider .item {
    padding: 0 6px;
}

.cat-store .cat-inner {
    display: block;
    text-align: center;
    margin: 15px 0;
}

.cat-store .cat-inner .img {
    max-width: 70px;
    max-height: 70px;
    margin: auto;
}

.cat-store .cat-inner .name-cat h3 {
    text-align: center;
    font-size: 0.72em;
    font-weight: 500;
    white-space: nowrap;
    margin-top: 8px;
    margin-bottom: 0;
    color: black;
    text-decoration: none;
}

.dlex-pro {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 177px;
    margin: 20px auto;
    position: relative;
}

.store-block-con  .dlex-pro .store-add {
    border: 1px solid var(--main-color);
    background: var(--main-color);
    box-shadow: 1px 3px 6px 0 rgb(28 28 28 / 39%);
    height: 34px;
    width: 34px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dlex-pro .list-count {
    display: flex;
    align-items: center;
    margin-inline-end: auto;
}

.dlex-pro .list-count .minus button, .dlex-pro .list-count .plus button {
    font-size: 12px;
    line-height: 32px;
    width: 33px;
    height: 33px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--main-color);
    background: none !important;
    box-shadow: none;
    outline: none;
    color: var(--main-color);
    font-size: 20px;
}

.dlex-pro .list-count .result input {
    padding: 0;
    width: 30px;
    text-align: center;
    height: 34px;
    font-size: 17px;
    border: 0;
    color: #48818c;
}

.woocommerce-form.woocommerce-form-login.login {
    max-width: 500px;
    margin: 30px auto;
    background: #f7f7f7;
    padding: 40px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    border-radius: 10px;
    border: 1px #e5e2e2 solid;
}

.woocommerce-form.woocommerce-form-login.login .form-row {
    flex-wrap: wrap;
}

.woocommerce-form.woocommerce-form-login.login .form-row label {
    color: var(--main-color);
    font-size: 16px;
}

.woocommerce-form.woocommerce-form-login.login .form-row label .required {
    color: #f00;
}

.woocommerce-form.woocommerce-form-login.login .form-row input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background: #fff;
    border: 1px #eee solid;
}

.woocommerce-form.woocommerce-form-login.login .form-row input.woocommerce-form__input-checkbox {
    width: 20px;
    height: 20px;
    margin-inline-end: 8px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 15px 0;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
    width: 100%;
    height: 50px;
    background: var(--main-color);
    color: #fff;
    border: none;
}

p.lost_password {
    margin: 0;
    text-align: center;
    font-size: 15px;
    color: #333;
}

.woocommerce-form.woocommerce-form-register.register {
    max-width: 500px;
    margin: 30px auto;
    background: #f7f7f7;
    padding: 40px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    border-radius: 10px;
    border: 1px #e5e2e2 solid;
}

.woocommerce-form.woocommerce-form-register.register .form-row {
    flex-wrap: wrap;
}

.woocommerce-form.woocommerce-form-register.register .form-row label {
    color: var(--main-color);
    font-size: 16px;
}

.woocommerce-form.woocommerce-form-register.register .form-row label .required {
    color: #f00;
}

.woocommerce-form.woocommerce-form-register.register .form-row input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background: #fff;
    border: 1px #eee solid;
}

.woocommerce-privacy-policy-text p {
    font-size: 13px;
    color: #333;
}

.woocommerce-privacy-policy-text p a {
    color: #ffa400;
    font-weight: bold;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    width: 100%;
    height: 50px;
    background: var(--main-color);
    color: #fff;
    border: none;
}

.col-1, .col-2 {
    max-width: 100%;
    flex: auto;
}

.woocommerce-Address .woocommerce-Address-title.title {
    display: flex;
    align-items: flex-start;
}

.woocommerce-Address .woocommerce-Address-title.title .edit {
    display: flex;
    margin-inline-start: auto;
    font-size: 15px;
    color: #333;
    padding: 5px 20px;
    background: #eee;
    border-radius: 5px;
    color: var(--main-color);
}

.woocommerce-Address {
    margin: 20px 0;
    border: 1px #eee solid;
    padding: 20px;
    border-radius: 5px;
}

.nice-select span.current {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.form-cont  .nice-select.form-control {border: none;}

section.contact-page.body-inner .title-page {
    margin: 80px 0 40px;
    text-align: center;
}

section.contact-page.body-inner .title-page.mb-8 {
    margin: 0 0 80px;
}

.store-block-con  .dlex-pro .added_to_cart.wc-forward {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0;
    min-width: 185px;
    max-width: initial;
    min-height: 45px;
    padding: 0;
    line-height: 45px;
    margin-inline-start: -4px;
}

.cat-slider .owl-stage {
    margin: auto;
}

.tab-content .btn.btn-center {
    min-width: 120px;
}

.store-block-con .price .old {
    color: var(--main-color);
    text-decoration: line-through;
    margin-inline-end: 10px;
    display: inline-block;
}

.store-block-con .price .new {
    color: #f00;
}

.store-block-con .price span {
    color: var(--main-color);
}

.cat-slider.row {
    justify-content: center;
}

.cat-slider.row .col-md-2.col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}


.store-block-con .price del .woocommerce-Price-amount.amount bdi {
    color: var(--main-color);
}

.store-block-con .price ins .woocommerce-Price-amount.amount bdi, .store-block-con .price ins .woocommerce-Price-amount.amount bdi span {
    color: #f00;
}

.store-block-con .price ins {
    text-decoration: none;
}

.summary.entry-summary .price {
    color: var(--main-color) !important;
}

.summary.entry-summary .price ins {
    text-decoration: none;
}

.summary.entry-summary .price ins .woocommerce-Price-amount.amount, .summary.entry-summary .price ins .woocommerce-Price-amount.amount span {
    color: #f00;
}



@media (max-width: 991px){
.store-block-img {
    height: 130px;
}

.store-block-img a img {
    max-height: 130px;
}

.store-block-con {
    padding: 10px;
}

.store-block-con h4 {
    font-size: 15px;
    height: 20px;
}

.store-block-con .price {
    font-size: 14px;
    gap: 7px;
}

.store-block {
    margin-bottom: 10px;
}

.slider-store .owl-nav {
    top: 40%;
}

.slider-store .owl-nav .owl-prev, .slider-store .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}
}