/*!
Theme Name: velmut
Theme URI: https://velmut.com/
Author: VELMUT WEB SOFTWARE
Author URI: https://velmut.com/
Version: 1.1.2
Tested up to: 5.4
Requires PHP: 5.6
License: VELMUT WEB SOFTWARE
License URI: LICENSE
Text Domain: velmut
Web Dev / Design: Metin Cicek
*/

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

*:not(i, .ab-icon) {
    font-family: 'TT Hoves Pro' !important;
}

html {
    overflow-x: hidden !important;
}

body {
    padding: 0;
    margin: 0;
    overflow-x: unset;
}

body button {
    background-color: unset;
    border: unset;
    transition: all .4s ease-in-out;
}

body a {
    text-decoration: unset;
    color: inherit;
    transition: all .4s ease-in-out;
}

body svg {
    transition: all .4s ease-in-out;
}

body a:hover,
body button:hover {
    transition: all .4s ease-in-out;
}

body li {
    list-style: none;
}

body ul {
    padding-left: 0;
    margin-bottom: 0;
}

body img {
    width: 100%;
    display: block;
}

input:focus,
textarea:focus,
select:focus {
    outline: 0 !important;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 0 !important;
}

#smooth-content.not-front-smooth {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sepro-header {
    padding: 30px 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}

.sepro-header.not-front-page {
    z-index: unset;
}

.sepro-header.not-front-page::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 90vh;
    left: 0;
    top: 0;
    background-image: url(/wp-content/uploads/2025/07/colorful-background.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .6;
    z-index: -1;
}

