@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
    --primary: #04519B !important;
    --primary-light: #59C3F3 !important;
    --light-bg: #EDFAFF !important;
    --whatsapp: #6BCE72 !important;

    --thin: 100;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semibold: 600;
    --bold: 700;
    --extrabold: 800;
    --black: 900;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong {
    color: var(--primary);
}

img {
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
}


body {
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.pointer {
    cursor: pointer;
}

a,
a:hover {
    text-decoration: none !important;
    transition: 400ms !important;
}

a,
button {
    cursor: pointer;
}

.btn-theme {
    background: var(--secondary);
    color: #fff;
    border-radius: 0;
    height: 45px;
    width: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
}

.no-desktop {
    display: none;
}

.no-mobile {
    display: block;
}


/*** Header ***/

.mobile-header {
    display: none;
}

.header-menu {
    height: 160px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999999;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 9px 23px -5px #00000000;
    transition: 400ms;
}

.scrolled .header-menu {
    background: #fff;
    height: 100px;
    box-shadow: 0px 9px 23px -5px #00000021;
    transition: 400ms;
}

.scrolled .header-top {
    box-shadow: 0px 9px 23px -5px #00000021;
    transition: 400ms;
}

.scrolled .menu-active .header-top {
    box-shadow: 0px 9px 23px -5px #00000000;
    transition: 400ms;
}

.header-menu .header-logo img {
    width: 310px;
    height: 42px;
    object-fit: contain;
}

ul.header-menu-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: space-between;
    align-items: center;
}

.header-menu-content {
   /** padding: 0 60px; **/
	padding-left:60px;
}

ul.header-menu-list li a {
    font-size: 16px;
    font-weight: var(--regular);
    color: var(--primary);
}

.header-right {
    height: 50px;
    display: flex;
    justify-content: flex-end;
}

.header-lang-list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 48px;
    width: 48px;
    background: var(--light-bg);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
    transition: 400ms;
}

.header-lang-list:hover {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 197px;
    /* height: 230px; */
    transition: 400ms;
}

.header-lang-list li a,
.header-lang-list li span {
    text-transform: uppercase;
    color: #04519B;
    font-weight: 500;
    font-size: 16px;
    transition: 400ms;
}

.header-lang-list li a:hover {
    color: #58c4f3;
    transition: 400ms;
}

.header-lang-list li:first-child span {
    height: 48px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.header-lang-list li:not(:first-child) {
    padding: 6px 0;
}

.header-lang-list li:last-child {
    padding-bottom: 10px;
}

form.search-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 48px;
    border: 1px solid var(--primary);
    background: #fff;
    border-radius: 14px;
    margin-right: 15px;
    min-width: 48px;
    width: 48px;
    overflow: hidden;
    transition: 400ms;
    position: relative;
}

form.search-form:hover {
    width: 200px;
    transition: 400ms;
}

form.search-form input {
    text-align: end;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 125px;
    position: absolute;
    right: 48px;
    color: var(--primary);
}

