/***
====================================================================
  General
====================================================================
 ***/


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --primary: #191d3d;
    --primary-dark: #3b3c83;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
    background: #f6f6f6;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: var(--green_light);
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

html {
    overflow-x: auto !important;

}

body {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;

    font-weight: 400;
    font-size: 16px;
    color: #161616;
    overflow-x: hidden !important;
    background-color: #f4f4f4;

}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
    font-weight: 700;

}

::-moz-selection {
    background: #17896E;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: rgba(23, 137, 110, 0.78);
    text-shadow: none;
    color: #fff;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a, button, .btn {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
    color: inherit;
}

a:hover, a:active, a:focus, a:visited {
    text-decoration: none !important;
}

input, textarea, a, button {
    outline: none !important;
    text-decoration: none;
}


/* img hover */
.img-hover {
    overflow: hidden;
    display: block;
}

.img-hover > img {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.img-hover:hover > img {
    transform: scale(1.2);
}

img {
    max-width: 100%;
}

/* end img hover */
.main-wrapper {
    position: relative;
    min-height: 100%;
}

.btn {
    display: flex;
    padding: 14px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-primary {
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 50px;
    background: var(--primary);

    color: #ffffff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;


    border-radius: 16px;
    border: 1px solid var(--primary);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.btn-primary:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark)
}

.btn-outline-light:hover {
    color: var(--primary) E;
}

.btn-light {
    color: var(--primary);
}

.btn-light:hover {
    color: #0f6350;
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    color: #fff;
    border-color: var(--primary);
    background-color: var(--primary);
}

.text-primary {
    color: var(--primary) !important;
}


/***
====================================================================
  Loading Transition
====================================================================
 ***/
/* Preloader */
.ctn-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
    background: #fff;
}
.ctn-preloader img{
    width: 60px;
}
.txt-loading {
    direction: ltr;
}

.ctn-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}

/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 1px solid rgba(30, 181, 188, 0.15);
    border-top-color: #4168B1;
    height: 100px;
    margin: 0 auto 0 auto;
    width: 100px;
}

/* Texto cargando */

.ctn-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation: letters-loading 4s infinite;
    color: #2196C6;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top: 0;
    line-height: 50px;
    position: absolute;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
    font-family: "Symbio AR+LT", sans-serif;
    font-weight: 700;
    letter-spacing: 10px;
    display: inline-block;
    color: rgba(12, 58, 86, 0.15);
    position: relative;
    font-size: 50px;
    line-height: 50px;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
    animation-delay: 1.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
    animation-delay: 1.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before {
    animation-delay: 2s;
}

.ctn-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

/* AnimaciĂłn del preloader */

@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 80px;
        width: 80px;
    }


}

@media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 80px;
        width: 80px;
    }

    .ctn-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 30px;
        letter-spacing: 5px;
    }
}

/********NEW************/
.header{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 10;
    background: var(--primary);
    padding: 15px 0 0 0;
}
.header-section{
    position: relative;
    height: 50vh;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
}

.header-section h2 , .header-section h1{
    color: #fff;
    font-size: 64px;
    text-align: center;
    font-weight: 500;
}

.header-nav{
    margin-top: 15px;
    background: #fff;
    border-bottom: 4px solid rgba(0,0,0,.2);
}

.site-logo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-logo img{
    max-height: 100px;
}
.main-menu{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 40px;
}
.main-menu > li > a{
    color: var(--primary);
    display: flex;
    text-align: center;
    justify-content: center;
    height: 45px;
    align-items: center;
}

.fixed-menu-and-title{
    padding: 0;
    background: #fff;
 }
/*.fixed-menu-and-title h2{*/
/*    padding: 100px 0;*/
/*    text-align: center;*/
/*    margin: 0;*/
/*}*/
.bg-inner{
    background-color: #fff;
    /*box-shadow: 0 0 20px rgba(0,0,0,0.16);*/
    position: relative;
    z-index: 2;
    overflow: hidden;
 }