.sepro-header.not-front-page::after {
    content: "";
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(0deg, white 0%, #ffffff00 100%);
    background: -webkit-linear-gradient(0deg, white 0%, #ffffff00 100%);
    background: linear-gradient(0deg, white 0%, #ffffff00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90vh;
    z-index: -1;
}

.sepro-header.not-front-page .header-wrapper {
    position: relative;
    z-index: 99;
}

.sepro-header .header-wrapper {
    display: flex;
    align-items: center;
}

.sepro-header .header-wrapper .head-item {}

.sepro-header .header-wrapper .head-item ul {
    display: flex;
    align-items: center;
    gap: 40px;
}

.sepro-header .header-wrapper .head-item ul li {}

.sepro-header .header-wrapper .head-item ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #114B95;
    position: relative;
    display: inline-block;
}

.sepro-header .header-wrapper .head-item ul li a:hover {
    color: #2188ca;
    transform: translate(0, -2px);
}

.sepro-header .header-wrapper .head-item.head-left {
    flex: 1.5;
}

.sepro-header .header-wrapper .head-item.head-center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sepro-header .header-wrapper .head-item.head-center .logo {}

.sepro-header .header-wrapper .head-item.head-center .logo img {
    width: 200px;
}

.sepro-header .header-wrapper .head-item.head-center .logo img.light-logo {
    display: none;
}

.sepro-header.search-active .header-wrapper .head-item.head-center .logo img {
    display: none;
}

.sepro-header.search-active .header-wrapper .head-item.head-center .logo img.light-logo {
    display: block;
}

.sepro-header .header-wrapper .head-item.head-right {
    flex: 1.5;
}

.sepro-header .header-wrapper .head-item.head-right .button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 35px;
}

.sepro-header .header-wrapper .head-item.head-right .button-wrapper button.search-area-open {}

.sepro-header.search-active .header-wrapper .head-item.head-right .button-wrapper button.search-area-open {
    display: none;
}

.sepro-header .header-wrapper .head-item.head-right .button-wrapper button.search-area-open:hover {}

.sepro-header .header-wrapper .head-item.head-right .button-wrapper button.search-area-open:hover svg path {
    fill: #2188ca;
}

.sepro-header .header-wrapper .head-item.head-right .button-wrapper button.search-area-open svg {
    width: 32px;
    height: 32px;
}

.sepro-header .header-wrapper .head-item.head-right .button-wrapper button.search-area-open svg path {
    fill: #114B95;
}

.sepro-header.search-active {}

.sepro-header.search-active .header-wrapper .head-item ul li a {
    color: #fff;
}

body .common-button {
    color: #114B95;
    background-color: #E5F1FF;
    height: 45px;
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0 15px;
    border-radius: 15px;
    gap: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

body .common-button:hover {
    background-color: #124a95;
    color: #fff;
}

body .common-button:hover svg {
    fill: #fff;
}

body .common-button svg {
    width: 22px;
    height: 22px;
    fill: #114B95;
}

body .common-button svg path {}

body .common-button img {}

body .common-button span {}

body .menu-area-open,
body .menu-area-close,
body .search-area-close,
body .mobil-menu-button {
    background-color: #114B95;
    width: 45px;
    height: 45px;
    border-radius: 15px;
    position: relative;
}

body .menu-area-open:hover,
body .menu-area-close:hover,
body .search-area-close,
body .mobil-menu-button:hover {
    background-color: #2188ca;
}

body .menu-area-open.active,
body .menu-area-close.active,
body .search-area-close.active,
body .mobil-menu-button.active {}

body .menu-area-open span,
body .menu-area-close span,
body .search-area-close span,
body .mobil-menu-button span {
    height: 2px;
    background-color: #fff;
    position: absolute;
    border-radius: 10px;
}

body .menu-area-open span:nth-child(1),
body .menu-area-close span:nth-child(1),
body .search-area-close span:nth-child(1),
body .mobil-menu-button span:nth-child(1) {
    width: 25px;
    left: 10px;
    top: 13px;
}

body .menu-area-open span:nth-child(2),
body .menu-area-close span:nth-child(2),
body .search-area-close span:nth-child(2),
body .mobil-menu-button span:nth-child(2) {
    width: 18px;
    right: 10px;
    top: 22px;
}

body .menu-area-open span:nth-child(3),
body .menu-area-close span:nth-child(3),
body .search-area-close span:nth-child(3),
body .mobil-menu-button span:nth-child(3) {
    width: 18px;
    left: 10px;
    top: 31px;
}

body .menu-area-open.active span,
body .menu-area-close.active span,
body .search-area-close.active span body .mobil-menu-button.active span {}

body .menu-area-open.active span:nth-child(1),
body .menu-area-close.active span:nth-child(1),
body .search-area-close.active span:nth-child(1),
body .mobil-menu-close.active span:nth-child(1) {
    display: none;
}

body .menu-area-open.active span:nth-child(2),
body .menu-area-close.active span:nth-child(2),
body .search-area-close.active span:nth-child(2),
body .mobil-menu-close.active span:nth-child(2) {
    width: 25px;
    transform: rotate(45deg);
}

body .menu-area-open.active span:nth-child(3),
body .menu-area-close.active span:nth-child(3),
body .search-area-close.active span:nth-child(3),
body .mobil-menu-close.active span:nth-child(3) {
    width: 25px;
    transform: rotate(-45deg);
    top: 22px;
}


.sepro-hero {
    height: 90vh;
    width: 100%;
    position: relative;
}

.sepro-hero .hero-image-slider {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sepro-hero .hero-image-slider::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(/wp-content/uploads/2025/07/colorful-background.webp);
    opacity: .6;
}

.sepro-hero .hero-image-slider::after {
    content: "";
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(0deg, white 0%, #ffffff00 100%);
    background: -webkit-linear-gradient(0deg, white 0%, #ffffff00 100%);
    background: linear-gradient(0deg, white 0%, #ffffff00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.sepro-hero .hero-image-slider .swiper {
    height: 100%;
}

.sepro-hero .hero-image-slider .swiper .swiper-slide {
    opacity: 0;
    visibility: hidden;
}

.sepro-hero .hero-image-slider .swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
}

.sepro-hero .hero-image-slider .swiper .swiper-slide .image-vision {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sepro-hero .hero-image-slider .swiper .swiper-slide.swiper-slide-active .image-vision {}

.sepro-hero .hero-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 9;
    justify-content: space-between;
}

.sepro-hero .hero-wrapper .hero-content-slider {
    width: 40%;
    background-color: hsl(0deg 0% 100% / 23%);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    padding: 50px;
}

.sepro-hero .hero-wrapper .hero-content-slider .swiper {}

.sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide {}

.sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title,
.sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title p {
    color: #114B95;
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
    margin: 0px 0 20px;
    width: 100%;
    max-width: 100%;
}

.sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title p {
    margin: 0;
}

.sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title br {
    display: none;
}

.sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide .title strong {
    display: block;
    font-weight: 700;
}

.sepro-hero .hero-wrapper .hero-content-slider .swiper .swiper-slide p {
    color: #114B95;
    font-size: 18px;
    font-weight: 300;
    max-width: 60%;
    margin: 0 0 20px;
}

body .common-button-v2 {
    background-color: #114B95;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    width: fit-content;
    align-items: center;
    height: 50px;
    border-radius: 50px;
    padding-right: 8px;
}

body .common-button-v2:hover {
    background-color: #072C5A !important;
}

body .common-button-v2 span {
    padding: 0 15px;
}

body .common-button-v2 .icon {
    background-color: #fff;
    border-radius: 50px;
    height: 70%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .common-button-v2 .icon svg {
    fill: #114B95;
    width: 34px;
    height: 34px;
}

body .common-button-v2 .icon svg path {}

body .common-button-v2 .icon img {}

.sepro-hero .hero-wrapper .hero-vector-slider {
    width: 40%;
    position: relative;
    height: 100%;
}

.sepro-hero .hero-wrapper .hero-vector-slider::before {
    content: "";
    width: 400px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #E0E0E0;
    border-radius: 100%;
    background: #888888;
    background: radial-gradient(at center, hsl(0deg 0% 75% / 30%), #88888800);
}

.sepro-hero .hero-wrapper .hero-vector-slider .swiper {
    height: 100%;
}

.sepro-hero .hero-wrapper .hero-vector-slider .swiper .swiper-slide {}

.sepro-hero .hero-wrapper .hero-vector-slider .swiper .swiper-slide.swiper-slide-active {
    z-index: 9999;
}

.sepro-hero .hero-wrapper .hero-vector-slider .swiper .swiper-slide .vector-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.sepro-hero .hero-wrapper .hero-vector-slider .swiper .swiper-slide .vector-box img {
    width: 300px;
}

body .swiper {
    height: 0;
}

body .swiper.swiper-horizontal,
body .swiper.swiper-vertical {
    height: auto;
}

.hero-pagination {
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: center;
}

.hero-pagination .pagination-area {
    background-color: #FBFBFB;
    width: 70%;
    border-radius: 100px;
    height: 80px;
    padding: 0 12px;
    position: relative;
}


body .pagination-progress-wrapper {
    width: 100%;
    height: 115%;
    background-color: #f8f8f8;
    border-radius: 40px;
    border: 2px solid #ffffff;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

body .pagination-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    max-width: 100%;
    border-radius: 50px;
    border: 4px solid #114B95;
    background-color: transparent;
    transition: width 0.3s ease;
}

.hero-pagination .pagination-area .swiper {
    z-index: 9;
    height: 100%;
    position: relative;
    background-color: #FBFBFB;
    border-radius: 100px;
}

.hero-pagination .pagination-area .swiper .swiper-slide {
    opacity: .3;
}

.hero-pagination .pagination-area .swiper .swiper-slide .pagination-box {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.hero-pagination .pagination-area .swiper .swiper-slide .pagination-box .number {
    border: 1px solid #E6E6E6;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #114B95;
}

.hero-pagination .pagination-area .swiper .swiper-slide .pagination-box .number span {
    color: inherit;
    font-size: inherit;
}

.hero-pagination .pagination-area .swiper .swiper-slide.swiper-slide-thumb-active .pagination-box .number span {}

.hero-pagination .pagination-area .swiper .swiper-slide .pagination-box span {
    font-size: 16px;
    font-weight: 500;
    color: #114B95;
}

.hero-pagination .pagination-area .swiper .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.hero-pagination .pagination-area .swiper .swiper-slide.swiper-slide-thumb-active .pagination-box .number {
    background-color: #114B95;
    color: #fff;
    border-bottom: #114B95;
}

.hero-pagination .progress-bar {
    position: absolute;
    right: 0;
    top: -4px;
    transform: translateX(0);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: conic-gradient(#1328A5 0deg, transparent 0deg);
    mask: radial-gradient(circle, transparent 60%, black 61%);
    -webkit-mask: radial-gradient(circle, transparent 60%, black 61%);
    transition: background 0.3s linear;
}

.sepro-form {
    margin: 200px 0 0;
}

.sepro-form .form-wrapper {
    opacity: 0;
    top: -50px;
    position: relative;
}

.sepro-form .form-wrapper .form-box {
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: -webkit-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    border-radius: 50px;
    position: relative;
}

.sepro-form .form-wrapper .form-box::before {
    content: "";
    width: 200px;
    height: 200px;
    position: absolute;
    left: -60px;
    top: 0;
    transform: rotate(-70deg);
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: -webkit-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: linear-gradient(90deg, #ffffff00 0%, #ffffff14 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    border-radius: 100%;
}

.sepro-form .form-wrapper .form-box::after {
    content: "";
    width: 170px;
    height: 170px;
    position: absolute;
    right: -60px;
    top: -60px;
    transform: rotate(236deg);
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: -webkit-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: linear-gradient(90deg, #ffffff00 0%, #ffffff14 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    border-radius: 100%;
}

.sepro-form .form-wrapper .form-box .sepro-head {
    padding: 50px 0 0;
    margin: auto;
}

.sepro-form .form-wrapper .form-box .sepro-head h2,
.sepro-form .form-wrapper .form-box .sepro-head p {
    color: #fff;
}

.sepro-form .form-wrapper .form-box .sepro-head::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 365.08 282.92'%3E%3C!-- Generator: Adobe Illustrator 29.4.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 152) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M209.44,32.46c7.62,3.71,16.81,10.67,23.83,15.66,17.85,12.68,33.69,28.44,46.93,46.07,1.73,2.3,8.27,15.65,9.15,15.91,17.24-8.02,33.59-18.61,50.64-27.34,7.87-1.35,9.24,2.56,12.05,8.68-2.55,18.12-6.83,36.62-9.9,54.35-6.08,35.13-10.56,71.65-18.77,106.25-.25,1.03.41,2.21.1,3.27-2.28,7.63-6.1,10.8-14.14,8.74-9.51-2.44-19.37-8.06-28.37-11.62-42.47-16.8-84.88-33.72-127.25-50.75-3.16-4.82-5.53-9.33-1.5-14.62,15.64-9.63,32.49-17.36,48.29-26.69.81-.48,1.63.19,1.3-1.75-.23-1.37-7.95-9.83-9.66-12.37-8.43-12.53-12.33-19.67-22.37-31.63-36.09-42.98-76.1-72.51-136.44-58.44-3.07.72-5.62,2.91-8.94,2.86-7.95-.14-12.28-10.69-7.58-16.38,1.1-1.34,20.26-9.61,25.37-11,20.8-4.8,109.79-27.17,167.27.81h0ZM202.46,50.45c-31.69-16.81-70.42-17.06-100.04-17.34-5.7.34-30.07,1.2-37.46,7.25,2.54-.49,19.34-2.05,42.49,3.88,19.76,8.07,37.5,16.88,53.25,30.43,15.98,13.75,30.45,30.33,43.49,47.51,4.5,5.93,18.24,29.54,20.79,36.21,1.36,3.57.56,7.65-1.69,10.76l-38.51,21.49-.05,2.99,120.94,46.4,23.08-127.41-2.65-.69-38.35,21.78c-1.6.46-6.63-1.31-7.92-2.18-2.54-1.7-9.64-16.39-12.66-20.34-15.78-20.64-28.15-35.51-48.92-50.08-4.93-3.46-10.82-8.03-15.8-10.67h0Z'/%3E%3C/svg%3E");
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: -80px;
    bottom: -10px;
}

.sepro-form .form-wrapper .form-box .sepro-head::before {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    right: -60px;
    bottom: 0;
    transform: rotate(-70deg);
    background: rgb(0 0 0 / 0%);
    background:
        -moz-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background:
        -webkit-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: linear-gradient(90deg, #ffffff00 0%, #ffffff14 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    border-radius: 100%;
}

.sepro-head {
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 10px;
    position: relative;
}

.sepro-head h2 {
    font-size: 50px;
    color: #114B95;
    font-weight: 300;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sepro-head h2 img {
    height: 55px;
    width: 55px;
    object-fit: contain;
}

.sepro-head p {
    color: #114B95;
    font-size: 16px;
    font-weight: 200;
}

form br {
    display: none;
}

.sepro-form .form-wrapper .form-box .form-body {
    position: relative;
    padding: 70px 0 0;
}

.sepro-form .form-wrapper .form-box .form-body form {}

.sepro-form .form-wrapper .form-box .form-body form .form-row {
    display: flex;
    position: relative;
    padding: 0;
    margin: 0;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box {
    flex: 1;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) {
    background-color: #fff;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #E8E8E8;
    border-radius: 0 45px 0 45px;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) input {
    color: #000;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(1) input::placeholder {
    color: #000;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(2) {
    background-color: #114B95;
    border-radius: 0 45px 0 0;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff;
    z-index: 1;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(2)::before {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: -1px;
    background-color: #124a95;
    border-top: 1px solid #fff;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(3) {
    background-color: #1159B3;
    border-radius: 0 45px 0 0;
    z-index: 0;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(3)::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 0;
    left: 100%;
    box-shadow: 0 30px 0 0 #1059b3;
    border-bottom-left-radius: 20px;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-box:nth-child(3)::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    background-color: #1059b3;
}

.input-box {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 20px;
    gap: 15px;
    position: relative;
    z-index: 9;
}

.input-box p {
    margin: 0;
    height: 100%;
    width: fit-content;
    flex: 5;
}

.input-box p span {
    width: 100%;
    height: 100%;
    display: block;
}

.input-box .icon {
    width: 45px;
    height: 45px;
    max-width: 45px;
    max-height: 45px;
    border-radius: 100%;
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(90deg, #114B95 0%, #2088CA 100%);
    background: -webkit-linear-gradient(90deg, #114B95 0%, #2088CA 100%);
    background: linear-gradient(90deg, #114B95 0%, #2088CA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    flex: 1;
}

.input-box .icon p {
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-box .icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    display: block;
}

.input-box .icon svg path {}

.input-box input {
    background-color: unset;
    border: unset;
    color: #fff;
    height: 100%;
    width: 100%;
}

.input-box input::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .policy {
    flex: 1;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .policy p {
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    margin: 0;
    padding: 0 20px;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .policy p a {
    font-weight: 600;
    display: inline;
}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-submit {}

.sepro-form .form-wrapper .form-box .form-body form .form-row .input-submit::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 100%;
    box-shadow: 0 30px 0 0 #1059b3;
    border-bottom-left-radius: 20px;
    transform: rotate(180deg);
}

.input-submit {
    position: absolute;
    top: 100%;
    right: 0;
    flex: 1 25%;
    width: 22.7%;
    background-color: #1059b3;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 0 0 50px 50px;
}

.input-submit::before {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #1059b3;
    z-index: -1;
}

.input-submit p {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.input-submit span {}

.input-submit .submit-label {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.input-submit input {
    background-color: transparent;
    border: unset;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #1059b3;
}

.input-submit svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

.input-submit svg path {}

body .solution-box {
    background-color: #E5F1FF;
    position: relative;
    display: block;
    border-radius: 50px;
}

body .solution-box .images {
    width: 100%;
    height: 100%;
    display: block;
}

body .solution-box .images img {
    width: 100%;
    height: 100%;
    display: block;
}

body .solution-box .solutions-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    padding: 0 20px;
}

body .solution-box h3 {
    color: #114B95;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px;
    text-align: center;
}

body .solution-box .icon {
    background-color: #114B95;
    width: 70px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .solution-box .icon svg {
    width: 40px;
    height: 40px;
    transform: rotate(-40deg);
    fill: #fff;
}

body .solution-box .icon svg path {}

.sepro-solutions {
    margin: 120px 0 0;
}

.sepro-solutions .solutions-slider {
    overflow: hidden;
    padding: 0 0 25px;
}

.sepro-solutions .solutions-slider .solution-row {}

.sepro-solutions .solutions-slider .solution-row .solution-flex {
    display: flex;
    gap: 50px;
    will-change: transform;
    width: max-content;
}

.sepro-solutions .solutions-slider .solution-row .solution-flex .solution-box {
    flex: 0 0 40vw;
}

.sepro-solutions .solutions-slider .swiper {}

.sepro-solutions .solutions-slider .swiper .swiper-slide {
    padding-bottom: 25px;
}

.sepro-solutions .sepro-head {
    margin: 0 0 50px;
}

.sepro-solutions .sepro-head p {
    max-width: 70%;
}

.sepro-features {
    margin: 150px 0;
    position: relative;
}

.sepro-features img.bg-image {
    content: "";
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.sepro-features .features-wrapper {
    display: flex;
    gap: 50px;
    position: relative;
    z-index: 9;
}

.sepro-features .features-wrapper .features-left {
    width: 60%;
}

.sepro-features .features-wrapper .features-left .features-left-box {
    box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: -1px 1px 14px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    border-radius: 50px;
    display: flex;
    align-items: center;
    transform: translate(-30px, 0);
    opacity: 0;
}

.sepro-features .features-wrapper .features-left .features-left-box .images {
    width: 40%;
    position: relative;
    transform: scale(1.2);
    margin-left: 70px;
}

.sepro-features .features-wrapper .features-left .features-left-box .images img {}

.sepro-features .features-wrapper .features-left .features-left-box .features-content-box {
    width: 60%;
    display: none;
    padding: 10px 50px;
}

.sepro-features .features-wrapper .features-left .features-left-box .features-content-box#features-content-1 {
    display: block;
}

.sepro-features .features-wrapper .features-left .features-left-box .features-content-box p {
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.sepro-features .features-wrapper .features-right {
    width: 40%;
}

.sepro-features .features-wrapper .features-right .features-right-box {
    height: 100%;
    transform: translate(30px, 0);
    opacity: 0;
}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    height: 100%;
}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #EEEEEE;
    width: 100%;
    height: 100px;
    border-radius: 25px;
    padding: 0 20px;
    font-size: 20px;
    font-weight: 500;
    color: #C7C7C7;
}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab button:hover {
    background-color: #E5F1FF;
    color: #114B95;
    border-color: #E5F1FF;
}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab button.active {
    background-color: #E5F1FF;
    color: #114B95;
    border-color: #E5F1FF;
}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab button.active svg {
    fill: #114B95;
}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab button svg {
    width: 50px;
    height: 50px;
    fill: #C7C7C7;
}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab button svg path {}

.sepro-features .features-wrapper .features-right .features-right-box .features-tab button svg circle {}

.sepro-navigation {
    width: 100%;
}

.sepro-navigation .navigation-arrows {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.sepro-navigation .navigation-arrows .nav-button {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.sepro-navigation .navigation-arrows .nav-button.swiper-button-disabled {
    opacity: .2;
}

.sepro-navigation .navigation-arrows .nav-button svg {
    width: 50px;
    height: 50px;
    fill: #114B95;
}

.sepro-navigation .navigation-arrows .nav-button svg path {}

.sepro-navigation .navigation-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    position: relative;
}

.sepro-navigation .navigation-links a {
    letter-spacing: 2px;
    color: #114B95;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 9;
}

.sepro-products {}

.sepro-products .sepro-head {
    width: 100%;
    justify-content: center;
    align-items: center;
}

.sepro-products .sepro-head h2 {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 10px;
}

.sepro-products .sepro-navigation {
    display: flex;
    justify-content: center;
}

.sepro-products .sepro-navigation .navigation-arrows {
    width: 50%;
    padding: 30px 30px 30px 0;
}

.sepro-products .sepro-navigation .navigation-arrows::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #DFDFDF;
    border-radius: 0 0 50px 0;
}

.sepro-products .sepro-navigation .navigation-links {
    width: 50%;
}

.sepro-products .sepro-navigation .navigation-links::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #DFDFDF;
    border-radius: 0 0 0 50px;
}


.products-group {
    margin: 30px 0 0;
    opacity: 0;
    transform: translate(0, 50px);
}

.products-group .swiper {}

.products-group .swiper .swiper-wrapper {}

.products-group .swiper .swiper-wrapper .swiper-slide {
    padding: 10px 10px 25px;
}

.product-card {
    box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: -1px 1px 14px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    display: block;
    border-radius: 50px;
    background-color: #fff;
}

.product-card:hover {
    box-shadow: unset;
}

.product-card .images {
    padding: 20px;
}

.product-card .images img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    display: block;
}

.product-card .card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: 25px;
    text-align: center;
    padding: 0 20px;
}

.product-card .card-content h3 {
    color: #114B95;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 20px;
    min-height: 55px;
}

.product-card .card-content p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    min-height: 45px;
}

.product-card .card-content .icon {
    background-color: #114B95;
    width: 70px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card .card-content .icon:hover {
    background-color: #00316f;
}

.product-card .card-content .icon svg {
    fill: #fff;
    width: 40px;
    height: 40px;
    transform: rotate(-40deg);
}

.product-card .card-content .icon svg path {}

.sepro-solutions-partner {
    margin: 150px 0 0;
}

.sepro-solutions-partner .sepro-head {
    width: 100%;
    align-items: center;
    margin: 0 0 50px;
    opacity: 0;
    transform: translate(0, 50px);
}

.sepro-solutions-partner .sepro-head h2 {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 10px;
    position: relative;
}

.sepro-solutions-partner .sepro-head h2::before {
    content: "";
    width: 80%;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%, 0);
    background-color: #DCDCDC;
}

.sepro-solutions-partner .sepro-head p {
    margin: 20px 0 0;
    color: #000;
    font-weight: 300;
}

.sepro-solutions-partner .partner-group {
    display: flex;
    gap: 20px;
    opacity: 0;
    transform: translate(0, 50px);
}

.sepro-solutions-partner .partner-group .solution-nav-button {}

.sepro-solutions-partner .partner-group .solution-nav-button .nav-button {
    height: 150px;
    width: 100px;
    background-color: #FBFBFB;
    border-radius: 30px;
    border: 1px solid #F3F3F3;
    cursor: pointer;
}

.sepro-solutions-partner .partner-group .solution-nav-button .nav-button.swiper-button-disabled {
    opacity: .5;
}

.sepro-solutions-partner .partner-group .solution-nav-button .nav-button svg {
    width: 50px;
    height: 50px;
    fill: #114B95;
}

.sepro-solutions-partner .partner-group .solution-nav-button .nav-button svg path {}

.sepro-solutions-partner .partner-group .swiper {
    width: 100%;
}

.sepro-solutions-partner .partner-group .swiper .swiper-wrapper {}

.sepro-solutions-partner .partner-group .swiper .swiper-wrapper .swiper-slide {}

.sepro-solutions-partner .partner-group .swiper .swiper-wrapper .swiper-slide .images {
    border: 1px solid #EFEFEF;
    border-radius: 30px;
    height: 150px;
    padding: 10px 30px;
}

.sepro-solutions-partner .partner-group .swiper .swiper-wrapper .swiper-slide .images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.sepro-journal {
    margin: 150px 0 0;
}

.sepro-journal .journal-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
}

.sepro-journal .journal-wrapper .journal-box {
    width: 75%;
    background-color: #114B95;
    padding: 50px;
    border-radius: 50px 50px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    position: relative;
}

.sepro-journal .journal-wrapper .journal-box::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 0px;
    right: 100%;
    box-shadow: 0 30px 0 0 #124a95;
    border-bottom-right-radius: 20px;
}

.sepro-journal .journal-wrapper .journal-box::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 0;
    left: 100%;
    box-shadow: 0 30px 0 0 #124a95;
    border-bottom-left-radius: 20px;
}


.sepro-journal .journal-wrapper::before {
    content: "";
    width: 70%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #ffffff40;
    z-index: 9;
}

.sepro-journal .journal-wrapper .journal-box .journal-title {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    width: 40%;
    line-height: 34px;
}

.sepro-journal .journal-wrapper .journal-box .journal-title p {
    display: inline-block;
    line-height: 1;
    margin: 0;
}

.sepro-journal .journal-wrapper .journal-box .journal-title strong {
    font-weight: 600;
}

.sepro-journal .journal-wrapper .journal-box .journal-title br {}

.sepro-journal .journal-wrapper .journal-box .journal-title span {
    display: block;
    font-weight: 200;
}

.sepro-journal .journal-wrapper .journal-box .journal-form {
    width: 60%;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form {
    padding: 0 !important;
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    position: relative;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-box {
    background-color: rgb(255 255 255 / 10%);
    height: 50px;
    border-radius: 15px;
    width: fit-content;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-box .icon {
    background-color: unset;
    background: url();
    width: auto;
    height: auto;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-box .icon svg {}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-box input {
    width: fit-content;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-submit {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    height: 50px;
    border-radius: 15px;
    padding: 0 30px;
    background-color: #1F3B84;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-submit::before {
    display: none;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-submit span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.sepro-journal .journal-wrapper .journal-box .journal-form form .form-flex .input-submit input {}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph {
    margin: 0 !important;
    line-height: 1 !important;
    flex: 1;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph:not(.last)::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23fff' id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M351.42,80.57c15.9,15.23,19.18,35,18.31,56.66-.28,6.96-4.35,9.38-9.13,12.92-6.3,4.66-16.91,8.61-24.87,12.87-37.15,19.88-74.07,42.7-111.39,61.79-9.42,4.82-21.1,10.28-31.83,8.18-3-.59-9.71-5.4-12.17-6.79-27.58-15.53-56.93-29.03-84.61-45.43-7.37-4.37-15.43-10.11-12.52-20.06.09-.32,3.12-5.41,3.34-5.65.25-.26,5.5-4.11,5.83-4.24,9.19-3.71,20.44,6.66,28.34,10.96,22.64,12.31,46.46,24.39,69.19,36.81,4.74,2.59,3.18,5.29,11.31,4.16,4.7-.65,4.95-2.44,8.04-3.99,40.18-20.15,83.51-44,123.82-67.16,2.37-1.36,1.12-.47,5.88-4.12,5.16-4.75.08-14.56-1.23-17.72-.77-1.87-1.41-3.14-2.31-4.6-.65-1.06-1.5-2.34-2.08-3.02-.39-.46-1.78-1.97-2.4-2.52-4.52-4.01-5.19-5.12-12.39-5.69l-238.95.23c-2.85.13-5.55,2.36-8.54,4.43-4.44,3.08-9.38,11.71-9.95,17.04-3.19,29.82,2.29,64.34-.34,94.66-6.88,14.88-21.96,16.25-29.58,1l.02-100.55c8.64-29.22,27.6-44.45,58.23-46.77l222.03.04c16.53,2.11,27.73,4.87,39.93,16.56h.02Z' /%3E%3Cpath d='M365.48,303.2c-8.23,15.78-8.85,18.16-16.85,23.74-10.45,7.29-24.05,6.76-36.25,8.96H87.61c-27.69-2.46-46.47-15.99-54.09-42.91-.43-1.53-1.45-5.97-1.83-7.93-.79-4.15-1.46-29.41-.67-33.53.67-3.48,8.35-11.31,11.69-12.3,1.75-.52,4.84-.52,6.59,0,3.33.99,11.02,8.83,11.69,12.3,2.78,14.5-5.1,32.4,5.64,45.36,4.76,5.74,6.22,7.11,14.43,9.14h238.49c8.94-1.21,9.09-1.63,11.53-4.74,3.72-5.74,7.25-11.74,7.8-16.91,3.09-28.89-2.22-62.29.34-91.66,6.37-14.92,24.58-14.94,29.84.73l-.57,93.42c-.19,8.43-.22,6.91-1.79,13.69l-1.22,2.64Z' /%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -45%);
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input {
    border: unset;
    width: 100% !important;
    background-color: #ffffff1a;
    height: 50px;
    border-radius: 20px;
    padding: 0 20px 0 45px !important;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input::placeholder {
    color: #fff;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input[type=submit] {
    background-color: #1F3B84;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 !important;
    border: 1px solid transparent;
    transition: all .3s ease;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input[type=submit]:hover {
    background-color: #124a95;
    border-color: #fff !important;
    transition: all .3s ease;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input+span {
    position: absolute;
    top: 120%;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input+span * {
    color: #fff;
    margin: 0;
    line-height: inherit;
    font-size: inherit;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph input+span li {
    background-color: red;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 10px;
    border-radius: 50px;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_paragraph.last {}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_message {
    position: absolute;
    top: 120%;
    left: 0;
    padding: 0 !important;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_message .mailpoet_validate_success {
    font-size: 12px;
    background-color: #00823c;
    color: #fff;
    font-weight: 300;
    padding: 8px 15px;
    border-radius: 14px;
}

.sepro-journal .journal-wrapper .journal-box .journal-form .mailpoet_message .mailpoet_validate_error {
    font-size: 12px;
    background-color: #be0000;
    color: #fff;
    font-weight: 300;
    padding: 8px 15px;
    border-radius: 14px;
}

.sepro-footer {}

.sepro-footer .footer-wrapper {}

.sepro-footer .footer-wrapper .footer-box {
    background-color: #114B95;
    border-radius: 50px 50px 0 0;
    display: flex;
}

.sepro-footer .footer-wrapper .footer-box .footer-left {
    width: 45%;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group {
    padding: 70px 50px 50px;
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group {}

.sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px;
}

.sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group ul li {}

.sepro-footer .footer-wrapper .footer-box .footer-left .footer-menu-group .menu-group ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.sepro-footer .footer-wrapper .footer-box .footer-left .copy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 30px 0 0 0;
}

.sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item {}

.sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item.copy-text {
    font-size: 14px;
    font-weight: 400;
}

.sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item a {}

.sepro-footer .footer-wrapper .footer-box .footer-left .copy .copy-item a img {
    width: 75px;
    height: auto;
    object-fit: contain;
}

.sepro-footer .footer-wrapper .footer-box .footer-right {
    width: 55%;
    padding: 30px 30px 0 0;
}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact {
    display: flex;
    background-color: #1F3B84;
    padding: 30px;
    border-radius: 50px 50px 0 0;
    gap: 30px;
}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps {
    width: 50%;
}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .maps iframe {
    height: 400px;
    width: 100%;
    border-radius: 35px;
    display: block;
}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info {
    width: 50%;
}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li {}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}

.sepro-footer .footer-wrapper .footer-box .footer-right .footer-contact .contact-info ul li a.address {
    font-size: 16px;
    font-weight: 400;
}

.wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 13px !important;
    display: block;
    font-weight: 300;
    text-align: left;
    position: absolute;
    bottom: 110%;
    height: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background: #fff3cd !important;
    font-size: 14px;
    color: #7a6e6f !important;
    width: fit-content;
    padding: 10px 20px;
    float: right;
    border-radius: 10px;
    font-weight: 600;
}

.wpcf7 form .wpcf7-response-output {
    background: #5b9361 !important;
    color: #fcf3f3 !important;
    font-size: 13px !important;
    margin: 20px 0 0;
    padding: 10px;
    border: unset;
    border-radius: 10px;
}

.wpcf7-spinner {
    position: absolute;
    width: 24px !important;
    color: #23282d !important;
    background-color: #23282d !important;
    display: inline-block !important;
    margin: 0 !important;
    top: 20px;
}

.sepro-form .wpcf7 form.invalid .wpcf7-response-output,
.sepro-form .wpcf7 form .wpcf7-response-output {
    position: absolute;
    left: 0;
    width: 75%;
    border-radius: 50px;
    padding: 15px 20px;
    line-height: 1;
}

.sepro-form .wpcf7-spinner {
    right: 30px;
}

.sepro-form .wpcf7-not-valid-tip {
    bottom: 115%;
    height: fit-content;
    width: fit-content;
    background-color: #dc3232;
    color: #fff !important;
    font-size: 12px !important;
    padding: 3px 7px;
    border-radius: 50px;
}

.sepro-about {
    margin: 120px 0 0;
}

.sepro-about .about-wrapper {
    display: flex;
}

.sepro-about .about-wrapper .about-left {
    width: 60%;
}

.sepro-about .about-wrapper .about-left .left-box {
    background-color: #fff;
    position: relative;
    padding: 50px 50px 50px 0;
    border-radius: 0 50px 0 0;
    height: 100%;
}

.sepro-about .about-wrapper .about-left .left-box::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 10000%;
    height: 100%;
    background-color: #fff;
}

.sepro-about .about-wrapper .about-left .left-box h1 {
    color: #114B95;
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 40px;
}

.sepro-about .about-wrapper .about-left .left-box p {
    font-size: 15px;
    color: #114B95;
    line-height: 28px;
    margin-bottom: 30px;
}

.sepro-about .about-wrapper .about-left .left-box h2 {
    color: #114B95;
    font-size: 26px;
    font-weight: 600;
    margin: 40px 0 30px;
}

.sepro-about .about-wrapper .about-right {
    width: 40%;
}

.sepro-about .about-wrapper .about-right .about-breadcrumb {
    background-color: #fff;
    width: 100%;
    margin: 70px 0 0;
    position: relative;
}

.sepro-about .about-wrapper .about-right .about-breadcrumb::before {
    content: "";
    width: 10000%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
}

.sepro-about .about-wrapper .about-right .about-breadcrumb .breadcrumb {
    padding: 15px 0;
}

.sepro-about .about-wrapper .about-right .about-breadcrumb .breadcrumb::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 100%;
    left: 0;
    box-shadow: 0 30px 0 0 #ffffff;
    border-bottom-right-radius: 20px;
    transform: rotateY(180deg);
}

.sepro-about .about-wrapper .about-right .about-breadcrumb .breadcrumb::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    top: 100%;
    left: 0;
    box-shadow: 0 30px 0 0 #ffffff;
    border-bottom-right-radius: 20px;
    transform: rotate(180deg);
}

.sepro-about .about-wrapper .about-right .about-image {
    padding: 50px 0 0 50px;
}

.sepro-about .about-wrapper .about-right .about-image img {
    border-radius: 20px 20px 20px 0;
}

.sepro-about .about-wrapper .about-right .about-image iframe {
    width: 100%;
    height: 400px;
    border-radius: 20px 20px 20px 0;
    display: block;
}

.sepro-why {}

.sepro-why .why-wrapper {
    display: flex;
}

.sepro-why .why-left {
    width: 64%;
    position: relative;
}

.sepro-why .why-left::before {
    content: "";
    position: absolute;
    right: 99%;
    top: 0;
    width: 10000%;
    height: 100%;
    z-index: 0;
    background-color: #124a95;
}

.sepro-why .why-left .why-group {
    position: relative;
    z-index: 9;
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: -webkit-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    padding: 30px 30px 30px 0;
    border-radius: 0 0 50px 0;
}

.sepro-why .why-left .why-group .why-item {
    text-align: center;
}

.sepro-why .why-left .why-group .why-item .number {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff38;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    margin: 0 auto 15px;
}

.sepro-why .why-left .why-group .why-item h3 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin: 0 0 10px;
}

.sepro-why .why-left .why-group .why-item p {
    font-size: 12px;
    color: #ffffff80;
    font-weight: 300;
    margin: 0;
}

.sepro-why .why-right {
    width: 36%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px 0 20px 20px;
}

.sepro-why .why-right h2,
.sepro-why .why-right h2 p {
    color: #114B95;
    font-size: 50px;
    margin: 0;
    line-height: 1;
    font-weight: 300;
}

.sepro-why .why-right h2 strong {
    font-weight: 700;
}


/* BREADCRUMB */

body .breadcrumb {
    margin: 0;
}

body .breadcrumb nav {}

body .breadcrumb nav p {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    color: #114B95;
    font-size: 14px;
}

body .breadcrumb nav p a {
    display: inline-block;
    position: relative;
    font-weight: 600;
}

body .breadcrumb nav p a:first-child {
    width: 37px;
    height: 37px;
    background-color: #114B95;
    border-radius: 15px;
    overflow: hidden;
    z-index: 9;
}

body .breadcrumb nav p a:first-child::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0656 1.58448C9.78049 1.58224 9.49587 1.65191 9.24404 1.79444C7.62724 2.70576 5.84858 3.80065 3.99746 4.86695C3.99623 4.86776 3.99501 4.86857 3.9938 4.86939C3.08347 5.40267 2.34574 6.24025 2.21889 7.24976V7.25098C1.91863 9.67246 2.05088 12.0991 2.6144 14.5166C2.61558 14.5207 2.6168 14.5248 2.61806 14.5288C2.78626 15.1926 3.19173 15.7988 3.69472 16.3098C4.19772 16.8208 4.79911 17.2369 5.46352 17.4146C5.46758 17.4158 5.47165 17.417 5.47573 17.4182C8.48657 18.1601 11.5127 18.1601 14.5236 17.4182C14.5277 17.417 14.5317 17.4158 14.5358 17.4146C15.2002 17.2369 15.8016 16.821 16.3046 16.3098C16.8075 15.7987 17.2134 15.1919 17.3812 14.5276C17.3821 14.5239 17.3829 14.5203 17.3837 14.5166C17.9485 12.0952 18.0814 9.66528 17.7792 7.24L17.778 7.23878C17.6512 6.23741 16.923 5.4045 16.0214 4.86939C16.0202 4.86857 16.0189 4.86776 16.0177 4.86695C14.2077 3.81 12.4691 2.72217 10.8859 1.80543C10.6359 1.66042 10.3507 1.58672 10.0656 1.58448ZM10.057 2.81861C10.1187 2.8192 10.1809 2.84197 10.2584 2.88697C11.814 3.78773 13.5566 4.87675 15.3878 5.94605C16.0211 6.32339 16.4827 6.96603 16.5377 7.39503C16.8214 9.6715 16.6986 11.9421 16.1679 14.2224C16.0791 14.5724 15.7927 15.0479 15.4135 15.4334C15.0342 15.8188 14.5646 16.1121 14.2147 16.2061C13.7479 16.3208 13.283 16.3015 12.817 16.3782C13.0905 14.8021 13.0984 13.1664 12.7633 11.6065C12.7635 11.5584 12.7582 11.5105 12.7475 11.4636C12.7437 11.4468 12.7392 11.4301 12.734 11.4136C12.7332 11.4103 12.7324 11.4071 12.7316 11.4038C12.73 11.3989 12.7284 11.394 12.7267 11.3892C12.7251 11.3851 12.7235 11.381 12.7218 11.377C12.7159 11.3617 12.7094 11.3466 12.7023 11.3318C12.6934 11.313 12.6837 11.2947 12.673 11.2769C12.6162 11.1805 12.5346 11.1011 12.4367 11.047C12.3388 10.9929 12.2282 10.966 12.1164 10.9692C10.7651 10.3813 9.25866 10.3857 7.90737 10.9717C7.75718 10.961 7.60817 11.0048 7.48773 11.0952C7.3673 11.1856 7.28354 11.3164 7.25185 11.4636C7.2511 11.4668 7.25138 11.4702 7.25063 11.4734C7.24126 11.5159 7.23635 11.5593 7.23598 11.6028V11.6052C6.90067 13.1655 6.90879 14.8017 7.18227 16.3782C6.71629 16.3015 6.25136 16.3208 5.78457 16.2061C5.43471 16.1121 4.9652 15.8188 4.58584 15.4334C4.20719 15.0487 3.92106 14.5745 3.83144 14.2249C3.30175 11.9481 3.17744 9.67878 3.45913 7.40601V7.40479C3.51405 6.97183 3.98561 6.32249 4.62612 5.94727C6.4964 4.86981 8.27413 3.77482 9.85805 2.88209H9.85927C9.93432 2.83962 9.99539 2.81802 10.057 2.81861ZM9.99966 11.7151C10.5364 11.7141 11.0606 11.8759 11.5658 12.0874C11.8478 13.5446 11.8509 15.084 11.5487 16.5344C10.5168 16.6279 9.48255 16.6279 8.45058 16.5344C8.14888 15.0864 8.15169 13.5498 8.43227 12.0947C8.93706 11.8807 9.46207 11.7161 9.99966 11.7151Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #114B95;
}

body .breadcrumb nav p a:first-child:hover {}

body .breadcrumb nav p a:first-child:hover::before {
    background-color: #2188ca;
}

body .breadcrumb nav p .separator {
    position: relative;
    width: 20px;
    color: transparent;
}

body .breadcrumb nav p .separator::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(17,75,149,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

body .breadcrumb nav p span {}

body .breadcrumb nav p span.last {
    font-weight: 400;
}

/* PAGE HEAD */

.sepro-page-head {
    margin: 120px 0 75px;
    background-color: #fff;
    border-radius: 50px 50px 0 0;
}

.sepro-page-head .head-wrapper {
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sepro-page-head .head-wrapper .page-head-content {
    width: 50%;
}

.sepro-page-head .head-wrapper .page-head-content h1 {
    color: #114B95;
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 25px;
}

.sepro-page-head .head-wrapper .page-head-content .breadcrumb {}

.sepro-page-head .head-wrapper .page-head-search {
    width: 50%;
}

.sepro-page-head.single-head {}

.sepro-page-head.single-head .head-wrapper .page-head-content {
    width: 100%;
}

.sepro-page-head.single-head .head-wrapper .page-head-content h1 {
    text-transform: unset;
    font-size: 40px;
}

.solutions-page {
    margin: 0;
}

body .solutions-page .solution-box {
    min-height: 300px;
    margin: 0 0 60px;
}

body .solutions-page .solution-box h3 {
    font-size: 20px;
}

/* ARAMA KUTUSU */

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

.search-box .ysm-search-widget {}

.search-box .ysm-search-widget .search-form {}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder {}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder label {}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder label::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.4367 98.4311C78.4172 98.4311 74.6505 96.8673 71.8312 94.0293L60.871 82.9873C59.3783 81.4834 59.3783 79.0452 60.871 77.5413C62.3638 76.0374 64.7839 76.0374 66.2767 77.5413L77.2368 88.5833C80.0537 91.4212 84.8147 91.4212 87.6316 88.5833C89.0053 87.1993 89.7616 85.3406 89.7616 83.3471C89.7616 81.3535 89.0053 79.4949 87.6316 78.1109L66.9859 57.311C65.4931 55.807 65.4931 53.3688 66.9859 51.8649C68.4787 50.361 70.8988 50.361 72.3916 51.8649L93.0373 72.6648C95.8542 75.5028 97.4064 79.2975 97.4064 83.3496C97.4064 87.4016 95.8542 91.1939 93.0373 94.0343C90.2204 96.8723 86.4538 98.4361 82.4317 98.4361L82.4367 98.4311Z' fill='%23114B95'%3E%3C/path%3E%3Cpath d='M7.50342 55.3574C5.96602 55.3574 4.51542 54.4155 3.93269 52.8817C-1.32172 39.0567 2.01839 23.3381 12.4454 12.8332C17.675 7.56451 24.3156 4.01208 31.6504 2.56563C38.8216 1.14916 46.1267 1.83117 52.7747 4.5392C54.7312 5.33612 55.6784 7.582 54.8874 9.55307C54.0964 11.5241 51.8671 12.4784 49.9107 11.6815C39.0473 7.25723 26.1654 9.90781 17.8535 18.2817C9.55906 26.6407 6.8959 39.1416 11.0741 50.1287C11.8304 52.1147 10.8435 54.3431 8.87219 55.1025C8.42337 55.2749 7.95967 55.3574 7.5059 55.3574H7.50342Z' fill='%23114B95'%3E%3C/path%3E%3Cpath d='M38.8589 77.3364C30.0982 77.3364 21.6699 74.2537 14.9797 68.5703C13.3654 67.1988 13.1596 64.768 14.521 63.1417C15.8823 61.5154 18.2925 61.3081 19.9093 62.6796C25.5133 67.4386 32.6622 69.9018 40.0417 69.607C47.503 69.3098 54.5403 66.1995 59.8542 60.8459C69.882 50.7432 71.5037 34.8597 63.7101 23.0808C62.5397 21.3121 63.0133 18.9188 64.7714 17.7396C66.527 16.5605 68.9025 17.0377 70.0729 18.8089C79.8825 33.6331 77.8591 53.6036 65.2624 66.2944C58.5847 73.0221 49.7347 76.9317 40.3442 77.3065C39.8483 77.3264 39.3548 77.3364 38.8614 77.3364H38.8589Z' fill='%23114B95'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder label .screen-reader-text {}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder input {
    background-color: #F8F9FB;
    border: unset;
    font-style: normal;
    color: #114B95;
    font-size: 16px;
    font-weight: 500;
    padding: 0 20px 0 50px;
    height: 55px;
    border-radius: 18px;
    min-width: 350px;
}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder input.active {
    border-radius: 18px 18px 0 0;
    border-bottom: 1px solid #d6d6d6;
}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder .search-submit {
    display: none;
}

.search-box .ysm-search-widget .search-form .ysm-smart-search-input-holder .search-submit .screen-reader-text {}

.search-box .ysm-search-widget .search-form .smart-search-popup {
    border: unset;
    background-color: #F8F9FB;
    border-radius: 0 0 20px 20px;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .sws-search-recent-wrapper {
    border-bottom: 1px solid #d6d6d6;
    margin: 0;
    padding: 15px;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .sws-search-recent-wrapper .sws-search-recent-title {
    color: #114B95;
    font-size: 12px !important;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .sws-search-recent-wrapper .sws-search-recent-list {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion:not(:last-child) {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion a {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post {
    display: flex;
    flex-wrap: wrap;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-icon {
    background-color: #fff;
    width: 70px;
    border-radius: 20px;
    padding: 5px;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-icon img {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-holder {
    width: auto;
    height: fit-content;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-holder .smart-search-post-title {
    margin: 0;
    font-size: 14px;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-holder .smart-search-post-title strong {
    color: #114B95;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-holder .smart-search-post-price-holder {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-excerpt {
    position: absolute;
    left: 93px;
    margin: 30px 0 0;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-results .smart-search-results-inner .smart-search-suggestions .autocomplete-suggestion .smart-search-post .smart-search-post-excerpt strong {
    color: #114B95;
}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-view-all-holder {}

.search-box .ysm-search-widget .search-form .smart-search-popup .smart-search-view-all-holder a {
    background-color: #114B95;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}


.products-page {}

.products-page .row {
    row-gap: 60px;
}

.products-page .product-card {}

body aside {
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(180deg, #114B95 0%, #072C5A 100%);
    background: -webkit-linear-gradient(180deg, #114B95 0%, #072C5A 100%);
    background: linear-gradient(180deg, #114B95 0%, #072C5A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    border-radius: 50px;
    padding: 50px;
    height: fit-content;
}

aside .single-sidebar {
    margin: 0 0 30px;
}

aside .single-sidebar .sidebar-head {}

aside .single-sidebar .sidebar-head h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1;
}

aside .single-sidebar .sidebar-head h2 .ri-add-line {}

aside .single-sidebar .sidebar-body {}

aside .single-sidebar .sidebar-body ul {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

aside .single-sidebar .sidebar-body ul li {}

aside .single-sidebar .sidebar-body ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 200;
}

aside .side-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

aside .side-buttons .common-button-v2 {
    background-color: #114B95;
    width: 100%;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
}

aside .side-buttons .common-button-v2 span {
    padding: 0 20px;
}

aside .side-buttons .common-button-v2 .icon {
    padding: 0 20px;
}

aside .side-buttons .common-button-v2 .icon svg {
    width: 25px;
    height: 25px;
}

aside .side-buttons .common-button-v2 .icon svg path {}


/* URUN SAYFASI */

.sepro-product-head {
    margin: 120px 0 0;
    border-top: 1px solid #DDDDDD;
}

.sepro-product-head .product-head-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px 0;
}

.sepro-product-head .product-head-wrapper h1 {
    color: #114B95;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    padding-right: 30px;
    border-right: 1px solid #DDDDDD;
    line-height: 34px;
}

.sepro-product-head .product-head-wrapper .breadcrumb {}

.sepro-product-head .product-head-wrapper .breadcrumb nav {
    overflow-x: scroll;
    overflow-y: hidden;
}

.sepro-product-head .product-head-wrapper .breadcrumb nav::-webkit-scrollbar {
    display: none;
}

.sepro-product-head .product-head-wrapper .breadcrumb nav p {
    width: max-content;
}

.sepro-product-single {}

.sepro-product-single .product-single-wrapper {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.sepro-product-single .product-single-wrapper .product-single-left {
    width: 60%;
}

.sepro-product-single .product-single-wrapper .product-single-left .product-images-group {
    background-color: #fff;
    border-radius: 0 50px 0 0;
    position: relative;
    padding: 50px 50px 0 0;
}

.sepro-product-single .product-single-wrapper .product-single-left .product-images-group::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 10000%;
    height: 100%;
    background-color: #fff;
}

.swiper.swiper-product-gallery {
    margin: 0 0 30px;
}

.swiper.swiper-product-gallery .swiper-wrapper {}

.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide {}

.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide a {}

.swiper.swiper-product-gallery .swiper-wrapper .swiper-slide a img {
    height: 500px;
    object-fit: contain;
}

.swiper.swiper-product-gallery-thumb {}

.swiper.swiper-product-gallery-thumb .swiper-wrapper {}

.swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide {
    padding: 10px;
}

.swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide.swiper-slide-active {}

.swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide.swiper-slide-active .thumb {
    border-color: #114B95;
}

.swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide .thumb {
    box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: -1px 1px 14px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    border-radius: 30px;
    border: 2px solid transparent;
}

.swiper.swiper-product-gallery-thumb .swiper-wrapper .swiper-slide .thumb img {
    height: 100px;
    object-fit: contain;
}

.sepro-product-single .product-single-wrapper .product-single-right {}

.sepro-product-single .product-single-wrapper .product-single-right .product-features-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.sepro-product-single .product-single-wrapper .product-single-right .product-features-group .features-box {
    border-radius: 40px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.sepro-product-single .product-single-wrapper .product-single-right .product-features-group .features-box:nth-child(even) {
    background-color: #E5F1FF;
    border: 1px solid #E5F1FF;
}

.sepro-product-single .product-single-wrapper .product-single-right .product-features-group .features-box:nth-child(odd) {
    border: 1px solid #E6E6E6;
}

.sepro-product-single .product-single-wrapper .product-single-right .product-features-group .features-box .title {
    color: #114B95;
    font-size: 16px;
    font-weight: 600;
    width: 45%;
}

.sepro-product-single .product-single-wrapper .product-single-right .product-features-group .features-box p {
    margin: 0;
    font-size: 12px;
    text-align: end;
    width: 55%;
}

.sepro-product-description {
    box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    -webkit-box-shadow: -1px 15px 15px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: -1px 1px 14px 0px rgba(0, 0, 0, 0.31);
    border-radius: 0 0 50px 50px;
    margin: 100px 0 0;
}

.sepro-product-description .description-box {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #5a5a5a;
    padding: 0 0 50px;
}

.sepro-product-description .description-box img {
    width: 100%;
    border-radius: 20px;
    height: 500px;
    object-fit: contain;
    margin: 30px 0;
}

.sepro-product-description .description-box h2 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin: 20px 0 10px;
}

.sepro-product-description .description-box h3 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 20px 0 10px;
}

.sepro-product-description .description-box h4 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 20px 0 10px;
}

.sepro-product-description .description-box p {}

.sepro-product-description .description-box h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0 10px;
}

.sepro-product-description .description-box ul {}

.sepro-product-description .description-box ol {}

.sepro-product-description .description-box ul,
.sepro-product-description .description-box ol {
    padding-left: 20px;
}

.sepro-product-description .description-box ul li {
    list-style: disc;
}

.sepro-product-description .description-box ol li {
    list-style: numeric;
}

.sepro-product-description .description-box a {}

.sepro-product-contact {
    margin: 50px 0;
}

.sepro-product-contact .head {}

.sepro-product-contact .head h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
}

.sepro-product-contact .buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0 0;
}

.sepro-product-contact .buttons a {}

.sepro-product-contact .buttons a.wp {
    background-color: #008817;
    color: #fff;
}

.sepro-product-contact .buttons a.tel {}

.sepro-form.product-single-form {
    margin: 100px 0 0;
}


.contact-info {}

.contact-info ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.contact-info ul li {}

.contact-info ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    font-weight: 500;
    color: #114B95;
}

.contact-info ul li a.address {
    font-size: 20px;
    font-weight: 500;
}

.contact-info ul li a.address span {
    max-width: 60%;
}

.contact-info ul li a .icon {
    width: 55px;
    height: 55px;
    max-width: 55px;
    max-height: 55px;
    border-radius: 100%;
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(90deg, #114B95 0%, #2088CA 100%);
    background: -webkit-linear-gradient(90deg, #114B95 0%, #2088CA 100%);
    background: linear-gradient(90deg, #114B95 0%, #2088CA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info ul li a .icon svg {
    fill: #fff;
    width: 30px;
    height: 30px;
}

.contact-info ul li a span {}

.sepro-why.contact {}

.sepro-why.contact .why-group {
    padding: 40px 40px 40px 0;
    height: 100%;
}

.sepro-why.contact .why-right {}

.sepro-why.contact .why-right h2 {
    display: flex;
    flex-direction: column;
    text-align: end;
    line-height: 1.3;
}

.sepro-why.contact .why-group form {}

.sepro-why.contact .why-group form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.sepro-why.contact .why-group form .form-row .input-box {
    background-color: #ffffff0f;
    height: 50px;
    border-radius: 20px;
}

.sepro-why.contact .why-group form .form-row .input-box .icon {
    width: auto;
    height: auto;
    max-width: unset;
    max-height: unset;
    background: unset;
    background-color: unset;
    border-radius: 0;
}

.sepro-why.contact .why-group form .form-row .input-box .icon p {
    display: block;
    width: fit-content;
    height: fit-content;
}

.sepro-why.contact .why-group form .form-row .input-box .icon svg {}

.sepro-why.contact .why-group form .form-row .input-submit {
    position: relative;
    width: 100%;
    top: unset;
    right: unset;
    border-radius: 20px;
    height: 50px;
    background-color: #114B95;
}

.sepro-why.contact .why-group form .form-row .input-submit .submit-label {
    font-size: 18px;
}

.sepro-why.contact .why-group form .form-row .input-submit .wpcf7-spinner {
    right: 20px;
    top: 14px;
}

.sepro-why.contact .why-group form .form-row .input-submit svg {
    display: none;
}

.sepro-why.contact .why-group form .form-row .input-submit::before {
    display: none;
}

.sepro-why.contact .why-group form .form-row .policy {
    font-size: 12px;
    color: #fff;
    font-weight: 200;
}

.sepro-why.contact .why-group form .form-row .policy p {
    margin: 0;
}

.sepro-why.contact .why-group form .form-row .policy a {
    font-weight: 600;
}

.sepro-why.contact .wpcf7-not-valid-tip {
    background-color: #dc3232;
    color: #fff !important;
    width: max-content;
    height: auto;
    padding: 4px 10px;
    border-radius: 10px;
}

.mega-search {
    position: absolute;
    left: 0;
    width: 100%;
    background: rgb(0 0 0 / 0%);
    background: -moz-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: -webkit-linear-gradient(90deg, #114B95 0%, #072C5A 100%);
    background: linear-gradient(90deg, #1F3B84 0%, #070D1E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    z-index: 99;
    border-radius: 0 0 50px 50px;
    transform: translate(0, -100%);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-search.active {
    transform: translate(0, 0);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-search .container {}

.mega-search .container .search-flex {
    display: flex;
    align-items: center;
    padding: 130px 0 30px;
    gap: 50px;
}

.mega-search .container .search-flex .search-left {
    width: 50%;
}

.mega-search .container .search-flex .search-left .search-box {
    width: 100%;
}

.mega-search .container .search-flex .search-left .search-box .ysm-search-widget {
    width: 100%;
}

.mega-search .container .search-flex .search-left .search-box .ysm-search-widget .ysm-smart-search-input-holder {}

.mega-search .container .search-flex .search-left .search-box .ysm-search-widget .ysm-smart-search-input-holder label {
    width: 100%;
}

.mega-search .container .search-flex .search-left .search-box .ysm-search-widget .ysm-smart-search-input-holder label::before {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23fff' id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 403.28 400.29'%3E%3C!-- Generator: Adobe Illustrator 29.4.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 152) --%3E%3Cpath d='M332.45,394.01c-16.21,0-31.4-6.26-42.77-17.62l-44.2-44.2c-6.02-6.02-6.02-15.78,0-21.8,6.02-6.02,15.78-6.02,21.8,0l44.2,44.2c11.36,11.36,30.56,11.36,41.92,0,5.54-5.54,8.59-12.98,8.59-20.96s-3.05-15.42-8.59-20.96l-83.26-83.26c-6.02-6.02-6.02-15.78,0-21.8,6.02-6.02,15.78-6.02,21.8,0l83.26,83.26c11.36,11.36,17.62,26.55,17.62,42.77s-6.26,31.4-17.62,42.77c-11.36,11.36-26.55,17.62-42.77,17.62Z'/%3E%3Cpath d='M30.26,221.59c-6.2,0-12.05-3.77-14.4-9.91C-5.33,156.34,8.14,93.42,50.19,51.37c21.09-21.09,47.87-35.31,77.45-41.1,28.92-5.67,58.38-2.94,85.19,7.9,7.89,3.19,11.71,12.18,8.52,20.07-3.19,7.89-12.18,11.71-20.07,8.52-43.81-17.71-95.76-7.1-129.28,26.42-33.45,33.46-44.19,83.5-27.34,127.48,3.05,7.95-.93,16.87-8.88,19.91-1.81.69-3.68,1.02-5.51,1.02Z'/%3E%3Cpath d='M156.71,309.57c-35.33,0-69.32-12.34-96.3-35.09-6.51-5.49-7.34-15.22-1.85-21.73,5.49-6.51,15.21-7.34,21.73-1.85,22.6,19.05,51.43,28.91,81.19,27.73,30.09-1.19,58.47-13.64,79.9-35.07,40.44-40.44,46.98-104.02,15.55-151.17-4.72-7.08-2.81-16.66,4.28-21.38,7.08-4.72,16.66-2.81,21.38,4.28,39.56,59.34,31.4,139.28-19.4,190.08-26.93,26.93-62.62,42.58-100.49,44.08-2,.08-3.99.12-5.98.12Z'/%3E%3C/svg%3E");
}

.mega-search .container .search-flex .search-left .search-box .ysm-search-widget .ysm-smart-search-input-holder label input {
    background-color: hsl(0deg 0% 100% / 10%);
    color: #fff;
    font-weight: 300;
}

.mega-search .container .search-flex .search-right {
    width: 50%;
}

.mega-search .container .search-flex .search-right .most-search {
    display: flex;
    align-items: center;
}

.mega-search .container .search-flex .search-right .most-search span {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    margin-right: 20px;
}

.mega-search .container .search-flex .search-right .most-search ul {
    display: flex;
    align-items: center;
    gap: 15px;
}

.mega-search .container .search-flex .search-right .most-search ul li {}

.mega-search .container .search-flex .search-right .most-search ul li a {
    font-size: 14px;
    color: #fff;
    background-color: #072C5A;
    padding: 10px 15px;
    display: block;
    border-radius: 15px;
}

.mega-search .container .search-flex .search-right .most-search ul li a:hover {
    background-color: #124a95;
}

.mega-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 100vh;
    transform: translate(100%, 0);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-menu.active {
    transform: translate(0, 0);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-menu.active .overlay {
    width: 100%;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-menu .mega-menu-container {
    background-color: #072C5A;
    height: 100%;
    width: 50%;
    float: right;
    padding: 70px 0 70px 70px;
    position: relative;
    border-radius: 50px 0 0 50px;
    z-index: 9;
}

.mega-menu .mega-menu-container::before {
    content: "";
    width: 10000%;
    height: 100%;
    position: absolute;
    left: 99%;
    top: 0;
    background-color: #072C5A;
}

.mega-menu .mega-menu-container .menu-head {
    margin: 0 0 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.mega-menu .mega-menu-container .menu-head .logo {}

.mega-menu .mega-menu-container .menu-head .logo img {
    width: 200px;
}

.mega-menu .mega-menu-container .menu-head button {
    position: relative;
    top: -30px;
}

.mega-menu .mega-menu-container .menu-body {
    padding: 0 0 50px;
}

.mega-menu .mega-menu-container .menu-body ul {
    position: relative;
    overflow: hidden;
}

.mega-menu .mega-menu-container .menu-body ul .menu-item {}

.mega-menu .mega-menu-container .menu-body ul .menu-item.menu-item-has-children {
    display: flex;
    align-items: center;
}

.mega-menu .mega-menu-container .menu-body ul .menu-item:not(:last-child) {
    margin: 0 0 15px;
}

.mega-menu .mega-menu-container .menu-body ul .menu-item.current_page_item {}

.mega-menu .mega-menu-container .menu-body ul .menu-item.current_page_item > a {
    font-weight: 600;
}

.mega-menu .mega-menu-container .menu-body ul .menu-item.current_page_item a::before {
    background-color: #fff;
}

.mega-menu .mega-menu-container .menu-body ul .menu-item a {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.mega-menu .mega-menu-container .menu-body ul .menu-item a::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px solid #fff;
    border-radius: 100%;
}

.mega-menu .mega-menu-container .menu-foot {
    border-top: 1px solid #ffffff1f;
    padding: 50px 0 0;
}

.mega-menu .mega-menu-container .menu-foot .contact-info {}

.mega-menu .mega-menu-container .menu-foot .contact-info ul {
    gap: 10px;
}

.mega-menu .mega-menu-container .menu-foot .contact-info ul li {}

.mega-menu .mega-menu-container .menu-foot .contact-info ul li a {
    color: #fff;
}

.mega-menu .mega-menu-container .menu-foot .contact-info ul li a.address {
    font-size: 16px;
    font-weight: 300;
    max-width: 70%;
}

.mega-menu .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: hsl(0deg 0% 100% / 40%);
    z-index: 0;
    backdrop-filter: blur(3px);
    width: 0;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 1s;
}

body .sub-menu {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #072C5A;
    transform: translate(100%, 0);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

body .sub-menu.active {
    transform: translate(0, 0);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

body .sub-menu li {}

body .sub-menu li a {
    padding-left: 0 !important;
    font-size: 18px !important;
    text-transform: unset !important;
}

body .sub-menu li a::before {
    display: none !important;
}

button.sub-sub-button {
    color: #fff;
    font-size: 22px;
    line-height: 1;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -2px;
    margin-left: 10px;
}

button.sub-sub-button i {
    line-height: 1;
}

body button.sub-back-button {
    background-color: #114B95;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 15px;
    margin: 0 0 30px;
    display: flex;
    gap: 5px;
}

body button.sub-back-button:hover {
    background-color: #133a6d;
}

body button.sub-back-button i {
    font-size: 20px;
    line-height: 1;
}

body .pagination {
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
    margin: 50px 0 0;
}

body .pagination .page-numbers {
    background-color: #F2F2F2;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
}

body .pagination .page-numbers.current {
    background-color: #114B95;
    color: #fff;
}

body .pagination .page-numbers.next {
    overflow: hidden;
    position: relative;
}

body .pagination .page-numbers.next::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
    background-color: #F2F2F2;
    z-index: 9;
}

body .pagination .page-numbers.prev {
    overflow: hidden;
    position: relative;
}

body .pagination .page-numbers.prev::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
    background-color: #F2F2F2;
    z-index: 9;
}

/* TABLE CSS */

body table {
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    border-collapse: separate;
    border-spacing: 0;
}

body table tr {
    border-bottom: 1px solid #e0e0e0;
}

body table tr td {
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 20px;
}

body table tr td:not(:last-child) {
    border-right: 1px solid #e0e0e0;
}

body table tr:last-child td {
    border-bottom: unset;
}


/* PROGRAMLAR */

body .sepro-programs {}

body .sepro-programs .programs-wrap {}

body .sepro-programs .programs-wrap .programs-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

body .sepro-programs .programs-wrap .programs-group .programs-item {}

body .sepro-programs .programs-wrap .programs-group .programs-item a {
    background-color: #114b9517;
    width: 100%;
    display: flex;
    height: 100px;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    color: #114b95;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
}

body .sepro-programs .programs-wrap .programs-group .programs-item a i {
    font-size: 24px;
    line-height: 1;
}

body .sepro-programs .programs-wrap .programs-group .programs-item a span {}

.single-page-content {}

.single-page-content p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

.single-page-content a {}

.single-page-content h2 {
    font-size: 28px;
    font-weight: 600;
    margin: 30px 0 15px;
}

.single-page-content h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 15px;
}

.single-page-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 25px 0 10px;
}

.single-page-content h5 {
    font-size: 20px;
    font-weight: 600;
    margin: 25px 0 10px;
}

.single-page-content h6 {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 8px;
}

.single-page-content ul {}

.single-page-content ol {}

.single-page-content li {}

.single-page-content strong {}

.single-page-content img {
    width: 60%;
    border-radius: 30px;
    margin: 30px 0;
}

body .solution-box.blog-box {}

body .solution-box.blog-box .images {
    padding: 20px 20px 0;
}

body .solution-box.blog-box .images img {
    border-radius: 30px;
}

body .solution-box.blog-box .solutions-content {
    position: relative;
}

body .solution-box.blog-box .solutions-content h3 {
    font-size: 16px;
    line-height: 24px;
}