form.search-form button {
    text-align: end;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: none !important;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

form.search-form input::placeholder {
    color: var(--primary);
    font-size: 17px;
    font-weight: var(--regular);
}

form.search-form button img {
    width: 17px;
    height: 17px;
    display: flex;
    position: relative;
    filter: brightness(0) saturate(100%) invert(16%) sepia(42%) saturate(6185%) hue-rotate(198deg) brightness(89%) contrast(98%);
}

.header-search {
    display: flex;
    justify-content: flex-end;
}

/*** Header-End ***/


/*** Footer ***/

.copyright {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #CFEDF8;
}

.copyright span {
    font-size: 14px;
    font-weight: var(--regular);
    color: #CFEDF8;
}

h3.footer-menu-title {
    font-size: 16px;
    font-weight: var(--bold);
    line-height: 25px;
    border-bottom: 1px solid #CFEDF8;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.footer-menu-item ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.footer-menu-item ul li a {
    color: #04519B !important;
    font-size: 16px !important;
    font-weight: var(--light) !important;
}

.footer-menu-item ul li {
    margin: 15px 0;
    display: flex;
}

.copyright {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #CFEDF8;
}

.copyright span {
    font-size: 14px;
    font-weight: var(--regular);
    color: #CFEDF8;
}

.copyright a.post {
    margin-bottom: -36px;
}

h3.footer-menu-title {
    font-size: 16px;
    font-weight: var(--bold);
    line-height: 25px;
    border-bottom: 1px solid #CFEDF8;
    padding-bottom: 10px;
    margin-bottom: 15px;
    width: 85%;
}

.footer-menu-item ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.footer-menu-item ul li a {
    color: #04519B !important;
    font-size: 16px !important;
    font-weight: var(--light) !important;
}

.footer-menu-item ul li {
    margin: 15px 0;
    display: flex;
}

.footer-top {
    border-bottom: 1px solid #CFEDF8;
    padding: 40px 0;
}

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

.footer-socials.socials a {
    margin-left: 40px;
    font-size: 32px;
    color: #04519B;
}

.footer-logo img {
    height: 50px;
    object-fit: contain;
    width: auto;
}

.footer-menu {
    margin: 150px 0;
}

.footer-slogan {
    display: flex;
    flex-direction: column;
    font-size: 50px;
    line-height: 1.3;
}

.footer-slogan span {
    font-weight: var(--thin) !important;
}

.footer-slogan strong {
    font-weight: var(--semibold);
}

.footer-location-button {
    margin-top: 100px;
    margin-bottom: 50px;
    display: flex;
}

.footer-location-button a {
    font-size: 16px;
    font-weight: var(--medium);
    border: 1px solid #04519B;
    padding: 25px 35px;
    border-radius: 32px;
    color: #04519B;
    transition: 400ms;
}

.footer-location-button a:hover {
    background: #04519B;
    color: #fff;
    transition: 400ms;
}

.top-firm {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-end;
}

.bottom-firm {
    display: flex;
    align-items: flex-end;
}

.top-firm img,
.bottom-firm img {
    margin-right: 10px;
}

.footer-firms span {
    font-size: 16px !important;
}

/*** Footer-End ***/


/*** newsletter ***/

.newsletter-content {
    width: 100%;
    height: 310px;
    position: relative;
    display: flex;
    align-items: center;
}

.newsletter-content .overlay {
    background: #EDFAFF;
    border-radius: 64px;
    position: absolute;
    width: 100%;
    height: 250px;
    z-index: 0;
}

.newsletter-content .row {
    z-index: 9;
    width: 100%;
}


.newsletter-right {
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 100px;
}

.newsletter-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 75px;
}

.newsletter-left .title {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.newsletter-left .title * {
    font-size: 30px;
    line-height: 1.4;
    color: #04519B;
}

.newsletter-left .title span {
    font-weight: 200;
}

.newsletter-left form input {
    background: #CFEDF8;
    color: #fff;
    height: 50px;
    width: 450px;
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 14px;
    padding-left: 25px;
    transition: 400ms;
}

.newsletter-left form input:focus {
    background: #04519b;
    color:#fff;
    transition: 400ms;
}
.newsletter-left form input:focus::placeholder {
    color:#fff;
}

.newsletter-left form input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color:var(--primary);
}

.newsletter-left form button {
    width: 150px;
    height: 50px;
    border-radius: 14px;
    border: 1px solid #04519b;
    background: none;
    color: #04519b;
    font-weight: 500;
    transition: 400ms;
}

.newsletter-left form button:hover {
    background: #04519b;
    color: #fff;
    transition: 400ms;
}

/*** newsletter-End ***/

/*** bottom-icons ***/

.section.bottom-docs {
    margin-top: 75px;
    margin-bottom: 150px;
}

.bottom-item .icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

.bottom-docs .col-md-4:first-child .bottom-item .icon {
    background: #04519B;
}

