/*@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400&display=swap");
*/
@font-face {
    font-family: "NeoSansArabic";
    src: url(../fonts/NeoSansArabic.ttf);
}

@font-face {
    font-family: "Bahij_TheSansArabic-Plain";
    src: url(../fonts/Bahij_TheSansArabic-Plain.ttf);
}

@font-face {
    font-family: "DIN-NEXT";
    src: url(../fonts/DIN-NEXT.otf);
}
table td{
    border: 1px dotted;
    padding: 10px;
}
div.txt-sinpg{
    max-width: 100%;
}
@font-face {
    font-family: "Cairo-Regular";
    src: url(../fonts/Cairo-Regular.ttf);
}

@font-face {
    font-family: "Tajawal-Light";
    src: url(../fonts/Tajawal-Light.ttf);
}

@font-face {
    font-family: "Cairo-SemiBold";
    src: url(../fonts/Cairo-SemiBold.ttf);
}

@font-face {
    font-family: "Sanabel";
    src: url(../fonts/Sanabel-Khebrat-Musamem-2021.otf);
}

@font-face {
    font-family: "Rachelia";
    src: url(../fonts/Rachelia.otf);
}

@font-face {
    font-family: "Alexandria";
    src: url(../fonts/Alexandria-VariableFont_wght.ttf);
}

@font-face {
    font-family: "Tajawal-Bold";
    src: url(../fonts/ArbFONTS-Tajawal-Bold.ttf);
}

@font-face {
    font-family: "ITC";
    src: url(../fonts/ITC.ttf);
}

@font-face {
    font-family: "NeoSansbold";
    src: url(../fonts/NeoSansArabicBold.ttf);
}

@font-face {
    font-family: "Helvet-Roman";
    src: url(../fonts/HelveticaNeueLT/roman.ttf);
}

@font-face {
    font-family: "Helvet-bold";
    src: url(../fonts/HelveticaNeueLT/Bold.otf);
}

@font-face {
    font-family: "Helvet-light";
    src: url(../fonts/HelveticaNeueLT/Light.otf);
}

@font-face {
    font-family: "Helvet-Pro-Bd";
    src: url(../fonts/HelveticaNeueLT/Pro-Bd.otf);
}

@font-face {
    font-family: "Helvet-Pro-Md";
    src: url(../fonts/HelveticaNeueLT/Pro-Md.otf);
}

@font-face {
    font-family: "RB-Bold";
    src: url(../fonts/RB-Bold.ttf);
}

@font-face {
    font-family: "RB-Regular";
    src: url(../fonts/RB-Regular.ttf);
}

@font-face {
    font-family: "GHAITHSANS-Regular";
    src: url(../fonts/GHAITHSANS-Regular.otf);
}

@font-face {
    font-family: "GHAITHSANS-Medium";
    src: url(../fonts/GHAITHSANS-Medium.otf);
}

@font-face {
    font-family: "GHAITHSANS-Bold";
    src: url(../fonts/GHAITHSANS-Bold.otf);
}

@font-face {
    font-family: "GHAITHSANS-SemiBold";
    src: url(../fonts/GHAITHSANS-SemiBold.otf);
}

@font-face {
    font-family: "Roboto-Medium";
    src: url(../fonts/Roboto-Medium.ttf);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none !important;
}

* a:hover {
    text-decoration: none;
}

iframe, img {
    max-width: 100%;
}
.singlepagrs li {
    margin-inline-start: 50px;
}
.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}
#wpadminbar{
    display: none !important;
}
html{
    margin: 0 !important;
    padding: 0 !important;
}
.centerblock {
    margin: 0 auto;
}

html, body {
    overflow-x: hidden !important;
}

body {
    font-family: Alexandria;
    position: relative;
    overflow-x: hidden !important;
}

/*Start Search*/
.search-btn {
    font-size: 0;
    cursor: pointer;
    position: relative;
}

.search-area {
    position: absolute;
    right: 0%;
    opacity: 0;
    z-index: 0;
    background-color: transparent;
    transition: all linear .4s;
    width: 300px;
    height: auto;
    top: 125%;
    padding: 0;
    transform: scaleY(0);
    visibility: hidden;
    opacity: 0;
}

.search-btn svg {
    transition: all linear .4s;
}

.close-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
    opacity: 0;
}

.search-btn.active .close-svg {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
    opacity: 1;
}

.search-btn.active .search-svg {
    transform: scale(.7) rotate(180deg);
    opacity: 0;
}

.search-area.active {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    z-index: 10;
}


.search-area .search-content {
    height: 100%;
}

#searchform {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.search-area .search-content form input {
    background: #ffffff5c;
    border: 0;
    padding: 0;
    width: 80%;
    height: 50px;
    color: #fff !important;
    text-align: start;
    font-family: 'Alexandria';
    font-weight: 100;
    font-size: 16px;
}

body.rtl .search-area .search-content form input {
    font-family: RB-Regular;
}

.search-area .search-content form input::placeholder {
    color: #ffffff !important;
    font-size: 16px;
}

.search-area .search-content form button {
    color: #fff;
    border: 0;
    padding: 0;
    background: #ffffff5c;
    width: 20%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-area .search-content form button i {
    font-size: 18px;
}

.inside-header .search-area .search-content form button, .inside-header .search-area .search-content form input {
    background: #3d3f3ca1;
}

.search-butt {
    display: none !important;
}

.search-area .search-content .search-close {
    transition: all linear .4s;
    position: absolute;
    top: 15px;
    left: 2%;
    background: transparent;
    border: 2px solid #9c9da1;
    border-radius: 0%;
    width: 50px;
    height: 50px;
    color: #ffffff;
    padding: 3px 0 0 0;
}

.search-area .search-content .search-close:hover {
    opacity: .5;
    transform: scale(0.9);
}

/* End Search*/
/* Start Scroll */
body::-webkit-scrollbar-track {
    background: #fff;
}

body::-webkit-scrollbar-thumb {
    background-color: #1DFF78;
    border-radius: 50px;
}

body::-webkit-scrollbar {
    width: .5em;
}

.introvideo {
    position: relative;
    display: flex;
}

.introvideo .onvideosec {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            to left,
            rgba(255, 255, 255, 1) 9%,
            rgba(255, 255, 255, 0.95) 36%,
            rgba(255, 255, 255, 0.5) 47%,
            rgba(255, 255, 255, 0) 66%
    );
}

.introvideo video {
    width: 100%;
    height: auto;
    object-fit: fill;
}

.prodsectio {
    padding-top: 75px;
}

.onvideosec .container {
    height: 100%;
}