.sticky-page-menu{
    background: var(--primary);
    color: #fff;
    width: 100%;
}
.sticky-page-menu ul{
     display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    list-style: none;
    gap: 15px;
    margin: 0;
    padding: 0;
}
.sticky-page-menu ul a{
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.sticky-page-menu ul a:hover{
    background: rgba(255,255,255,0.2);
}

.full-image-slider .item{
    position: relative;
    height: 80vh;
    overflow: hidden;
}
.full-image-slider .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.full-image-slider .item .slider-text{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 50px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: rgba(0,0,0,0.35);
}
.slider-text h3{
    color: #fff;
    margin: 0;
    background: rgba(25, 29, 61, 0.75);
    font-size: 24px;
    padding: 10px 15px;
    border-radius: 5px;
}

.full-image-slider .owl-dots{
    position: absolute;
    left: 0;
    right: 0;
    background: transparent;
    border-radius: 5px;
    z-index: 3;
    bottom: 15px;
    margin: auto;
    width: auto;
}
.times-row{
    padding: 80px;
    background: #f6f6f6;
}
.table td , .table th{
    font-size: 14px;
    color: #4a4a4a
}
.table td i , .table th i{
    color: var(--primary);
    width: 45px;
    height: 45px;
    display: inline-flex;
    background: #eee;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 18px;
}
.times-row .table th{
    text-align: center;
    font-size: 20px;
}
.times-row .table td{
    padding: 15px;
}

.box{
     border: 1px solid #111;
    border-radius: 12px;
    overflow: hidden;
    border-bottom-width: 3px;;
 }


.box-with-shadow{
}

.list-left-image{
     width: 100%;
     height: 350px;
    position: relative;
}
.list-left-video{
     width: 100%;
     height: 350px;
    position: relative;
}
.list-left-video iframe{
    width: 100%;
    height: 100%;
}
.list-left-slider img{
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.list-left-image:after{
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 2;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.list-left-image img{
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.list-left-image h3{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    color: #fff;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    white-space: pre-line;
    font-size: 24px;
    text-align: center;
    padding: 25px;
}

.box-with-shadow-text{
    padding: 20px;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    gap: 20px;
}
.box-with-shadow-text h3{
    font-size: 16px;
}
.box-with-shadow-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.box-with-shadow-text ul li{
    padding-left: 50px;
    position: relative;
    margin-bottom: 5px;
    line-height: 35px;
}
.box-with-shadow-text ul li:after{
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('data:image/svg+xml,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="%23191d3d" d="M225.9 102.8c-3.8-3.9-7.7-8-9.2-11.5s-1.4-8.7-1.5-14c-.1-9.7-.3-20.8-8-28.5s-18.8-7.9-28.5-8c-5.3-.1-10.7-.2-14-1.5s-7.6-5.4-11.5-9.2C146.3 23.5 138.4 16 128 16s-18.3 7.5-25.2 14.1c-3.9 3.8-8 7.7-11.5 9.2s-8.7 1.4-14 1.5c-9.7.1-20.8.3-28.5 8s-7.9 18.8-8 28.5c-.1 5.3-.2 10.7-1.5 14s-5.4 7.6-9.2 11.5C23.5 109.7 16 117.6 16 128s7.5 18.3 14.1 25.2c3.8 3.9 7.7 8 9.2 11.5s1.4 8.7 1.5 14c.1 9.7.3 20.8 8 28.5s18.8 7.9 28.5 8c5.3.1 10.7.2 14 1.5s7.6 5.4 11.5 9.2c6.9 6.6 14.8 14.1 25.2 14.1s18.3-7.5 25.2-14.1c3.9-3.8 8-7.7 11.5-9.2s8.7-1.4 14-1.5c9.7-.1 20.8-.3 28.5-8s7.9-18.8 8-28.5c.1-5.3.2-10.7 1.5-14s5.4-7.6 9.2-11.5c6.6-6.9 14.1-14.8 14.1-25.2s-7.5-18.3-14.1-25.2Zm-11.6 39.3c-4.8 5-9.7 10.2-12.4 16.5s-2.6 13.1-2.7 19.8s-.2 14.4-3.3 17.5s-10.4 3.2-17.5 3.3s-13.7.2-19.8 2.7s-11.5 7.6-16.5 12.4S132 224 128 224s-9.1-4.9-14.1-9.7s-10.2-9.7-16.5-12.4s-13.1-2.6-19.8-2.7s-14.4-.2-17.5-3.3s-3.2-10.4-3.3-17.5s-.2-13.7-2.7-19.8s-7.6-11.5-12.4-16.5S32 132 32 128s4.9-9.1 9.7-14.1s9.7-10.2 12.4-16.5s2.6-13.1 2.7-19.8s.2-14.4 3.3-17.5s10.4-3.2 17.5-3.3s13.7-.2 19.8-2.7s11.5-7.6 16.5-12.4S124 32 128 32s9.1 4.9 14.1 9.7s10.2 9.7 16.5 12.4s13.1 2.6 19.8 2.7s14.4.2 17.5 3.3s3.2 10.4 3.3 17.5s.2 13.7 2.7 19.8s7.6 11.5 12.4 16.5S224 124 224 128s-4.9 9.1-9.7 14.1Zm-36.5-43.6a8 8 0 0 1-.3 11.3l-58.6 56a8.1 8.1 0 0 1-5.6 2.2a7.9 7.9 0 0 1-5.5-2.2l-29.3-28a8 8 0 1 1 11-11.6l23.8 22.7l53.2-50.7a8 8 0 0 1 11.3.3Z"/></svg>');
    width: 35px;
    height: 35px;
    display: flex;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
}
.box-with-shadow-text ul li.list-icon:after{
    background-image: none;
}
.box-with-shadow-text ul li.list-icon{
    padding-left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 15px;
}
.box-with-shadow-text ul li.list-icon img{
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.list-with-left-image{
    padding: 80px 0;
}
.sec-header h2{
     margin: 0;
    text-align: center;
}
.sec-header p{
     color: #5b5b5b;
    font-size: 14px;
    margin: 0;
    text-align: center;
}

.faq-with-details{
    padding: 0 15px;
}

.faq-box{
    border:1px solid #ddd;
    border-radius: 25px;
    overflow: hidden;
}

.faq-box .accordion-item{
    font-size: 14px;
}
.faq-box .accordion-item .accordion-body p{
    margin-bottom: 20px;
}
.faq-box .accordion-item .accordion-body h3{
    font-size: 20px;
    color : var(--primary);
}
.faq-box .accordion-item .accordion-body a{
    color : #ed145b;
}

.faq-box .accordion-item .accordion-body a.btn-outline-danger:hover{
    color : #fff;
}


.accordion-body{
    background-color: rgba(244, 244, 244, 0.26);
}

.a-modal .modal-dialog {
    max-width: 1000px;
}
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner{
    padding-top: 0 !important;
}

.image-and-right-text{
    padding: 80px 0;
}
.text-container a{
    color: #ed145b
}

.image-container img{
    width: 100%;
    object-fit: cover;
}

.vc_row-fluid.container {
    margin: auto !important;
}
.vc_row-fluid.container .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.vc_row-fluid.container .vc_column-inner .faq-with-details , .vc_row-fluid.container .vc_column-inner .faq-with-details .container {
    padding: 0 !important;
}
.fees-items{
    padding: 5px;
    background: var(--primary);
    border-radius: 5px;
    margin-bottom: 30px;
}

.fees-items .table {
    margin-bottom: 0;
}
.fees-items .table th {
    font-size: 30px;
}
.programme-fees{
    padding: 80px 0;
}
.pricing-cards{
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}
.pricing-card {
    width: 260px;
    background: #ff5252;
    background: linear-gradient(135deg, #ff5f6d, #ff5959);
    border-radius: 20px;
    padding: 30px 20px;
    color: white;
    font-family: "Poppins", sans-serif;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
}

.pricing-card h3 {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    opacity: 0.9;
}

.pricing-card .price {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}

.pricing-card .price .currency {
    font-size: 25px;
    vertical-align: top;
    margin-right: 3px;
}

.pricing-card p {
    margin: 10px 0 20px;
    font-size: 14px;
    font-weight: 500;
    opacity: 0.9;
}

.pricing-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.pricing-card ul li {
    margin: 6px 0;
    font-size: 14px;
    opacity: 0.9;
}

.pricing-card button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white;
    color: black;
    font-weight: 600;
    border: none;
    padding: 18px 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
}

.number-item {
    display: flex;
    border-radius: 16px;
    background: #FFF;
    align-items: center;
    gap: 15px;
    padding: 30px;
    transition: all 0.3s ease-out;
}
.number-item:hover{
    box-shadow: 0 0 5px rgba(0,0,0,.16);
}
.number-item .img {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
}

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

.number-item h3 {
    color: #1A1A1C;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px; /* 84% */
    margin-bottom: 0;
}

.number-item p {
    color: rgba(26, 26, 28, 0.60);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 85.714% */
    margin-bottom: 0;
}

.ic-arrow {
    background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 12.8H20.25" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 6.05005L20.25 12.8L13.5 19.55" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;
    width: 24px;
    height: 25px;
    display: flex;
}

.ic-arrow-white {
    background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 12.8H20.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 6.05005L20.25 12.8L13.5 19.55" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 25px;
    display: flex;
}

.number-link {
    display: flex;
    width: 56px;
    height: 56px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #F0F2F6;
}

.number-item:hover .number-link {
    background: var(--primary);
}

.number-item:hover .number-link .ic-arrow {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 12.8H20.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 6.05005L20.25 12.8L13.5 19.55" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.how-to-apply{
    padding: 80px 0;
}

.video-section{
    padding: 80px 0;
}
.video-section iframe{
    width: 100%;
    height: 450px;
}

.images-carousel-section{
    padding: 80px;
}


@media (max-width: 640px) {
    .full-image-slider .item {
        height: 100vh;
    }
    .full-image-slider .item .slider-text {
        padding: 50px 15px;
    }
    .times-row {
        padding: 15px;
    }

    /* عند العرض على الشاشات الصغيرة: تحويل الجدول إلى divs */

        table, thead, tbody, th, td, tr {
            display: block;
        }

        thead {
            display: none; /* نخفي العناوين */
        }

        tr {
            border: 1px solid #ddd;
            margin-bottom: 10px;
            border-radius: 8px;
            background: #fff;
        }

        td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
         }

        td::before {
            content: attr(data-label);
            position: absolute;
            left: 10px;
            top: 10px;
            font-weight: bold;
            text-transform: capitalize;
            color: #333;
        }

    .faq-with-details {
        padding: 0;
    }
    .how-to-apply{
        padding: 80px 0;
    }
}




/**
   ====================================================================
         Footer section
   ====================================================================
*/
footer {
    background: #15427F;
    padding: 72px 0 0 0;
}

.ic-search-plus {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 18L13.875 14.375M9.16667 7.16667V12.1667M6.66667 9.66667H11.6667M15.8333 9.66667C15.8333 13.3486 12.8486 16.3333 9.16667 16.3333C5.48477 16.3333 2.5 13.3486 2.5 9.66667C2.5 5.98477 5.48477 3 9.16667 3C12.8486 3 15.8333 5.98477 15.8333 9.66667Z" stroke="%23F8F9FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 20px;
    height: 21px;
    display: flex;
}


.ic-eye {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.01677 11.0942C1.90328 10.9145 1.84654 10.8246 1.81477 10.686C1.79091 10.5819 1.79091 10.4178 1.81477 10.3137C1.84654 10.1751 1.90328 10.0852 2.01677 9.90552C2.95461 8.42054 5.74617 4.6665 10.0003 4.6665C14.2545 4.6665 17.0461 8.42054 17.9839 9.90552C18.0974 10.0852 18.1541 10.1751 18.1859 10.3137C18.2098 10.4178 18.2098 10.5819 18.1859 10.686C18.1541 10.8246 18.0974 10.9145 17.9839 11.0942C17.0461 12.5791 14.2545 16.3332 10.0003 16.3332C5.74617 16.3332 2.95461 12.5791 2.01677 11.0942Z" stroke="%23F8F9FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0003 12.9998C11.381 12.9998 12.5003 11.8805 12.5003 10.4998C12.5003 9.11913 11.381 7.99984 10.0003 7.99984C8.61962 7.99984 7.50034 9.11913 7.50034 10.4998C7.50034 11.8805 8.61962 12.9998 10.0003 12.9998Z" stroke="%23F8F9FA" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 20px;
    height: 21px;
    display: flex;

}


.ic-hand {
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.93929 16.6244C7.89012 16.6244 7.84093 16.6186 7.79093 16.6069C7.45593 16.5252 7.25012 16.1869 7.33179 15.8519C7.41595 15.5061 7.81841 14.3211 9.45508 13.6102C9.47424 13.6019 9.49424 13.5944 9.51424 13.5877C9.53841 13.5769 9.56674 13.5644 9.60091 13.5527C10.2976 13.296 11.1601 12.8594 11.4876 12.5961C11.5035 12.5836 11.5201 12.5711 11.5376 12.5603L13.8668 11.0403C13.9076 11.0028 13.9068 10.9844 13.9059 10.9778C13.9026 10.9178 13.8351 10.7919 13.6926 10.6994C12.6468 10.0036 11.6801 10.4077 10.2118 11.1561C10.1109 11.2077 10.0101 11.2594 9.90926 11.3094C9.11509 11.7027 8.13679 11.6444 7.35262 11.1578C6.60845 10.6961 6.16431 9.92688 6.16431 9.10105C6.16431 8.27521 6.60847 7.50025 7.41431 6.95359C8.54431 6.18775 10.2418 5.94527 11.3809 6.3836L13.1826 6.9094C13.3509 6.9594 13.5251 6.94026 13.6742 6.85609C13.8192 6.77443 13.9218 6.64276 13.9635 6.48443C14.0418 6.19193 13.8784 5.88939 13.5842 5.77772L11.6201 5.04522C11.6201 5.04522 11.6168 5.04353 11.6143 5.0427L10.8726 4.81524C10.2626 4.63274 9.82176 4.5652 9.49259 4.6052C8.93676 4.67437 7.45014 5.33107 6.64347 5.72857C6.33431 5.88107 5.9593 5.75439 5.8068 5.44439C5.6543 5.13522 5.7809 4.76022 6.0909 4.60772C6.3234 4.49272 8.39257 3.48273 9.3409 3.36439C9.84923 3.30273 10.4509 3.38444 11.2359 3.61944L11.9943 3.85194C12.0026 3.85444 12.011 3.85691 12.0193 3.86024C12.026 3.86274 12.0335 3.86523 12.0401 3.86773L12.0518 3.87188C12.2043 3.92688 12.3676 3.91938 12.5126 3.85105C12.6643 3.78021 12.7776 3.65194 12.8326 3.4911C12.9401 3.18194 12.7876 2.84525 12.4851 2.72108L10.9026 2.06687L10.7676 2.0169C10.3201 1.8519 10.0734 1.76187 9.85091 1.70937C9.57424 1.64603 9.26763 1.61689 8.94263 1.62522L8.91927 1.62693C8.8376 1.63193 8.7918 1.63526 8.61263 1.67193C8.60596 1.6736 8.59928 1.67443 8.59261 1.67527C8.41511 1.70527 8.31591 1.73855 8.09757 1.81272L7.66927 1.95855C6.24344 2.44355 5.65264 2.64439 5.03931 3.09022C3.41347 4.27606 2.42759 5.62603 2.17342 6.43853C1.90259 7.3052 1.90259 8.37021 1.90259 10.4935L1.90259 16.0019C1.90259 16.3469 1.62259 16.6269 1.27759 16.6269C0.932588 16.6269 0.652588 16.3469 0.652588 16.0019L0.652588 10.4935C0.652588 8.24438 0.652562 7.11522 0.980062 6.06605C1.4484 4.57272 3.00347 3.02855 4.30347 2.08022C5.0718 1.52272 5.8051 1.27276 7.26676 0.776097L7.69759 0.629369C7.93342 0.549369 8.10512 0.491872 8.37345 0.445205C8.61095 0.397705 8.70758 0.388597 8.83675 0.380264L8.87012 0.377741C8.87928 0.377741 8.88756 0.376866 8.89673 0.376032C9.33256 0.364366 9.74846 0.403584 10.1335 0.491918C10.4326 0.561918 10.7051 0.661895 11.1993 0.843562L11.3459 0.897761C11.3534 0.901094 11.3618 0.903542 11.3693 0.906875L12.9618 1.56524C13.8768 1.94107 14.3401 2.96607 14.0151 3.89857C13.9418 4.11441 13.8309 4.31107 13.6909 4.48191L14.026 4.60691C14.926 4.94774 15.4184 5.89192 15.1734 6.80442C15.0459 7.29025 14.7318 7.69604 14.2893 7.94521C13.8426 8.19687 13.3251 8.2552 12.8318 8.10854L11.0059 7.57606C10.9868 7.57023 10.9676 7.56361 10.9493 7.55694C10.1876 7.25277 8.91759 7.44691 8.11759 7.98858C7.65259 8.30358 7.41675 8.67855 7.41675 9.10105C7.41675 9.49771 7.63424 9.86025 8.01424 10.0961C8.43341 10.3561 8.94675 10.3927 9.35425 10.1911C9.45008 10.1427 9.54846 10.0927 9.64762 10.0427C10.9893 9.35937 12.6593 8.50856 14.3843 9.65606C14.8418 9.95439 15.1326 10.4261 15.1576 10.9144C15.1801 11.3436 14.9951 11.7394 14.6384 12.0285C14.6218 12.0419 14.6043 12.0544 14.5868 12.0661L12.2493 13.5919C11.7468 13.9844 10.7509 14.4636 10.0459 14.7236L10.0343 14.7302C9.99593 14.7502 9.95595 14.7661 9.91512 14.7777C9.67679 14.8877 8.74259 15.3661 8.55176 16.1494C8.48259 16.4352 8.22673 16.6269 7.94507 16.6269L7.93929 16.6244ZM10.0068 14.7344C10.0068 14.7344 10.0068 14.7344 10.0059 14.7344C10.0059 14.7344 10.0059 14.7344 10.0068 14.7344Z" fill="%23F8F9FA"/></svg>');
    width: 16px;
    height: 17px;
    display: flex;
}

.footer-logo img {
    height: 80px;
}

.footer-text {
    margin: 16px 0;
    color: #F8FAFB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.footer-text p {
    max-width: 300px;
}

.footer-logos {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.footer-logos img {
    height: 45px;
}

.footer-menu h2, .footer-menu h3 {
    color: #F8F9FA;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    margin-bottom: 24px;
}

.footer-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-menu ul li {
    margin-bottom: 16px;
}

.footer-menu ul li:last-child {
    margin-bottom: 0;
}

.footer-menu ul li {
    color: #F8FAFB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.footer-menu ul li a {
    color: #F8FAFB;
}

.email-footer {
    text-decoration: underline !important;
}

.footer-socials {
    margin-top: 16px;
}

.footer-socials h3 {
    color: #F8FAFB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.footer-socials-items {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}

.footer-socials-items a {
    color: #fff;
    font-size: 30px;
}

.footer-socials-items a:hover {
    color: #999;
}

.site-tools {
    border-radius: 8px;
    background: rgba(19, 19, 19, 0.15);
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    margin-top: 72px;
    justify-content: space-between;
}


.site-tools h2 {
    color: #F8F9FA;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
}

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

.tool-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #F8F9FA;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */

    position: relative;
}

.tool-item:hover {
    color: #fff;
}

.tool-item:after {
    position: absolute;
    left: -24px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    height: 11px;
    background: #BEC2CC;
    content: '';
}

.tool-item:last-of-type:after {
    display: none;
}


.copyright-menu {
    background: rgba(19, 19, 19, 0.15);
     padding: 48px 0;
    margin-top: 48px;

}
.copyright-menu-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px;


}
.copyright {
    color: #F8F9FA;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
}

.copyright-menu ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 16px;
}

.copyright-menu ul a {
    color: #F8F9FA;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */

}

.layout_inner_content{
    /*padding-top: 150px;*/

}
.inner-page body{
    padding-top: 0;
}
.inner-page header{
    position: relative !important;
}

.layout_inner_content-hed{
    background: var(--primary);
    color: #fff;
    padding: 40px 0;
}
.layout_inner_content-hed h1{
    color: #fff;
}

.layout_inner_content-hed .breadcrumb{
    color: #fff;
}
.layout_inner_content-hed  .breadcrumb-item.active ,
.layout_inner_content-hed .breadcrumb-item + .breadcrumb-item:before{
    color: rgba(255, 255, 255, 0.78)
}
.txt_editor{
    padding: 30px 0;
}
.search-form .form-control {
    padding-left: 40px;
    background: #fff url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.16797 1.0415C4.68065 1.0415 1.04297 4.67919 1.04297 9.1665C1.04297 13.6538 4.68065 17.2915 9.16797 17.2915C11.1867 17.2915 13.0334 16.5553 14.4544 15.3368L17.8927 18.7751C18.1368 19.0192 18.5325 19.0192 18.7766 18.7751C19.0207 18.531 19.0207 18.1353 18.7766 17.8912L15.3382 14.4529C16.5568 13.0319 17.293 11.1852 17.293 9.1665C17.293 4.67919 13.6553 1.0415 9.16797 1.0415ZM2.29297 9.1665C2.29297 5.36955 5.37101 2.2915 9.16797 2.2915C12.9649 2.2915 16.043 5.36955 16.043 9.1665C16.043 12.9635 12.9649 16.0415 9.16797 16.0415C5.37101 16.0415 2.29297 12.9635 2.29297 9.1665Z" fill="%23161616"/></svg>')   10px center no-repeat;
    height: 40px;
    border-color: #9DA4AE;

}

.search-form {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-form .btn {
    height: 40px;
}

.search-form .input-group .btn {
    border-right: none !important;
    border-color: #9DA4AE;
    background: #fff;
}

.search-form .input-group .btn:hover {

    background: rgba(0, 0, 0, 0.16);
}
.photos-gallery-section{
    padding: 80px 0;
    background: #fff;
}
.photos-search {
    display: flex;
    padding: 74px 0;
    flex-direction: column;
    gap: 16px;
    background: #f3f3fa;
}
.p-image{
    width: 100%;
    height: 350px;
    display: block;
}
.p-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photos-items{
    padding: 80px 0;
    background: #fff;
}

.image-items-grid .item{
    width: 100%;
    overflow: hidden;
}
.image-items-grid .item img{
    max-width: 100%;
    transition: all 0.8s ease-out;
}
.image-items-grid .item:hover img{
    transform: scale(1.2);
}

.btn-qut{
    border-right: 4px solid #ed145b;
    color: #ed145b;
    height: auto;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 0;
    display: flex;
    align-items: center;
    line-height: 30px;
}

.btn-qut:hover{
    border-right: 4px solid var(--primary) !important;
    color:  var(--primary) !important;
}

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

}

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

}

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

}

@media screen and (max-width: 640px) {
    .footer-logos {
        margin-bottom: 30px;
    }

    .footer-menu {
        margin-bottom: 30px;
    }

    .site-tools {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 16px;
    }

    .tool-items {
        gap: 32px;
    }

    .tool-item:after {
        left: -16px;
    }

    .copyright-menu {
        flex-direction: column-reverse;
    }

    .copyright-menu ul {
        display: flex;
        align-items: center;
        list-style: none;
        gap: 16px 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-menu ul li {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .main-menu{
        display: none;
    }
    .btn{
        font-size: 16px !important;
    }
    .list-with-left-image {
        padding: 40px 0;
    }

    .header-section {
        min-height: 50vh;
        height: auto;
    }
    .header-section h2, .header-section h1 {
         font-size: 30px;
    }
    .image-and-right-text {
        padding: 40px 0;
    }
}