.bottom-docs .col-md-4:not(:first-child) .bottom-item .icon {
    background: #ECFAFF;
}

.bottom-docs .bottom-item {
    padding: 40px;
    border-radius: 32px;
    height: 475px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}


.bottom-docs .col-md-4:nth-child(1) .bottom-item {
    background: #7bcff5;
    /** background: #ECFAFF; **/
}

.bottom-docs .col-md-4:nth-child(2) .bottom-item {
    background: #04519B;
}

.bottom-docs .col-md-4:nth-child(3) .bottom-item {
    background: url(images/film.jpg);
}

.bottom-docs .col-md-4:nth-child(4) .bottom-item {
    background: #3ecd58;
}

.bottom-item .item-title {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.bottom-docs .col-md-4:not(:first-child) .bottom-item .item-title * {
    color: #fff;
}

.bottom-item .item-title * {
    font-size: 24px;
    line-height: 1.4;
}

a.bottom-phone {
    font-size: 52px;
    font-weight: bold;
    color: #fff;
    transition: 400ms;
}

a.bottom-phone:hover {
    color: #299f3e;
    transition: 400ms;
}

a.bottom-phone {
    font-size: 52px;
    font-weight: bold;
    color: #fff;
    transition: 400ms;
}

a.bottom-phone:hover {
    color: #299f3e;
    transition: 400ms;
}

.bottom-docs .bottom-item .bottom-item-link {
    min-width: 140px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    transition: 400ms;
}

.bottom-docs .col-md-4:first-child .bottom-item .bottom-item-link {
    color: #04519B;
    border: 1px solid #04519B;
}


.bottom-docs .col-md-4:not(:first-child) .bottom-item .bottom-item-link {
    color: #fff;
    border: 1px solid #fff;
}

.bottom-docs .col-md-4:first-child .bottom-item .bottom-item-link:hover {
    color: #fff;
    background: #04519B;
}

.bottom-docs .col-md-4:not(:first-child) .bottom-item .bottom-item-link:hover {
    color: #04519B;
    background: #fff;
}

/*** bottom-icons-End ***/

/*** attached-area ***/

.section.attached-section {
    margin-top: 200px;
    margin-bottom: 165px;
}

.attached-content {
    background: url(images/attached-image.jpg);
    height: 100dvh;
    width: 100%;
    padding: 200px 65px 60px 135px;
    border-radius: 64px;
    overflow: hidden;
    background-attachment: fixed;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.attached-bottom {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    text-align: end;
}

.attached-bottom a {
    display: flex;
    flex-direction: row;
}

.attached-bottom a .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 13px;
}

.attached-bottom a .title * {
    color: var(--primary);
    line-height: 1.2;
}

.attached-bottom a .title span {
    font-weight: 200;
}
.attached-bottom img {
   filter: brightness(0) saturate(100%) invert(16%) sepia(42%) saturate(6185%) hue-rotate(198deg) brightness(89%) contrast(98%);
}
.theme-button {
    color: var(--primary) !important;
    background: none !important;
    font-weight: 500;
    width: 140px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid var(--primary) !important;
    transition: 400ms;
}

.theme-button:hover {
    color: #fff !important;
    background: var(--primary) !important;
    transition: 400ms;
}

.attached-top .title {
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}

.attached-top .title span {
    font-weight: 200;
}

.attached-top .title * {
    font-size: 72px;
    color: var(--primary);
}


/*** attached-area-End ***/

/*** experience-section ***/

.section.experience-section {
    height: 475px;
    display: flex;
    align-items: center;
}

.experience-section .section-left {
    padding: 65px 0 100px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.experience-section .section-left .section-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.experience-section .section-left .section-title * {
    font-size: 48px;
    line-height: 1.3;
}

.experience-section .section-left .section-title span {
    font-weight: 200;
}

.experience-section .section-left .section-desc span {
    color: #59C3F3;
    font-weight: var(--regular);
    margin-bottom: 60px;
    display: block;
}

/*** experience-section-End ***/


/**** counter-begin ****/
section.counter-section {
    background: url(images/counter-overlay.png);
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.se-logo {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.se-logo img {
    height: 150px;
}

div#counter {
    display: flex;
    justify-content: space-between;
    padding: 0 250px;
}

.o-progress-circle {
    display: inline-block;
    position: relative;
    width: 260px;
    aspect-ratio: 1;
    z-index: 9;
}

.o-progress-circle .number {
    font-size: 44px;
    font-weight: 600;
    line-height: 55px;
}

.o-progress-circle .counter-item-title {
    font-size: 16px;
    font-weight: var(--regular);
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}

.o-progress-circle__fill circle {
    fill: none;
    stroke-width: 1.8px;
    stroke: transparent;
}

.o-progress-circle__fill circle:nth-child(2) {
    /* animation: load-circle 4s; */
    stroke: var(--primary);
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: 4000ms;
}

.counter-content.animate .o-progress-circle circle {
    stroke-dashoffset: 85;
}


.o-progress-circle__number {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    margin: auto;
    /* height: 140px; */
    /* width: 140px; */
    color: #fff;
    text-align: center;
    background: #EDFAFF !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: -1;
}

.o-progress-circle.o-progress-circle--rounded:nth-child(2) circle:nth-child(2) {
    stroke: var(--primary);
}

.o-progress-circle.o-progress-circle--rounded:nth-child(2) .o-progress-circle__number {
    background: var(--primary);
}

.o-progress-circle.o-progress-circle--rounded:nth-child(3) circle:nth-child(2) {
    stroke: var(--primary);
}

.o-progress-circle.o-progress-circle--rounded:nth-child(3) .o-progress-circle__number {
    background: var(--primary);
}

.o-progress-circle__number em {
    font-weight: 100;
    font-style: normal;
}

.o-progress-circle--rounded circle:nth-child(2) {
    stroke-linecap: round;
}

@-moz-keyframes load-circle {
    0% {
        stroke-dashoffset: 100;
    }
}

@-webkit-keyframes load-circle {
    0% {
        stroke-dashoffset: 100;
    }
}

@-o-keyframes load-circle {
    0% {
        stroke-dashoffset: 100;
    }
}

@keyframes load-circle {
    0% {
        stroke-dashoffset: 100;
    }
}


/**** counter-end ****/


/**** main-about ****/

.section.main-about-section {
    background: url(images/main-about-bg.png);
    height: 1080px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    margin-top: -100px;
    border-radius: 0 0 64px 64px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 125px;
}

.section.main-about-section .about-image {
    display: flex;
    justify-content: end;
}

.section.main-about-section .about-image img {
    border-radius: 32px;
    object-fit: cover;
    height: auto;
    width: auto;
}

.main-about-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
}

.main-about-left .icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #C3EDFF;
    margin-bottom: 25px;
}

.main-about-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}