.onvideosec .container .allonsvidro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.allonsvidro h2 {
    background: linear-gradient(90deg, #D5D505 60%, #119C4D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    font-size: 50px;
}

.allonsvidro p {
    color: #525252;
    font-weight: 500;
    font-size: 63px;
    width: 50%;
    margin: 30px 0 40px;
}

.allonsvidro .btnillg {
    background: linear-gradient(90deg, #EBEBEB 0%, rgba(133, 133, 133, 0.33) 100%);
    border-radius: 55px;
    min-height: 80px;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 30px;
    position: relative;
}

.btnillg:after {
    content: " ";
    position: absolute;
    width: 71px;
    height: 96px;
    background: url("../img/intelee.png") no-repeat center/contain; /* صورتك */
    animation: aiGlow 3s infinite ease-in-out;
    opacity: 1;
    filter: drop-shadow(0 0 10px #00ffcc) drop-shadow(0 0 25px #00ffaa);
    transform-origin: center;
}

/* أنيميشن أقوى */
@keyframes aiGlow {
    0% {
        opacity: 0.6;
        transform: scale(1) rotate(0deg);
        filter: drop-shadow(0 0 10px #00ffcc);
    }
    25% {
        opacity: 1;
        transform: scale(1.07) rotate(2deg);
        filter: drop-shadow(0 0 20px #00ffaa);
    }
    50% {
        opacity: 0.9;
        transform: scale(1.1) rotate(-2deg);
        filter: drop-shadow(0 0 30px #00ffff);
    }
    75% {
        opacity: 1;
        transform: scale(1.02) rotate(1deg);
        filter: drop-shadow(0 0 25px #00ffcc);
    }
    100% {
        opacity: 0.7;
        transform: scale(1) rotate(0deg);
        filter: drop-shadow(0 0 10px #00ffcc);
    }
}




body.rtl .btnillg:after {
    right: 103%;
}

.allonsvidro .btnillg span {
    color: #000;
    font-weight: 400;
    font-size: 32px;
}

.allonsvidro .btnillg a {
    background: #33c901;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.allonsvidro .btnillg a svg {
    font-size: 30px;
    transition: all linear .4s;
}
.allonsvidro .btnillg a:hover svg{
    font-size: 25px;
    transform: rotate(90deg);
}
.allonsvidro > span {
    font-size: 18px;
    color: #000;
    width: 70%;
    line-height: 30px;
    margin-top: 30px;
    font-weight: 400;
}

.aboutsus {
    margin-top: 150px;
    margin-bottom: 120px;
}

.fabous h2 {
    font-weight: 700;
    color: #000;
    font-size: 42px;
    margin-bottom: 30px;
}

.fabous p {
    font-weight: 400;
    font-size: 20px;
    text-align: justify;
    line-height: 35px;
    margin-bottom: 50px;
}

.seabous img {
    width: 80%;
    float: inline-end;
    animation: stretchYasa 5s infinite ease-in-out;
}
@keyframes stretchYasa {
    0%, 100% {
        transform: scaleY(1); /* الحجم الطبيعي */
    }
    50% {
        transform: scaleY(1.09); /* متمدد طولياً */
    }
}
.mb140 {
    margin-bottom: 140px;
}

.thiabous img {
    border-radius: 30px;
    width: 90%;
}

.lrdf {
    position: relative;
}

.lrdf:after {
    content: " ";
    background-image: url("../img/deshoo.png");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    height: 371px;
    z-index: -1;
    animation: aiGlowa 3s infinite ease-in-out;
}

@keyframes aiGlowa {
    0% {
        opacity: 0.6;
        transform: scale(1) translateY(-50%);
    }
    25% {
        opacity: 1;
        transform: scale(1.1) translateY(-50%);
    }
    50% {
        opacity: 0.9;
        transform: scale(1.1) translateY(-50%);
    }
    75% {
        opacity: 1;
        transform: scale(1.09) translateY(-50%);
    }
    100% {
        opacity: 0.7;
        transform: scale(1) translateY(-50%);
    }
}

.fouabous h2 {
    background: linear-gradient(90deg, #2983C6 60%, #00B542 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 30px;
}

.fouabous p {
    font-weight: 500;
    color: #000;
    width: 70%;
    font-size: 28px;
    line-height: 50px;
    margin-bottom: 30px;
}

.lang-switcher {
    display: flex;
    align-items: center;
    gap: 3px;
    position: relative;
    cursor: pointer;
}

.lang-switcher ul {
    position: absolute;
    top: 90%;
    background: #0000009c;
    padding: 15px;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transform: translateY(-10px);
    visibility: hidden;
    opacity: 0;
    border-radius: 2px;
    transition: all linear .4s;
    box-shadow: 0 0 2px 1px #fff;
}

body.rtl .lang-switcher ul {
    right: 0;
    left: unset;
}

body.ltr .lang-switcher ul {
    left: 0;
    right: unset;
}

.lang-switcher:hover ul {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.lang-switcher ul li {
    list-style: none;
}

.lang-switcher ul li a {
    color: #fff;
    transition: all linear .4s;
}

.lang-switcher ul li a:hover {
    color: #1DFF78;
}

.lang-switcher > img {
    max-width: 10px;
}

.lang-switcher .visseclang {
    display: flex;
    align-items: center;
}


/* End Scroll */
@media (min-width: 992px) {
    .main-nav {
        display: flex;
        align-items: center;
        justify-content: start;
        height: 100%;
        padding: 0px 20px;
    }

    .nav-list {
        display: flex;
        margin-bottom: 0;
        list-style: none;
        width: 100%;
        justify-content: space-between;
    }

    .nav-list > .link {
        display: flex;
        align-items: center;
        position: relative;
        text-transform: capitalize;
        margin-inline-end: 0px;
    }

    .nav-list > .link:last-of-type {
        margin-inline-end: 0px;
    }

    .nav-list > .link > a {
        display: block;
        color: #fff;
        position: relative;
        background: transparent;
        border-radius: 0;
        font-size: 15px;
        margin: 0;
        font-weight: 500;
        transition: ease-in-out .4s;
    }
.main-buttons > img{
    max-width: 60px;
}
    .nav-list > .link > a:after {
        content: "";
        transition: linear .4s;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 30%;
        height: 2px;
        background-color: #1DFF78;
       /* border-bottom: 3px solid;
        border-image-source: linear-gradient(270deg, #272A88 0%, #119C4D 100%);
        border-image-slice: 1;*/
        pointer-events: none;
        bottom: -5px;
        opacity: 0;
    }

    .nav-list > .link > a:before {
        contentoff: "";
        width: 100%;
        height: 3px;
        background: #1275b8;
        transition: linear .4s;
        display: block;
        position: absolute;
        right: 0%;
        top: 50px;
        border-radius: 0px;
        z-index: -1;
        opacity: 0;
    }

    .nav-list > .link:hover a:after, .nav-list > .link.active a:after, .nav-list > .link:hover a:after, .nav-list > .link.active a:after {
        transition: linear .4s;
        width: 100%;
        opacity: 1;
    }

    .nav-list > .link:hover a:before, .nav-list > .link.active a:before, .nav-list > .link:hover a:before, .nav-list > .link.active a:before {
        transition: linear .4s;
        top: 0;
        opacity: 1;
    }

    .nav-list > .link:hover a, .nav-list > .link.active a {
        color: #fff;
        transition: linear .4s;
    }

    .nav-list > .link:hover a {
        color: #fff;
        transition: linear 0.4s;
    }

    .nav-list > .link.active a {
        color: #fff;
        transition: linear .4s;
    }

    .nav-list .link:hover > .sub-list {
        display: block;
    }

    .nav-list .link .sub-list .sub-link {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav-list .link .sub-list .sub-link:hover > .sub-list {
        display: block;
    }

    .has_sub_menu {
        margin-right: 5px;
    }

    .has_sub_menu ~ i {
        width: 15px;
        display: inline-block;
        text-align: center;
        color: #000;
    }

    .sub-list {
        background-color: #fff;
        padding: 20px;
        list-style: none;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 100%;
        min-width: 230px;
        display: none;
        z-index: 4;
        left: 0;
    }

    .sub-list li {
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cacaca;
    }

    .sub-list li a {
        display: block;
        width: 100%;
        position: relative;
        color: #000 !important;
        background: transparent !important;
        text-align: center;
    }

    .sub-list li a:hover {
        color: #1F7979;
    }

    .sub-list li a.has_sub_menu {
        display: inline-block;
        margin-left: 5px;
    }

    .sub-list li:hover {
        border-bottom: 1px solid #1F7979;
    }

    .sub-list li:last-child > a {
        margin-bottom: 0;
    }

    .sub-list .sub-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        transition: all .5s linear;
    }

    .sub-list .sub-link:hover {
        background-color: #137e17;
    }

    .sub-list .sub-link:last-child {
        border-bottom: 0;
    }

    .sub-list .sub-list {
        top: 0;
        left: 100%;
    }

    .nav-btn, .mobile-nav-list {
        display: none;
    }
}

@media (max-width: 992px) {
    .nav-list {
        display: none;
    }

    .main-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .nav-btn {
        width: auto;
        height: auto;
        background: transparent;
        border: 0;
        border-radius: 0;
        margin: 0;
        color: #fff;
        text-align: center;
        display: flex;
        line-height: normal;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        margin-top: 5px;
    }

    .nav-btn:hover {
    }

    .mobile-nav-list {
        display: block;
        position: fixed;
        top: 0;
        overflow: scroll;
        z-index: 999;
        height: 100%;
        width: 300px;
        padding: 20px 0 60px 0;
        padding-top:0;
        background-color: #FFF;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        transform: translateX(100%);
        transition: all .5s linear;
        right: 0;
    }

    .mobile-nav-list .logo {
        padding: 20px 0;
        text-align: start !important;
        background: #070761;
    }

    .mobile-nav-list .date {
        display: flex;
        margin-top: 15px;
        padding: 0 30px;
        flex-direction: column;
        justify-content: center;
        align-items: self-start;
    }

    .mobile-nav-list .date .lang, .mobile-nav-list .date #hijrii {
        margin: 10px 0;
    }

    .mobile-nav-list .l-head {
        justify-content: center;
    }

    .mobile-nav-list .link {
        font-size: 30px;
        padding: 10px 30px;
        position: relative;
    }

    .mobile-nav-list .link a {
        color: #000;
        display: block;
        font-size: 14px;
        width: 100%;
    }

    .mobile-nav-list .link a:hover {
        color: var(--sec);
    }

    .mobile-nav-list .link a.has_sub_menu {
        display: inline-block;
        margin-left: 5px;
    }

    .mobile-nav-list .link svg {
        color: #fff;
        background-color: #272A88;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        transform-origin: center;
        transition: all .3s linear;
    }

    .mobile-nav-list .link svg.open {
        transform: rotate(180deg);
    }

    .mobile-nav-list .link.active a {
        color: var(--sec);
    }

    .sub-list {
        box-shadow: none;
        width: 100%;
        overflow: hidden;
        background-color: transparent;
    }

    .sub-list a {
        display: block;
        position: relative;
    }

    .sub-list .sub-link {
        border: 0;
        padding: 5px 20px;
        font-size: 14px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        white-space: nowrap;
    }

    .sub-list .sub-list a {
        display: block;
        position: relative;
        padding-right: 15px;
    }

    .trans-none {
        transform: none !important;
    }

    .nav-overlay {
        display: block;
        position: fixed;
        top: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        transition: all .5s ease-in-out;
        left: 0;
        transform: translateX(-100%);
    }
}

header {
    position: absolute;
    z-index: 9;
    background-color: transparent;
    width: 100%;
    right: 0;
}

.topheader {
    background: #119C4D;
    padding: 10px 0;
}

.topheader .alltops {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.topheader .alltops p{
    margin: 0;
    font-size: 14px;
    color: #fff;
}
.alltops > a, .social-contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    color: #fff;
    border-radius: 35px;
    font-size: 12px;
    padding: 5px 20px;
    background: #272A88;
}

.alltops > a:hover span, .social-contact a:hover {
    box-shadow: 0 0 11px 0 #fff;
}

.alltops > a span, .social-contact a span {
    width: 20px;
    height: 20px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .4s;
}

.alltops > a span svg, .social-contact a span svg {
    width: 12px;
}

.alltops > a b {
    font-weight: 400;
    direction: ltr;
}

.bottomheader {
    padding: 40px 0 30px;
}


.itemprods {
    background: #CDCDCD;
    display: flex;
    flex-direction: column;
    padding: 20px;
    color: #212529 !important;
    border-radius: 1px;
    height: 100%;
}

.logo a {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
}

.whats_number {
    color: #1275b8;
    font-size: 34px;
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    margin-inline-start: 20px;
    font-family: "DIN-NEXT";
}

.whats_number span {
    direction: ltr;
}

.whats_number i {
    color: #fff;
    background: #25d366;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

header:after {
    background-image: url("../img/after-header.png");
    width: 100%;
    height: 362px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

header .new-sm {
    margin-inline-end: 15px;
}

header .new-sm i {
    font-size: 24px;
    margin-inline-end: 20px;
}

header .new-sm .fa-instagram {
    color: #006fcc;
}

header .new-sm .fa-youtube {
    color: #c0181d;
}

header .new-sm .fa-twitter {
    color: #55acef;
}

header .new-sm .fa-facebook-f {
    color: #45629e;
}

header .left-header {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}



.toppinssa{
    margin-top: 70px;
}

.toppinssa h3{
    color: #119C4D;
    text-align: center;
}
.contmeths .contaallfo {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin: 40px 0 50px;
    flex-direction: row;
}
.contmeths .contaallfo a{
    color: #282828;
    font-weight: 600;
}
.contmeths .contaallfo a svg {
    color: #272A88;
}

.contmeths .contaallfo a span {
    color: #fff;
    direction: ltr;
    background: #272A88;
    border-radius: 3px;
    padding: 3px;
}



















.teamworkcote{
    position: relative;
}
.teamworkcoteitem:before{
    content: "";
    background-image: url(../img/afsec.png);
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    left:-30px;
    top: 0px;
}
.teamworkcoteitem{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 70px;
    position: relative;
    flex-direction: column;
    justify-content: center;
}
.teamworkcoteitem img{
    border-radius: 25px;
    max-width: 200px;
}


.teamworkcoteitemtxt h4{
    text-align: center;
    color: #119C4D;
    margin-bottom: 20px;
}

.teamworkcoteitemtxt p{
    line-height: 26px;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    text-align: center;
}




































header.inside-header {
    position: relative;
    width: 100%;
    z-index: 9;
    background: linear-gradient(180deg, #2E3191 0%, #000250 100%);
}

header .ask-form {
    display: flex;
}

header .ask-form a {
    width: 150px;
    height: 40px;
    display: inline-flex;
    background: #b97535;
    color: #fff;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    margin-inline-end: 15px;
    transition: linear .4s;
}

header .ask-form a:hover {
    background: #073831;
    transition: linear .4s;
}

header .main-buttons {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: end;
    gap: 10px;
}

header .main-buttons .button-header {
    width: 24px;
    height: 24px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: linear .4s;
    margin-inline-end: 10px;
    color: #fff;
    background-image: url("../img/search.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

header .main-buttons .social-header:before {
    content: " ";
    width: 1px;
    height: 30px;
    margin: 0 10px;
    background-color: #7c6430;
    display: inline-flex;
    vertical-align: bottom;
}

header .main-buttons .social-header a {
    margin-inline-end: 22px;
}

header .main-buttons .social-header a i {
    color: #b08b3c;
    font-size: 24px;
}

header .main-buttons .lang-section a {
    font-size: 18px;
    transition: linear .4s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'RB-BOLD';
    color: #fff;
    width: 40px;
    height: 40px;
    background: #1275b8;
    border-radius: 50%;
    margin-top: 8px;
}

.main-slider:after {
    contentoff: " ";
    background-image: url("../img/afterslider.png");
    width: 148px;
    height: 186px;
    position: absolute;
    top: 0;
    left: 0;
    animation: slide 5s linear infinite;
    background-size: 100% 100%;
}

/*.main-slider:before {*/
/*  contentoff: " ";*/
/*  background: url("../img/berofreslider.png");*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: -1px;*/
/*  width: 100%;*/
/*  height: 368px;*/
/*  z-index: 1;*/
/*  animation: slide2 5s linear infinite;*/
/*  background-size: 100% 100%; }*/
.main-slider .item {
    position: relative;
    overflow: hidden;
    height: 850px;
}

.main-slider .item:after {
    contentoff: " ";
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    right: 0;
    z-index: 1;
    background: #a6a6a6;
    background: linear-gradient(0deg, #ffffff12 14%, rgba(255, 255, 255, 0.79) 53%);
}

.main-slider:before {
    content: " ";
    width: 100%;
    bottom: 0;
    right: 0;
    position: absolute;
    pointer-events: none;
    box-shadow: 0 0 80px 130px #fff;
    z-index: 2;
    height: 0;
    animation: none;
    display: none !important;
}

.main-slider .item img {
    width: 100%;
    height: 850px;
}

.main-slider .item .on-img-slider {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 250px;
}

.main-slider .item .on-img-slider img {
    width: auto;
    height: auto;
    opacity: 1;
}

.main-slider .item .on-img-slider h2 {
    font-size: 64px;
    color: #fff;
    line-height: 70px;
    font-weight: bold;
    transform: translateY(500px);
    transition: linear .4s;
}

.main-slider .owl-item.active .item .on-img-slider h2 {
    transform: translateY(0px);
    transition: linear .6s .2s;
}

#JournyName {
    pointer-events: none;
}

.logo-footer {
    display: flex;
    justify-content: center;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    background: #fff;
    align-items: center;
    margin: -150px auto 50px;
}

.nav-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px;
}

.nav-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

.nav-footer li {
    list-style: none;
}

.nav-footer li a {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.main-slider .item .on-img-slider .on-img-slider-new {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.main-slider .item .on-img-slider .logo {
    width: 300px;
    height: 300px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 46px rgba(0, 0, 0, 0.19);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
}

.main-slider .item .on-img-slider .logo img {
    max-width: 250px;
    max-height: 250px;
    width: auto;
    height: auto;
    opacity: 1;
}

.main-slider .item .on-img-slider p {
    color: #fff;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 20px;
    opacity: 0;
    transform: translateY(-150px);
    transition: all linear .4s .5s;
}
.main-slider .btnest.slidbtn{
    font-size: 16px;
    gap: 5px;
    padding: 10px 30px;
    width: auto;
    height: auto;
    opacity: 0;
    transform: translateY(150px);
    transition: all linear .4s .5s;
}
.main-slider .owl-item.active .on-img-slider p{
    opacity: 1;
    transform: translateY(0);
}
.main-slider .owl-item.active .on-img-slider .btnest.slidbtn{
    opacity: 1 ;
    transform: translateY(0);
}
.main-slider .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    width: auto;
    z-index: 2;
}

.main-slider .owl-dots .owl-dot:not(:last-of-type) {
    margin-inline-end: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.main-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transition: linear .4s;
}

.main-slider .owl-dots .owl-dot span:before {
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #fff;
    position: absolute;
    transition: linear .4s;
    z-index: 2;
    border-radius: 50%;
}

.main-slider .owl-dots .owl-dot span:after {
    content: " ";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #1DFF78;
    transition: all linear .4s;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transform: scale(0);

}
.main-slider .owl-dots .owl-dot.active span:after{
    opacity: 1;
    transform: scale(1);
}
.main-slider .owl-dots .owl-dot button {
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 1px solid #1DFF78;
    border-top: 0;
    border-inline-end: 0;
    font-size: 18px;
    border-radius: 0%;
    color: #1DFF78;
    font-family: 'RB-BOLD';
}

.btnest {
    background: #1DFF78;
    color: #2E3191;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    position: relative;
    overflow: hidden;
    transition: all linear .4s;
    font-size: 12px;
    padding: 0;
    width: 130px;
    gap: 5px;
    height: 30px;
}
.lang-switcher .visseclang img{
    width: 30px;
}
.btnest.accwhi{
    background-color: #fff;
}
.btnest:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 400%;
    background: #ffffff;
    transform: rotate(45deg);
    opacity: .2;
    left: -100%;
    transition: all linear .4s;
}

.btnest:hover:after {
    left: 150%;
}

.btnest:hover {
    transform: scale(.99);

}

.main-slider .owl-dots .owl-dot.active button {
    color: #fff;
    background-color: #1DFF78;
    border-color: #1DFF78;
    transition: linear .4s;
}

.main-slider .owl-dots .owl-dot.active button:after {
    width: 100%;
    left: 0;
    z-index: 3;
    transition: linear .4s;
    visibility: visible;
}

.main-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: 30px;
    flex-direction: column;
}

.main-slider .owl-nav button:first-of-type {
    margin-bottom: 10px;
}

.main-slider .owl-nav button i {
    color: #fff;
    font-size: 14px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b97535;
    line-height: 50px;
    transition: linear .4s;
}

.main-slider .owl-nav button i:hover {
    background: #073831;
    transition: linear .4s;
}

@keyframes slide {
    0% {
        width: 148px;
        height: 168px;
    }
    30% {
        width: 170px;
        height: 190px;
    }
    60% {
        width: 160px;
        height: 180px;
    }
    100% {
        width: 148px;
        height: 168px;
    }
}

@keyframes slide2 {
    0% {
        height: 368px;
    }
    30% {
        height: 390px;
    }
    60% {
        height: 380px;
    }
    100% {
        height: 368px;
    }
}

.be-good {
    background-image: url("../img/bgbegood.png");
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 40px 25px -22px rgba(0, 0, 0, 0.13);
    background-color: transparent;
    margin-top: -130px;
    z-index: 2;
    position: relative;
}

.be-good h2 {

    font-size: 38px;
    color: #20469c;
    margin-bottom: 0;
    margin-top: 50px;
}

.be-good a {
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #f6b82d;
    font-size: 18px;
    margin-top: 50px;
}

.orders {
    padding: 50px 0;
}

.orders .order-item {
    padding: 30px;
    background-color: #ffe8d4;
    border-radius: 5px;
    transition: linear .4s .4s;
}

.orders .order-item a {
    display: flex;
    align-items: center;
}

.orders .order-item a .order-image {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../img/bg-order-item.png");
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-inline-end: 10px;
    transition: linear 0.4s;
}

.orders .order-item a .order-image img {
    max-width: 55px;
    max-height: 55px;
}

.orders .order-item a h4 {
    font-size: 24px;
    color: #000000;
    margin: 0;
}

.orders .order-item:hover {
    background-color: #e6eafc;
    box-shadow: 1px 0 27px rgba(0, 0, 0, 0.26);
    transition: linear .4s;
}

.orders .order-item:hover .order-image {
    background-color: #283c91;
    background-image: none;
    transition: linear .4s .4s;
}

.Tourist_destinations-section {
    padding: 7px 0;
}

.Tourist_destinations-item {
    position: relative;
    overflow: hidden;
}

.Tourist_destinations-item h5 {
    bottom: 0px;
    position: absolute;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    background-color: rgba(0, 0, 0, .4);
    transition: linear .4s;
    margin: 2px 0 0;
    padding-bottom: 20px;
    opacity: 1;
}

.Tourist_destinations-item:hover h5 {
    opacity: 1;
    transition: linear .4s;
}

.edit-in-col {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 5px;
}

.Tourist_destinations-item img {
    border-radius: 0px;
    width: 100%;
    height: 250px;
}

.banners_section {
    padding: 50px 0;
}

.banner-item {
    margin-bottom: 50px;
}

.banner-item img {
    width: 100%;
    height: 300px;
}

.banner-item-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    gap: 20px;
}

.banner-item:nth-of-type(2n+2) .row {
    flex-direction: row-reverse;
}

.banner-special {
    position: relative;
}

.banner-special img {
    width: 100%;
    height: 300px;
}

.banner-special .the_content_ban_speical {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 64px;
    font-weight: bold;
}

.special-section {
    padding: 50px 0;
}


.special-section .container {
    background-color: #e6f6fe;
}

.special-section .container > .row > .col-lg-4 {
    padding: 0 !important;
}

.special-content h4 {
    font-weight: bold;
    font-size: 24px;
    color: #000;
    transition: linear .4s;
}

.special-content h5 {
    font-weight: bold;
    font-size: 20px;
    color: #649ab5;
}

.special-content .journy_det {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}

.special-content .journy_det span {
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.special-content .journy_det span i {
    color: #1DFF78;
    font-size: 24px;
}

.special-image {
    width: 100%;
    height: 100%;
}

.special-image img {
    width: 100%;
    height: 100%;
}

.special-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.journy_contact {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.journy_contact a {
    min-width: 130px;
    min-height: 40px;
    display: inline-flex;
    background-color: #649ab5;
    color: #fff;
    align-items: center;
    justify-content: center;
    transition: linear .4s;
}

.journy_contact a:hover {
    background-color: #1DFF78;
    transition: linear .4s;
}

.journy_contact a:last-of-type:hover {
    background-color: #30a33b;
    transition: linear .4s;
}

.special-item {
    margin: 10px;
    background-color: #e6f6fe;
    padding: 10px 20px;
    transition: linear .4s;
}

.special-item:hover {
    box-shadow: 9px 0 22px rgba(0, 0, 0, .35);
    transition: linear .4s;
    margin-top: 0;
    margin-inline-start: 0;
}

.special-item:hover h4 {
    color: #1DFF78;
    transition: linear .4s;
}


.image-topprodsectio {
    text-align: end;
}

.cont-topprodsectio {
    background: #CDCDCD;
    padding: 20px 15px 60px;
}

.icons_topprodsec {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
}

.centprodsectio {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.producrs-detl {
    display: flex;
    background: #fff;
    padding: 17px;
    gap: 30px;
    margin-top: -50px;
    position: relative;
    text-align: center;
}

.prodelimgicon {
    position: relative;
    overflow: hidden;
}

.producrs-detl a {
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 18px;
}

.producrs-detl a img {
    transition: all linear .1s;
}

.producrs-detl a:hover img {
    transform: scale(1.09);
}

.banner-hp {
    margin-top: 70px;
}

.banner-hp img {
    width: 100%;
}

.brochure-se a {
    height: 45px;
    background: #000;
    color: #fff;
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .4s;
}

.brochure-se a:hover {
    background: #808080;
}

.botprodsectio {
    padding-top: 105px;
}


.aboutussec {
    margin-top: 70px;
}

.abouitwm {
    display: inline-flex;
    align-items: start;
    gap: 15px;
    width: 49%;
    text-align: start;
}

.abouitwm:first-of-type {
    width: 100%;
    margin-bottom: 80px;
}

.pabout {
    color: #4C4C4C;
    font-size: 18px;
    font-weight: 400;
    line-height: 29.83px;
}

.pabout p {
    margin: 0;
}

.abouitwm img {
    max-width: 62px;
}

.conttall h4 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}


.botprodsectio .button-tabs {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.botprodsectio button {
    border: 0;
    background: #000;
    color: #fff;
    min-width: 150px;
    height: 45px;
    box-shadow: 0 0.6px 1.2px 0 rgba(0, 0, 0, 0.18);
    border-radius: 2px;
    transition: all linear .4s;
}

.botprodsectio button.mixitup-control-active {
    background-color: #808080;
}

.content-tabs-item {
    position: relative;
}

.content-tabs-item img {
    height: 350px;
    width: 100%;
}

.the_size_des {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgb(205 205 205 / 71%);
    color: #000;
    opacity: 0;
    text-align: center;
    transition: all linear .2s;
}

.the_size_des:after {
    content: " ";
    width: 0px;
    height: .5px;
    background: #000;
    transition: all linear .2s;
}

.the_size_images_des .the_size_des .allsiceses {
    transform: scale(.9);
    transition: all linear .2s;
}

.the_size_images_des:hover .the_size_des .allsiceses {
    transform: scale(1);
    opacity: 1;
}

.the_size_images_des:hover .the_size_des {

    opacity: 1;
}

.the_size_images_des {
    position: relative;
}

.the_size_images_des:hover .the_size_des:after {
    width: 100px;
}

.contacus {
    margin-top: 130px;
}

.contacus .map iframe, .contacus .map {
    width: 100%;
    height: 100%;
}

.serItem {
    height: 100%;
}

.serItem > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 0px 6px 1px #00000040;
    padding: 40px 0;
    text-align: center;
    height: 100%;
    justify-content: space-between;
}

.serItem > a img {
    max-height: 30px;
    transition: all linear .3s;
}

.titserv {
    position: relative;
    display: flex;
    justify-content: center;
    width: 65%;
}

.serItem:hover a img {
    transform: scale(1.2) rotate(360deg);
}

.titserv:after {
    content: "";
    background-image: url("../img/untit.png");
    height: 62px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    animation: aiGlowa2 5s infinite ease-in-out;
}

@keyframes aiGlowa2 {
    0% {
        opacity: 0.6;
        transform: translateX(-60%) translateY(-50%);
    }
    50% {
        opacity: 1;
        transform: translateX(-40%) translateY(-50%);
    }
    100% {
        opacity: 0.6;
        transform: translateX(-60%) translateY(-50%);
    }
}

.titserv h3 {
    font-weight: 600;
    font-size: 18px;
    margin: 20px auto;
    color: #000;
    line-height: 25px;
    position: relative;
    z-index: 2;
}

.serItem > a p {
    color: #000;
    font-size: 11px;
    font-weight: 300;
    padding: 0 20px;
    margin: 0;
}

.techinosolusec {
    padding: 150px 0 120px;
}

.techinosolusecitem {
    box-shadow: 0px 0px 20px 1px #00000040;
    border-radius: 30px;
    padding: 70px 30px;
    transition: all linear .4s;
    height: 100%;
    background: #fff;
}

.techinosolusecitem:hover {
    box-shadow: 0px 0px 20px 1px #7ffdc3;
}

.techinosolusecitem .titserv {
    padding-inline-start: 20px;
    width: 55%;
}

.techinosolusecitem .titserv h3 {
    font-size: 22px;
    margin: 0;
    position: relative;
    z-index: 2;
}

.techinosolusecitem p {
    line-height: 30px;
    color: #000;
    margin-top: 100px;
    margin-bottom: 0;
    position: relative;
}

.techinosolusecitem p:after {
    content: " ";
    width: 50px;
    height: 2px;
    background: #a9a2a2;
    position: absolute;
    top: -50%;
    transform-origin: left center;
    animation: scalePulse 1.5s ease-in-out infinite alternate;
}










@keyframes scalePulse {
    from {
        width: 100px;
    }
    /* 60% */
    to {
        width: 150px;
    }
    /* 80% */
}

body.rtl .techinosolusecitem p:after {
    right: 0;
}


.storyslider.owl-carousel{
    display: flex;
    flex-direction: column-reverse;
}
.storyslider.owl-carousel .owl-nav{
    display: flex;
    gap: 10px;
    padding-inline-start: 15px;
    margin-bottom: 20px;
}
.storyslider .owl-stage {
    padding-left: 0 !important;   /* إلغاء البادينج من الشمال */
    /* الإبقاء على padding-right اللي بتحطه Owl تلقائيًا */
}
.nowmore .main-header{
    margin-bottom: 20px;
}
.nowmore  .container> p{
    text-align: center;
    margin-bottom: 70px;
    font-size: 22px;
    font-weight: bold;
}
.nowmore{
    padding: 150px 0 0px;
}
.nowmore  .techinosolusecitem p{
    text-align: center;
    margin-top: 150px;
}
.nowmore  .techinosolusecitem p:after{
    top: -70px;
    left: 50% !important;
    right: unset !important;
    transform: translateX(-50%);
}
.nowmore .techinosolusecitem .titserv {
    padding-inline-start: 0;
    width: 55%;
    margin: 0 auto;
}





.storyslider.owl-carousel .owl-nav button{
    background: #000;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ourstory .techinosolusecitem {
    box-shadow: 0px 0px 10px 1px #00000040;
    background: #00B542;
    border-radius: 30px;
    padding: 70px 30px 100px;
    margin: 20px 10px;
    transition: all linear .4s;
}
.ourstory .techinosolusecitem .titserv{
    padding-inline-start: 0;
    width: 100%;
    justify-content: start;
}
.ourstory .techinosolusecitem .titserv h3{
    font-size: 50px;
    margin: 0;
    color: #fff;
}
.ourstory .techinosolusecitem  .titserv:after{
    top: unset;
    content: " ";
    width: 50px;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: -50px;

    transform: none;

    transform-origin: left center;
    animation: scalePulse 1.5s ease-in-out infinite alternate;
    z-index: 1;
}
body.rtl .ourstory .techinosolusecitem  .titserv:after{
    left: unset;
    right: 0;
}

.ourstory  .techinosolusecitem p:after{
    display: none;
}
.ourstory  .techinosolusecitem p{
    color: #fff;
}







.clints .clints-row {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 24px;
}

.clints .clint {
    grid-column: span 2;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    aspect-ratio: 3 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all linear .4s;
}

.clints .clint:hover {
    box-shadow: 0px 0px 20px 1px #888;
    transform: scale(.99);
}

.clints {
    border-bottom: 3px solid #C9C9C9;
    padding-bottom: 40px;
}

.clints .clint img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.clints .clint.is-small {
    grid-column: span 1;
    aspect-ratio: 3 / 2.2;
}

.clints .clint.spacer {
    grid-column: span 1;
    visibility: hidden;
}

@media (max-width: 992px) {
    .clints .clints-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }



    .clints .clint.is-small {
        grid-column: span 1;
    }
    .clints .clint {
        grid-column: span 2 !important;
        aspect-ratio: 3 / 1 !important;
    }
    .clints .clint.spacer {
        display: none;
    }
}

.ourwes {
    margin-top: 100px;
    padding: 70px 0;
    background-color: #EBEBEB;
}

.tesmonialclintsitem{
    display: flex;
    align-items: center;
    gap: 0px;
    border: 1px solid #2E3191;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 10px;
    padding: 10px;
}
.tesmonialclintsitem img{
    width: 100% !important;
    height: 100%;
    border-radius: 50%;
}
.tesmonialclints{
    margin-top: 100px;
    position: relative;
}
.tesmonialclints:before{
    content: "";
    background-image: url("../img/afsec.png");
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    margin-inline-start: 100px;
    top: 40px;
}
.tesclints-slider  .owl-item .tesmonialclintsitem .onlefitems{
    transform: scale(.8);
    opacity: 0;
    transition: all linear .4s;
    width: calc(100% - 100px);
}
.tesclints-slider .owl-item.active.center  .tesmonialclintsitem .onlefitems{
    transform: scale(1);
    opacity: 1;
}
.tesmonialclintsitemimg{
    width: 100px;
    height: 100px;
    border: 1px solid #2E3191;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 5px;
    border-radius: 10px;
}
.owl-item.center .tesmonialclintsitemimg{
    border-color: transparent;
    box-shadow: unset;
}
.tesclints-slider .owl-item.active.center  .tesmonialclintsitem {

}
.tesclints-slider .owl-item.active + .owl-item.active +.owl-item.active .tesmonialclintsitem {
    flex-direction: row-reverse;
    border-color: transparent;
    box-shadow: unset;
}
 .tesclints-slider .owl-item:not(.active) + .owl-item.active .tesmonialclintsitem{
     border-color: transparent;
    box-shadow: unset;
}
.tesmonialclintsitem .onlefitems h4{
    color: #119C4D;
    font-size: 18px;
}
.tesmonialclintsitem .onlefitems p{
margin: 0;
    font-weight: 400;
    color: #777;
    font-size: 12px;
}
.tesmonialclintsitem .onlefitemsp{

}

.bannersechm{
    margin-top: 150px;
}
.bannersechmitem{
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 80px 0;
}
.bannersechmitem p{
    width: 50%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
}
.bannersechmitem a{
    color: #fff;
    border-radius: 10px;
    background: #119C4D;
    padding: 10px 40px;
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 18px;
}























.numberssec {
    background: #119C4D;
    padding: 100px 0;
    position: relative;
    background-image: url("../img/yrmnms.png");
    background-repeat: no-repeat;
}
.numberssec:before{
    content: "";
    background-image: url("../img/nmbs.png");
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    margin-inline-start: 100px;
    top: 130px;
}
.numberssec .main-header.hmsc{
    color: #Fff;
}
.numberssec .main-header.hmsc:after{
    content: " ";
    background-color: #fff;
    width: 150px;
    height: 5px;
    position: unset;
    transform: none;
    animation: scalePulse 1.5s ease-in-out infinite alternate;
}
.numberssec .main-header.hmsc p{
    color: #Fff;

}











/* الافتراضي 4 أعمدة */
.numberssec .numbers-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}

/* لما يكون فيه كارت vision نخليها 5 أعمدة */
.numberssec .numbers-grid.has-vision {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* شكل الكروت موحّد */
.numberssec .numsiem {
    background: transparent;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.numberssec .numsiem h2 {
    margin: 0;
    font-weight: 500;
    font-size: 40px;
    display: flex;
    align-items: center;
    color: #fff;
}

.numberssec .numsiem p {
    margin: 0;
    font-size: 21px;
    color: #fff;
    font-weight: 300;
}

.numberssec .sign {
    font-weight: 900;
}

.numberssec .countera {
    font-variant-numeric: tabular-nums;
}

.numberssec .vision-card img {
    max-width: 150px;
}

/* موبايل */
@media (max-width: 992px) {
    .numberssec .numbers-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    }

    .numberssec .numbers-grid.has-vision .vision-card {
        grid-column: span 2;
    }

    /* تبقى في نص الصف */
}


.btnest.cstobtn {
    margin: 70px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    border-radius: 5px;
    color: #000;
    background: linear-gradient(90deg, #D5D505 0%, #00B542 100%);
    font-weight: 700;
    font-size: 18px;
}

.bannerssec {
    margin-top: 150px;
}

.contbanner h3 {
    font-weight: 700;
    color: #000;
    font-size: 36px;
    margin-bottom: 30px;
}

.contbanner p {
    font-weight: 400;
    font-size: 20px;
    text-align: justify;
    line-height: 35px;
    margin-bottom: 50px;
    width: 70%;
}
.allcatssrchm{
    display: flex;
    align-items: center;
    flex-wrap: wrap;


}
.categories-prosec{
    position: relative;
}
.categories-prosec:before {
    content: "";
    background-image: url("../img/afsec.png");
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    margin-inline-start: 100px;
    top: 40px;
}
.woo-category-box{
    background: #119C4D;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0 30px;
    gap: 20px;
    width: 18.5%;
    border-radius: 15px;
}
.woo-category-box:not(:last-of-type) {
    margin-inline-end: 20px;
}
.woo-category-box img{
    max-width: 92px;
    transition: all linear .4s;
}
.woo-category-box h4{
    font-weight: 500;
    color: #fff;
    font-size: 20px;
}
.woo-category-box p{
    font-weight: 300;
    font-size: 11px;
    text-align: center;
    color: #fff;
    width: 95%;
    line-height: 25px;
}
.woo-category-box a{
    background: #fff;
    display: flex;
    width: 90%;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    transition: all linear .4s;
}
.woo-category-box:hover a{
    background: #2E3191;
    color: #fff;
}
.woo-category-box:hover img{
    transform: scale(.95);
}
.main-header {
    font-size: 36px;
    color: #2E3191;
    margin-bottom: 50px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0px;
    justify-content: center;
}
.main-header.hmsc{
    flex-direction: column;
    gap: 30px;
}
.main-header.hmsc p{
    margin: 0;
    font-size: 17px;
    font-weight: 300;
    color: #282828;
}
.main-header img {
    max-width: 40px;
}

.cf7-captcha-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cf7-captcha-img {
    width: 120px;
    height: 40px;
    border: 1px solid #ddd;
    background: #fff;
}

.cf7-captcha-input {
    padding: 6px 8px;
    border: 1px solid #ccc;
    height: 34px;
}

.cf7-captcha-refresh {
    text-decoration: none;
    padding: 6px;
    display: inline-block;
}


.langused {
    margin-top: 50px;
}

.langused .main-header {
    margin-bottom: 40px;
}

.langused .container > p {
    text-align: center;
    width: 55%;
    margin: 0 auto 70px;
    font-weight: bold;
}
.crftiy{
    margin: 100px 0;
}
.imagelangused {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.imagelangused .timgaitem {
    background-color: #EFEFEF;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    border-radius: 5px;
    min-width: auto;
}

.imagelangused .timgaitem img {
    max-width: 60px;
}


.main-header span {
    display: inline-block;
}

 .coursessehm{
     position: relative;
     margin-top: 100px;
 }
 .coursessehm:before{
     content: "";
     background-image: url("../img/afsec.png");
     position: absolute;
     width: 200px;
     height: 130px;
     background-size: contain;
     background-repeat: no-repeat;
     animation: aiGlow 3s infinite ease-in-out;
     filter: none !important;
     left: 160px;
     top: 80px;
 }
.singlepagrs .coursessehm:before{
    left: -50px;
}
.view-more-container a{
    color: #fff;
    border-radius: 10px;
    background: #119C4D;
    padding: 10px 60px;
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 18px;
    display: inline-flex;
    margin: 50px 0 0 0;
}
 .howstartsechm{
     margin: 100px 0 150px;
     position: relative;
 }
 .stepsmap{
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: relative;
 }
.stepsmap:before{
    content: " ";
    position: absolute;
    right: 0;
    width: 100%;
    height: 1px;
    background: #000;
    top: 25px;
    z-index: -1;
}
.howstartsechm  .btnest{
    background: #2E3191;
    color: #fff;
    padding: 10px 60px;
    width: auto;
    height: auto;
    margin: 70px auto 0;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
}
.stepsmapiten{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.stepsmapiten h3{
    width: 50px;
    height: 50px;
    background: #119C4D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    margin-bottom: 30px;
}
.stepsmapiten h4{
    color: #119C4D;
    margin-bottom: 30px;
    font-size: 24px;
}
.stepsmapiten h5{
    color: #282828;
    font-size: 14px;
}





.course-card{
    border-radius: 15px;
    cursor: pointer;
}
.course-card .course-img{
    position: relative;
}
.course-conttt{
    background: #D9D9D9;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 0 0 15px 15px;
}
.course-conttt h3{
    font-size: 18px;
    margin-bottom: 20px;
    transition: all linear .4s;
}
.coursedata{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-bottom: 20px;
}
.course-conttt .coursedata span{
    font-size: 13px;
}
.course-conttt a{
    background: #2E3191;
    display: flex;
    width: 90%;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    transition: all linear .4s;
}
.course-card:hover .course-conttt a{
    background-color: #119C4D;
}
.course-card:hover .course-conttt h3{
     color: #2E3191;
}
.course-card .course-img img{
    border-radius: 15px 15px 0 0;
    height: 250px;
    object-fit: none;
}
.course-card .course-img  .tinv-wraper.tinv-wishlist{
    position: absolute;
    top: 10px;
    left: 10px;
}
.course-card .course-img  .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before{
    position: unset;
    top: unset;
    right: unset;
    color: #9798c8;
    font-size: 32px;
}














.main-header:after {
    contentoff: " ";
  /*  background-image: url("../img/heading_icon.png");*/
    width: 104px;
    height: 104px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.main-header:before {
    contentoff: " ";
    width: 50px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: #3f6baa;
    z-index: 1;
    animation-name: mainheader-animation;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}

@keyframes mainheader-animation {
    0% {
        left: 0;
    }
    50% {
        left: calc(100% - 50px);
    }
    100% {
        left: 0;
    }
}
.bradcrrupmwetitimg img{
    width: 100%;
}
.crftiy .imagelangused .timgaitem{
    width: 195px;
    height: 120px;
}
.crftiy .imagelangused .timgaitem img{
    max-width: 160px;
}
/*start partners*/
.partner {
    padding: 100px 0 40px;
}

.partner h2 {

    font-size: 36px;
    color: #5462ff;
    margin-bottom: 50px;
}

.partner .partners-slider .owl-nav {
    position: absolute;
    top: -40%;
    left: 0px;
}

.partner .partners-slider .owl-nav .owl-prev, .partner .partners-slider .owl-nav .owl-next {
    display: inline-block;
    margin: 0 5px;
    color: #7882a4;
    transition: linear .4s;
    font-size: 14px;
    width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0;
    line-height: 40px;
    text-transform: capitalize;
    justify-content: center;
    border-radius: 0;
    margin-top: 0;
    background-color: transparent;
    border: 1px solid #7882a4;
    position: relative;
}

.partner .partners-slider .owl-nav .owl-prev:after, .partner .partners-slider .owl-nav .owl-next:after {
    content: " ";
    position: absolute;
    right: 0;
    top: -1px;
    width: 0px;
    height: calc(100% + 2px);
    background-color: #fc0054;
    z-index: -1;
    transition: linear .4s;
}

.partner .partners-slider .owl-nav .owl-prev:hover, .partner .partners-slider .owl-nav .owl-next:hover {
    color: #FFFFFF;
    border-color: #fc0054;
    transition: linear .4s .2s;
}

.partner .partners-slider .owl-nav .owl-prev:hover:after, .partner .partners-slider .owl-nav .owl-next:hover:after {
    width: 100%;
    transition: linear .4s;
}

.partner .partners-slider .owl-nav .owl-prev i, .partner .partners-slider .owl-nav .owl-next i {
    font-size: 14px;
}

.item-partner {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: 200px;
    margin: 15px 10px;
    transition: linear .4s;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.13);
}

.item-partner img {
    width: auto !important;
    height: auto;
}

.item-partner:hover {
    transition: linear .4s;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.13);
}

/*end partners*/
.adss-new {
    padding-bottom: 60px;
}

.adss-new .partners-slider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -70px;
}

.adss-new .partners-slider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -70px;
}

.adss-new .partners-slider .owl-nav button i {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    background-color: #c3974c;
    border-radius: 5px;
    line-height: 40px;
    transition: linear .4s;
}

.adss-new .partners-slider .owl-nav button i:hover {
    background-color: #243935;
    transition: linear .4s;
}

.item-adss {
    position: relative;
    border: 1px solid #243935;
    transition: linear .4s;
    border-radius: 32px;
}
.woocommerce .loader::before{
	display:none !important ;
}
.item-adss img {
    width: 350px !important;
    height: 350px;
    border-radius: 30px;
}

.item-adss .on-adss-new {
    position: absolute;
    top: 70%;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    align-items: center;
    background-color: #243935;
    border-radius: 0 0 30px 30px;
    transition: linear .4s;
}

.item-adss .on-adss-new h4 {
    margin: 0;

    font-size: 18px;
    color: #fff;
}

.item-adss .on-adss-new a {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-color: #c3974c;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-adss:hover {
    border-color: #c3974c;
    transition: linear .4s;
}

.item-adss:hover .on-adss-new {
    visibility: visible;
    opacity: 1;
    top: 77%;
    bottom: 0;
    transition: linear .4s;
}

.adss-featured {
    background-image: url("../img/bg-fea.png");
    background-size: 100% 100%;
    padding: 50px 0 160px;
    position: relative;
}

.adss-featured:before {
    content: " ";
    background-image: url("../img/topf.png");
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 289px;
    display: block;
    background-size: 100% 100%;
}

.adss-featured:after {
    content: " ";
    background-image: url("../img/bottomf.png");
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 270px;
    display: block;
    background-size: 100% 100%;
}

.adss-featured .main-header {
    margin-bottom: 120px;
}

.adss-featured .featured-slider .item-adss-featured {
    border-radius: 40px;
}

.adss-featured .featured-slider .item-adss-featured a {
    border-radius: 40px;
}

.adss-featured .featured-slider img {
    width: 100%;
    height: 400px;
    border-radius: 40px;
}

.adss-featured .featured-slider .owl-dots {
    margin-top: 30px;
    text-align: center;
}

.adss-featured .featured-slider .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #233935;
    margin-inline-end: 15px;
    transition: linear .4s;
}

.adss-featured .featured-slider .owl-dots .owl-dot:last-of-type {
    margin-inline-end: 0px;
}

.adss-featured .featured-slider .owl-dots .owl-dot.active {
    width: 40px;
    border-radius: 35px;
    transition: linear .4s;
    background-color: #c3974c;
}

.service-new {
    margin-top: -70px;
}

.service-new .more-ser {
    margin-top: 40px;
    width: 150px;
    height: 40px;
    font-size: 14px;
    color: #233935;
    border: 1px solid #99a3a1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: linear .4s;
}

.service-new .more-ser:hover {
    background-color: #233935;
    border-color: #233935;
    color: #FFFFFF;
    transition: linear .4s;
}

.new-service-item-new {
    background-image: url(../img/bg-item-ser.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 40px 0 80px;
    text-align: center;
}

.new-service-item-new img {
    transition: linear 0.4s;
}

.new-service-item-new h5 {
    margin: 15px 0 0 0;
    font-size: 24px;

    color: #fff;
    transition: linear .4s .4s;
}

.new-service-item-new:hover h5 {
    color: #c3974c;
    transition: linear .4s;
}

.new-service-item-new:hover img {
    filter: invert(30%) sepia(15%) saturate(1466%) hue-rotate(359deg) brightness(87%) contrast(82%);
    transform: rotate3d(1, 6, 1, 360deg) scale(1.1);
    transition: linear .4s .4s;
}

.adss-important {
    padding: 60px 0 0 0;
    background-image: url("../img/bgimp.png");
    background-size: 100% 100%;
    position: relative;
}

.adss-important:before {
    content: " ";
    background-image: url("../img/topim.png");
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 264px;
    display: block;
    background-size: 100% 100%;
}

.adss-important:after {
    content: " ";
    background-image: url("../img/bottomimo.png");
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 303px;
    display: block;
    background-size: 100% 100%;
}

.adss-important .main-header {
    margin-bottom: 140px;
}

.adss-important .numbers-cities {
    margin-top: 85px;
    padding-bottom: 40px;
    border-bottom: 1px solid #c3974c;
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: space-between;
}

.adss-important .numbers-cities .number-item {
    text-align: center;
}

.adss-important .numbers-cities .number-item h4 {

    font-size: 24px;
    color: #c3974c;
    margin-bottom: 15px;
}

.adss-important .numbers-cities .number-item h4 span {

    font-size: 24px;
    color: #c3974c;
}

.adss-important .numbers-cities .number-item span {

    font-size: 24px;
    color: #243935;
}

.item-adss-impo {
    position: relative;
}

.item-adss-impo img {
    width: 100%;
    height: 250px;
    border-radius: 10px;
}

.item-adss-impo .on-adss-important {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 10px;
    background-color: rgba(36, 57, 53, 0.8);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: linear .4s .2s;
}

.item-adss-impo .on-adss-important h4 {
    margin: 0;

    font-size: 18px;
    color: #fff;
}

.item-adss-impo .on-adss-important a {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-color: #c3974c;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-adss-impo:hover .on-adss-important {
    opacity: 1;
    visibility: visible;
    transition: linear .4s;
}

.item-services-inside {
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 30px;
}

.item-services-inside img {
    width: 150px;
    height: 150px;
    border-radius: 5px;
}

.item-services-inside .item-services-inside-left .top-side-ser {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.item-services-inside .item-services-inside-left .top-side-ser h4 {
    margin: 0;
    font-size: 24px;
    font-family: 'RB-Bold';
    color: #223935;
}

.item-services-inside .item-services-inside-left .top-side-ser a {
    width: 100px;
    height: 40px;
    border-radius: 5px;
    background-color: #c3974c;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    line-height: 40px;
    transition: linear .4s;
}

.item-services-inside .item-services-inside-left .top-side-ser a:hover {
    background-color: #223935;
    transition: linear .4s;
}

.item-services-inside .item-services-inside-left .bottom-side-ser p {
    margin: 10px 0 0 0;
    text-align: justify;
    line-height: 28px;
    color: #777;
}

.news {
    padding-bottom: 130px;
}

.news .news-slider .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
}

.news .news-slider .owl-dots button {
    margin-inline-end: 5px;
}

.news .news-slider .owl-dots button span {
    width: 30px;
    height: 5px;
    display: inline-block;
    position: relative;
    transition: linear .4s;
}

.news .news-slider .owl-dots button span:before {
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #ff7800;
    position: absolute;
    transition: linear .4s;
    z-index: 2;
    border-radius: 35px;
}

.news .news-slider .owl-dots button span:after {
    content: " ";
    border-radius: 35px;
    width: 0%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #283c91;
    transition: linear .4s;
    position: absolute;
    visibility: hidden;
}

.news .news-slider .owl-dots button.active span {
    width: 50px;
    transition: linear .4s;
}

.news .news-slider .owl-dots button.active span:after {
    width: 100%;
    left: 0;
    z-index: 3;
    transition: linear .4s;
    visibility: visible;
}

.news-item {
    margin: 25px;
}

.news-item .image-news {
    position: relative;
    overflow: hidden;
    margin-inline-end: 15px;
    transition: linear .4s;
    border-radius: 10px;
}

.news-item .image-news:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 0%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    transition: linear .4s;
}

.news-item .image-news img {
    border-radius: 10px;
    height: 200px;
}

.news-item .image-news .date-news {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -20px;
    margin-inline-start: -10px;
    background-image: url(../img/bg-order-item.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    border-radius: 50%;
    z-index: 2;
    transition: linear .4s;
}

.news-item .image-news .date-news span {
    font-family: RB-Regular;
}

.news-item .news-content h4 {
    font-size: 22px;
    color: #000000;
    margin-bottom: 15px;
    transition: linear .4s;
}

.news-item .news-content p {
    font-family: RB-Regular;
    font-size: 14px;
    color: #787878;
    text-align: justify;
    margin-bottom: 30px;
    line-height: 28px;
}

.news-item:hover h4 {
    color: #283c91;
    transition: linear .4s;
}

.news-item:hover .date-news {
    transition: linear .4s;
    background-image: none;
    background-color: #283c91;
}

.news-item:hover .image-news {
    box-shadow: 0 0 28px rgba(1, 2, 2, 0.42);
    transition: linear .4s .4s;
}

.news-item:hover .image-news:after {
    height: 100%;
    transition: linear .4s;
}

.bannerssec .cusloo:not(:last-of-type) {
    margin-bottom: 100px;
}

.bannerssec .cusloo:nth-child(even) {
    flex-direction: row-reverse;
    padding-inline-start: 150px;
    background-image: url(../img/bg-b2.png);
    background-repeat: no-repeat;
}

body.rtl .bannerssec .cusloo:nth-child(even) {
    background-position: right;
}

body.ltr .bannerssec .cusloo:nth-child(even) {
    background-position: left;
}

.titcontsu {
    position: relative;
}

.titcontsu:after {
    content: " ";
    background-color: #99E4AA;
    position: absolute;
    bottom: -50px;
    right: 0;
    height: 10px;
    width: 40%;
    transform-origin: left center;
    animation: scalePulsea 1.5s ease-in-out infinite alternate;
}


@keyframes scalePulsea {
    from {
        width: 40%;
    }
    /* 60% */
    to {
        width: 50%;
    }
    /* 80% */
}


.titcontsu h3 {
    margin: 0;
    font-weight: 700;
    color: #fff;
    font-size: 48px;
    width: 80%;
    line-height: normal;
}


.conussec {
    padding: 70px 0;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.contform {
    background: #fff;
    border-radius: 30px;
    padding: 50px 50px 40px;
}


.main-button {
    transition: linear .4s;
    font-size: 20px;
    min-width: 200px;
    min-height: 45px;
    max-width: 200px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    padding: 0;
    line-height: 45px;
    text-transform: capitalize;
    justify-content: space-around;
    border-radius: 35px;
    margin-top: 0;
    background-color: transparent;
    border: 2px solid #000;
    position: relative;
    color: #000;
    font-weight: bold;
}

.main-button span {
    position: relative;
    z-index: 3;
}

.main-button:after {
    contentoff: " ";
    position: absolute;
    right: 0;
    top: -5px;
    width: 0;
    height: calc(100% + 9px);
    border: 1px solid;
    border-inline: 0;
    border-color: #000;
    z-index: 2;
    transition: linear .4s;
}

.main-button:hover {
    color: #FFFFFF;
    background-color: #272A88;
    border-color: transparent;
    transition: linear .4s;
}

.main-button:hover:after {
    width: 100%;
    right: 0;
    transition: linear .4s;
}

.main-button i {
    font-size: 20px;
}

.top-slider-header {
    padding: 30px 0 55px;
    background-color: #edecec;
}

.top-slider-header-inside {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 63% top;
    background-size: unset;
}

.prodsectio .main-button {
    margin: 50px auto 0;
    display: flex;
    height: 50px;
    font-size: 18px;
}

@keyframes arrow {
    0% {
        background-position: 20px center;
    }
    25% {
        background-position: 30px center;
    }
    50% {
        background-position: 20px center;
    }
    75% {
        background-position: 10px center;
    }
    100% {
        background-position: 20px center;
    }
}

.service-section {
    background-size: 100% 100%;
    background-attachment: fixed;
    padding: 70px 0 30px;
    padding-inline-start: 200px;
    position: relative;
}

.service-section .col-lg-6:nth-child(2n+2) {
    margin-top: -50px;
}

.service-section:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 25, 49, 0.7);
}

.service-section h2 {
    position: relative;
    z-index: 2;

    font-size: 36px;
    color: #FFFFFF;
    margin-bottom: 60px;
}

.service-section .services-item {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.service-section .services-item img {
    max-height: 160px;
    margin-bottom: 30px;
}

.service-section .services-item h5 {

    font-size: 18px;
    color: #000000;
    margin-bottom: 20px;
}

.service-section .services-item p {
    font-size: 14px;
    color: #8e8e8e;
    text-align: center;
    line-height: 27px;
}

.service-section .services-item .on-image-ser {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(13, 32, 56, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: scale(0.9);
    transition: linear .4s;
    visibility: hidden;
}

.service-section .services-item .on-image-ser h5 {
    color: #fff;
}

.service-section .services-item .on-image-ser a i {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    background-color: #f6b82d;
}

.service-section .services-item:hover .on-image-ser {
    transform: scale(1);
    transition: linear .4s;
    visibility: visible;
}

.service-section .van-img {
    position: relative;
    z-index: 3;
}

.service-section .van-img .van-head {
    animation: rotatevans 20s linear infinite;
    margin-top: -150px;
    z-index: 2;
    position: relative;
}

.service-section .van-img .van-head img {
    width: 474px;
    height: 500px;
}

.service-section .van-img .van-body {
    position: absolute;
    left: 56%;
    top: 36%;
}

.services-item {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.services-item img {
    max-height: 160px;
    margin-bottom: 30px;
}

.services-item h5 {

    font-size: 18px;
    color: #000000;
    margin-bottom: 20px;
}

.services-item p {
    font-size: 14px;
    color: #8e8e8e;
    text-align: center;
    line-height: 27px;
}

.services-item .on-image-ser {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(13, 32, 56, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: scale(0.9);
    transition: linear .4s;
    visibility: hidden;
}

.services-item .on-image-ser h5 {
    color: #fff;
}

.services-item .on-image-ser a i {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
    background-color: #f6b82d;
}

.services-item:hover .on-image-ser {
    transform: scale(1);
    transition: linear .4s;
    visibility: visible;
}

@keyframes rotatevan {
    0% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(90deg);
    }
    60% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mini-cat-section {
    padding: 70px 0;
    background-image: url("../img/bgcat.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cat-item {
    border-radius: 10px;
    background-color: #ffffff;
    width: 100%;
    padding: 60px 0;
    transition: linear .4s;
}

.cat-item a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cat-item img {
    max-width: 135px;
    max-height: 135px;
    margin-inline-end: 30px;
}

.cat-item h4 {

    font-size: 36px;
    color: #000000;
    margin: 0;
    transition: linear .4s;
}

.cat-item:hover {
    box-shadow: 1px 0 27px rgba(0, 0, 0, 0.26);
    transition: linear .4s .4s;
}

.cat-item:hover h4 {
    color: #283c91;
    transition: linear .4s;
}

.buttons-media {
    text-align: center;
    margin-bottom: 25px;
}

.buttons-media button {
    color: #FFF;
    transition: all linear .4s;
    border-radius: 5px;
    font-size: 14px;
    background-color: #ff7800;
    min-width: 160px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    text-transform: capitalize;
    font-family: RB-Regular;
    margin-inline-end: 15px;
}

.buttons-media button:hover, .buttons-media button.mixitup-control-active {
    background-color: #283c91;
    color: #FFF;
    transition: all linear .4s;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.32);
}

.media-center {
    padding: 70px 0;
    background-image: url("../img/right-bg-mc.png"), url("../img/left-bg-mc.png");
    background-repeat: no-repeat;
    background-position: top right, left bottom;
}

.media-center .main-header {
    margin-bottom: 20px;
}

.media-center .mixit_area .item-mc {
    position: relative;
    overflow: hidden;
}

.media-center .mixit_area .item-mc .view-btn {
    width: 40px;
    height: 40px;
    background-color: #283c91;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../img/search.png");
    transition: linear .4s;
    position: absolute;
    bottom: 15px;
    margin-inline-start: -50px;
    transition: linear .4s;
}

.media-center .mixit_area .item-mc img {
    border-radius: 10px;
    width: 100%;
    height: 350px;
}

.media-center .mixit_area .item-mc .view-item {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: scale(0);
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 1px 0 27px rgba(0, 0, 0, 0.26);
    transition: linear .4s;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
}

.media-center .mixit_area .item-mc:hover .view-item {
    transition: linear .4s;
    top: 0;
    left: 0;
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.media-center .mixit_area .item-mc:hover .view-item .view-btn {
    margin-inline-start: 15px;
    transition: linear .4s .4s;
}

.social-header {
    text-align: end;
    position: relative;
    z-index: 1;
    margin-bottom: 75px;
}

.social-header a {
    margin-inline-end: 15px;
}

.social-header a.whats {
    background-image: url("../img/whats.png");
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-position: center center;
}

.social-header a.whats i {
    background-color: transparent !important;
    color: transparent;
}

.social-header a:last-of-type {
    margin-inline-end: 0px;
}

.social-header a i {
    width: 40px;
    height: 40px;
    background: #c3974c;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    transition: linear .4s;
}

.social-header a i:hover {
    background-color: #243935;
    transition: linear .4s;
}

.about {
    position: relative;
    padding: 50px 0;
    z-index: 2;
    text-align: center;
    /*background-image: url("../img/bg-about.png");*/
    /*  background-color: #fff;*/
    /*  background-position: bottom left;*/
    /*background-repeat: no-repeat; */
}

.about h2 {
    font-size: 48px;
    color: #000;
    font-family: Alexandria;
    margin-bottom: 25px;
    font-weight: bold;
    text-align: center;
}

.about:after {
    contentoff: " ";
    background-image: url(../img/after-who.png);
    width: 100%;
    height: 120px;
    position: absolute;
    right: 0;
    top: 99%;
    z-index: 2;
    background-size: 100% 100%;
}

.about .main-tit-who {
    font-size: 36px;

    color: #5462ff;
    margin-bottom: 20px;
    text-align: start;
    position: relative;
    z-index: 1;
}

.about .allauout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.about .about-content h3 {
    font-size: 20px;

    margin-bottom: 15px;
    text-align: start;
    color: #000;
}

.about .about-content p {
    text-align: start;
    font-size: 20px;
    line-height: 30px;
    color: #515151;
    margin-bottom: 50px;
}

.about .about-img {
    position: relative;
    text-align: center;
    display: flex;
    height: 100%;
}

.about .about-img .vision2030 {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: auto;
    height: auto;
    max-width: 190px;
    max-height: 120px;
}

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

.about .about-img .image-ab-who {
    position: relative;
}

.about .about-img .image-ab-who:after {
    contentoff: " ";
    background-image: url("../img/bg-green-who.png");
    position: absolute;
    width: 462px;
    height: 483px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    animation-name: rotatez;
    animation-timing-function: linear;
    animation-duration: 40s;
    animation-iteration-count: infinite;
}

.about .about-img .image-ab-who:before {
    contentoff: " ";
    background-image: url("../img/afterimage.png");
    position: absolute;
    width: 540px;
    height: 540px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    animation-name: rotatez;
    animation-direction: reverse;
    animation-timing-function: linear;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    z-index: 2;
}

.about .row:hover .about-img:before {
    width: 100%;
    transition: linear .4s;
}

.about .goals_vision {
    padding-top: 70px;
}

.about .goals_vision .col-lg-6:last-of-type .goals_vision-item:after {
    display: none !important;
}

.about .goals_vision .goals_vision-item {
    display: flex;
}

.about .goals_vision .goals_vision-item:after {
    content: " ";
    width: 1px;
    height: 200px;
    background-color: #caf0f8;
    position: absolute;
    top: -15px;
    left: 25px;
}

.about .goals_vision .goals_vision-item .goals_vision-icon {
    margin-inline-end: 15px;
    width: 80px;
    height: 90px;
    background-color: #caf0f8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 0 10px;
}

.about .goals_vision .goals_vision-item .goals_vision-icon img {
    max-width: 55px;
    max-height: 55px;
}

.about .goals_vision .goals_vision-item .goals_vision-content {
    width: calc(100% - 150px);
}

.about .goals_vision .goals_vision-item .goals_vision-content h4 {

    font-size: 24px;
    color: #000000;
    margin-bottom: 15px;
}

.about .goals_vision .goals_vision-item .goals_vision-content p {
    font-size: 14px;
    color: #929292;
    margin-bottom: 0;
    text-align: justify;
    line-height: 27px;
}

.about .our_number {
    display: flex;
    align-items: center;
    background-color: #faf8f6;
    padding: 40px 0;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.18);
    margin-top: 50px;
    width: 115%;
    position: relative;
    z-index: 3;
    justify-content: space-evenly;
}

.about .our_number .number-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #7ebf88;
    padding-inline-end: 50px;
}

.about .our_number .number-item:last-of-type {
    border: 0;
    margin-inline-end: 0px;
}

.about .our_number .number-item .txt-num {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.about .our_number .number-item img {
    max-width: 80px;
    max-height: 80px;
    margin-inline-end: 15px;
}

.about .our_number .number-item h4 {

    font-size: 50px;
    color: #7ebf88;
    margin-bottom: 0px;
}

.about .our_number .number-item span {

    font-size: 18px;
    color: #000;
}

.about .left-about {
    position: relative;
}

.about .left-about:after {
    contentoff: " ";
    width: 100%;
    height: 70%;
    border: 15px solid #7ebf88;
    position: absolute;
    top: 75px;
    left: 0;
}

.about .left-about img {
    height: 500px;
    position: relative;
}

.about .left-about .row .col-lg-6:nth-child(2n+2) .us-content {
    background-color: #e8e5de;
}

.us-content {
    padding: 50px 0 35px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f4f8fb;
}

.us-content h5 {

    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

.us-content p {
    color: #838383;
    font-size: 16px;
    margin: 0 0 5px 0;
}

.us-content p:last-of-type {
    margin: 0;
}

.us-content {
    padding: 50px 0 35px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f4f8fb;
}

.us-content h5 {
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

.us-content p {
    color: #838383;
    font-size: 16px;
    margin: 0 0 5px 0;
}

.us-content p:last-of-type {
    margin: 0;
}

.works-sides {
    background-color: #ebeaea;
    padding: 30px 0 20px;
    background-image: url("../img/bg-works.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}

.works-sides .main-header {
    justify-content: start;
}

.works-sides .main-header .special-word-mh {
    color: #7c0612;
    margin-inline-end: 10px;
}

.works-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.works-item img {
    width: 100%;
    height: 200px;
    transition: linear .4s;
}

.works-item a {

    font-size: 20px;
    width: 70%;
    height: 50px;
    margin-top: -25px;
}

.works-item:hover img {
    transition: linear .4s;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.33);
}

.works-item:hover a {
    transition: linear .4s;
    background-color: #7ebf88;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
}

.single-pages .works-item img {
    height: 250px;
}

.projects-new {
    padding: 70px 0;
}

.projects-new .row-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px;
}

.projects-new .row-grid .col-grid {
    grid-column: span 5;
    grid-row: span 1;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 1) {
    grid-column: span 4;
    grid-row: span 2;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 1) .proj-item img {
    height: 550px;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 2) {
    grid-column: span 5;
    grid-row: span 1;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 2) .proj-item img {
    height: 260px;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 3) {
    grid-column: span 3;
    grid-row: span 1;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 3) .proj-item img {
    height: 260px;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 4) {
    grid-column: span 3;
    grid-row: span 1;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 4) .proj-item img {
    height: 260px;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 5) {
    grid-column: span 5;
    grid-row: span 1;
}

.projects-new .row-grid .col-grid:nth-of-type(6n + 5) .proj-item img {
    height: 260px;
}

.projects-new .row-grid .col-grid .proj-item {
    position: relative;
}

.projects-new .row-grid .col-grid .proj-item img {
    width: 100%;
    height: 260px;
}

.projects-new .row-grid .col-grid .proj-item .on-image-proj {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 32, 56, 0.9);
    display: flex;
    padding: 30px 20px;
    align-items: self-end;
    opacity: 0;
    transition: linear .4s;
}

.projects-new .row-grid .col-grid .proj-item .on-image-proj a {
    display: flex;
    align-items: center;
}

.projects-new .row-grid .col-grid .proj-item .on-image-proj a i {
    background-image: url(../img/bulid.png);
    width: 50px;
    height: 50px;
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fcb600;
    transform: scale(0);
    transition: linear .4s;
}

.projects-new .row-grid .col-grid .proj-item .on-image-proj a span {
    font-family: 'RB-BOLD';
    font-size: 22px;
    color: #fff;
    margin-inline-start: 10px;
    transform: scale(0);
    transition: linear .4s;
}

.projects-new .row-grid .col-grid .proj-item:hover .on-image-proj {
    opacity: 1;
    transition: linear .4s;
}

.projects-new .row-grid .col-grid .proj-item:hover .on-image-proj i {
    transform: scale(1);
    transition: linear .4s .2s;
}

.projects-new .row-grid .col-grid .proj-item:hover .on-image-proj span {
    transform: scale(1);
    transition: linear .4s .4s;
}

.row-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px;
}

.row-grid .col-grid {
    grid-column: span 5;
    grid-row: span 1;
}

.row-grid .col-grid:nth-of-type(6n + 1) {
    grid-column: span 4;
    grid-row: span 2;
}

.row-grid .col-grid:nth-of-type(6n + 1) .proj-item img {
    height: 550px;
}

.row-grid .col-grid:nth-of-type(6n + 2) {
    grid-column: span 5;
    grid-row: span 1;
}

.row-grid .col-grid:nth-of-type(6n + 2) .proj-item img {
    height: 260px;
}

.row-grid .col-grid:nth-of-type(6n + 3) {
    grid-column: span 3;
    grid-row: span 1;
}

.row-grid .col-grid:nth-of-type(6n + 3) .proj-item img {
    height: 260px;
}

.row-grid .col-grid:nth-of-type(6n + 4) {
    grid-column: span 3;
    grid-row: span 1;
}

.row-grid .col-grid:nth-of-type(6n + 4) .proj-item img {
    height: 260px;
}

.row-grid .col-grid:nth-of-type(6n + 5) {
    grid-column: span 5;
    grid-row: span 1;
}

.row-grid .col-grid:nth-of-type(6n + 5) .proj-item img {
    height: 260px;
}

.row-grid .col-grid .proj-item {
    position: relative;
}

.row-grid .col-grid .proj-item img {
    width: 100%;
    height: 260px;
}

.row-grid .col-grid .proj-item .on-image-proj {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 32, 56, 0.9);
    display: flex;
    padding: 30px 20px;
    align-items: self-end;
    opacity: 0;
    transition: linear .4s;
}

.row-grid .col-grid .proj-item .on-image-proj a {
    display: flex;
    align-items: center;
}

.row-grid .col-grid .proj-item .on-image-proj a i {
    background-image: url(../img/bulid.png);
    width: 50px;
    height: 50px;
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fcb600;
    transform: scale(0);
    transition: linear .4s;
}

.row-grid .col-grid .proj-item .on-image-proj a span {
    font-family: 'RB-BOLD';
    font-size: 22px;
    color: #fff;
    margin-inline-start: 10px;
    transform: scale(0);
    transition: linear .4s;
}

.row-grid .col-grid .proj-item:hover .on-image-proj {
    opacity: 1;
    transition: linear .4s;
}

.row-grid .col-grid .proj-item:hover .on-image-proj i {
    transform: scale(1);
    transition: linear .4s .2s;
}

.row-grid .col-grid .proj-item:hover .on-image-proj span {
    transform: scale(1);
    transition: linear .4s .4s;
}

.partner-clients {
    background-image: url("../img/bg-partner.png");
    background-position: top;
    padding: 50px 0 40px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.partner-clients h2 {
    margin-bottom: 25px;

    color: #fff;
    font-size: 36px;
    text-align: center;
}

.partner-clients .container {
    background: #fff;
    padding-top: 70px;
}

.partner-clients .editincol-partner {
    flex: 0 0 20%;
    max-width: 20%;
}

.partner-clients .partner-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    height: 150px;
}

.partner-clients .partner-item img {
    max-height: 150px;
    transition: linear .4s;
}

.partner-clients .partner-item:hover img {
    transform: scale(1.03);
    transition: linear .4s;
}

.partner-clients.cert {
    background-image: none;
    background-position: unset;
    padding: 40px 0 70px;
    background-repeat: unset;
    background-size: unset;
}

.partner-clients.cert h2 {
    margin-bottom: 70px;

    color: #000;
    font-size: 36px;
    text-align: center;
}

.partner-clients.cert .container {
    background: #fff;
    padding-top: 70px;
}

.blog-post {
    padding: 70px 0 40px;
    position: relative;
    overflow: hidden;
}

.blog-post .r-part {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-post .r-part .main-header {
    margin: 0 0px;
}

.blog-post .r-part .main-hover {
    justify-content: center;
    margin-bottom: 0;
}

.blog-post .r-part .main-hover:before {
    display: none;
}

.our_number {
    display: flex;
    align-items: center;
    padding: 40px 0;
    position: relative;
    z-index: 3;
    justify-content: space-evenly;
}

.our_number .number-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline-end: 20px;
}

.our_number .number-item:last-of-type {
    border: 0;
    margin-inline-end: 0px;
}

.our_number .number-item .txt-num {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.our_number .number-item img {
    max-width: 80px;
    max-height: 80px;
    margin-inline-end: 10px;
}

.our_number .number-item h4 {

    font-size: 50px;
    color: #20469c;
    margin-bottom: 0px;
}

.our_number .number-item span {

    font-size: 18px;
    color: #808080;
}

.main-blog {
    display: flex;
    flex-direction: column;
    border-radius: 0px;
    overflow: hidden;
    transition: all linear .4s;
    position: relative;
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.14);
}

.main-blog img {
    width: 100%;
    height: 500px;
    transition: all linear .4s;
}

.main-blog .in-item {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    display: flex;
    padding: 30px;
    background-color: transparent;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    overflow: hidden;
    transition: all linear .4s;
    border-radius: 0px;
}

.main-blog .in-item h3 {
    font-size: 24px;
    color: #808080;

    margin-bottom: 20px;
    padding-top: 30px;
    transition: all linear .4s;
    position: relative;
}

.main-blog .in-item .bot-blog {
    transition: all linear .4s;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: -140px;
    opacity: 0;
    visibility: hidden;
}

.main-blog .in-item .bot-blog p {
    color: #FFF;
    width: 85%;
    font-size: 14px;
    transition: all linear .4s;
    margin-inline-start: -100%;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 30px;
}

.main-blog .in-item .bot-blog .end-bot-blog {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-blog .in-item a i {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: #fcb600;
    font-size: 22px;
}

.main-blog .in-item .main-hover {
    margin-inline-start: -80px;
    opacity: 0;
    transition: linear .4s;
    background-color: #FFF;
    visibility: hidden;
}

.main-blog .in-item .bot-blog a i:hover {
    transition: linear .4s;
    background-color: #978556;
}

.main-blog:hover .in-item {
    transition: all linear .4s;
    background-color: #0f1931;
    box-shadow: 0 10px 9px rgba(0, 0, 0, 0.27);
}

.main-blog:hover .in-item .bot-blog {
    transition: all linear .4s;
    margin-bottom: 0px;
    opacity: 1;
    visibility: visible;
}

.main-blog:hover .in-item h3 {
    transition: all linear .4s;
    color: var(--sec);
}

.main-blog:hover .in-item p {
    margin-inline-start: 0px;
    opacity: 1;
    visibility: visible;
    transition: linear .4s;
    transition-delay: .3s;
}

.main-blog:hover .in-item .main-hover {
    margin-inline-start: 0px;
    transition: linear .2s;
    opacity: 1;
    visibility: visible;
    transition-delay: .6s;
}

.contact-info-notfooter {
    padding-top: 70px;
}

.contact-info-notfooter .wpcf7 {
    padding: 20px 25px 50px;
    border: 5px solid #7c0612;
    border-bottom: 0;
}

.contact-info-notfooter .map iframe {
    height: 450px;
    width: 100%;
}

.numbers {
    margin-top: -112px;
}

.numbers .numbers-section {
    display: flex;
    justify-content: space-between;
    padding: 40px 20px 40px 60px;
    background: #243935;
    border-radius: 5px;
    position: relative;
    z-index: 3;
    text-align: center;
}

.numbers .numbers-section .number-item {
    position: relative;
    display: flex;
    align-items: center;
}

.numbers .numbers-section .number-item:after {
    content: " ";
    width: 1px;
    height: 60px;
    background-color: #b68b25;
    display: flex;
    position: absolute;
    left: -50px;
}

.numbers .numbers-section .number-item:last-of-type:after {
    display: none;
}

.numbers .numbers-section .number-item h4 {

    font-size: 50px;
    margin-bottom: 15px;
    background: linear-gradient(150deg, #92704b 33%, #eacb9c 64%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.numbers .numbers-section .number-item span {

    font-size: 18px;
    color: #FFFFFF;
    margin: 0;
}

@keyframes rotatez {
    0% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    }
    25% {
        transform: translateX(-50%) translateY(-50%) rotateZ(20deg);
    }
    50% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    }
    75% {
        transform: translateX(-50%) translateY(-50%) rotateZ(-20deg);
    }
    100% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    }
}

.new-service-section {
    padding: 150px 0 50px;
    background-image: url("../img/bg-ser.png");
    background-size: 100% 100%;
}

.new-service-section .main-item-ser {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}

.new-service-section .main-item-ser:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.new-service-section .main-item-ser img {
    width: 100%;
    height: 250px;
    opacity: .2;
    position: relative;
    z-index: 1;
}

.new-service-section .main-item-ser .on-main-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    text-align: center;
    width: 100%;
    padding: 0 55px;
}

.new-service-section .main-item-ser .on-main-item h4 {

    font-size: 36px;
    color: #5462ff;
    margin-bottom: 20px;
}

.new-service-section .main-item-ser .on-main-item p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 27px;
}

.new-item-ser {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-color: #fff;
    padding: 30px;
    overflow: hidden;
    transition: linear .4s;
}

.new-item-ser .top-side-ser {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.new-item-ser .top-side-ser .icon-ser-new {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #e8ebf0;
    border-radius: 50%;
    transition: linear .4s;
}

.new-item-ser .top-side-ser .icon-ser-new img {
    max-width: 50px;
    max-height: 50px;
    transition: linear .4s;
}

.new-item-ser .top-side-ser .main-button {
    width: 40px;
    min-height: 40px;
    margin-top: -100%;
    transition: linear .4s;
}

.new-item-ser .top-side-ser .main-button i {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.new-item-ser .top-side-ser .main-button:after {
    width: 0;
    z-index: 0;
}

.new-item-ser .top-side-ser .main-button:hover:after {
    width: 100%;
}

.new-item-ser .new-ser-item h4 {
    font-size: 20px;
    color: #5462ff;

    margin-bottom: 10px;
    transition: linear .4s;
}

.new-item-ser .new-ser-item p {
    font-size: 14px;
    color: #8e8e8e;
    text-align: justify;
    margin: 0;
}

.new-item-ser:hover {
    background-color: #f4f7ff;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.21);
    transition: linear .4s;
}

.new-item-ser:hover .top-side-ser .icon-ser-new {
    background-color: #cdd4e6;
    transition: linear .4s;
}

.new-item-ser:hover .top-side-ser .icon-ser-new img {
    filter: invert(23%) sepia(99%) saturate(7480%) hue-rotate(334deg) brightness(96%) contrast(107%);
    transform: rotate3d(1, 2, 0, 360deg);
    transition: linear .4s;
}

.new-item-ser:hover .top-side-ser .main-button {
    margin-top: 0%;
    transition: linear .4s;
}

.new-item-ser:hover .new-ser-item h4 {
    color: #fc0054;
    transition: linear .4s;
}

.cometted {
    position: relative;
    z-index: 2;
    margin-top: -70px;
}

.cometted .all-comm {
    border-radius: 15px;
    box-shadow: 0 0 29px rgba(2, 2, 2, 0.2);
    padding: 30px 0;
    background-image: url(../img/commeted-bg.png);
    background-size: 100% 100%;
}

.cometted .all-comm .cometted-img {
    position: relative;
}

.cometted .all-comm .cometted-img img {
    position: absolute;
    border-radius: 50%;
    width: 343px;
    height: 343px;
    left: 30px;
    top: -75px;
    transform: scale(1);
    animation-name: rotates;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.cometted .all-comm .cometted-content h4 {
    font-family: 'RB-Bold';
    font-size: 36px;
    color: #7c6430;
    margin-bottom: 20px;
}

.cometted .all-comm .cometted-content p {
    font-size: 16px;
    color: #000;
    line-height: 32px;
    margin: 0;
}

@keyframes rotates {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    75% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.owl-thumb-item {
    display: inline-block;
    border: 0;
    background: transparent;
    opacity: .5;
    transition: linear .4s;
}

.owl-thumb-item.active {
    opacity: 1;
    transition: linear .4s;
}

.owl-thumb-item img {
    width: 70px;
    height: 70px;
    border-radius: 0;
    margin: 5px;
}

.servise-slider img {
    width: 100%;
    height: 400px;
}

.service {
    padding: 50px 0 60px;
    position: relative;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.service .main-header {
    margin-bottom: 50px;
    color: #FFFFFF;
}

.service .editincol-ser {
    flex: 0 0 20%;
    max-width: 20%;
}

.service .more-ser {
    margin-top: 30px;
    text-align: center;
}

.service .more-ser .main-button {
    width: 200px;
    height: 40px;
}

.item-service {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 40px 10px;
    background: #fff;
    transition: linear .4s .4s;
}

.item-service.insides {
    box-shadow: 0 0 13px #aba9a952;
}

.item-service img {
    max-height: 65px;
    margin-bottom: 10px;
    transition: linear .4s .2s;
}

.item-service a {
    font-weight: bold;
    font-size: 18px;
    color: #000;
    transition: linear .4s;
    text-align: center;
}

.item-service:hover {
    background-color: #322cce;
    transition: linear .4s;
}

.item-service:hover img {
    filter: invert(100%) sepia(62%) saturate(10%) hue-rotate(174deg) brightness(102%) contrast(105%);
    transition: linear .4s .2s;
}

.item-service:hover a {
    color: #FFFFFF;
    transition: linear .4s .3s;
}

.project {
    padding: 170px 0 390px;
    background-image: url("../img/bg-works.png");
    background-size: 100% 100%;
}

.project h2 {

    font-size: 58px;
    color: #b08b3c;
    margin-bottom: 160px;
}

.proj-name {
    font-size: 18px;
    color: #563e12;
    text-align: center;
    margin: 20px 0;
}

.sl-test .owl-nav {
    text-align: center;
    margin-top: 50px;
}

.sl-test .owl-nav button i {
    width: 40px;
    height: 40px;
    background: #7c6430;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    transition: linear 0.4s;
}

.sl-test .owl-nav button i:hover {
    transition: linear .4s;
    background: #000;
}

.project-item-new {
    position: relative;
}

.project-item-new img {
    width: 350px;
    height: 255px;
    border-radius: 50%;
    transition: linear .4s .4s;
}

.project-item-new .on-project-img {
    position: absolute;
    top: 0%;
    left: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(176, 139, 60, 0.5);
    opacity: 0;
    transition: linear .4s .4s;
}

.project-item-new .on-project-img i {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 50px;
    border-radius: 50%;
    background-color: #7c6430;
    color: #FFFFFF;
    font-size: 22px;
    opacity: 0;
}

.project-item-new:hover img {
    opacity: .5;
    transition: linear .4s;
}

.project-item-new:hover .on-project-img {
    opacity: 1;
    transition: linear .4s;
}

.project-item-new:hover .on-project-img i {
    opacity: 1;
    transition: linear .4s .4s;
}

.offers {
    padding: 70px 0 190px;
}

.offers .offers-slider .offer-item {
    position: relative;
    overflow: hidden;
    margin: 17px;
    transition: linear .4s;
}

.offers .offers-slider .offer-item .on-img-offer {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0;
    height: 0;
    right: 0;
    width: 90%;
    background-color: rgba(185, 117, 53, 0.8);
    padding: 30px 20px;
    transition: linear .4s .3s;
}

.offers .offers-slider .offer-item .on-img-offer .offer-detls {
    opacity: 0;
    margin-right: -100%;
    display: inline-flex;
    flex-direction: column;
    transition: linear 0.3s;
}

.offers .offers-slider .offer-item .on-img-offer .offer-detls h5 {
    color: #FFFFFF;
    font-family: GHAITHSANS-Bold;
    font-size: 24px;
    margin-bottom: 10px;
}

.offers .offers-slider .offer-item .on-img-offer .offer-detls span {
    font-size: 14px;
    color: #FFFFFF;
}

.offers .offers-slider .offer-item .on-img-offer .offer-detls .main-button {
    background-color: #073831;
    margin-top: 30px;
}

.offers .offers-slider .offer-item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.31);
    transition: linear .4s .2s;
}

.offers .offers-slider .offer-item:hover .on-img-offer {
    visibility: visible;
    opacity: 1;
    height: 53%;
    transition: linear .4s;
}

.offers .offers-slider .offer-item:hover .on-img-offer .offer-detls {
    opacity: 1;
    margin-right: 0;
    transition: linear .4s .5s;
}

.offers .offers-slider .owl-nav {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.offers .offers-slider .owl-nav i {
    margin: 0 5px;
    color: #fff;
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b97535;
    line-height: 40px;
    transition: linear .4s;
}

.offers .offers-slider .owl-nav i:hover {
    background: #073831;
    transition: linear .4s;
}

.center-section {
    background: white;
    background: linear-gradient(0deg, white 8%, #335b56 8%, #073831 92%, white 92%);
    position: relative;
}

.center-section:after {
    content: " ";
    background-image: url("../img/bottom-cpage.png");
    width: 164px;
    height: 165px;
    position: absolute;
    right: 0;
    bottom: 8%;
}

.center-section:before {
    content: " ";
    background-image: url("../img/top-cpage.png");
    width: 164px;
    height: 163px;
    position: absolute;
    left: 0;
    top: 8%;
}

.center-section .center-section-content {
    display: inline-flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    width: 90%;
}

.center-section .center-section-content h3 {
    font-family: 'GHAITHSANS-Bold';
    color: #b97535;
    font-size: 32px;
    margin-bottom: 30px;
}

.center-section .center-section-content p {
    font-size: 24px;
    color: #FFFFFF;
    text-align: justify;
    line-height: 35px;
    margin-bottom: 50px;
}

.center-section .center-section-content .main-button {
    width: 150px;
}

.center-section .center-section-content .main-button:hover {
    background-color: #b97535;
}

.center-section .center-section-img img {
    width: 100%;
    height: 460px;
}

.test {
    padding: 70px 0;
}

.item-test {
    padding: 30px;
    background-color: #1c4943;
    border: 1px solid #498456;
    transition: linear .4s;
    width: 100%;
    margin: 20px 0;
    position: relative;
    z-index: 2;
}

.item-test:hover {
    transition: linear .4s;
    border: 1px solid #b97535;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.item-test:hover img {
    transition: linear .4s;
    border: 1px solid #498456;
}

.item-test:after {
    content: " ";
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #b97535;
    z-index: -1;
    transition: linear .4s;
}

.item-test:hover:after {
    width: 100%;
    transition: linear .4s;
}

.item-test img {
    display: block;
    transition: linear .4s;
    border-radius: 50%;
    width: 70px !important;
    height: 70px;
    border: 1px solid transparent;
    position: relative;
    margin: -50px auto 20px;
}

.item-test p {
    font-size: 14px;
    text-align: justify;
    color: #fff;
    margin-bottom: 30px;
}

.item-test p:last-child {
    margin-bottom: 0;
}

.item-test h4 {
    color: #b97535;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    transition: linear .4s;
}

.item-test:hover h4 {
    transition: linear .4s .4s;
    color: #1c4943;
}

.test .sl-test .owl-nav .owl-prev i, .test .sl-test .owl-nav .owl-next i {
    margin: 0 5px;
    color: #fff;
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b97535;
    line-height: 40px;
    transition: linear .4s;
}

.test .sl-test .owl-nav .owl-prev i:hover {
    background: #073831;
    transition: linear .4s;
}

.test .sl-test .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
}

.test .sl-test .owl-nav .owl-next i:hover {
    background: #073831;
    transition: linear .4s;
}

.test .sl-test .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
}

.history-section {
    position: relative;
}

.history-section img {
    width: 100%;
    height: 655px;
    opacity: .4;
    position: relative;
    z-index: 1;
    border-radius: 95px 0 0 95px;
}

.history-section:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #181824;
    width: 100%;
    height: 100%;
    border-radius: 95px 0 0 95px;
}

.history-section .on-img-his {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}

.history-section .on-img-his img {
    width: auto;
    height: auto;
    opacity: 1;
    border-radius: 0;
    max-width: 905px;
    max-height: 557px;
}

.project-slider-slick {
    padding: 100px 0 0 0;
    background-image: url("../img/bg-proj.png");
    background-repeat: no-repeat;
    background-position: left top;
}

.project-slider-slick .buttons-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-slider-slick .buttons-section h4 {

    font-size: 36px;
    color: #000;
    margin: 0;
}

.project-slider-slick .project-slick {
    padding-inline-start: 150px;
    margin-top: 50px;
}

.project-slider-slick .project-slick .slick-list .slick-slide {
    margin-inline-start: -90px;
}

.project-slider-slick .project-slick .slick-list .slick-slide > div {
    padding: 15px 60px;
}

.project-item-slick-new .image-slick-project {
    box-shadow: 0 1px 15px rgba(7, 8, 8, 0.11);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0;
    background-color: #FFFFFF;
    margin-bottom: 20px;
}

.project-item-slick-new .content-slick-project {
    display: flex;
    justify-content: space-between;
}

.project-item-slick-new .content-slick-project .tit-pro h4 {
    font-family: 'RB-Bold';
    font-size: 24px;
    color: #000;
    margin-bottom: 15px;
    transition: linear .4s;
}

.project-item-slick-new .content-slick-project .tit-pro span {
    font-size: 24px;
    color: #bcbcbc;
    transition: linear .4s;
}

.project-item-slick-new .content-slick-project a {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.project-item-slick-new .content-slick-project a i {
    font-size: 18px;
}

.project-item-slick-new:hover .content-slick-project .tit-pro h4 {
    color: #03045e;
    transition: linear .4s;
}

.project-item-slick-new:hover .content-slick-project .tit-pro span {
    color: #03045e;
    transition: linear .4s;
}

.compaines-section {
    padding: 174px 0 50px 0;
    background-image: url("../img/bg-compaany.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top right;
    margin-top: -20px;
}

.compaines-section .title-company {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}

.compaines-section .title-company:before {
    content: " ";
    background-image: url("../img/s-bg.png");
    width: 245px;
    height: 330px;
    position: absolute;
    right: -35px;
    z-index: -1;
}

.compaines-section .title-company h2 {
    font-family: 'RB-Bold';
    font-size: 48px;
    text-align: center;
    color: #000;
    background: #caf0f8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 90px 50px;
    width: 90%;
    border-radius: 55px 0 0 55px;
}

.company-image img {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    border: 3px solid transparent;
    transition: linear .4s;
}

.company-image:hover img {
    transition: linear .4s;
    border-color: #00b4d8;
}

.consultation-form {
    padding: 50px 0;
    background-image: url("../img/join.png");
    background-size: 100% 100%;
    position: relative;
}

.consultation-form:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.consultation-form:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/join.png);
    background-size: 100% 100%;
    z-index: -1;
}

.consultation-form .main-header {
    color: #ffffff;
    margin-bottom: 15px;
}

.consultation-form .intro-form {
    position: relative;
}

.consultation-form .intro-form p {
    margin-bottom: 50px;
    text-align: center;
    color: #fee6ba;
}

.marginb-70 {
    margin-bottom: 70px;
}

.sl-item {
    width: 160px;
    height: 160px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.sl-item img {
    max-width: 100%;
    max-height: 100%;
}

.products-slider button:before {
    color: #7c6430;
    opacity: 1;
    font-size: 30px;
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0;
    }
}

.applications {
    margin-top: 90px;
}

.applications .main-header {
    margin-bottom: 0;
}

.catg_app p {
    color: #808080;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}

.appgallitem {
    margin-bottom: 30px;
}

.appgallitem a {
    display: flex;
    overflow: hidden;
}

.appgallitem img {
    height: 350px;
    transition: all linear .2s;
}

.appgallitem a:hover img {
    transform: scale(1.09);
}


.the_size_images_des a {
    display: flex;
    overflow: hidden;
}

.the_size_images_des img {
    height: 350px;

    transition: all linear .2s;
}

.the_size_images_des a:hover img {
    transform: scale(0.99);
}


.fixed-icon {
    position: fixed;
    right: 40px;
    top: 90%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: linear .5s;
}

.fixed-icon.fly-icon {
    opacity: 1;
    visibility: visible;
    transition: linear .5s;
}

.fixed-icon a {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid #1b3f73;
    margin-bottom: 10px;
    color: #fff;
    line-height: 45px;
    background-color: transparent !important;
    border-radius: 0%;
    transition: linear .4s;
    font-size: 16px;
}
.ourstory{
    background: #EBEBEB;
    padding: 100px 0 70px;
}
.ourstory .container > h3{
    font-weight: bold;
    font-size: 46px;
    margin-bottom: 30px;
}
.ourstory .container > p{
    color: #000;
    width: 85%;
    line-height: 30px;
    margin-bottom: 50px;
}




.bradcrrupmwe{
    background-image: url(../img/bg-breadabout.png);
    background-size: 100% 100%;
    padding-top: 70px;
}
.bradcrrupmwe:after{
    content: " ";
    background-image: url(../img/afterbref.png);
    width: 100%;
    height: 7px;
    display: block;
}
.bradcrrupmwetit{
    padding-inline-start: 150px;
    padding-bottom: 100px;
}
.bradcrrupmwetit h3{
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 30px;
}
.bradcrrupmwetit p{
    color: #000;
    margin: 0;
}









.fixed-icon a.uptohead {
  background-image: url(../img/arrow.png);
  background-color: #272A88 !important;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  visibility: hidden;
  background-size: 12px;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
}

.fixed-icon a img {
    width: 100%;
    height: 100%;
}

.fixed-icon a.uptohead.fly-icon {
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: linear .5s;
    border-radius: 0;
}

.fixed-icon a.uptohead:hover {
    background-color: #7c0612;
    color: #FFFFFF;
    transition: linear .4s;
}

.fixed-icon a.chat {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA5ZDAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==) center/35px 35px no-repeat #00bb00;
    border: 0;
}

.fixed-icon a.whats {
    border-color: transparent;
    background: #52af50 !important;
}

.fixed-icon a.whats i {
    color: #fff;
    font-size: 35px;
}

.fixed-icon a:hover {
    background-color: #7c0612;
    color: #FFFFFF;
    transition: linear .4s;
}

.testmentional {
    padding: 35px 0 70px;
    background-image: url("../img/bg-test.png");
    background-size: 100% 100%;
}

.testmentional h2 {
    text-align: center;

    font-size: 36px;
    color: #fd0054;
    margin-bottom: 50px;
}

.testmentional .testmetioal-item {
    background-color: #fff;
    padding: 45px 20px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    border: 1px solid transparent;
    position: relative;
    transition: linear .4s;
}

.testmentional .testmetioal-item p {
    font-size: 14px;
    color: #8e8e8e;
    text-align: justify;
    line-height: 27px;
    margin-bottom: 25px;
}

.testmentional .testmetioal-item .testmetioal-content {
    display: flex;
    align-items: center;
}

.testmentional .testmetioal-item .testmetioal-content img {
    max-width: 65px;
    max-height: 65px;
    border-radius: 50%;
    margin-inline-end: 10px;
}

.testmentional .testmetioal-item .testmetioal-content .test-info h4 {
    font-family: 'RB-BOLD';
    color: #5462ff;
    font-size: 22px;
    margin-bottom: 10px;
    transition: linear .4s;
}

.testmentional .testmetioal-item .testmetioal-content .test-info span {
    font-size: 14px;
    color: #7882a4;
}

.testmentional .testmetioal-item:hover {
    border: 1px solid #5463ff;
    transition: linear .4s;
}

.testmentional .testmetioal-item:hover .test-info h4 {
    color: #fb3270;
    transition: linear .4s;
}

.testmentional .testmetioal-item:after {
    content: " ";
    background-image: url("../img/aftertest.png");
    width: 28px;
    height: 20px;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

/*start contact*/
.contact {
    padding: 70px 0;
}

.contact h2 {
    text-align: start;
    font-size: 36px;
    margin-bottom: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: start;
    font-family: 'RB-BOLD';
    color: #5462ff;
}

.contact iframe {
    width: 100%;
    height: 500px;
    border-radius: 10px;
}

.contact .in-contact {
    display: flex;
    flex-direction: column;
    background-image: url("../img/bg-con.png");
    background-size: 100% 100%;
    position: relative;
    margin-top: 30px;
    border-radius: 10px;
    margin-right: -90px;
    padding: 50px;
}

.contact .in-contact:after {
    content: '';
    position: absolute;
    top: 29px;
    right: 36px;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    border: 5px solid #fd0054;
}

.contact .in-contact .out-cont {
    display: flex;
    margin-bottom: 50px;
}

.contact .in-contact .out-cont i {
    font-size: 65px;
    margin: 0 15px;
    color: #fd0054;
}

.contact .in-contact .out-cont .fa-phone-volume {
    transform: rotate(-30deg);
}

.contact .in-contact .out-cont p {
    font-size: 16px;
    color: #fd0054;
    margin-bottom: 15px;
}

.contact .in-contact .out-cont a {
    font-size: 16px;
    color: #000;
}

.contact .in-contact .out-cont:last-of-type {
    margin-bottom: 0;
}

/*end contact*/
/*start footer*/
.contact-info {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: 100%;
    justify-content: center;
}

.contact-info .img-icon-cont {
    width: 50px;
    height: 50px;
    border: 0px solid #3395fa;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-inline-end: 10px;
    background-color: #649ab5a1;
    border-radius: 50%;
    position: relative;
}

.contact-info .img-icon-cont:after {
    content: "";
    border: 1px solid #3395fa;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.img-icon-cont img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(359deg) brightness(106%) contrast(101%);
}

.contact-info i {
    width: 50px;
    height: 50px;
    border: 1px solid #7ebf88;
    color: #7ebf88;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    margin-inline-end: 10px;
}

.contact-info h4 {
    font-weight: bold;
    font-size: 20px;
    color: #1175b2;
}

.contact-info a {
    font-size: 16px;
    color: #fff !important;
}

.contact-info a span {
    display: inline-block;
    direction: ltr;
}

.all-numbers a:after {
    content: "-";
}

.all-numbers a:last-of-type:after {
    display: none;
}

.contact-information {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.contact-information .contact-info {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.contact-information .contact-info i {
    width: 50px;
    height: 50px;
    border: 1px solid #7ebf88;
    color: #7ebf88;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    margin-inline-end: 10px;
}

.contact-information .contact-info a {
    font-size: 16px;
    color: #000;
}

.contact-information .contact-info a span {
    display: inline-block;
    direction: ltr;
}

.contact-information .all-numbers a:after {
    content: "-";
}

.contact-information .all-numbers a:last-of-type:after {
    display: none;
}

.contact-information .contact-info-content h4 {

    font-size: 18px;
    color: #322bca;
    margin-bottom: 10px;
}

.contact-information .social-contact a {
    margin-inline-end: 10px;
}

.contact-information .social-contact a:last-of-type {
    margin-inline-end: 0;
}

.contact-information .social-contact a i {
    width: 50px;
    height: 50px;
    background-color: #7ebf88;
    font-size: 20px;
    color: #FFFFFF;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: linear .4s;
}

.contact-information .social-contact a i:hover {
    background-color: #322bca;
    transition: linear .4s;
}

footer {
    padding-top: 50px;
    margin-top: 50px;
    overflow: hidden;
    background: linear-gradient(180deg, #2E3191 -2.25%, #000250 97.75%);
}
.bredcrblog  {
    position: relative;
}
.bredcrblog img{
    width: 100%;
}
.topfosec{
    margin-bottom: 50px;
}
.topfosec h5{
color: #1DFF78;
    margin: 0;
}
.topfosec .col-md-4 ,.topfosec .col-md-5 , .topfosec .col-md-7{
    padding: 0 0 30px 0 !important;
    border-bottom: 1px solid #fff;
}
.fyng .col-md-5 , .fyng .col-md-4{

}
.qrtradeimg img{
    max-height: 160px;
    margin: 0 auto;
    display: table;
}
.fobalo{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fobalo .fobaloimg{
    display: flex
;
    align-items: center;
    gap: 20px;
}
.fobalo .fobaloimg img{
    max-width: 150px;
}
.finalby{
    display: flex
;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    background: #fff;
    padding: 20px 0;
}
.finalby p{
    margin: 0;
    color: #000;
}
.finalby p a{
    color: #2E3191;
}





















.topfosec .col-md-7 ul{
    margin: 0;
    display: flex
;
    justify-content: space-between;
}
.topfosec .col-md-7 ul li a{
    color: #fff;
    font-weight: 200;
}
.topfosec .row{

}
.onbrbloaa{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.onbrbloaa h3{
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    margin: 0;
}
.onbrbloaa p{
    color: #fff;
    text-align: center;
    width: 40%;
    line-height: 30px;
    margin: 30px 0;
}
.onbrbloaa h6{
    color: #C2D500;
    font-size: 18px;
}
.onbrbloaa a{
    background: #C2D500;
    color: #fff;
    border-radius: 35px;
    min-width: 150px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}
.singlepagrs.blog-page{
    background-color: #f4f4f4;
}

.blogdes p {
    width: 55%;
    text-align: center;
    margin: 50px auto;
    color: #000;
    font-size: 26px;
}


.blogitm{
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 7px 1px #cec9c9;
    transition: all linear .4s;
}
.blogitm:hover{
    box-shadow: 0 0 7px 1px #119C4D;
}
.blogitmimg img{
    border-radius: 0 15px 15px 0;
    width: 100%;
    height: 288px;
}
.blogitm .col-md-7{
    padding-inline-start: 0;
}
.blogitmcont{
    padding: 40px;
}
.navigation{
    margin: 0 auto;
}
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current , .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    background: #2b2e8d !important;
    color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
    opacity: .5;
}
.visseclang a{
    color: #fff;
    font-size: 18px;
    line-height: normal;
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-inline-end: 15px;
}
.bannvlod{
    position: relative;
    margin-top: 100px;
}
.bannvlod img{
    width: 100%;
}
.onbrblo{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-inline-start: 150px;
}
.onbrblo h3{
    color: #000;
    font-weight: bold;
    width: 40%;
    line-height: 40px;
    margin-bottom: 20px;
}
.onbrblo a{
    background: #C2D500;
    color: #fff;
    border-radius: 35px;
    min-width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}

.blogitmcont h4{
    color: #000;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.blogitmcont .desutmblo{
    color: #000;
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
    font-weight: 300;
}
.blogitmcont a{
    min-width: 130px;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    border-width: 1px;
}
.bredcfoccotent{
    position: relative;
}

.bredcfoccotent img{
    width: 100%;
}
.bredcfoccotentonbrbloaa{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-inline-start: 150px;
}
.bredcfoccotentonbrbloaa h3{
    color: #000;
    font-weight: bold;
    font-size: 46px;
    margin-bottom: 30px;
}
.bredcfoccotentonbrbloaa p{
    width: 35%;
    font-size: 20px;
    line-height: 35px;
    margin: 0;
}


.babberfoccotent{
    position: relative;
}

.babberfoccotent img{
    width: 100%;
}
.babberfoccotentonbrbloaa{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-inline-start: 150px;
}
.babberfoccotentonbrbloaa h3{
    color: #BFD732;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 30px;
}
.babberfoccotentonbrbloaa p{
    width: 35%;
    font-size: 16px;
    line-height: 35px;
    margin: 0;
    color: #fff;
}

.babberfoccotentonbrbloaa a{
    background: #C2D500;
    color: #000;
    border-radius: 35px;
    width: 150px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-top: 30px;
    font-weight: bold;
}

.themohtwaya{
    width: 200px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: 1px solid #2E3191;
    border-radius: 15px;
    margin-top: 0;
    display: flex
;
    flex-direction: column;
    float: inline-end;
}
.fqasecte{
    margin-top: 80px;
    width: 80%;
}
.fqasecte h3{
    color: #119C4D;
    margin-bottom: 30px;
    border-inline-start: 5px solid #2E3191;
    padding-inline-start: 15px;
}

.faq-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border-bottom: 0px solid #ddd;
    margin-bottom: 25px;
}

.faq-question {
    background-color: #4CAF50;
    color: white;
    padding: 15px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    border-radius: 15px;
}

.faq-answer {
    padding: 20px;
    display: none;
    background-color: #f1f1f1;
    font-weight: 300;
    font-size: 16px;
    line-height: 35px;
}
















.themohtwaya h3{
    border-radius: 10px;
    background: #2E3191;
    color: #1DFF78;
    font-size: 18px;
    padding: 15px;
}
.themohtwaya   ul{
    margin: 0;
    padding: 0 30px 30px;
}
.themohtwaya   ul li{
    margin-bottom: 5px;
    color: #1DFF78;
}
.themohtwaya   ul span{
    color: #000;
    font-weight: 400;
    font-size: 13px;
}
.allcontabt{
    margin-top: 70px;

}
.allcontabtitem  {
    margin-bottom: 50px;
    position: relative;

}
.allcontabtitem:before{
    content: "";
    background-image: url(../img/afsec.png);
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    left: 0%;
    bottom: 100%;
    z-index: -1;
}
.allcontabtitem:nth-of-type(1):before , .allcontabtitem:nth-of-type(2):before{
    display: none;
}
.allcontabtitemtxt{
    line-height: 30px;
    font-size: 14px;
    width: 50%;

}
.allcontabtitem h3{
    color: #119C4D;
    margin-bottom: 30px;
    border-inline-start: 5px solid #2E3191;
    padding-inline-start: 15px;
}

























.contsectall{
    margin: 70px 0 100px;
}
.contsectallform{
    background: #fff;
    box-shadow: 0px 0px 7px 2px #00000040;
    padding: 40px 50px;
    border-radius: 35px;
    width: 70%;
    margin: 50px auto;
    position: relative;
}
.contsectallform:before{
    content: "";
    background-image: url(../img/afsec.png);
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    right: 90%;
    top: 0px;
    z-index: -1;
}
.contsectallform .form-control{
    height: 50px;
    border-radius: 15px;
    direction: unset !important;
}
.contsectallform .form-group{
    margin-bottom: 40px;
}
.form-note{
    font-size: 11px;
    margin: 0;
}
.form-note a{
    color: #000;
}
.chejkis{
    margin-top: 20px;
}
.chejkis .wpcf7-list-item {
    margin: 0;
    display: flex;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    justify-content: center;
    height: 40px;
    border-radius: 35px;
    position: relative;
    align-items: center;
    transition: all linear .4s;
}
.chejkis .wpcf7-list-item input[type="checkbox"]{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor:pointer;
}
.chejkis .wpcf7-list-item.active{
        border-color:#00B542;
}
.contsectallform  .main-button{
    min-width: 150px;
    min-height: 40px;
    max-width: 200px;
    line-height: 40px;
    margin-top: 30px;
    font-size: 17px;
    border-width: 1px;
    font-weight: 500;
}
.contsectallinfo{
    background: #EFEFEF;
    padding: 40px 30px;
}
.coninpts{
    margin-top: 20px;
}
.coninpts h6{
    font-size: 16px;
    margin-bottom: 10px;
}
.coninpts a , .coninpts span{
    width: 100%;
    border: 1px solid #000;
    display: flex;
    padding: 10px;
    color: #000;
}
.contsectallinfo > a{
    margin-top: 30px;
    display: inline-flex;
    background: #000;
    color: #fff;
    border-radius: 35px;
    min-width: 150px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.brdcrmpsrvs{
    position: relative;
}
.brdcrmpsrvs:after{
    content: " ";
    background: #3EEBBE;
    width: 5px;
    height: 150px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    animation: scalePulsebrdcrmpsrvs 1.5s ease-in-out infinite alternate;
}
@keyframes scalePulsebrdcrmpsrvs {
    from {
        height: 50px;
    }
    /* 60% */
    to {
        height: 150px;
    }
    /* 80% */
}





.brdcrmpsrvs img{
    width: 100%;
}
.onbrdcrmpsrvs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.onbrdcrmpsrvs h3{
    font-weight: bold;
    color: #fff;
    font-size: 80px;
    margin-bottom: 30px;
}
.onbrdcrmpsrvs .brdcrmpsrvsdes{
    color: #fff;
    font-size: 40px;
}
.orsevrs{
    background-color: #02081A;
}
.firssecorsevrs{
    margin-top: 70px;
}
.firssecorsevrs .firssecorsevrsdes{
    color: #fff;
}
.firssecorsevrs ul{
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}
.firssecorsevrs ul li{
    margin-bottom: 15px;
    color: #fff;
    width: 33.333%;
}
.firssecorsevrs > a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 50px;
    background: #D5FF4B;
    border-radius: 35px;
    color: #000;
    font-weight: bold;
    gap: 10px;
    font-size: 20px;
    margin: 70px auto 0;
}
.sendsecorsevrs{
    margin-top: 120px;
}
.sendsecorsevrsdes{
    color: #fff;
    margin-bottom: 70px;
}
.sendsecorsevrsitem{
    background: #D5FF4B;
    padding: 20px;
    margin-bottom: 30px;
}
.sendsecorsevrsitem .sendsecorsevrsitemtit h3{
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
    margin: 20px 0;
}
.sendsecorsevrsitem > a{
    color: #000;
    font-size: 40px;
    transform: rotate(25deg);
    display: inline-flex;
}
.sendsecorsevrsalitms{
    position: relative;
}
.sendsecorsevrsalitms:after{
    content: " ";
    background-image: url("../img/beforeleft.png");
    position: absolute;
    bottom: 100%;
    width: 159px;
    height: 171px;
    animation: scalesendsecorsevrsalitms 10s ease-in-out infinite alternate;
}
.sendsecorsevrsalitms:before{
    content: " ";
    background-image: url("../img/afterrgiht.png");
    position: absolute;
    top: -90px;
    width: 400px;
    height: 330px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: scalesendsecorsevrsalitmssdsd 5s ease-in-out infinite alternate;
}
@keyframes scalesendsecorsevrsalitmssdsd {
    from {
        transform: scale(.95);
    }
    /* 60% */
    to {
        transform: scale(1);
    }
    /* 80% */
}
@keyframes scalesendsecorsevrsalitms {
    from {
        transform: rotate(0deg);
    }
    /* 60% */
    to {
        transform: rotate(180deg);;
    }
    /* 80% */
}
body.rtl .sendsecorsevrsalitms:after{
    left: 0;
}
body.ltr .sendsecorsevrsalitms:after{
    right: 0;
}
body.rtl .sendsecorsevrsalitms:before{
    right: -90px;
    background-position: right;

}
body.ltr .sendsecorsevrsalitms:before{
    left: -90px;
    background-position: left;

}

.allimgtxtrr{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    margin-top: 100px;
}
.allimgtxtrr img{
    max-width: 250px;
}
.allimgtxtrr p{
    margin: 0;
    color: #fff;
    text-align: justify;
    line-height: 35px;
}
.bgwte .allimgtxtrr p{
    color: #000;
}
.page-id-1172 .allimgtxtrr{

    margin-top: 0px;
}
.thirdecorsevrs{
    padding-top: 120px;
    overflow: hidden;
}
.thirdecorsevrsdes{
    color: #fff;
    font-weight: bold;
    position: relative;
}
.thirdecorsevrsdes:after{
    content: " ";
    background-image: url("../img/beforeleft.png");
    position: absolute;
    top: -100px;
    width: 159px;
    height: 171px;
    animation: scalesendsecorsevrsalitms 10s ease-in-out infinite alternate;
}
body.rtl .thirdecorsevrsdes:after{
    left: 150px;
}

.thirdecorsevrs{
    position: relative;
    z-index: 1;
}
.thirdecorsevrs:after{
    content: " ";
    background-image: url("../img/bgthird.png");
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
    z-index: -1;
    animation: stretchY 5s infinite ease-in-out;
}

@keyframes stretchY {
    0%, 100% {
        transform: scaleY(1); /* الحجم الطبيعي */
    }
    50% {
        transform: scaleY(1.3); /* متمدد طولياً */
    }
}
.itsmallthid{
    margin-top: 70px;
}
.imsulthid h4{
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
}
.imsulthid ul li{
    color: #fff;
    margin-inline-start: 15px;
    margin-bottom: 10px;
    font-size: 14px;
}

.fourhecorsevrs{
    margin-top: 70px;
}
.fourhecorsevrs .container > h3{
    color: #fff;
    font-weight: bold;
    margin-bottom: 80px;
    text-align: center;
    font-size: 32px;
}
.fourhecorsevrs .container > img{
    max-height: 115px;
    margin: 0 auto 50px;
    display: table;
}
.imagefourhecorsevrsallitem{
    position: relative;
}
.imagefourhecorsevrsallitem img{
    width: 100%;
    height: 150px;
}
.imagefourhecorsevrsallitem span{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    color: #fff;
    padding: 8px 20px;
}
.desfourhecorsevrsallitem{
    background: #D7FF4E;
    color: #000;
    padding: 20px 20px 50px;
}

.fourhecorsevrsallitems .col-md-3:nth-child(even) .desfourhecorsevrsallitem{
    background: #3FEABD;
}
.fiveecorsevrs{
    position: relative;
    margin-top: 150px;
}
.fiveecorsevrs img{
    width: 100%;
}
.onfiveecorsevrs{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.fiveecorsevrs h3{
    color: #fff;
    font-size: 40px;
}
.fiveecorsevrs p{
    font-weight: bold;
    color: #fff;
    width: 20%;
    text-align: center;
    font-size: 70px;
    margin-top: 30px;
}
.fiveecorsevrs:after{
    content: " ";
    background-color: #3EEBBE;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100px;
}
.fiveecorsevrs:before{
    content: " ";
    background-color: #3EEBBE;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 100px;
    animation: stretchYaaa 10s infinite ease-in-out;
}

@keyframes stretchYaaa {
    0%, 100% {
        top: 0; /* الحجم الطبيعي */
    }
    50% {
        top: 100px; /* الحجم الطبيعي */
    }
}
.sixcorsevrs{
    position: relative;
    margin-top:  0px;
}
.sixcorsevrs img{
    width: 100%;
    margin: 0;
}
.onsixcorsevrs{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.onsixcorsevrs a{
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 26px;
    gap: 0px;
}
.onsixcorsevrs a svg{
    color: #fff;
    font-size: 80px;
}


.aboutcoised{
    margin-top: 50px;
}


.aboutcoised h3{
    color: #2E3191;
    font-size: 22px;
    margin-bottom: 30px;
}
.aboutcoised .aboutcoisedpar{
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 50px;
}
.rprodes .coursedata{
    align-items: start;
    gap: 15px;
}
.rprodes .coursedata span{
    display: flex
;
    align-items: center;
    gap: 10px;
}
.rprodes .coursedata span svg{
    color: #119C4D;
    font-size: 22px;
}
.rprodes .fqasecte{
    margin-top: 50px;
    width: 100%;
}
 body.woocommerce-checkout div.woocommerce .fc-wrapper .fc-checkout-order-review__head a{
     display: none;
 }
.theprievbox{
    box-shadow: 0px 1px 4px 0px #00000040;
    padding: 0;
    margin: 30px 0 0 0;
    border-radius: 15px;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
}
section[data-step-id="contact"] , section[data-step-id="billing"] {
    display: none;
}
.single-product .singlepagrs{
    position: relative;
}
.single-product .singlepagrs:before{
    content: "";
    background-image: url("../img/afsec.png");
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    margin-inline-start: 100px;
    top: 40px;
}


.woocommerce-checkout.woocommerce-page .fc-content{
    margin-top: 120px;
    position: relative;
}
.woocommerce-checkout.woocommerce-page .fc-content:before{
    content: "";
    background-image: url("../img/afsec.png");
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    margin-inline-start: 100px;
    top: -70px;
    right: -100px;
}
.theprievbox span{
    color: #2E3191;
    font-weight: bold;
    font-size: 25px;
}
.theprievbox .btnest{
    color: #fff;
    border-radius: 10px;
    background: #119C4D;
    padding: 10px 40px;
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 18px;
    margin-top: 20px;
}

.theprievbox .btnest:after{
    transform: rotate(45deg);
    opacity:.2;
    /* لمعان أجمل من خلال جradient */
    background: linear-gradient(
            to right,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,.9) 50%,
            rgba(255,255,255,0) 100%
    );
    /* شغّل الأنيميشن اللانهائي */
    animation: btnest-shine 1.2s linear infinite;
}

/* حركة المسّاحة */
@keyframes btnest-shine{
    0%   { left:-120%; }
    100% { left: 120%; }
}


.a7md-countdown{
    padding: 14px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    background: radial-gradient(1200px 600px at 10% -20%, rgba(17,156,77,.15), transparent),
    radial-gradient(1200px 600px at 90% 120%, rgba(17,156,77,.15), transparent),
    #0e0f12;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.a7md-countdown::before{
    content: "";
    position: absolute;
    inset: -2px;
    background: conic-gradient(from 0deg, rgb(76 175 80), transparent 30%, rgb(76 175 80) 60%, transparent 90%);
    filter: blur(12px);
    opacity: .35;
    z-index: 0;
    animation: spinGlow 8s linear infinite;
}
@keyframes spinGlow{ to{ transform: rotate(360deg);} }
.cd__box{
    position: relative;
    z-index: 1;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 10px 0;
    text-align: center;
    backdrop-filter: blur(6px);
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    width: 20%;
}
.cd__value{
    font: 700 28px/1.1 ui-monospace, Menlo, Consolas, monospace;
    color:#fff; letter-spacing:.5px;
}
.cd__label{ margin-top:6px; font: 500 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#b7c0c7; }
.a7md-countdown .cd--hidden{ display:none; }











.newpriv{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 18px;
    font-weight: 400;
}
.newpriv bdi{
    display: flex;
}
.newpriv del{
    opacity: .5;
    color: #a3a1a1;
}
.newpriv del span{
    color: #a3a1a1;

}






.trainer-secfs{
    margin: 30px 0;
}
.euymadsecaasas{
    box-shadow: 0px 1px 4px 0px #00000040;
    padding: 30px;
    margin:0 0 30px 0;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    justify-content: center;
}
.trainer-secfs img{
    border-radius: 15px 15px 0 0;
    height: 200px;
    width: 100%;
}
.trainer-secfsbox{
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 15px;
    border-radius: 0 0 15px 15px;
    text-align: center;
}
.trainer-secfsbox h3{
    color: #119C4D;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}
.trainer-secfsbox h5{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}
.trainer-secfsbox p{
    font-size: 12px;
    color: #777;
    font-weight: 300;
    line-height: 30px;
}
.mgatshjrd{
    box-shadow: 0px 1px 4px 0px #00000040;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    display: flex
;
    flex-direction: column;
    gap: 10px;
}
.mgatshjrd.sdefh{
    margin-top: 30px;
}
.mgatshjrd.sdefh a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    color: #fff;
    border-radius: 35px;
    font-size: 12px;
    padding: 12px 20px;
    background: #272A88;
    max-width: 210px;
    margin: 10px auto 0;
}
.mgatshjrd.sdefh a.hvr-ripple-out:before{
    border-radius: 35px;
}
.pagesformsw{
    position: relative;
}
.pagesformsw:before{
    content: "";
    background-image: url(../img/afsec.png);
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    left: 0%;
    top: 80px;
    z-index: -1;
}


.my-purchased-products{
    position: relative;
}
.my-purchased-products:before{
    content: "";
    background-image: url(../img/afsec.png);
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    animation: aiGlow 3s infinite ease-in-out;
    filter: none !important;
    left: 0%;
    top: 80px;
    z-index: -1;
    display: none !important;
}
.certifyitem{
    border: 1px solid #119c4d;
    border-radius: 10px;
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 0 8px -2px #119c4d82;
}
.certifyitem .icovn{
    width: 70px;
    height: 70px;
    background: #c2cbd4;
    color: #119c4d;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.certifyitem h6 a{
    color: #000;
    margin: 30px 0;
    display: flex
;
    font-size: 18px;
}
.certifyitem > a{
    background: #2E3191;
    color: #fff;
    padding: 10px 15px;
    border-radius: 35px;
    font-size: 14px;
}
.pagesformsw form{
    width: 60%;
    margin: 0 auto;
}
.pagesformsw form.dfrsf{
    width: 100%;
}
.pagesformsw .form-row{
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.pagesformsw .form-row label{
    color: #000000;
}
.pagesformsw .form-row input{
    border: 1px solid #2E3191;
    box-shadow: 0px 4px 4px 0px #00000040;
    height: 50px;
    border-radius: 10px;
    padding: 10px;
}
.top-secacctat{
    margin: 50px 0;
    border-bottom: 1px solid #dad6d6;
    padding-bottom: 40px;
    display: flex
;
    align-items: center;
    gap: 30px;
}
.top-secacctat > span{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #119c4d;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
}
.top-secacctat .hesec{
    display: flex
;
    flex-direction: column;
    font-size: 18px;
}
.top-secacctat .hesec span{
    font-weight: bold;
}









.tabprof{
    width: 100%;
    display: flex
;
    justify-content: center;
    gap: 50px;
    border-bottom: 1px solid #777;
    padding-bottom: 20px;
}
.tabprof a{
    padding: 5px 10px;
    color: #000;

}
.tabprof a.active{
    color: #fff;
    background: #119C4D;
    padding: 5px 10px;
    border-radius: 5px;
}
.twoinputsa{
    flex-direction: row !important;
    justify-content: space-evenly !important;
}
.sds554.twoinputsa input{
    width:100% !important;
    text-align: center;
}
 .twoinputsa input{
    text-align: center;
}
.twoinputsa input{
    width: 40% !important;
    border-radius: 35px !important;
    background: #119C4D !important;
    color: #fff !important;
    border: 0 !important;
}
.twoinputsa a{
    width: 40% !important;
    border-radius: 35px !important;
    background: #fff!important;
    color: #119C4D !important;
    border: 0 !important;
    box-shadow: 0px 1px 4px 0px #00000040;
    display: flex;
    align-items: center;
    justify-content: center;
}



.euymadsec{
    box-shadow: 0px 1px 4px 0px #00000040;
    padding: 30px;
    margin: 30px 0;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}



























.allserdtsitem{
    margin-top: 150px;
    position: relative;
    z-index: 1;
}
.allserdtsitem:nth-child(odd):after {
    content: " ";
    background-image: url("../img/beforeleft.png");
    position: absolute;
    bottom: 100%;
    width: 159px;
    height: 171px;
    animation: scalesendsecorsevrsalitms 10s ease-in-out infinite alternate;
}
body.rtl .allserdtsitem:nth-child(odd):after {
    left: 150px;
}
.page-id-1172 .singlepagrs.bgwte{
    background: #02081A;
}
.allserdtsitem:nth-child(odd):before {
    content: " ";
    background-image: url("../img/bgthird.png");
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
    z-index: -1;
    animation: stretchY 5s infinite ease-in-out;
}






.allserdtsitemdes{
    color: #fff;
    margin-bottom: 50px;
}
.allserdtsitem ul{
    margin: 0;
}
.allserdtsitem ul li {
    color: #fff;
    margin-inline-start: 100px;
    margin-bottom: 10px;
}

.allserdtsitem .container > a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    max-width: 350px;
    height: 55px;
    background: #D5FF4B;
    border-radius: 35px;
    color: #000;
    font-weight: bold;
    gap: 10px;
    font-size: 20px;
    margin: 70px auto 0;
}











.fofir {
    max-width: 90%;
}

.fofir p {
    font-size: 14px;
    color: #fff;
    margin: 40px 0;
}

.fosec {
    display: flex;
}

.fosec > div {
    width: 50%;
}

.ulfar ul {
    margin: 0;
}

.ulfar ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.ulfar ul li a {
    transition: all linear .4s;
    color: #fff;
    font-size: 14px;
}

.ulfar ul li a:hover {
    color: #272A88;
}

.conadd {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;

}

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

.ulfar h4 {
    color: #272A88;
    margin-bottom: 20px;
    font-size: 20px;
}

.urlfot {
    display: flex;
    align-items: center;
    gap: 50px;
}

.urlfot {
    max-height: 145px;
}

.paymentmetnabb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.paymentmetnabb img {
    max-height: 38px;
}


footer .social-contact {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    gap: 0;
}


.main-slider-home .social-contact{
    justify-content: end;
    margin-top: -80px;
    position: relative;
    z-index: 9;
}
  .social-contact a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    color: #272A88;
    border-radius: 50%;
    font-size: 20px;
    padding: 0;
    background: #fff;
    width: 40px;
    height: 40px;
    transition: all linear .4s;
}
 .contaallfo{
     display: flex
 ;
     flex-direction: column;
     gap: 15px;
 }
 .contaallfo a{
     display: flex
 ;
     align-items: center;
     gap: 10px;
     color: #fff;
     font-weight: 300;
     font-size: 15px;
 }
 .clny p  {
     color: #fff;
     margin: 0;
     font-weight: 300;
     line-height: 30px;
     font-size: 15px;
 }
.contaallfo a svg{
    color: #1DFF78;
    font-size: 22px;
}
.contaallfo a span{
    color: #1DFF78;
    direction: ltr;
}
.orfutred{
    padding: 150px 0 100px;
    position: relative;
}
.orfutred:before{
    content: "";
    background-image: url("../img/afsec.png");
    position: absolute;
    width: 200px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 30px;
    animation: aiGlow 3s infinite ease-in-out;
    filter:none !important;
}
.orfutred .orfutreditem{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #2E3191;
    border-radius: 15px;
    transition: all linear .4s;

    padding: 70px 0px;
    gap: 40px;
}
.orfutred .orfutreditem img{
    max-width: 100px;
    transition: all linear .4s;
}
.orfutred .orfutreditem h3{
    transition: all linear .4s;

    font-size: 18px;
}
.orfutred .orfutreditem:hover{
    border-color: #119C4D;
}
.orfutred .orfutreditem:hover img{
    transform:  scale(.8);
}
.orfutred .orfutreditem:hover h3 {
    color: #2E3191;

}
  .social-contact a:hover{
    background-color: #119C4D;
    color:#fff;
}
.iconsfixed{
    position: fixed;
    top: 70%;
    left: 50px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    z-index: 99;
}
.top-secacctat > span.hvr-ripple-out:before{
    border-color: #119c4d;
}


.profilecontrolls ul{
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.profilecontrolls ul li{
    list-style: none;
}
.profilecontrolls{
    border-inline-end: 1px solid #dad6d6;
}
.profilecontrolls .alimfdjg{
    color: #495057;
    padding: 10px 15px;
    border-radius: 0 10px 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all linear .4s;
}
.profilecontrolls .alimfdjg svg{
    font-size: 20px;
    color: #119c4d;
    transition: all linear .4s;
}

.icovn{
    width: 50px;
    height: 50px;
    background: #c2cbd4;
    color: #119c4d;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.profllife h5{
    font-size: 40px;
    font-weight: bold;
    margin: 0;
}







.profllife{
    border: 1px solid #119c4d;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 0 8px -2px #119c4d82;
}
.profilecontrolls .active .alimfdjg{
    background: #119c4d;
    color: #fff;
}
.profilecontrolls .active .alimfdjg svg{
    color: #fff;
}




.alimfdjg.logiutfk{
    border-top: 1px solid #dad6d6;
    padding-top: 20px;
    margin-top: 20px;
}













.iconsfixed a{
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    transition: all linear .3s;
}
.iconsfixed a.wtsnmb{
    width:60px;
    height:60px;
}
.iconsfixed a:hover{
    transform: scale(.90) rotate(360deg);

}


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}
.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #272A88 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    border-radius: 50%;
}
.wtsnmb.hvr-ripple-out:before{
    border: #ced8e1 solid 6px;
}
.mailnmb.hvr-ripple-out:before{
    border: #1797e0 solid 6px;
}
.telnmb.hvr-ripple-out:before{
    border: #49a0ae solid 6px;
}
.hvr-ripple-out:before, .hvr-ripple-out:before, .hvr-ripple-out:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
    animation-iteration-count: infinite;
}






footer .social-contact a span {
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.60);
}

.addfsds {
    color: rgba(255, 255, 255, 0.60);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-top: 30px;
}

.contacfooter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.contacfooter a {
    color: rgba(255, 255, 255, 0.60);
    display: flex;
    align-items: center;
    gap: 10px;
}

.bottom-footers {
  padding: 20px;
  background: #fff;
  margin-top: 0;
}

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

}

.rightssa > div {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}

.rightssa > div > a {
    color: #fff;
}

.allournufn {
    color: rgba(255, 255, 255, 0.60);
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .social-contact a i {
    font-size: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: linear .4s;
}

footer .social-contact a i:hover {
}

footer .top-foot {
    padding: 0;
    border-bottom: 0px solid #7c0612;
}

footer .top-foot .logo-footer {
    text-align: center;
    margin-bottom: 40px;
}

footer .top-foot h2 {
    font-size: 24px;
    color: #fd0054;
    margin-bottom: 30px;
    font-weight: bold;
}

footer .top-foot ul li {
    width: 24%;
    display: inline-block;
    list-style: none;
    color: #FFF;
}

footer .top-foot ul li:before {
    content: "\f100";
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    margin-inline-end: 5px;
}

footer .top-foot ul li a {
    color: #FFF;
    margin-bottom: 20px;
    display: inline-block;
}

footer .top-foot ul li a:hover {
    color: #FFF;
}

footer .top-foot .end-top {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

footer .top-foot .end-top input[type=email] {
    width: 100%;
    display: block;
    border-radius: 0;
    padding: 15px 20px;
    background-color: #FFF;
    margin-bottom: 0px;
    border: 0;
}

footer .top-foot .end-top input[type=submit] {
    color: #ffffff;
    transition: linear .4s;
    font-size: 14px;
    width: 150px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0;
    line-height: 40px;
    text-transform: capitalize;
    justify-content: center;
    border-radius: 0;
    margin-top: 0;
    background: #f24a54 !important;
    border: 1px solid #f24a54 !important;
    position: relative;
}

.social-contact {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    gap: 10px;
}

footer .bot-foot {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 0px solid #fcb600;
}

footer .bot-foot .r-foot p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
}

footer .bot-foot .r-foot p a {
    color: #179fd7;
}

footer .bot-foot .social a i {
    font-size: 24px;
    margin-inline-end: 20px;
}

footer .bot-foot .social a .fa-instagram {
    color: #006fcc;
}

footer .bot-foot .social a .fa-youtube {
    color: #c0181d;
}

footer .bot-foot .social a .fa-twitter {
    color: #55acef;
}

footer .bot-foot .social a .fa-facebook-f {
    color: #45629e;
}

.emaillist .es_subscription_form label {
    width: 100%;
}

/*end footer*/
.breadcrumb-area {
    padding: 20px 0;
    margin-bottom: 50px;
    color: #000;
    background: transparent;
    margin-top: -80px;
    z-index: 2;
    position: relative;
}

.breadcrumb-area a span {
    color: #808080;
}

.single-pages.media-center {
    padding: 0 !important;
    background-image: none !important;
}

body .single-pages {
    padding-bottom: 0px !important;
    padding-top: 0 !important;
}

body .single-pages.pdb {
    padding-bottom: 70px !important;
}

body .single-pages .main-header {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 28px;
}

.contapplication {
    line-break: anywhere;
    line-height: 30px;
    color: #363535;
}

body .single-pages .main-header:after, body .single-pages .main-header:before {
    display: none;
}

body .single-pages .top-side {
    text-align: center;
    margin-bottom: 50px;
}

body .single-pages.products .top-side img {
    width: 100%;
}

.recolor-canvas {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.recolor-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: start;
    margin-top: 30px;
    flex-direction: column;
}

.recolor-swatch {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #bbb;
    cursor: pointer;
    box-shadow: 0 0 0 2px #fff inset;
}

.recolor-btn {
    padding: 6px 10px;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 6px;
    cursor: pointer;
    transition: all linear .4s;
}

.recolor-btn:hover {
    background: #000;
    color: #fafafa;
    border-color: transparent;
    transform: scale(.95);
}

.recolor-range {
    width: 140px;
}

.recolor-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.spesfc-items {
    border: 1px solid #888;
    color: #888;
    display: flex;
    flex-direction: column;
    border-top: 0;
    width: 80%;
    position: relative;
}

.spesfc-items .spesfcitm {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    border-top: 1px solid;
}

.spesfc-items:before {
    content: " ";
    width: .8px;
    background: #888;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.spesfcitm span {
    width: 50%;
}

.spesfcitm span:last-of-type {
    text-align: start;
    padding-inline-start: 20px;
}


body .single-pages .bootom-side p {
    color: #8f8f8f;
    text-align: justify;
    line-height: 30px;
}

body .single-pages .cat-item {
    box-shadow: rgba(0, 0, 0, 0.26) 1px 0px 27px;
}

body .single-pages .product-item {
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

body .single-pages .product-item img {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    margin-bottom: 20px;
}

body .single-pages .product-item h3 {
    font-size: 25px;
    color: #283c91;
    margin-bottom: 10px;
}

body .single-pages .product-item p {
    font-family: RB-Regular;
    font-size: 14px;
    text-align: justify;
    line-height: 28px;
    color: #aaaaaa;
}

body .single-pages .price-pro {
    margin-bottom: 10px;
}

body .single-pages .price-pro span:last-of-type {
    color: #f67828;
}

.nav-tabs .nav-item {
    /*display: inline-flex;*/
    /*width: 33%;*/
    /*margin-bottom: 10px; */

}

/*.nav-tabs .nav-link {*/
/*  color: #FFF;*/
/*  transition: all linear .4s;*/
/*  border-radius: 5px;*/
/*  font-size: 14px;*/
/*  background-color: #ff7800;*/
/*  width: 100%;*/
/*  min-height: 40px;*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  border: 0;*/
/*  text-transform: capitalize;*/
/*  font-family: RB-Regular;*/
/*  margin-inline-end: 15px; }*/
/*  .nav-tabs .nav-link:hover {*/
/*    background-color: #283c91;*/
/*    color: #FFF;*/
/*    transition: all linear .4s;*/
/*    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.32); }*/
/*.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {*/
/*  background-color: #283c91;*/
/*  color: #FFF;*/
/*  transition: all linear .4s;*/
/*  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.32); }*/

.branch-site iframe {
    border: 0;
    display: block;
    width: 100%;
    height: 250px;
    margin-bottom: 40px;
}

.branch-site .branch-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.branch-site .branch-info a {
    color: #000000;
}

.branch-site .branch-info a i {
    color: #f67828;
    font-size: 30px;
    vertical-align: middle;
    margin-inline-end: 10px;
}

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

.form-focused {
    position: relative;
}

.form-focused label {
    background-color: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    color: gray;
    margin-bottom: 10px;
    transition: all .5s ease-in-out;
    transition: all linear .4s;
    right: 20px;
    top: 15px;
}

.alert-warning {
    margin-bottom: 50px;
}

.form-control {
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #2E3191;
    color: #000;
    height: 50px;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.wpcf7-list-item {
    margin: 0
}

.contre > p {
    margin: 0;
}

.contre label {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 5px;
}

.psec p {
    font-size: 14px;
}

.psec p a {
    color: #000;
}

.speal-item-input {
    width: 100% !important;
}

textarea.form-control {
    height: 200px !important;
    resize: none;
    border-radius: 0;
}
.chekcnboweso p{
    display: flex
;
    gap: 100px;
}
.chekcnboweso p > span{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.chekcnboweso p > span > span{

}
.newtxtarea textarea {
    height: 215px;
}

label.txtarelabel {
    top: 15px;
}

.focus-visible label {
    top: -30px;
    color: #00B542;
    right: 0;
}

.focus-visible .form-control {
    border-color: #00B542;
    box-shadow: none;
}

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

.submsec p {
    display: none;
}

.submsec .wpcf7-spinner {
    position: absolute;
}


.spform .form-control {
    background-color: #fff;
    border-color: #563e12;
}

.spform .map {
    margin-top: 0px;
}

.spform .map iframe {
    display: block;
    width: 100%;
    height: 350px;
}

.spform #wpcf7-f42-o1 {
    display: flex;
    height: 100%;
    align-items: center;
}

.user-avatar img {
    width: 96px;
    height: 96px;
    border-radius: 100%;
}

/**/
.uploadBox input {
    display: none;
}

.uploadBox label {
    border: 1px solid #000;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px 20px;
    font-size: 17px;
    color: #000;
    margin: 0;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.upload-icon {
    transition: all .4s ease-in-out;
}

.uploadBox label:hover {
    background: #141414;
    color: #fff;
}

/*
input[type=submit] {
  color: #fff;
  transition: linear .4s;
  font-size: 16px;
  width: 150px;
  text-align: center;
  min-height: 40px;
  display: table;
  align-items: center;
  padding: 0;
  line-height: 40px;
  text-transform: capitalize;
  justify-content: center;
  border-radius: 0;
  margin-top: 0px;
  border: 0px solid #f24a54 !important;
  background-color: #808080;
  /* background-image: url("../img/telgram.png"); */
/* background-repeat: no-repeat; */
/* background-position: 20px center; */
/* animation-timing-function: linear; */
/* animation-duration: 2s; */
/* animation-iteration-count: infinite; */
/* margin: 20px auto 0;
transition: linear  .4s;
}
input[type=submit]:hover {
    background-color: #000;
    transition: linear .4s;
}
*/

.newsleshort form{
  display: flex;
  position: relative;
  margin: 0px 0;
}
div.tnp-subscription{
    margin: 0 !important;
    width:70% !important;
}
.newsleshort form .tnp-field.tnp-field-email{
  width: 100%;
  margin: 0;
}
.newsleshort form .tnp-field.tnp-field-email input {
  border-radius: 5px;
  height: 40px;
  margin: 0;
}
.newsleshort form .tnp-field.tnp-field-button{
  margin: 0;
  position: absolute;
  width: 33%;
  right: 86%;
}
.newsleshort form .tnp-field.tnp-field-button input{
    background: #1DFF78;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}
.menufous ul{
  margin: 30px 0;
  display: flex;
  justify-content: space-between;
}
.menufous ul a{
  transition: all linear .4s;
  color: #fff;
  font-size: 18px;
}
.menufous ul a:hover{
  color: #272A88;
}





















.tnp-field label{
  display: none !important;
}
.item-rep-image {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.item-rep-image a {
    display: flex;
    height: 100%;
    width: 100%;
}

.item-rep-image img {
    width: 100%;
    height: 400px;
    border-radius: 0px;

}

.ask-services .form-control {
    border-color: #7c6430;
}

.ask-services textarea.form-control {
    height: 190px;
}

.askser-header {
    text-align: center;
    margin-bottom: 50px;
}

.special-input {
    pointer-events: none;
}

/* Start Responsive */
/* from 992 to 1280 */
/* from 992 to 1280 */
/* from 991 to 360 */
@media (max-width: 991px) {
    table{
        max-width: 100%;
        overflow: scroll;
        display: block;
    }
    .proftxts{
        margin-top: 70px;
    }
    .mgatshjrd.sdefh{
        margin-top: 30px;
    }
    .qrtradeimg img{
        max-height: 160px;
        margin: 0 auto 30px;
        display: table;
    }
    .topheader .alltops p {
        font-size: 10px;
    }
    .alltops > a{
        font-size: 10px;
        padding: 5px 15px;
    }
    .social-contact a {
        font-size: 22px;
        padding: 0px;
    }
    .main-slider .item {
        height: 550px;
    }
    .firssecorsevrs ul li {
        margin-bottom: 15px;
        color: #fff;
        width: 48%;
        font-size: 14px;
        margin-inline-start: 5px;
    }
    .brdcrmpsrvs:after{
    width: 2px;
}
    .coursessehm {
        margin-top: 30px;
    }

    .course-card .course-img img {
        object-fit: cover;
        width: 100%;
    }
    .howstartsechm {
        margin: 0;
        position: relative;
    }

    .stepsmapiten h5{
        text-align: center;
    }

    .stepsmapiten {
        width: 50%;
    }
    .stepsmap {
        flex-wrap: wrap;
    }
    .stepsmap:before{
        display: none;
    }
    .howstartsechm .btnest{
        margin-top: 0;
    }
    .view-more-container a {
        margin: 0;
    }
    .euymadsec {
        padding: 30px 20px;
    }












    .orfutred {
        padding-bottom: 0;
    }
    .woo-category-box{
        width: 100%;
        margin-inline-end: 0px !important;
    }
.firssecorsevrs{
    margin: 30px auto 0;
}
    .sendsecorsevrs ,.thirdecorsevrs   , .fourhecorsevrs   , .fiveecorsevrs  {
        margin-top: 50px;
    }
.sendsecorsevrsdes p span{
    font-size: 30px !important;
}
    .fourhecorsevrs .container > h3 {

        margin-bottom: 50px;
    }
    .thirdecorsevrs   p span{
        font-size: 30px !important;
    }
    .firssecorsevrsdes   p span{
        font-size: 30px !important;
    }
    .firssecorsevrs > a{
        margin: 30px auto 0;
    }
    .allserdtsitemdes p span{
        font-size: 30px !important;
    }
    .allserdtsitem ul li {
        color: #fff;
        margin-inline-start: 30px;
        margin-bottom: 10px;
    }
    .allserdtsitem:nth-child(odd):after {
        width: 119px;
        height: 110px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .allserdtsitem {
        margin-top: 100px;
    }
    .allserdtsitem {
        margin-top: 100px;
        position: relative;
        z-index: 1;
    }
    .onbrbloaa h3 {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
    }
    .onbrbloaa p {
        color: #fff;
        text-align: center;
        width: 90%;
        line-height: 20px;
        margin: 10px 0;
        font-size: 12px;
    }
    .bredcrblog img {
        width: 100%;
        height: 250px;
    }
    .onbrbloaa h6 {
        color: #C2D500;
        font-size: 14px;
        padding: 0 29px;
        text-align: center;
    }
    .form-title{
        text-align: center;
        font-size: 22px;
    }
    .onbrbloaa a {
        min-width: 140px;
        height: 35px;
        font-size: 14px;
        margin-top: 15px;
    }

    .blogdes p {
        width: 95%;
        text-align: center;
        margin: 40px auto 60px;
        color: #000;
        font-size: 21px;
    }
    .onbrblo a {
        background: #C2D500;
        color: #fff;
        border-radius: 35px;
        min-width: 100px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: bold;
        margin-top: 10px;
    }
    .onbrblo h3 {
        color: #000;
        font-weight: bold;
        width: 100%;
        line-height: 20px;
        margin-bottom: 0;
        font-size: 14px;
    }
    .onbrblo {
        padding-inline-start: 20px;
    }
    .bredcfoccotentonbrbloaa p {
        width: 55%;
        font-size: 13px;
        line-height: 20px;
        margin: 0;
    }
    .bredcfoccotentonbrbloaa h3 {
        color: #000;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .bredcfoccotentonbrbloaa {
        padding-inline-start: 10px;
    }
    .bredcfoccotent img {
        height: 150px;
    }
    .bredcfoccotent img {
        width: 100%;
        height: 150px;
    }
    .contsectallinfo {
        background: #EFEFEF;
        padding: 20px 10px;
        margin-top: 50px;
    }
    .babberfoccotentonbrbloaa a {
        background: #C2D500;
        color: #000;
        border-radius: 35px;
        width: 110px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        margin-top: 10px;
        font-weight: bold;
    }

    .babberfoccotentonbrbloaa p {
        width: 60%;
        font-size: 11px;
        line-height: 24px;
        margin: 0;
        color: #fff;
    }
    .babberfoccotentonbrbloaa h3 {
        color: #BFD732;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .babberfoccotentonbrbloaa {
        padding-inline-start: 10px;
    }
    .babberfoccotent img {
        width: 100%;
        height: 200px;
    }
    .contsectallform {
        padding: 20px;
        width: 100%;
        border-radius: 20px;
    }
    .contsectall {
        margin: 70px 0 40px;
    }
    .chekcnboweso p {
        display: flex;
        gap: 0;
        flex-direction: column;
    }
    .allcontabtitemtxt {
        line-height: 30px;
        font-size: 14px;
        width: 100%;
    }
    .fqasecte {
        margin-top: 80px;
        width: 100%;
    }
    .themohtwaya {
        width: 200px;
        box-shadow: 0px 4px 4px 0px #00000040;
        border: 1px solid #2E3191;
        border-radius: 15px;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        float: none;
        margin: 50px auto 0;
    }
    .faq-question {
        font-size: 12px;
    }






    .allserdtsitem .container > a {
        margin: 40px auto 0;
    }
    .thirdecorsevrs{
    padding-top: 50px;
}
    .fiveecorsevrs h3 {
        color: #fff;
        font-size: 30px;
    }
    .fiveecorsevrs p {
        font-weight: bold;
        color: #fff;
        width: 60%;
        text-align: center;
        font-size: 20px;
        margin-top: 0px;
    }
    .fiveecorsevrs:after {
        width: 2px;
        height: 30px;
    }
    .fiveecorsevrs:before{
        width: 10px;
        height: 10px;
    }
    @keyframes stretchYaaa {
        0%, 100% {
            top: 0; /* الحجم الطبيعي */
        }
        50% {
            top: 30px; /* الحجم الطبيعي */
        }
    }
    .sixcorsevrs {
        margin-top: 0px;
    }
    .onsixcorsevrs a svg {
        font-size: 70px;
    }

    .pagesformsw form {
        width: 100%;
    }
    .twoinputsa {
        flex-direction: column !important;
        justify-content: space-evenly !important;
        align-items: center;
        gap: 30px;
    }
    .twoinputsa input , .twoinputsa a{
        width:100% !important;
        height: 50px !important;
    }
    div.tnp-subscription {
        width: 100% !important;
    }

    @keyframes scalePulsebrdcrmpsrvs {
        from {
            height: 50px;
        }
        /* 60% */
        to {
            height: 70px;
        }
        /* 80% */
    }
    .numberssec {
        margin-top: 50px;
        padding: 50px 0;
    }
    .techinosolusec {
        padding: 30px 0;
    }
    .tesmonialclints {
        margin-top: 50px;
        position: relative;
    }
    .tesclints-slider .owl-item:not(.active) + .owl-item.active .tesmonialclintsitem {
        border: 1px solid #2E3191;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    .bannersechm {
        margin-top: 50px;
    }

    .bannersechmitem {
        padding: 30px 0;
    }
    .bannersechmitem a {
        padding: 10px 15px;
        font-size: 13px;
    }
    .bannersechmitem p {
        width: 90%;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .topfosec .col-md-4, .topfosec .col-md-5 , .topfosec .col-md-7 {
        padding: 20px !important;
        border-bottom: 0px solid #fff;
    }
    .contmeths .contaallfo {
        display: flex;
        gap: 20px;
        justify-content: center;
        margin: 30px 0;
        flex-direction: column;
        align-items: center;
    }
    .topfosec {
        margin-bottom: 10px;
    }

    .allimgtxtrr {
        margin-top: 30px;
    }
    .toppinssa {
        margin-top: 50px;
    }
    .toppinssa h3 {
        color: #119C4D;
        text-align: center;
        font-size: 20px;
    }








    .clints {
        border-bottom: 2px solid #C9C9C9;
        padding-bottom: 0;
    }
    .prodsectio, .botprodsectio {
        padding-top: 35px;
    }
    .numberssec .numsiem h2{
        font-size: 30px;
    }
    .applications, .banner-hp, .aboutussec, .contacus {
        margin-top: 35px;
    }

    .contacus .map iframe, .contacus .map {
        width: 100%;
        height: 400px;
        margin-bottom: 50px;
    }

    .submsec {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }

    .mobile-nav-list .logo a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .mobile-nav-list .logo a img {
        max-width: 50%;
    }

    .abouitwm {
        display: inline-flex;
        align-items: start;
        gap: 15px;
        width: 100% !important;
        text-align: start;
        flex-direction: column;
        margin-bottom: 20px !important;
    }

    .icons_topprodsec {
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
    }

    .cont-topprodsectio {
        padding: 20px 15px 30px;
    }

    .the_size_images_des {
        margin-bottom: 30px;
    }

    .centprodsectio {
        flex-direction: column-reverse;
    }

    .producrs-detl {
        margin-top: 0;
        flex-direction: column;
    }

    .mobile-nav-list .link a {
        font-size: 16px !important;
    }

    header.inside-header {

    }

    .introvideo video {
        height: 350px;
    }

    .banner-special img {
        height: 150px;
    }

    .item-rep-image img {
        height: 250px;
    }

    .edit-in-col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 5px;
    }

    .whats_number {
        color: #1275b8;
        font-size: 0;
        display: inline-flex;
        align-items: baseline;
        gap: 10px;
        margin-inline-start: 15px;
        font-family: "DIN-NEXT";
        margin-top: 8px;
    }

    .special-content h4 {
        margin-top: 15px;
    }

    .service-section {
        padding: 0 10px !important;
    }

    .service-section .col-lg-6:nth-child(2n+2) {
        margin-top: 0;
    }

    .service-section h2 {
        position: relative;
        z-index: 2;

        font-size: 36px;
        color: #FFFFFF;
        margin-bottom: 30px;
        text-align: center;
        padding-top: 30px;
    }

    .service-section .col-lg-5 {
        display: none;
    }

    .row-grid .col-grid {
        grid-column: span 12 !important;
        grid-row: span 1 !important;
    }

    .projects-new .row-grid .col-grid .proj-item img {
        height: 250px !important;
    }

    .partner-clients .editincol-partner {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .partner-clients .container {
        background: #fff;
        padding-top: 0;
    }

    .partner-clients .partner-item {
        height: 80px;
        padding: 0 10px;
    }

    .partner-clients {
        background-size: 100% 50%;
    }

    footer {
        padding: 20px 0 0;
        margin-top: 0;
    }
    .paymentmetnabb {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .bottom-footers, .bottom-footers > .container {
        padding: 10px 0;
    }
    .topfosec .col-md-7 ul {
        margin: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 15px;
    }
    .fobalo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }












    .rightssa {
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .contact-info-notfooter .map iframe {
        height: 250px;
        margin-bottom: 20px;
    }

    footer .top-foot .contact-information .contact-info {
        margin-bottom: 10px;
    }

    .recolor-toolbar {
        margin-bottom: 30px;
    }

    .breadcrumb-area {

        font-size: 13px;
    }

    .proj-item a {
        font-size: 15px;
    }

    .top-slider-header {
        padding: 0 0 20px;
    }

    .about .our_number {
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }

    .service .editincol-ser {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .item-service {
        padding: 20px 10px;
    }

    .item-service a {
        font-size: 16px;
    }

    .about .our_number .number-item img {
        max-width: 40px;
        max-height: 480px;
    }

    .about .our_number .number-item h4 {
        font-size: 20px;
    }

    .about .our_number .number-item span {
        font-size: 14px;
    }

    .new-service-section {
        padding: 30px 0;
        background-image: url("../img/bg-ser.png");
        background-size: cover;
    }

    .partner, .contact {
        padding: 30px 0;
    }

    .contact iframe {
        height: 300px;
    }

    .contact .in-contact {
        margin-right: 0;
        padding: 10px;
    }

    .contact .in-contact .out-cont {
        margin-bottom: 30px;
    }

    .contact .in-contact:after {
        display: none;
    }

    .contact, footer .top-foot, .testmentional {
        padding: 0px 0;
    }

    footer .top-foot ul li {
        width: 49%;
    }

    .item-partner {
        box-shadow: 0 0 21px rgba(0, 0, 0, 0.13);
    }

    footer .bot-foot {
        padding: 10px 0;
        flex-direction: column;
        text-align: center;
    }

    .r-foot {
        margin-bottom: 20px;
    }

    header .new-sm {
        margin: 0 5px;
    }

    header .new-sm i {
        margin-inline-end: 10px;
    }

    header .left-header {
        display: block
    }

    .compaines-section {
        padding: 50px 0;
        margin-top: 0;
    }

    .sl-test .owl-nav {
        display: none;
    }

    .main-slider .item .on-img-slider img {
        width: 70%;
    }

    .products-slider button {
        display: none !important;
    }

    .main-slider:before {
        content: " ";
        width: 100%;
        bottom: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
        box-shadow: 0 0 35px 40px #fff;
        z-index: 2;
        height: 0;
        animation: none;
        background: none;
        left: unset;
    }

    .main-slider .item .on-img-slider h4 {
        font-size: 26px;
        margin: 10px 0;
        margin-bottom: 0;
    }

    .main-button {
        font-size: 13px;
        min-width: 100px;
        height: 40px;
        padding: 0 10px;
        margin-top: 0;
    }

    .banner-special .the_content_ban_speical {
        font-size: 22px;
    }

    .the_content_ban {
        margin-top: 15px;
    }

    .nav-footer {
        flex-direction: column;
    }

    .contact-info {
        justify-content: start;
        margin-bottom: 25px;
    }

    .main-slider .owl-dots button.active span {
        width: 45px;
    }

    .grid-item-project {
        grid-column: span 12 !important;
        grid-row: span 1 !important;
    }

    .main-slider .item .on-img-slider {
        width: 100%;
        right: 0;
    }

    .main-slider .item .on-img-slider p {
        font-size: 25px;
        line-height: 25px;
        width: 90%;
    }
    .main-slider .item .on-img-slider span{
        font-size: 18px !important;
    }
    .main-slider .item .on-img-slider .main-button {
        margin-top: 10px;
    }
    .main-slider-home .social-contact {
        justify-content: center;
        margin-top: -80px;
    }
    .main-slider .owl-nav {
        top: 68%;
        left: 10px;
    }

    .main-slider .owl-nav button i {
        font-size: 12px;
        width: 30px;
        height: 30px;
    }

    .o2 {
        order: 2;
    }

    .about {
        background-image: none !important;
    }

    .about .about-img .image-ab-who:before {
        width: 300px;
        height: 300px;
        background-size: 100% 100%;
    }

    .about .about-img .image-ab-who:after {
        width: 250px;
        height: 250px;
        background-size: 100% 100%;
    }

    .project-item-new {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .project-item-new img {
        height: 350px;
    }

    .about .about-img img {
        width: 200px;
        height: 200px;
    }

    .main-slider .item .on-img-slider .on-img-slider-new {
        align-items: center;
    }

    .main-slider .item img {
        height: 300px !important;
    }

    .main-slider .item .on-img-slider .logo {
        width: 200px;
        height: 200px;
    }

    .main-slider .item .on-img-slider .logo img {
        width: 70%;
    }

    .main-slider .owl-dots button span {
        width: 20px;
    }

    .news .news-slider .owl-dots button span {
        width: 20px;
    }

    .orders .order-item {
        margin-bottom: 30px;
    }

    .news .news-slider .owl-dots button.active span {
        width: 30px;
    }

    .main-header {
        font-size: 25px;
    }

    .cat-item {
        margin-bottom: 30px;
    }

    .cat-item a {
        flex-direction: column-reverse;
    }

    .cat-item img {
        margin-inline-end: 0;
    }

    .cat-item h4 {
        margin-bottom: 20px;
    }

    .buttons-media button {
        margin-bottom: 15px;
    }

    .projects .project-slider .owl-dots {
        left: 25px;
    }

    .about-img {
        margin-top: 0;
        justify-content: center;
    }

    .about .about-content p {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 24px;
    }

    .about .our_number .number-item {
        padding-inline-end: 10px;
    }

    .main-header {
        margin-bottom: 30px !important;
    }

    .adss-featured:before {
        top: -1px;
        height: 100px;
    }

    .adss-featured {
        padding: 22px 0 80px;
    }

    .adss-featured:after {
        bottom: -1px;
        height: 100px;
    }

    .adss-important {
        padding: 30px 0 0 0;
        margin-top: 32px;
    }

    .adss-important:before {
        height: 100px;
        top: -1px;
    }

    .history-section img {
        height: auto !important;
        max-width: 100% !important;
    }

    .project-slider-slick {
        padding-top: 50px;
    }

    .about .goals_vision .goals_vision-item:after {
        display: none;
    }

    .about .goals_vision .goals_vision-item .goals_vision-content {
        width: calc(100% - 80px);
    }

    .about .goals_vision .goals_vision-item {
        display: flex;
        margin-bottom: 50px;
    }

    .about .about-img .vision2030 {
        width: 30%;
    }

    .slider {
        padding-inline-start: 0;
    }

    .slider .main-slider .item .on-img-slider p {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 30px;
    }

    .adss-important .numbers-cities .number-item span {
        color: #c3974c;
        font-size: 14px;
    }

    .adss-important .numbers-cities .number-item h4 {
        margin-bottom: 0;
    }

    .adss-important .numbers-cities .number-item h4 span {
        font-size: 14px;
    }

    .adss-important .numbers-cities .number-item {
        text-align: center;
        width: 32.3%;
        display: inline-block;
        margin-bottom: 10px;
    }

    .adss-important .numbers-cities {
        margin-top: 30px;
        padding-bottom: 0;
        border-bottom: 1px solid #c3974c;
        display: block;
        position: relative;
        z-index: 1;
        justify-content: space-between;
    }

    .adss-important:after {
        bottom: -1px;
        height: 100px;
    }

    .service-new {
        margin-top: -34px;
    }

    .adss-new {
        margin-top: 30px;
    }

    .owl-dots {
        display: none;
    }

    .removemob {
        animation-name: none !important;
    }

    .offers {
        padding: 20px 0 90px;
    }

    .test .sl-test .owl-nav {
        display: none;
    }

    .center-section-img {
        margin-top: 30px;
    }

    .center-section .center-section-img img {
        height: 260px;
    }

    .fixed-icon a.uptohead {
        width: 40px !important;
        height: 40px !important;
    }

    .fixed-icon a.uptohead.fly-icon:after {
        width: 30px;
        height: 30px;
    }

    .botprodsectio .button-tabs {
        flex-wrap: wrap;
    }

    header .top-header {
        margin-bottom: 20px;
    }

    .cometted .all-comm .cometted-img img {
        position: relative;
        width: 343px;
        height: 343px;
        left: 0;
        top: 0;
        transform: scale(0.9) !important;
        animation-name: rotatesoff;
    }

    .project {
        padding: 50px 0;
    }

    .project h2 {
        margin-bottom: 50px;
    }

    .cometted-content {
        text-align: center;
    }

    .cometted {
        margin-top: 0;
    }

    .proj-item img {
        height: 350px;
    }

    .partner-clients .partner-item {
        height: 150px;
        padding: 0 10px;
    }

    .service, .gallery-image, .partner-clients {
        padding: 30px 0 !important;
    }

    .service .row, .gallery-image .row, .partner-clients .row {
        padding-inline-end: 0;
    }

    .partner-clients.cert .container {
        padding-top: 0;
    }

    .contact-info-notfooter {
        padding-top: 30px;
    }

    footer .top-foot .logo-footer {
        margin-bottom: 0;
    }

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

    .partner-clients.cert h2 {
        margin-bottom: 20px;
    }

    .blog-post {
        padding: 40px 0;
    }

    .orders {
        padding: 20px;
    }

    .news {
        padding-bottom: 100px;
    }

    .mini-cat-section, .media-center {
        padding: 20px 0;
    }

    .about {
        padding: 40px 0;
    }

    .about .about-content h2 span {
        font-size: 25px !important;
    }

    .main-slider:after {
        width: 100px;
        height: 110px;
        animation: slideoff 5s linear infinite;
    }

    .numbers {
        margin-top: 30px;
    }

    .numbers .numbers-section .number-item:after {
        display: none;
    }

    .numbers .numbers-section {
        padding: 10px;
    }

    .numbers .numbers-section .number-item h4 {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .numbers .numbers-section .number-item span {
        font-size: 14px;
    }

    .urls {
        margin-top: 30px;
    }

    .adss-featured .featured-slider img {
        height: 200px;
        border-radius: 10px;
    }

    .project-slider-slick .project-slick {
        padding-inline-start: 0;
    }

    .social-header {
        margin-bottom: 30px;
    }

    header .main-buttons {
        justify-content: space-evenly;
        margin-top: 0;
        padding: 10px;
        padding-top: 0;
    }

    .search-area {
        width: 250px;
    }

    .search-area .search-content form button, .search-area .search-content form input {
        background: #3d3f3ca1;
    }

    .main-nav {
        padding: 0;
    }

    .about .about-img:after {
        display: none;
    }

    .fixed-icon a {
        width: 30px;
        height: 30px;
    }

    .fixed-icon a:first-of-type {
        margin-bottom: 10px;
    }

    .fixed-icon a.chat {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA5ZDAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==) center/20px 20px no-repeat #00bb00;
    }

    .fixed-icon a.uptohead.fly-icon:after {
        left: 15px;
        top: 15px;
    }

    header .logo {
        text-align: center;
        margin-bottom: 10px;
    }

    .cu-input {
        width: 100% !important;
    }

    .about .main-header {
        margin-top: 0;
    }

    .main-slider .item .on-img-slider h2 {
        font-size: 28px;
        width: 100%;
        line-height: 50px;
        margin-bottom: 0;
    }

    .be-good {
        background-image: url("../img/bgbegood.png");
        background-position: bottom;
        background-repeat: no-repeat;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 40px 25px -22px rgba(0, 0, 0, 0.13);
        background-color: transparent;
        margin-top: -70px;
        z-index: 2;
        position: relative;
        flex-direction: column;
    }

    .be-good h2 {

        font-size: 18px;
        color: #20469c;
        margin-bottom: 0;
        margin-top: 15px;
    }

    .be-good a {
        margin-top: 15px;
    }

    header {

    }
    .topheader .alltops {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 5px;
    }
    .bottomheader {
        padding: 10px 0;
    }
    .logo a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }

    .introvideo .onvideosec{
        background: linear-gradient(to left, rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, 0.95) 41%, rgba(255, 255, 255, 0.5) 55%, rgba(255, 255, 255, 0) 76%);
    }
    .aboutsus {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .fabous h2 {
        font-weight: 700;
        color: #000;
        font-size: 26px;
        margin-bottom: 15px;
    }
    .fabous p {
        font-weight: 400;
        font-size: 18px;
        text-align: justify;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .seabous img {
        width: 80%;
        float: none;
        animation: stretchYasa 5s infinite ease-in-out;
        margin: 50px auto 0;
        display: table;
    }
    .seabous img {
        width: 80%;
        float: none;
        animation: stretchYasa 5s infinite ease-in-out;
        margin: 50px auto 0;
        display: table;
    }
    .thiabous img {
        border-radius: 30px;
        width: 90%;
        display: table;
        margin: 0 auto 30px;
    }
    .fouabous h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .col-md-3.col-12.mb-5.wow.fadeInUp , .col-md-4.mb-5.wow.fadeInUp , div{
        animation-delay: unset !important;
    }
    .techinosolusecitem .titserv {
        padding-inline-start: 20px;
        width: 75%;
        justify-content: start;
    }
    .langused .container > p {
        text-align: center;
        width: 95%;
        margin: 0 auto 40px;
        font-weight: bold;
    }
    .imagelangused .timgaitem {
        width: 70px;
        height: 70px;
    }
    .bannerssec .cusloo:not(:last-of-type) {
        margin-bottom: 30px;
    }
    .bannerssec {
        margin-top: 50px;
    }
    .bannerssec  .no-padding{
        padding: 0 30px !important;
    }
    .contbanner h3 {
        font-weight: 700;
        color: #000;
        font-size: 26px;
        margin-bottom: 15px;
        margin-top: 45px;
    }
    .btnest.cstobtn {
        margin: 10px auto 0;
    }
    .bradcrrupmwetit {
        padding-inline-start: 30px;
        padding-bottom: 0px;
    }
    .bradcrrupmwe {
        background-image: url(../img/bg-breadabout.png);
        background-size: 100% 100%;
        padding-top: 30px;
    }
    .bradcrrupmwetit h3 {
        font-weight: bold;
        font-size: 26px;
        margin-bottom: 15px;
    }
    .crftiy .imagelangused .timgaitem {
        width: 125px;
        height: 100px;
    }
    .onbrdcrmpsrvs h3 {
        font-weight: bold;
        color: #fff;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .onbrdcrmpsrvs .brdcrmpsrvsdes {
        color: #fff;
        font-size: 17px;
    }
    .ourstory {
        background: #EBEBEB;
        padding: 40px 0 0;
    }




    .numberssec .btnest.cstobtn{
        margin: 40px auto 0;
    }
    .langused {
        margin-top: 20px;
    }
    .bannerssec .cusloo:nth-child(even) {
        padding-inline-start: 0;
    }
    .conussec {
        margin-top: 50px;
        padding: 40px 0;
    }
    .contform {
        background: #fff;
        border-radius: 30px;
        padding: 20px;
        margin-top: 100px;
    }
    .titcontsu h3 {
        font-size: 38px;
        width: 90%;
    }
    .fosec {
        display: flex;
        margin-bottom: 50px;
    }
    .urlfot {
        gap: 10px;
    }
    .urlfot img {
        width: 50%;
    }
    .newsleshort form .tnp-field.tnp-field-email {
        width: 80%;
    }
    .newsleshort form .tnp-field.tnp-field-button {
        margin: 0;
        position: absolute;
        width: 33%;
        right: 66%;
    }
    .menufous ul a {
        transition: all linear .4s;
        color: #fff;
        font-size: 14px;
    }
    .rightssa > div {
        font-size: 11px;
        font-weight: 400;
    }
    .newsleshort form .tnp-field.tnp-field-button {
        right: 66%;
    }
    .fofir {
        margin-bottom: 50px;
    }
    .finalby p {
        margin: 0;
        color: #000;
        font-size: 12px;
        text-align: center;
    }
    .contbanner p {
        font-weight: 400;
        font-size: 20px;
        text-align: justify;
        line-height: 35px;
        margin-bottom: 20px;
        width: 90%;
    }
    .finalby {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
        background: #fff;
        padding: 10px 0;
    }
    .titserv h3{
        position: relative;
        z-index: 2;
    }
    .ourwes {
        margin-top: 0;
        padding: 50px 0;
        background-color: #EBEBEB;
    }
    .mb140{
        margin-bottom: 40px;
    }
    .fouabous p {
        font-weight: 500;
        color: #000;
        width: 100%;
        font-size: 20px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .allonsvidro h2 {
        background: linear-gradient(90deg, #D5D505 60%, #119C4D 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        color: transparent;
        font-weight: 700;
        font-size: 16px;
    }
    .allonsvidro p {
        color: #525252;
        font-weight: 500;
        font-size: 13px;
        width: 50%;
        margin: 0;
    }
    .allonsvidro .btnillg {
        background: linear-gradient(90deg, #EBEBEB 0%, rgba(133, 133, 133, 0.33) 100%);
        border-radius: 55px;
        min-height: 50px;
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 10px;
        position: relative;
        margin-top: 15px;
    }
    .allonsvidro .btnillg span {
        color: #000;
        font-weight: 400;
        font-size: 14px;
    }
    .allonsvidro .btnillg a {
        background: #33c901;
        color: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .allonsvidro .btnillg a svg {
        font-size: 19px;
        transition: all linear .4s;
    }
    .btnillg:after {
        width: 31px;
        height: 46px;
    }
    .allonsvidro .btnillg {
        background: linear-gradient(90deg, #EBEBEB 0%, rgba(133, 133, 133, 0.33) 100%);
        border-radius: 55px;
        min-height: 50px;
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 10px;
        position: relative;
        margin-top: 15px;
    }
    .allonsvidro > span {
        font-size: 13px;
        color: #000;
        width: 70%;
        line-height: 30px;
        margin-top: 7px;
        font-weight: 600;
    }

    .iconsfixed{
        left: 10px;
    }
    .iconsfixed a{
        width: 40px ;
        height: 40px ;
    }
    .iconsfixed a.wtsnmb{
        width: 50px ;
        height: 50px ;
    }


    .btnest{
        font-weight: 500;
        min-width: 100px;
        height: 35px;
        font-size: 10px;
        width: 100px;
    }
    header .ask-form {
        flex-direction: column;
    }

    header .ask-form a {
        margin-inline-end: 0;
        margin-bottom: 5px;
    }
}

/* from 991 to 360 */
/* End Responsive */
.loade {
    position: fixed;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loade span {
    position: relative;
    width: 23px;
    height: 50px;
    margin: 4px;
}

.loade img {
    transform: rotate(0deg);
    animation-name: loadestop;
    animation-timing-function: linear;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    max-width: 150px;
}

@keyframes loade {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-30deg);
    }
    75% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#load {
    position: absolute;
    width: 600px;
    height: 36px;
    left: 50%;
    top: 40%;
    margin-left: -300px;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

#load div {
    position: absolute;
    width: 20px;
    height: 36px;
    opacity: 0;
    font-family: Helvetica, Arial, sans-serif;
    animation: move 2s linear infinite;
    -o-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-animation: move 2s linear infinite;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    color: #fff3dd;
}

#load div:nth-child(2) {
    animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}

#load div:nth-child(3) {
    animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

#load div:nth-child(4) {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

#load div:nth-child(5) {
    animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}

#load div:nth-child(6) {
    animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

#load div:nth-child(7) {
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    35% {
        left: 41%;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        left: 59%;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        left: 100%;
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
}

@-moz-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    35% {
        left: 41%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        left: 59%;
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        left: 100%;
        -moz-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
}

@-webkit-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    35% {
        left: 41%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        left: 59%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        left: 100%;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
}

@-o-keyframes move {
    0% {
        left: 0;
        opacity: 0;
    }
    35% {
        left: 41%;
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    65% {
        left: 59%;
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        left: 100%;
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
}

* {
    box-sizing: border-box;
}

*::before, *::after {
    box-sizing: border-box;
}

#container {
    position: relative;
    transform: scale(0.725);
}

.divider {
    position: absolute;
    z-index: 2;
    top: 65px;
    left: 200px;
    width: 50px;
    height: 15px;
    background: #fff;
}

.loading-text {
    position: relative;
    font-size: 3.75rem;
    font-weight: 300;
    margin: 0;
    white-space: nowrap;
}

.loading-text::before {
    position: absolute;
    content: "";
    z-index: 1;
    top: 40px;
    left: 115px;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    animation: dotMove 1800ms cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite;
}

.loading-text .letter {
    display: inline-block;
    position: relative;
    color: #000;
    letter-spacing: 8px;
}

.loading-text .letter:nth-child(1) {
    transform-origin: 100% 70%;
    transform: scale(1, 1.275);
}

.loading-text .letter:nth-child(1)::before {
    position: absolute;
    content: "";
    top: 22px;
    left: 0;
    width: 14px;
    height: 36px;
    background: #fff;
    transform-origin: 100% 0;
    animation: lineStretch 1800ms cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite;
}

.loading-text .letter:nth-child(5) {
    transform-origin: 100% 70%;
    animation: letterStretch 1800ms cubic-bezier(0.25, 0.23, 0.73, 0.75) infinite;
}

.loading-text .letter:nth-child(5)::before {
    position: absolute;
    content: "";
    top: 15px;
    left: 2px;
    width: 9px;
    height: 15px;
    background: #fff;
}

@keyframes dotMove {
    0%,
    100% {
        transform: rotate(180deg) translate(-110px, -10px) rotate(-180deg);
    }
    50% {
        transform: rotate(0deg) translate(-111px, 10px) rotate(0deg);
    }
}

@keyframes letterStretch {
    0%,
    100% {
        transform: scale(1, 0.35);
        transform-origin: 100% 75%;
    }
    8%,
    28% {
        transform: scale(1, 2.125);
        transform-origin: 100% 67%;
    }
    37% {
        transform: scale(1, 0.875);
        transform-origin: 100% 75%;
    }
    46% {
        transform: scale(1, 1.03);
        transform-origin: 100% 75%;
    }
    50%,
    97% {
        transform: scale(1);
        transform-origin: 100% 75%;
    }
}

@keyframes lineStretch {
    0%,
    45%,
    70%,
    100% {
        transform: scaleY(0.125);
    }
    49% {
        transform: scaleY(0.75);
    }
    50% {
        transform: scaleY(0.875);
    }
    53% {
        transform: scaleY(0.5);
    }
    60% {
        transform: scaleY(0);
    }
    68% {
        transform: scaleY(0.18);
    }
}

@media (min-width: 48rem) {
    #container {
        transform: scale(0.725rem);
    }
}

@media (min-width: 62rem) {
    #container {
        transform: scale(0.85);
    }
}

.loader {
    position: fixed;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #000000fa;
    left: 0;
    top: 0;
}

.loader p {
    color: white;
}

.loader-icone {
    font-size: 4em;
    margin-bottom: 50px;
    color: #99E2D0;
    animation: rotate 2000ms infinite;
}

.loader-ellipses {
    display: flex;
    width: 300px;
    align-items: center;
    justify-content: space-between;
    height: 300px;
}

.loader-ellipses span {
    background-color: transparent !important;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    opacity: 0;
    animation: loader-grow 2000ms infinite alternate;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-ellipses span:nth-child(2) {
    animation-delay: 400ms;
}

.loader-ellipses span:nth-child(3) {
    animation-delay: 800ms;
}

@keyframes loader-grow {
    to {
        transform: scale(1.2);
        background-color: #20469c;
        opacity: 100%;
    }
}

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

/*# sourceMappingURL=main.css.map */

/*# sourceMappingURL=main.css.map */


.main-slider {
    overflow: hidden;
}

/**/

.Tourist_destinations-section .nav {
    /*   white-space: nowrap;*/
    /*   overflow-x: scroll;*/
    /*display: block;*/
    border: 0;
}

.Tourist_destinations-section .nav .nav-item {
    display: inline-block;
    padding: 0;
    margin: 0 2px;
}

.Tourist_destinations-section .nav .nav-item .Tourist_destinations-item {
    border-radius: 5px;
}

.Tourist_destinations-section .nav-tabs .nav-link {
    border: none;
    padding: 0;

}

.Tourist_destinations-section .tab-content .tab-pane .container > h5 {
    margin: 20px auto;
    display: table;
    background-color: #038e23;
    border-radius: 20px;
    color: #fff;
    font-size: 18px !important;
    margin-top: 15px !important;
    padding: 5px 20px;
    width: fit-content;

}