.main-about-title * {
    font-size: 48px;
    line-height: 1.4;
}

.main-about-title span {
    font-weight: 200;
}

span.about-title-1 {
    font-size: 20px;
    font-weight: var(--regular);
    margin-bottom: 85px;
}

.about-desc p {
    margin: 0;
    color: #59C3F3;
    line-height: 32px;
}

.about-desc {
    margin-bottom: 75px;
    max-width: 700px;
}

/**** main-about-end ****/


/**** page-top ****/

.page-top .section-subtitle {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
}

.page-top .section-title {
    font-size: 72px;
    font-weight: var(--semibold);
}

.bread-content {
    display: flex;
    justify-content: flex-end;
}

.breadcrumb {
    height: 75px;
    display: flex;
    align-items: center;
    border-radius: 14px !important;
    border: 1px solid #D8F1FC;
    background: none !important;
    padding: 0 45px !important;
}

.breadcrumb a {
    font-size: 16px;
    font-weight: 300;
    color: #04519B;
}

.breadcrumb a span {
    margin: 0 5px;
}

.breadcrumb {
    flex-wrap: nowrap !important;
    overflow: auto !important;
}

.breadcrumb a {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/**** page-top-end ****/



/**** contact-page ****/

.contact-form form input,
.contact-form form textarea {
    height: 55px;
    width: 100%;
    border: 1px solid #D8F1FC;
    border-radius: 24px;
    margin-bottom: 20px;
    padding-left: 25px;
    color: #005998;
    font-size: 18px !important;
    outline: none !important;
    font-weight: 300;
    transition: 400ms;
}

.contact-form form input:focus,
.contact-form form textarea:focus {
    border: 1px solid #005998;
    transition: 400ms;
}

.contact-form form textarea {
    height: 200px;
    padding-top: 15px;
}

.contact-form form input::placeholder,
.contact-form form textarea::placeholder {
    color: #005998;
    font-size: 18px !important;
    font-weight: 300;
}

.contact-top {
    margin-top: 75px;
}

.contact-map {
    margin-top: 100px;
}

.contact-informations {
    padding-left: 125px !important;
}

span.contact-item-title {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 18px;
    display: block;
}

.contact-item {
    margin-bottom: 75px;
}

.contact-item i {
    margin-right: 25px;
    color: var(--primary);
    font-size: 20px;
    line-height: 1.5;
    padding-top: 4px;
}

.contact-item a,
.contact-item p {
    color: var(--primary) !important;
    font-size: 22px;
    font-weight: 200;
    margin: 0;
    transition: 400ms;
}

.contact-item a:hover {
    letter-spacing: 1px;
    transition: 400ms;
}

/**** contact-page-end ****/

/**** hr-page ****/

.hr-form {
    margin-top: 25px;
    margin-bottom: 75px;
}

.hr-form form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/**** hr-page-end ****/


/**** media-page ****/

span.media-section-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 25px;
    display: block;
    margin-top: 45px;
}

.media-videos-list,
.media-photos-list {
    border-top: 1px solid #EAEAEA;
    margin-top: 65px;
}

a.media-news-item img,
a.media-video-item img,
a.media-photo-item img {
    height: 400px;
    display: block;
    object-fit: cover;
    border-radius: 32px;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    object-position: center;
}

a.media-news-item span.news-title {
    font-size: 30px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 35px;
    display: block;
}

a.media-news-item {
    margin-bottom: 50px;
    display: block;
}

a.media-news-item span.news-description p {
    font-size: 16px;
    font-weight: var(--regular);
    color: #A2A2A2 !important;
}

.media-news-list.media-list-section {
    margin-top: 25px;
}

.media-bottom {
    height: 270px;
    margin-top: 15px;
    margin-bottom: 200px;
}

.media-bottom-item {
    height: 270px;
    width: 100%;
    background: #ECFAFF;
    display: flex;
    border-radius: 32px;
}

.bottom-docs {
    background: #ECFAFF;
}

.bottom-kit {
    background: var(--primary);
}

.media-bottom .icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

a.bottom-docs .icon {
    background: var(--primary);
}

a.bottom-kit .icon {
    background: #ECFAFF;
}

.media-bottom-item {
    padding: 45px;
}

.media-bottom-item .row {
    width: 100%;
}

.media-bottom-item .row {
    width: 100%;
}

.docs-bottom .title {
    display: flex;
    flex-direction: column;
}

.docs-bottom .title * {
    font-size: 24px;
    line-height: 1.4;
}

.docs-bottom .title span {
    font-weight: 300;
}

.docs-left {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.docs-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kit-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.kit-left .title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.kit-left .title * {
    color: #fff;
    font-size: 24px;
}

.kit-left .title span {
    font-weight: 300;
}

.kit-right {
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.docs-right {
    display: flex;
    height: 100%;
    align-items: center;
    width: 100%;
}

.docs-right img {
    height: 175px;
    margin: 0 5px;
    border-radius: 14px;
}

/**** media-page-end ****/


/**** documents-page ****/

.document-items {
    margin-top: 115px;
}

.document-item {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
}

.document-item .item-image img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: center;
    border: 2px solid #F2F2F2;
    border-radius: 26px;
}

.document-item .item-image {
    margin-bottom: 20px;
}

.document-item .item-bottom {
    background: #ECFAFF;
    border-radius: 32px;
    height: 145px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 35px;
}

.document-item .item-bottom span {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
}


/**** documents-page-end ****/

/**** categories-page ****/

section.categories-page {
    margin-bottom: 125px;
}

.categories-items {
    margin-top: 15px;
}

a.product-list-item {
    height: 465px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
    width: 100%;
    border-radius: 24px;
    border: 1px solid #EDFAFF;
    box-shadow: 0px 25px 15px -10px #EDFAFF;
    margin-bottom: 30px;
    padding: 15px;
}

span.product-list-item-title {
    font-size: 16px;
    font-weight: var(--semibold);
}


/**** categories-page-end ****/

/**** product-list-page ****/

section.product-list-page .page-top {
    margin-bottom: 25px;
}

.product-list-page .aside {
    background: #EDFAFF;
    border-radius: 24px;
    padding: 60px 70px;
    margin-bottom: 25px;
}

.product-list-page .aside ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-list-page .aside ul li a {
    font-size: 16px;
    font-weight: 300;
    margin-top: 35px;
    display: block;
    color: var(--primary);
    transition: 400ms;
}

.product-list-page .aside ul li a:hover {
    color: var(--primary-light);
    transition: 400ms;
}

.product-list-page .aside-title {
    padding-bottom: 17.5px;
    border-bottom: 1px solid #CFEDF8;
}

.product-list-page .aside-title span {
    font-size: 18px;
    font-weight: var(--semibold);
}

/**** product-list-page-end ****/

/**** product-detail-page ****/

.product-detail-page {
    margin-bottom: 150px;
}

span.similar-products-title {
    font-size: 20px;
    font-weight: var(--semibold);
    margin-bottom: 35px;
    display: block;
}

.product-detail-top {
    margin-bottom: 150px;
    margin-top: 25px;
}

.product-big-image .image {
    width: 100%;
    height: 465px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 24px;
    border: 1px solid #59C3F3;
}

.product-image-col {
    max-width: 400px;
}

.product-big-image .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thumbnails a {
    width: 100%;
    height: 100px;
    border: 1px solid #59c3f3;
    display: flex;
    align-items: center;
    border-radius: 14px;
    overflow: hidden;
    padding: 5px;
    transition: 400ms;
}

.thumbnails a.active {
    border-color: #04519b;
    transition: 400ms;
}

.thumbnails {
    margin-top: 15px;
}

span.product-detail-title {
    font-size: 46px;
    font-weight: var(--semibold);
    margin-bottom: 60px;
    display: block;
    margin-top: 15px;
}

.product-description p {
    font-size: 16px;
    font-weight: 300;
    color: #59C2F3;
    line-height: 34px;
}

.product-big-image .image * {
    height: 100%;
}

/**** product-detail-page-end ****/



/**** corporate-counter ****/


.corporate-counter {
    background: #F9FDFF;
    border-radius: 0 0 64px 64px;
    padding-top: 175px;
    padding-bottom: 150px;
    margin-top: -75px;
}

.counter-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 40px;
}

.counter-title * {
    color: var(--primary);
    font-size: 48px;
    line-height: 1.4;
}

.counter-title span {
    font-weight: 200;
}

.corporate-counter div#counter {
    padding: 0;
}

/**** corporate-counter-end ****/

/**** corporate-infinite ****/

.infinite-content {
    background: url(images/infinite-bg.png);
    height: 410px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 100px;
    margin-bottom: 150px;
}

.infinite-left {
    display: flex;
    justify-content: flex-end;
}

.infinite-title {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    height: 100%;
}

.infinite-right {
    display: flex;
    align-items: center;
    height: 100%;
    padding-bottom: 100px;
    padding-left: 50px;
}

.infinite-title * {
    font-size: 62px;
    line-height: 1.4;
}

.infinite-title span {
    font-weight: 200;
}

/**** corporate-infinite-end ****/

/**** corporate-bottom ****/

.bottom-banner img {
    height: 670px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 64px;
}

.corporate-bottom {
    margin-bottom: 150px;
}

.bottom-left .title {
    max-width: 535px;
    height: 375px;
    background: var(--primary);
    border-radius: 48px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    padding: 75px 43px;
}

.bottom-left .title * {
    color: #fff;
    font-size: 50px;
    line-height: 1.4;
}

.bottom-left .title span {
    font-weight: 200;
}

.bottom-left {
    display: flex;
    justify-content: flex-end;
}

.bottom-right {
    padding-top: 200px;
}

.bottom-right p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: var(--primary-light);
    line-height: 32px;
}

.bottom-content {
    margin-top: -140px;
}

.corporate-page .section.newsletter-section {
    margin-bottom: 100px;
}

/**** corporate-bottom-end ****/


/**** corporate-top ****/

section.inner-page {
    margin-top: 160px;
}

.corporate-page .page-top {
    z-index: 99;
    display: block;
    position: relative;
}

.corporate-top {
    height: 788px;
    border-radius: 64px;
    z-index: 9;
    display: block;
    position: relative;
    background: #fff;
    margin-top: -90px;
}

.col-md-6.corporate-left-bg {
    height: 788px;
    background: url(images/corporate-top-left-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 22px 0 64px;
    display: block;
    position: relative;
}

.corporate-top-overlay {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.overlay-image {
    position: absolute;
    z-index: 9;
    width: auto;
    height: auto;
    object-fit: contain;
    margin-right: -32px;
}

.corporate-top-overlay .row {
    width: 100%;
    z-index: -1;
}

.corporate-top-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 788px;
}

.corporate-top .container {
    height: 100%;
}

.corporate-top-title span {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
}

.corporate-top-title strong {
    font-size: 72px;
    color: #fff;
    max-width: 400px;
}

.corporate-top-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 50px;
}

.feature-items {
    display: flex;
}

.feature-items .item {
    background: #D8F1FC;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    padding: 25px 15px 15px 25px;
    width: 140px;
    height: 140px;
    margin-left: 15px;
}

.feature-items .item img {
    margin-bottom: 15px;
}

.feature-items .item span {
    font-weight: var(--medium);
}

.top-decription {
    max-width: 560px;
    text-align: end;
    margin-bottom: 100px;
}

.top-decription p {
    color: var(--primary-light);
    line-height: 34px;
    font-weight: 300;
}

/**** corporate-top-end ****/

.other-page .banner-image img {
    border-radius: 64px;
    margin-bottom: 50px;
}

.main-bottom {
    background: none !important;
}

.search-page {
    margin-bottom: 50px;
}

/**** slider ****/

.slider-area {
    height: 1230px;
    width: 100%;
    /* margin-top: -160px; */
    border-radius: 0 0 64px 64px;
    overflow: hidden;
    background: #fff;
    z-index: 999;
    position: relative;
}

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

.slider-overlay img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.slider-overlay .row {
    height: 100%;
    align-items: end;
}

.slider-overlay-left {
    background: url(images/corporate-top-left-bg.png);
    height: 525px;
}

.right-bottom {
    margin-bottom: 250px;
    pointer-events: all;
}

.slider-features {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
}

.slider-socials {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: all;
}

.features-right {
    /** padding-top: 275px; **/
	padding-top: 225px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
}

.features-right .slider-socials a {
    /** color: #D8F1FC; **/
    color: var(--primary);
    margin-bottom: 30px;
	font-size: 22px;
    transition: 400ms;
}

.features-right .slider-socials a:hover {
    color: var(--primary);
    transition: 400ms;
}

.slider-features .row,
.slider-features .container {
    height: 100%;
}

.corporate-film-image-link img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 100%;
}

.corporate-film-image-link {
    position: absolute;
    bottom: 15px;
    width: 120px;
    height: 120px;
    right: -45px;
}


.corporate-film-link {
    position: absolute;
    width: 100%;
    bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 38px;
}

.corporate-film-link img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    position: relative;
}

.corporate-film-link a {
    display: flex;
    align-items: center;
}

.corporate-film-link span {
    color: #fff;
    margin-right: 30px;
}


.main-slider {
    position: absolute;
    top: 275px;
    width: 100%;
    /* height: calc(1230px - 275px); */
    z-index: 9999;
}

.slider-left .slider-slogan {
    font-size: 24px;
    font-weight: 300;
}

.slider-left h4 {
    font-size: 72px;
    font-weight: var(--semibold);
    margin-top: 5px;
}

.slider-control {
    margin-top: 30px;
    display: flex;
}

.slider-control button {
    border: 1px solid #59C3F3;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: none;
    color: #59C3F3;
    transition: 400ms;
}

.slider-control button:hover {
    border: 1px solid #59C3F3;
    background: #59C3F3;
    color: #fff;
    transition: 400ms;
}

.slider-control button:hover line,
.slider-control button:hover path {
    stroke: #fff;
    transition: 400ms;
}


.slider-control .prev {
    margin-right: 10px;
}

a.theme-button.solid-soft-btn {
    background: #D8F1FC !important;
    border: #D8F1FC !important;
    color: var(--primary) !important;
}

a.theme-button.solid-soft-btn:hover {
    background: var(--primary) !important;
    border: var(--primary) !important;
    color: #fff !important;
}

.slider-box {
    padding: 35px 30px;
    max-width: 325px;
    border: 1px solid #D8F1FC;
    border-radius: 14px;
    background: #fff;
    margin-bottom: 25px;
}

.slider-box span {
    font-size: 16px;
    font-weight: 300;
    color: var(--primary);
}

.slider-image {
    position: absolute;
    top: 0;
    z-index: 9;
    height: 1230px;
    display: flex;
    align-items: end;
    padding-bottom: 75px;
    pointer-events: none;
}

.slider-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.left-bottom * {
    z-index: 9999;
    display: flex;
}

/**** slider-end ****/

.top-firm img {
    height: 45px;
}

ul.menu-dropdown {
    list-style: none;
    padding: 0;
}
/*
ul.header-menu-list li:has(.header-menu-link) {
    position: relative;
}*/

ul.header-menu-list li ul {
    position: absolute;
    background: #edfaff;
    height: auto;
    padding: 20px;
    border-radius: 15px;
	opacity:0;
	pointer-events:none;
	transition:400ms
}
ul.header-menu-list li:hover ul {
	opacity:1;
	pointer-events:all;
	transition:400ms
}

ul.menu-dropdown li {
    padding: 5px 0;
}

.product-detail-buttons a {
    margin-right: 15px;
	margin-bottom:10px;
	width: auto !important;
    padding: 5px 15px !important;
	min-height:50px !important;
	height:auto !important;
    font-size: 14px;
}

.product-detail-buttons {
    margin-top: 35px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product-list-image {
    max-height: 73%;
}

.product-list-image img {
    width:100%;
    height:100%;
    object-fit:contain;
}
.footer-bottom-pages {
    text-align: center;
    margin-bottom: 15px;
}

.footer-bottom-pages a {
    font-size: 14px;
    font-weight: 400;
    color: #58c4f3;
    transition:400ms;
}

.footer-bottom-pages a:hover {
    color: #04519b;
    transition:400ms;
}

.footer-bottom-pages span {
    color: #58c4f3;
}