@import url('https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap');

/* #15265b - червоний*/

/* main styles*/
body{
    margin:0;
    position:relative;
    font-family: 'Maven Pro', sans-serif;
}
:root {
  font-size: 16px;
  font-family: 'Maven Pro', sans-serif;

}

a {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    transition: all .4s ease;
}
.wrapper{
    width: 100%;
    position: relative;
    overflow-x:hidden;
    padding-top:90px;
}
.wrapper:after{
    content: "";
    background: #15265b;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 90px;
    right: 0;
    z-index: -1;
}
section{
    position: relative;
    margin: auto;
    width:100%;
    padding: 80px;
    padding-bottom:110px;
    transition: padding-top 1s ease;
    border-radius:30px 30px 0 0;
    background:#fff;
    margin-top: -30px;
    z-index: 3;
    overflow:hidden;
}

.mainButton{
    background: #15265b;
    color: #fff;
    display: flex
;
    width: max-content;
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 600;
    transition: 0.3s;
    grid-gap: 10px;
}
.mainButton:after{
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21c-1.654 0-3-1.346-3-3v-4.764c-1.143 1.024-3.025.979-4.121-.115a3 3 0 0 1 0-4.242L12 1.758l7.121 7.121a3 3 0 0 1 0 4.242c-1.094 1.095-2.979 1.14-4.121.115V18c0 1.654-1.346 3-3 3M11 8.414V18a1.001 1.001 0 0 0 2 0V8.414l3.293 3.293a1.023 1.023 0 0 0 1.414 0a1 1 0 0 0 0-1.414L12 4.586l-5.707 5.707a1 1 0 0 0 0 1.414a1.023 1.023 0 0 0 1.414 0z'/%3E%3C/svg%3E");    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transform:rotate(90deg);
}

.mainButton:hover{
    background: #b12530;
}


.row{
    width: 100%;
    margin: auto;
    max-width: 1920px;
    display: flex;
    
}

/* header */

.header{
       width: 100%;
    position: relative;
    justify-content: center;
    display: flex;
}
.headerRightBack{
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: end;
    background: #15265b;
    height: 100%;
    width:300px;
    position:relative;
}
.headerRightBack:after{
    content: "";
    background-image: url(/img-bb/headerRightBack.png) !important;
    background-size: contain !important;
    background-position: center !important;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 2;
    width: 90px;
    height: 90px;
    top: 0;
    left: -90px;
    z-index: 1;
}
.headerRightBack:before{
content: "";
    background: #15265b;
    width: 24px;
    height: 90px;
    right: -24px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.headerRightBack .headerButton a{
    background: #fff;
    color: #15265b;
    position:relative;
    z-index: 2;
}

.sectionFcontactsSocial a {
    background: #15265b;
    width: 50px;
    height: 50px;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 0.4s;
}
.sectionFcontactsSocial a svg {
    color: #fff;
}
.sectionFcontactsSocial a:hover {
    background: #9b4513;
}
.contactMap div iframe {
    width: 100%;
    height: 600px;
}
.contactMap {
    padding: 0;
        overflow: hidden;
}
.sectionFcontactsSocial {
    display: flex
;
    grid-gap: 20px;
    flex-wrap: wrap;
}

.headerMenuButton{
       color: #999;
    display: flex;
    align-items: center;
    justify-content: end;
    font-weight: 500;
    display:none;
    cursor:pointer;
}
.headerWrap{
        width: 100%;
    max-width: 1920px;
    position: fixed;
    z-index: 999;
    top: 0;
    height: 90px;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    transition: all .5s ease;
    background: #fff;
}

.headerLogo{
        width: auto;
    max-width: 150px;
    align-items: center;
    display: flex;
    justify-content: start;
    height:100%;
}

.headerPhone{
        display: flex
;
    align-items: center;
    padding-left: 20px;
    font-size: 20px;
}
.headerPhone a{
        color: #fff;
}

.headerPhoneMy{
    margin-right: auto;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.headerPhoneMy a{
        font-size: 18px;
    font-weight: 600;
    color: #222;

}
.headerPhoneMy span{
    
}

.headerLogo a{
padding: 10px 0;
    display: flex
;
    height: 100%;
}
.headerLogo a img{
        width: 100%;
}
.headerSocialAll{
        display: flex
;
    grid-gap: 15px;
    align-items: center;
    justify-content: center;
}
.headerSocialAll a:hover svg{
    color:#222;
}
.headerSocialAll svg{
    color: #676767;
    width: 30px;
    height: 30px;
    transition:0.3s ;
}
.headerSocialAll a{
    position:relative;
}
.headerSocialAll span{
        position: absolute;
    top: -10px;
    right: -10px;
    background: #15265b;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    padding: 2px;
    width: 22px;
    height: 22px;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.headerMenuButtonMy .hMBM2 svg {
    color: #fff;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
}
.headerMenuButtonMy .hMBM1 svg {
    color: #fff;
    width: 40px;
    height: 40px;
}
.headerMenuButtonMy .hMBM2 {
    display: none;
    position:relative;
    z-index:3;
}
.headerMenuButtonMy .hMBM1{
    position:relative;
    z-index:3;
}
.headerMenuButtonMyActive .hMBM2 {
    display: block;
    position:relative;
    z-index:3;
}
.headerMenuButtonMyActive .hMBM1 {
    display: none;
    position:relative;
    z-index:3;
}


/*a.headerNav-about{
    display: flex;
    align-items: center;
    margin-right: auto;
    color: #999;
    font-weight: 500;
    font-size:16px;
}*/
.headerUl li a{
    font-size: 16px;
    color: #676767;
    font-weight: 500;
}
.headerUl li a:focus{
    color: #222;
}
.headerUl li a:hover {
    color: #222;
}
.headerUl ul.dropdown-menu{
    
}
.headerUl ul.dropdown-menu li{
        padding: 0 20px;
}
.headerUl ul.dropdown-menu li a{
        border-bottom: 1px solid #0000002e;
    padding: 7px 0;
    outline:0!important;
}
.headerUl ul.dropdown-menu li a:active{
        background: transparent;
}

.text-new ul, .text-new ol{padding-left:0;margin-bottom:1rem}.text-new li{position:relative;margin-bottom:.5rem;padding-left:25px;line-height:1.5;color:#333;font-size:1rem}.text-new ul{list-style-type:none}.text-new ul li::before{content:'\2022';position:absolute;left:0;top:0;font-size:1.2rem;color:#15265b  ;line-height:1.5}.text-new ol{list-style-type:none;padding-left:20px}.text-new ol li::before{content:counter(list-item) ". ";position:absolute;left:0;top:0;font-size:1rem;color:#15265b  ;line-height:1.5}.text-new ol ul{padding-left:20px;list-style-type:disc}.text-new ol ol{padding-left:20px;list-style-type:lower-alpha}.text-new ol>li>ul{list-style-type:disc;padding-left:20px;margin-top:.5rem}.text-new ol ul li::before{content:'\2022';font-size:1rem}.text-new ul.disk{list-style-type:disc}.text-new ul.circle{list-style-type:circle}.text-new ul.square{list-style-type:square}.text-new ol.roman{list-style-type:upper-roman}.text-new ol.lower-roman{list-style-type:lower-roman}.text-new ol.alpha{list-style-type:upper-alpha}.text-new ol.lower-alpha{list-style-type:lower-alpha}.text-new ul.custom-marker li::before{content:'\2713';color:#15265b  }@media (max-width:767px){.text-new li{padding-left:15px;font-size:.9rem}.text-new ol,.text-new ul{padding-left:15px}.text-new ol ul{padding-left:15px}.text-new ol ol{padding-left:15px}.text-new ol>li>ul{padding-left:0}}@media (min-width:768px) and (max-width:1024px){.text-new li{padding-left:20px;font-size:.95rem}.text-new ol,.text-new ul{padding-left:20px}.text-new ol ul,.text-new ol ol{padding-left:20px}.text-new ol>li>ul{padding-left:5px}}

.headerMobLiDropA{
        display: flex
;
    align-items: center;
}
.headerMobLiDropA svg{
    color: #222;
    transform: rotate(180deg);
}
.headerMobLiDropColl{

}
.headerMobLiDropColl .card{
    padding: 0;
    border: 0;
}
.headerMobLiDropColl .card a{
    margin: 5px 0;
}
.headerUl ul.dropdown-menu li:last-child a{
    border:0;
}
/*.headerUl li a:hover {
    color: #fff;
    text-shadow: 0 0 15px #fff;
}*/
.headerNav{
display: flex
;
    width: 100%;  
}
.headerNavMobile{
    display:none;
}
.headerUl{
    display: flex
;
    align-items: center;
    list-style: none;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0 20px;
    margin-right: auto;
    grid-gap: 0 30px;
    padding-left: 40px;
}
.headerUl li{
    margin: 0 auto;
}
.headerSocial{
        display: flex;
    align-items: center;
    
}
.headerSocial a svg{
    color:#fff;
}

.headerSocial a:hover:after{
    opacity: 1;
}

.headerWrapScroll{
        background: #222;
    transition: all .5s ease;
}
.headerButton{
        display: grid
;
    align-content: center;
    justify-content: center;
}
.headerButton a{
    font-size: 17px;
    align-items: center;
    display: flex
;
}
.headerButton a:after{
    display:none;
}
.headerWrapScroll .headerUl li a {
    color:#bdbdbd!important;
}
.headerWrapScroll .headerUl li a:hover{
       text-shadow: 0 0 16px #222;
}
.headerWrapScroll .headerMenuButton{
    color:#222;
}

/* end header*/

/**/
.homeMain{
    background: #ececec !important;
    height: calc(100vh - 90px);
    padding-top: 0;
    overflow: hidden;
    transition: padding-top 1s ease;
    position: relative;
        display: flex
;
    align-items: center;
        border-radius: 30px 30px 0 0;
        margin-top:0!important;
        
    background-image: url(/img-bb/homeBack.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}
.homeMain:after{
    content: "";
    background-image: url(/img-bb/homeBackAfter.png) !important;
    background-size: cover !important;
    background-position: center !important;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: opacity(0.80);
}
.homeMain:before{
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: opacity(0.4);
    background: #000;
}
.homeMain .row{
    height:100%;
}
.homeMain .container{
    position:relative;
}

.homeMainContent{
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: 600px;
}
.homeContentIcon{
    color: #15265b;
    display: flex;
    align-items: flex-end;
    font-size: 20px;
        margin-bottom: 30px;
}
.homeContentIcon span{
        color: #f9f9f9;
    margin-left: -10px;
}
.homeMainContent h1{
font-size: 50px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.homeMainContent h1 span{
        border-left: 2px solid #0944ff;
    border-right: 2px solid #0944ff;
    padding: 0 10px;
    border-radius: 15px;
}
.homeMainContent h2{
    font-size: 30px;
    color: #d5d5d5;
    padding-left: 30px;
    display: flex
;
    align-items: center;
    grid-gap: 20px;
}
.homeMainContent h2:before{
    content: "";
    width: 60px;
    height: 2px;
    background: #15265b;
    display: block;
}
.homeMainContent p{
        color: #efefef;
    font-size: 18px;
    width: 100%;
    max-width: 570px;
    margin: 30px 0;
}

.homeVideo {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}
/**/

.ori-contact-form-wrap label {
    color: #222;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}
.ori-contact-form-wrap input, .ori-contact-form-wrap textarea {
    width: 100%;
    height: 50px;
    padding: 20px;
    margin-bottom: 10px;
    background-color: transparent;
    border: 1px solid #c9c9c9;
    color: #222 !important;
    border-radius: 10px;
}
.ori-contact-form-wrap input::placeholder, .ori-contact-form-wrap textarea::placeholder{
    color: #717171;
}
.ori-contact-form-wrap textarea {
    height: 80px;
}
.ori-contact-form-text-info h3:before{
    display:none!important;   
}
.ori-contact-form-text-info {
    padding-left: 30px;
}
/*.ori-contact-form-text-info h3 {
    color: #222;
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 30px;
}*/
.ori-contact-form-text-info .ori-contact-form-item-info {
    margin-top: 35px;
}
.ori-contact-form-text-info .ori-contact-form-item-info .ori-contact-info {
    margin-bottom: 20px;
}
.ori-contact-form-text-info .ori-contact-form-item-info .ori-contact-info .info-icon {
    color: #fff;
    width: 55px;
    height: 55px;
    font-size: 18px;
    margin-right: 20px;
    border-radius: 100%;
    background-color: #15265b;
}
.ori-contact-form-text-info .ori-contact-form-item-info .ori-contact-info .info-icon svg{
    color: #fff;
    width: 30px;
    height: 30px;
}
.ori-contact-form-text-info .ori-contact-form-item-info .ori-contact-info .info-text h4 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 5px;
    color:#fff;
}
.ori-contact-form-text-info p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.ori-contact-info a {
    transition: all .3s ease-in-out;
    color:#e8e8e8;
}
.ori-contact-info a:hover{
    color:#fff;
}
@media screen and (max-width: 991px) {
    .ori-contact-form-text-info {
        max-width: 100%;
        margin-bottom: 60px;
        padding-left: 0;
        margin-top: 60px;
    }
    
}
/**/

.homeAboutHalf{
    background:#fff;
}

/**/


.homeMainLine1{
    position: absolute;
    bottom: -80px;
    left: 30%;
    width: 400px;
    height: 140px;
    border: 2px dashed  #15265b;
    z-index: 3;
    border-radius: 50px;
    opacity: 0.5;
}
.homeMainLine2{
    position: absolute;
    top: -150px;
    right: 100px;
    width: 300px;
    height: 200px;
    border: 2px dashed  #15265b;
    z-index: 3;
    border-radius: 50px;
    opacity: 0.7;
}
.wordColor{
    color: #15265b;
}
.homeMainImgOther{
        position: absolute;
    bottom: 100px;
    right: 0;
    z-index: 3;
    background: #fff;
    width: 400px;
}


/**/

.mainButtonLink{
    background: #15265b;
    color: #fff;
    padding: 10px 15px;
    border-radius: 15px;
    font-size: 18px;
    display: flex
;
    align-items: center;
    width: max-content;
    grid-gap: 5px;
    transition: 0.3s;
    outline:0;
    border:0;
    
    box-shadow: 0px 8px 19px rgba(21, 38, 91, 0.3);
}
.mainButtonLink:after {
    content:"";
  display: inline-block;
  width: 30px;
  height: 30px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m17 14l-5-5m0 0l-5 5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transform: rotate(90deg);
}
.mainButtonLink:hover{
        background: #1e45bf;
    transform: translateX(15px);
}


.sectionH2{
    margin: 0;
    font-size: 45px;
    font-weight: 600;
    color: #222;
    text-align: left;
    padding-bottom: 40px;
    position: relative;
    display: flex
;
    align-items: baseline;
}
.sectionH2:before{
    content: "";
    background-image: url(/img-bb/headingIconBlue.png) !important;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
}
.sectionH2 span{
    position: relative;
    z-index: 1;
}
.sectionP{
    margin-top: -25px;
    margin-bottom: 40px;
    font-size: 18px;
}
.sectionWhite{
    background:#fff;
}
.sectionDark{
    background: #fff;
}

section .container, section .row{
    position:relative;
    z-index:3;
}
/* my css */

.text-new p {
    font-size: 15px;
    line-height: 26px;
}
.text-new h4 {
    font-size: 28px;
    margin-top: 31px;
    margin-bottom: 10px;
}
.text-new ol {
    list-style-type: none;
    padding-left: 20px;
}
.text-new li {
    position: relative;
    margin-bottom: .5rem;
    padding-left: 25px;
    line-height: 1.5;
    color: #333;
    font-size: 1rem;
}
.text-new ol li::before {
    content: counter(list-item) ". ";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1rem;
    color: #15265b;
    line-height: 1.5;
}
.text-new ul, .text-new ol {
    padding-left: 0;
    margin-bottom: 1rem;
}
.text-new ul {
    list-style-type: none;
}
.text-new ul li::before {
    content: '\2022';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2rem;
    color: #15265b;
    line-height: 1.5;
}

/**/

.scroll-down {
    position: absolute;
    bottom: -4px;
    left: calc(50% - 340px);
    height: 88px;
    width: 680px;
    text-align: center;
    background-color: #fff;
    -webkit-clip-path: path("M646.782 65H33.2179C103.636 65 173.285 50.3548 237.739 21.9947C302.899 -6.67547 377.101 -6.67547 442.261 21.9947C506.715 50.3548 576.364 65 646.782 65Z");
    clip-path: path("M646.782 65H33.2179C103.636 65 173.285 50.3548 237.739 21.9947C302.899 -6.67547 377.101 -6.67547 442.261 21.9947C506.715 50.3548 576.364 65 646.782 65Z");
    z-index: 5;
}
.hero-5-scroll-wrap {
    height: 32px;
    width: 20px;
    border: 2px solid #222;
    display: inline-block;
    border-radius: 30px;
    margin-top: 20px;
    position: relative;
}
.hero-5-scroll-wrap:before {
    content: "";
    height: 6px;
    width: 2px;
    border-radius: 50px;
    background-color: #222;
    position: absolute;
    top: 5px;
    left: 7px;
    -webkit-animation: scrollMove 1.5s infinite;
    animation: scrollMove 1.5s infinite;
}
/*@keyframes scrollMove{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}*/

.sectionLastPort{
    position: relative;
    background: #ebebeb;
}
.sectionLastPort:after{
        content: "";
    background-image: url(/img-bb/testi_bg_5.png) !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0%;
}
/**/

.sectionAboutStat{
    background: #efefef;
}
.counter-grid.style2 {
    background: #fff;
    padding: 40px 30px 40px 40px;
    position: relative;
    height:100%;
    border-radius:15px;
    overflow:hidden;
}
.counter-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    gap: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.counter-grid.style2 .counter-grid_icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.counter-grid.style2 .details {
    position: relative;
    z-index: 1;
}
.counter-grid.style2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    border-right: 30px solid #fff;
    border-top: 30px solid #15265b;
}
.counter-grid.style2 .counter-grid_number-shadow {
    position: absolute;
    font-size: 69px;
    font-weight: 700;
    -webkit-text-stroke: 1px #e4e4e4;
    -webkit-text-fill-color: transparent;
    z-index: -1;
    top: -12px;
    left: 4px;
}
.counter-grid.style2 .counter-grid_number {
    color: var(--title-color);
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 1px;
}
.counter-grid.style2 .counter-grid_text {
    color: var(--body-color);
}

/**/

.shape-mockup-wrap {
    z-index: 2;
    position: relative;
}
.img-box8 {
    position: relative;
}
.img-box8 .img1 img {
    width: 100%;
}
.img-box8 .about-counter2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.about-counter2 {
    background-color: #fff;
    border-radius: 999px;
    width: 250px;
    height: 250px;
    text-align: center;
    padding: 80px 10px;
    background-position: 4px 4px;
    background-size: calc(100% - 8px) calc(100% - 8px);
}
.about-counter2 .counter-title {
    color: #15265b ;
    font-size: 64px;
    margin-bottom: 0;
}
.about-counter2 .counter-text {
    color: #222;
    font-weight: 500;
}

/**/

[data-opacity="9"]:before {
    opacity: .9;
}
[data-overlay="title"]:before {
    background-color: #0e121d;
}
[data-overlay]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.companyAdvH2{
        color: #fff;
    text-align: center;
    justify-content: center;
    padding-bottom: 80px;
}
.companyAdvH2:before{
    display:none;
}
.process-card2-wrap {
    position: relative;
}
.process-card2 {
    text-align: center;
    width: 187px;
    height: 187px;
    background-color: #fff;
    border: 3px solid #15265b;
    margin: 17px;
    position: relative;
    border-radius: 9999px;
    padding: 42px 6px;
}
.process-card2-wrap:after {
    content: '';
    height: 42px;
    width: 116px;
    background-image: url("data:image/svg+xml,%3Csvg width='116' height='42' viewBox='0 0 116 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M115.551 36.6652C111.559 29.4285 108.897 21.8539 105.787 14.2467C104.978 12.2611 102.253 13.5251 102.477 15.3846C102.847 18.5361 103.56 21.6643 104.519 24.7352C98.3211 19.1913 90.7487 14.5818 83.8058 11.0206C74.4953 6.24801 64.2973 2.90809 53.9555 1.36405C36.8086 -1.19473 13.0193 2.07937 1.18365 16.1594C0.506835 16.9694 1.66463 18.0051 2.48375 17.6096C10.8028 13.6619 18.1327 9.40841 27.3743 7.72378C36.4214 6.07799 46.0699 6.15641 55.1077 7.96139C64.6604 9.87409 73.5052 13.8715 81.802 18.943C88.7376 23.1882 94.6187 28.5144 100.852 33.5113C95.1561 33.508 89.4292 34.5084 84.7225 36.8576C81.9555 38.2404 83.4736 42.4769 86.4885 41.9425C91.0648 41.1333 95.3424 39.7652 100.05 39.5838C104.415 39.4115 108.626 39.9863 112.924 40.6872C114.981 41.0253 116.495 38.3804 115.551 36.6652Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: calc(100% - 30px);
}
.process-card2:before {
    content: '';
    width: 216px;
    height: 216px;
    position: absolute;
    top: -17px;
    left: -17px;
    border: 4px dotted #0944ff;
    border-radius: inherit;
}
.process-card2_icon {
    width: 82px;
    height: 82px;
    line-height: 78px;
    border: 3px solid #fff;
    background-color: #15265b;
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: -40px;
    left: -17px;
    display:flex;
        align-items: center;
    justify-content: center;
}
.process-card2_icon svg{
    width:40px;
    height:40px;
}
.process-card2_title {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
}
.process-card2_text {
    margin-bottom: 0;
    font-size: 14px;
}
.process-card2-wrap:after {
    content: '';
    height: 42px;
    width: 116px;
    background-image: url("data:image/svg+xml,%3Csvg width='116' height='42' viewBox='0 0 116 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M115.551 36.6652C111.559 29.4285 108.897 21.8539 105.787 14.2467C104.978 12.2611 102.253 13.5251 102.477 15.3846C102.847 18.5361 103.56 21.6643 104.519 24.7352C98.3211 19.1913 90.7487 14.5818 83.8058 11.0206C74.4953 6.24801 64.2973 2.90809 53.9555 1.36405C36.8086 -1.19473 13.0193 2.07937 1.18365 16.1594C0.506835 16.9694 1.66463 18.0051 2.48375 17.6096C10.8028 13.6619 18.1327 9.40841 27.3743 7.72378C36.4214 6.07799 46.0699 6.15641 55.1077 7.96139C64.6604 9.87409 73.5052 13.8715 81.802 18.943C88.7376 23.1882 94.6187 28.5144 100.852 33.5113C95.1561 33.508 89.4292 34.5084 84.7225 36.8576C81.9555 38.2404 83.4736 42.4769 86.4885 41.9425C91.0648 41.1333 95.3424 39.7652 100.05 39.5838C104.415 39.4115 108.626 39.9863 112.924 40.6872C114.981 41.0253 116.495 38.3804 115.551 36.6652Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: calc(100% - 30px);
}
.process-card2-wrap:last-child:after {
    display:none;
}
.process-card2-wrap:nth-child(even):after {
    top: unset;
    bottom: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.process-card2:hover:before {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}
@keyframes spin{
    0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}


@media (max-width: 1300px) {
    .process-card2-wrap:after {
        left: calc(100% - 50px);
    }
}
@media (max-width: 1199px) {
    .process-card2 {
        margin: 14px;
    }
        .process-card2-wrap:after {
        height: 24px;
        left: calc(100% - 55px);
    }
}
@media (min-width: 992px) {
    .col-lg-auto {
        width: auto;
    }
    .process-sec .row{
        flex-wrap:nowrap;
    }
}
@media (min-width: 992px) {
    .col-lg-auto, .row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}
@media (max-width: 991px) {
    .process-card2 {
        margin: 40px auto;
    }
    .process-card2-wrap:after {
        height: 42px;
        left: calc(100% - 68px);
    }
    .process-card2-wrap:nth-child(2n):after{
        display:none;
    }
}
@media (max-width: 991px) {
    .process-card2-wrap:after{
        display:none;
    }
    .process-card2{
        margin:30px auto;
    }
}

/**/

.breadcumb-wrapper {
    background-color: #15265b;
    padding: 158px 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
    
    transition: padding-top 1s ease;
    border-radius: 30px 30px 0 0;
}
.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.breadcumb-title {
    font-size: 54px;
    font-weight: 700;
    line-height: 1.18;
    text-transform: uppercase;
    color: #fff;
    margin: -0.17em 0 -0.26em 0;
}
.breadcumb-menu {
    max-width: 100%;
    padding: 0;
    margin: 23px 0 -0.5em 0;
    list-style-type: none;
    position: relative;
    position: relative;
    display: flex
;
    flex-wrap: wrap;
}
.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
    white-space: normal;
    color: inherit;
    word-break: break-word;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--title-font);
    color: #fff;
}
.breadcumb-menu li {
    display: inline;
    margin-right: 3px;
    padding-right: 5px;
    list-style: none;
    position: relative;
    text-transform: uppercase;
        display: flex
;
    align-items: center;
}
.breadcumb-menu li:last-child {
    padding-right: 0;
    margin-right: 0;
}
.breadcumb-menu li:after {
    content: "";
    position: relative;
    margin-left: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.05 12L7.175 6.575q-.35-.5-.087-1.037T7.975 5q.25 0 .475.113t.35.312L13.5 12l-4.7 6.575q-.125.2-.35.313T7.975 19q-.6 0-.875-.537t.075-1.038zM17 12l-3.875-5.425q-.35-.5-.088-1.037T13.926 5q.25 0 .475.113t.35.312L19.45 12l-4.7 6.575q-.125.2-.35.313t-.475.112q-.6 0-.875-.537t.075-1.038z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

}
.breadcumb-menu li:last-child:after{
    display:none;
}

@media (max-width: 1199px) {
    .breadcumb-title {
        font-size: 42px;
    }
    
}
@media (max-width: 991px) {
    .breadcumb-title {
        font-size: 38px;
    }
    .breadcumb-menu {
        margin: 16px 0 -0.5em 0;
    }
    .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .breadcumb-title {
        font-size: 34px;
    }
}
@media (max-width: 575px) {
    .breadcumb-title {
        font-size: 32px;
    }
}
/**/

.blogCustomNav {
    display: flex;
    grid-gap: 10px;
    justify-content: end;
}
.blogCustomNext, .blogCustomPrev {
    width: 56px;
    height: 56px;
    border: 1px solid #15265b !important;
    border-radius: 50% !important;
    display: flex !important
;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;
}
.blogCustomPrev svg {
    transform: rotate(-90deg);
    font-size: 20px;
    transition: 0.3s;
}
.blogCustomNext svg {
    transform: rotate(90deg);
    font-size: 20px;
    transition: 0.3s;
}
.blogCustomNext:hover, .blogCustomPrev:hover {
    background: #15265b;
    color:#fff;
}

.portfolioPage{
    
}

/*Image Sizes are Determined by the Column width*/
.masonryPort {
  columns: 300px; /*YOU ONLY NEED THIS LINE OF CODE TO MAKE THIS IMAGE CONTAINER TO A MASONRY-LAYOUT*/
}

.masonryPort img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin-bottom: 15px;
}

.navPortMy{
        margin-bottom: 60px;
}
.navPortMy > .nav{
    border: 0;
    display: flex
;
    grid-gap: 20px;
    flex-wrap: wrap;
}
.navPortMy button{
    border: 0;
    background: transparent !important;
    color: #222 !important;
    border-radius: 10px!important;
    border:2px solid #15265b!important;
}
.navPortMy button.active{
        border: 0;
    background: #15265b !important;
    color: #fff !important;
    border-radius: 10px!important;
}



/*Mobile Image Sizes*/
@media (max-width: 768px) {
  .masonryPort {
    columns: 150px;
  }

  .masonryPort img {
    border-radius: 5px;
  }
}

/*Tablet Image Sizes*/
@media (min-width: 769px) and (max-width: 1024px) {
  .masonryPort {
    columns: 100px;
  }

  .masonryPort img {
    border-radius: 8px;
  }
}

/**/

.servSliderPort{
}
.servSliderPortImg{
    position:relative;
}
.servSliderPortImg:after{
    content:"";
    width: 80px;
    height: 80px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    position: absolute;
    background: #15265b;
    bottom: 0;
    left: 0;
    display: flex
;
    align-items: end;
    justify-content: start;
    color: #fff;
    transition: 0.3s;
        border-radius: 0 0 0 15px;
}
.servSliderPortImg:before{
    content:"";
  display: inline-block;
  width: 40px;
  height: 40px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 14.5q-.2 0-.35-.15T2.5 14t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15m0-4q-.2 0-.35-.15T2.5 10t.15-.35T3 9.5t.35.15t.15.35t-.15.35t-.35.15M6 19q-.425 0-.712-.288T5 18t.288-.712T6 17t.713.288T7 18t-.288.713T6 19m0-4q-.425 0-.712-.288T5 14t.288-.712T6 13t.713.288T7 14t-.288.713T6 15m0-4q-.425 0-.712-.288T5 10t.288-.712T6 9t.713.288T7 10t-.288.713T6 11m0-4q-.425 0-.712-.288T5 6t.288-.712T6 5t.713.288T7 6t-.288.713T6 7m4 8.5q-.625 0-1.062-.437T8.5 14t.438-1.062T10 12.5t1.063.438T11.5 14t-.437 1.063T10 15.5m0-4q-.625 0-1.062-.437T8.5 10t.438-1.062T10 8.5t1.063.438T11.5 10t-.437 1.063T10 11.5m0 7.5q-.425 0-.712-.288T9 18t.288-.712T10 17t.713.288T11 18t-.288.713T10 19m0-12q-.425 0-.712-.288T9 6t.288-.712T10 5t.713.288T11 6t-.288.713T10 7m0 14.5q-.2 0-.35-.15T9.5 21t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15m0-18q-.2 0-.35-.15T9.5 3t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15m4 12q-.625 0-1.062-.437T12.5 14t.438-1.062T14 12.5t1.063.438T15.5 14t-.437 1.063T14 15.5m0-4q-.625 0-1.062-.437T12.5 10t.438-1.062T14 8.5t1.063.438T15.5 10t-.437 1.063T14 11.5m0 7.5q-.425 0-.712-.288T13 18t.288-.712T14 17t.713.288T15 18t-.288.713T14 19m0-12q-.425 0-.712-.288T13 6t.288-.712T14 5t.713.288T15 6t-.288.713T14 7m0 14.5q-.2 0-.35-.15T13.5 21t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15m0-18q-.2 0-.35-.15T13.5 3t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15M18 19q-.425 0-.712-.288T17 18t.288-.712T18 17t.713.288T19 18t-.288.713T18 19m0-4q-.425 0-.712-.288T17 14t.288-.712T18 13t.713.288T19 14t-.288.713T18 15m0-4q-.425 0-.712-.288T17 10t.288-.712T18 9t.713.288T19 10t-.288.713T18 11m0-4q-.425 0-.712-.288T17 6t.288-.712T18 5t.713.288T19 6t-.288.713T18 7m3 7.5q-.2 0-.35-.15T20.5 14t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15m0-4q-.2 0-.35-.15T20.5 10t.15-.35t.35-.15t.35.15t.15.35t-.15.35t-.35.15'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 3;
    color: #fff;
}
.servSliderPort img{
    border-radius: 30px;
    width:100%;
    height:400px;
    object-fit:cover;
}
.servSliderPort .owl-nav{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    justify-content: space-between;
    display: flex;
}
.servSliderPort .owl-prev {
    background-color: #fff!important;
    color: #70757a!important;
    border: 1px solid #dadce0!important;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 4px 8px 0 rgb(0 0 0 / 20%)!important;
    cursor: pointer!important;
    height: 45px!important;
    width: 45px!important;
    border-radius: 50%!important;
    z-index: 1!important;
    right: 0!important;
        display: flex !important
;
    align-items: center;
    justify-content: center;
}
.servSliderPort .owl-prev:before {
    color: #222;
    content: "" !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m17 14l-5-5m0 0l-5 5'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transform: rotate(-90deg);
}
.servSliderPort .item{
    border-radius:30px;
}
.servSliderPort .owl-next {
    background-color: #fff!important;
    color: #70757a!important;
    border: 1px solid #dadce0!important;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 4px 8px 0 rgb(0 0 0 / 20%)!important;
    cursor: pointer!important;
    height: 45px!important;
    width: 45px!important;
    border-radius: 50%!important;
    z-index: 1!important;
    right: 0!important;
        display: flex !important
;
    align-items: center;
    justify-content: center;
}
.servSliderPort .owl-next:before {
    color: #222;
    content: "" !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m17 14l-5-5m0 0l-5 5'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transform: rotate(90deg);
}
.servSliderPort .owl-next span, .servSliderPort .owl-prev span{
    display:none;
}
.servSliderPort .owl-dots{
    display:none;
}


/**/

.homeSliderPort .owl-next span, .homeSliderPort .owl-prev span{
    display:none;
}
.homeSliderPort .owl-dots{
    display:none;
}
.homeSliderPortImg{
    position:relative;
}
.homeSliderPortImg img{
    border-radius: 30px;
    width:100%;
    height:400px;
    object-fit:cover;
}

.mainButtonLinkDownSection{
    font-size: 16px;
    font-weight: 600;
    color: #15265b;
    text-transform: uppercase;
    margin-top: -0.41em;
    margin-bottom: 25px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    justify-content: center;
    margin-top: 20px;
}
.mainButtonLinkDownSection a:hover{
    transform: translateY(-5px);
}
.sub-title6 .shape {
    display: inline-block;
    height: 3px;
    width: 40px;
    background-color: #15265b;
    border-radius: 99px;
    position: relative;
}
.sub-title6 .shape.left .dots {
    left: -6px;
}
.sub-title6 .shape.right .dots {
    right: -6px;
}
.sub-title6 .dots:before, .sub-title6 .dots:after {
    content: '';
    height: inherit;
    width: inherit;
    background-color: inherit;
    border-radius: inherit;
    display: inline-block;
    position: absolute;
    top: 0;
}
.sub-title6 .shape.left .dots:after {
    left: -6px;
}
.sub-title6 .shape.right .dots:after {
    right: -6px;
}
.sub-title6 .dots {
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: inherit;
    border-radius: 99px;
    position: absolute;
    top: 0;
}

/**/


.headerLan {
    margin: 0;
    display: flex
;
    align-items: center;
    margin-right: auto;
}
.main__lan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    padding: 0;
    list-style: none;
}
.main__lan-item-active {
    color: #15265b !important;
    border-bottom: 1px solid #15265b;
    cursor: auto !important;
}
.main__lan-item {
    color: #000 !important;
    margin: 0 12px;
    font-size: 21px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.headerLan .main__lan-item:focus, .headerLan .main__lan-item:hover {
    color: #777777 !important;
    border-bottom: 1px solid;
}



@media (max-width: 1024px) {
    .headerLan2 {
        display: flex !important
;
        padding: 0 12px;
        margin-top: 20px;
    }
}
@media (max-width: 1024px) {
    .headerNavMobile .headerLan2 {
        opacity: 0;
        transform: translateY(20px);
        transition: all .6s ease;
    }
}
@media (max-width: 1024px) {
    .headerWrap .headerUl, .headerLan {
        display: none;
    }
}
@media (max-width: 1024px) {
    .headerNavMobileOpen .headerLan2 {
        opacity: 1;
        transform: translateY(0px);
        transition: all .6s ease .6s;
    }
}

/*.headerMenuButtonMyActive .hMBM1 {
    display: none;
}
.headerMenuButtonMy .hMBM1 svg {
    color: #222;
    width: 40px;
    height: 40px;
}
.headerMenuButtonMyActive .hMBM2 {
    display: block;
}
.headerMenuButtonMy .hMBM2 {
    display: none;
}
.headerMenuButtonMy .hMBM2 svg {
    color: #222;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
}*/

.pageServices{
    
}
.servicesBlockContent {
    background: #fff;
    box-shadow: 0px 0px 68px 0px rgb(187 187 187 / 52%);
    padding: 60px;
    border-radius: 50px;
}
.servicesBlockContent img {
    width: 100%;
    max-width: 800px;
    border-radius: 15px;
    margin: 40px auto;
}
.servicesBlockTop{
        width: 93%;
    margin: auto;
    overflow: hidden;
    height: 500px;
    border-radius: 30px;
    margin-bottom: -30px;
    z-index: -1;
    position: relative;
}
.servicesBlockTop img{
        width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: bottom center;
    filter: brightness(0.4);
}
.servicesBlockTop h1{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1;
    width: 100%;
    justify-content: center;
    padding: 0 20px;
    padding-bottom: 40px;
}

.hABAdvAbout{
    display: grid
;
    grid-template-columns: repeat(2, 48.2%);
    grid-gap: 20px;
    margin-top: 30px;
}
.hABAdvAbout span{
    display: flex
;
    grid-gap: 10px;
    align-items: flex-start;
}
.hABAdvAbout span:before{
    color: #15265b;
    content:"";
    display:inline-block;
  width: 30px;
  height: 30px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='%23000' d='M4.565 12.407a.75.75 0 1 0-1.13.986zM7.143 16.5l-.565.493a.75.75 0 0 0 1.13 0zm8.422-8.507a.75.75 0 1 0-1.13-.986zm-5.059 3.514a.75.75 0 0 0 1.13.986zm-.834 3.236a.75.75 0 1 0-1.13-.986zm-6.237-1.35l3.143 3.6l1.13-.986l-3.143-3.6zm4.273 3.6l1.964-2.25l-1.13-.986l-1.964 2.25zm3.928-4.5l1.965-2.25l-1.13-.986l-1.965 2.25zm1.965-2.25l1.964-2.25l-1.13-.986l-1.964 2.25z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m20 7.563l-4.286 4.5M11 16l.429.563l2.143-2.25'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.homeServices{
    position:relative;
    background: #ebebeb;
}
.homeServices:after{
    content: "";
    background-image: url(/img-bb/backServices.png) !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0%;
}
/*@keyframes homeServicesAfter{
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(50px);
    }
    100% {
        transform: translateY(0%);
    }
}*/

.servicesAll{
    display: grid
;
    grid-gap: 60px;
}
.servicesBlock{
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);
    background: #fff;
    border-radius: 30px;
    width: 100%;
    display: flex
;
    border-left: 8px solid #15265b;
        overflow: hidden;
}
.servicesImg{
    width: 50%;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}
.servicesImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.servicesContent{
width: 50%;
    padding: 60px;
    align-items: center;
    display: grid
;
    align-content: center;
}
.servicesContent h4{
        font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.servicesContent p{
    font-size: 16px;
    margin-bottom: 30px;
}
.servicesContent a{
    background: transparent;
    color: #222;
    border: 2px solid #15265b;
}
.servicesContent a:hover{
    background: transparent;
}

.servicesBlock:nth-child(2n){
    flex-direction: row-reverse;
    border-right: 8px solid #15265b;
    border-left: 0;
}
.servicesBlock:nth-child(2n) .servicesImg{
    width: 50%;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}

/**/
.sectionH2Button{
        display: flex
;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 80px;
    grid-gap:20px 0;
}
.sectionH2Button h2{
    padding: 0;
}
.sectionH2Button a{
    
}

/* faq */
.faq-area{
    background:#efefef;   
}
.faq-area .inner-descripe {
    margin-bottom: 30px;
}
#faq .panel-body a{
    color:#15265b!important;
}
#faq .panel-body a span{
    color:#15265b!important;
}
.faq-area .inner-descripe h2{
    color:#222;
}
.faq-area .inner-descripe p {
    color: #414141;
    line-height: 26px;
}
.single-my-account {
    border: 1px solid #c3c3c3;
    margin-bottom: 10px!important;
    border-radius: 15px;
    background: transparent;
    overflow:hidden;
}
.faq-area .single-my-account h3.panel-title {
    border-bottom: 0;
    text-transform: math-auto;
}
.single-my-account h3.panel-title {
    background-color: #ebebeb;
    border-bottom: 1px solid #ebebeb;
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    line-height: 2;
}
.faq-area h3.panel-title {
    background-color: transparent !important;
    border-bottom: 0 !important;
}
.faq-area .single-my-account h3.panel-title a[aria-expanded=true] {
    color: #15265b;
    background:#fff;
    border-radius:0 0 15px 15px;
}
.faq-area .single-my-account h3.panel-title a {
    font-size: 18px;
    display: block;
    padding: 16px 45px;
    position: relative;
    color: #000;
    padding-right: 65px;
    line-height:22px;
    background:#fff;
    border-radius:15px 15px 0 0;
}
.faq-area .single-my-account h3.panel-title a {
    color: #222;
}
.faq-area .single-my-account h3.panel-title a[aria-expanded=true] + span {
    color: #15265b;
}
.faq-area .single-my-account h3.panel-title span {
    color: #222;
    font-size: 18px;
    left: 20px;
    position: absolute;
    font-size: 16px;
    top: 16px;
}
.faq-area .single-my-account h3.panel-title a[aria-expanded=true]:before {
    transform: rotate(180deg);
    background-color: #15265b;
}
.faq-area .single-my-account h3.panel-title a:before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.faq-area .single-my-account h3.panel-title a:before {
    background-color: #303234;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 20V4m-7 9l7 7l7-7'/%3E%3C/svg%3E");
    content: "" !important;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.6s;
}
.faq-area .single-my-account .panel-body {
    padding: 20px 45px !important;
    font-size: 16px;
    color:#414141;
    line-height: 20px !important;
    background:#fff;
    border-radius: 0 0 15px 15px;
}
.faqRightImg {
    width: 100%;
    object-fit: cover;
    border-radius: 30px;
}

/* product */
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.hAboutAll{
        display: grid
;
    grid-gap: 30px;
    grid-template-columns: repeat(2, 48.6%);
}
.hABLockLeft{
    display: flex
;
    justify-content: center;
    align-items: center;
}
.hABLockLeft img{
width: 100%;
}
.hABLockRight{
    
}
.hABLockRight a{
    margin-top: 60px;
}
.hABLockRight h4{
        font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
}
.hABRPs{
    
}
/*.hABRPs p{
position: relative;
    padding-left: 40px;
}
.hABRPs p:before{
    content:"";
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M.5 10a.5.5 0 0 1 .5-.5h18a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3Cpath d='M1.15 1.878a.514.514 0 0 1 .728-.727l16.971 16.971a.514.514 0 0 1-.727.727z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 5px;
    left: 0;
    color: #15265b;
}*/

/**/

.scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 30px;
    display: none;
    position: fixed;
    line-height: 55px;
    background-color: #15265b;
    border-radius: 100%;
}
.scrollup svg{
    color: #fff;
    width: 40px;
    height: 40px;
}
/**/

.sectionForm{
    background: #0e121d;
    position:relative;
    overflow:hidden;
}
.contactFormBack1{
    background-image: url(/img-bb/backServices.png) !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0%;
    width: 450px;
    object-fit: cover;
    object-position: top left;
}
.contactFormBack2{
    animation: contactFormBack2 15s ease-out infinite;
    position: absolute;
    top: 0;
    right: 0;
}
.ori-contact-form-wrap{
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    color:#222;
}
.ori-contact-form-wrap h2{
    color:#222!important;
    font-size:35px;
}
.sectionFormP{
        color: #b7c3d1 !important;
    font-size: 16px !important;
    max-width: 500px;
}

@keyframes contactFormBack2{
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(50px);
    }
    100% {
        transform: translateY(0%);
    }
}

.sectionForm:after{
    content: "";
    background-image: url(/img-bb/formBack.png) !important;
    background-size: cover !important;
    background-position: center !important;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.6;
}
.sectionForm .container{
    position:relative;
    z-index:2;
}
.sectionForm .sectionH2{
    color:#fff;
    padding-bottom:20px!important;
}


/**/

.homeCategories{
        margin-top: -30px;
    position: relative;
    z-index: 3;
    background: #fff;
}
.homeCAll{
        display: grid
;
    grid-template-columns: repeat(2, 48.6%);
    grid-gap: 30px;
}
.homeCABlock{
        border-radius: 30px;
    overflow: hidden;
    background: #fff;
    height: 500px;
    position: relative;
}

.homeCABlock a{
        width: 100%;
    height: 100%;
    display: block;
}
.homeCABlock img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(0px) brightness(0.4);
    transition: all 0.3s;
}
.homeCABlock h4{
        position: absolute;
        padding:0 15px;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    font-size: 40px;
}
.homeCABarrow{
        width: 100px;
    height: 100px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    position: absolute;
    background: #15265b;
    bottom: 0;
    left: 0;
    display: flex
;
    align-items: end;
    justify-content: start;
    color: #fff;
    transition:0.3s;
}
.homeCABarrow svg{
        width: 46px;
    height: 46px;
    color: #fff;
    transform: rotate(90deg);
    position: relative;
    bottom: 10px;
    left: 10px;
}
.homeCABlock:hover img{
    filter: blur(3px) brightness(0.4);
}


/* footer */

.footer{
    background: #222;
    padding-bottom:40px;
    position:relative;
    z-index:4;
}
.footerCenterMenu{
    display: grid;
}
.footerCenterMenu h4{
        font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
}
.footerCenterMenu a{
        font-size: 18px;
    margin-bottom: 13px;
    transition:0.3s;
    color: #e8e8e8;
}
.footerCenterMenu a:hover{
    color:#fff;
}
.footerServAll{
        display: grid;
    grid-gap: 10px;
}
.footerServAll a{
    margin: 0;
}

.footerLogo{
        width: 100%;
    padding-right: 60px;
}
.footerBLeft{
    color: #fff;
}
.footerBLeft p{
    margin: 0;
    font-size: 14px;
}

.footerBRight{
    display: flex;
    grid-gap: 10px 20px;
    justify-content: end;
}
.footerBRight a{
    color: #fff;
}


/**/

.aboutTwoBlock{
    position: relative;
    background: #dcdcd0;
    padding: 60px;
    border-radius: 50px;
    font-size: 18px;
    margin-top: 60px;
}
.aboutTBUl{
    display: grid;
    grid-template-columns: repeat(2, auto);
    max-width: 700px;
}
.homeSBIconAbout{
        background: transparent;
    width: inherit;
    height: initial;
}
.homeSBIconAbout svg{
        transform: rotate(0deg);
    width: 30px;
    height: 30px;
    color:#15265b;
}
.homeServBlockAbout{
    padding-left: 40px;
}
.homeSBContentAbout p{
        font-size: 20px;
    color: #222;
}
.homeServBlocksAbout{
    grid-template-columns: repeat(3, 29.7%);
}

/**/

.sectionPages{
    padding: 60px 0;
    background: #e9e9e9;
    position: relative;
    z-index: 2;

}
.sectionPagesH1{
    padding-bottom: 20px;
}
.sectionPBread{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
}
.sectionPBread:before{
    content:"";
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
      color: #222;
}
.sectionPBread a{
    
}





@media (max-width: 1400px) {
   
}
@media (max-width: 1199px) {
    section{
        padding: 80px 15px;
    }
}
@media (max-width: 1024px) {
    .headerSocialAll{
margin-left: auto;
        padding-right: 30px;
    }
    .headerWrap .headerUl{
        display:none;
    }
    .headerWrap .headerNav{
        display:none;
    }
    .headerWrap .headerSocial a{
        margin: 0 12px;
    }
    
    .headerNavMobile{
        display:flex;
        padding: 0 24px;
    }
    .headerMenuButton{
        display: flex;
        position:relative;
    }
    .bodyMobileOverflow{
        overflow:hidden;
    }
    .headerWrapOpen  .headerSocial{
        display:none;
    }
    .headerWrapOpen  .headerMenuButton{
         color:#222!important;
         transition: all .4s ease ;
    }
    
    
    
    
    /* header mobile */
    
    .headerNavMobile .headerNav{
    display: grid;
    visibility:hidden;
    position: fixed;
    width:100%;
    top: 0;
    left: 0;
    height:0;
    color: #222;
    align-items: flex-start;
    align-content: baseline;
    background: #fff;
    z-index: 899;
    transition: all 1s ease;
    }
    .headerNavMobileOpen .headerNav{
        visibility:visible;
        height:100vh;
        transition: all 1s ease;
        width:100%;
    }
    .headerMenuButtonClose:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: yellow;
    }
    /*.sectionOpen{
        padding-top:200px;
        transition: padding-top 1s ease;
    }*/
    .headerNavMobile .headerUl{
        display: grid
;
        text-align: left;
        justify-content: flex-start;
        padding: 0 24px;
        opacity: 0;
        transform: translateY(20px);
        transition: all .6s ease;
    }
    .headerNavMobileOpen .headerUl{
        opacity:1;
        transform: translateY(0px);
        transition: all .6s ease .6s;
    }
   
    .headerNavMobile .headerUl li {
        margin: 5px 0;
    }
    .headerNavMobile .headerSocial a:after{
        bottom: -30px;
        top: auto;
    }
    .headerNavMobile .headerUl li a {
        color: #222;
    }
    .headerNavMobile .headerSocial {
        display: flex;
        align-items: center;
        margin-top: 30px;
        opacity:0;
        transform: translateY(20px);
        transition: all .6s ease;
    }
      .headerNavMobileOpen .headerSocial{
        opacity:1;
        transform: translateY(0px);
        transition: all .6s ease .6s;
    }
}
@media (max-width: 767px) {
    .servSliderPort img{
        height:350px;
    }
    .homeMainContent h1{
        font-size: 70px;
    }
    .homeMainContent h2{
        font-size: 24px;
    }
    .homeMainContent p{
        font-size: 16px;
    }
    
    
    .footerOne {
        order: 1;
    }
    .footerFour{
    margin: 20px 0;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    align-items: center;
    }
    .footerFour a {
        margin-right: auto;
            margin-bottom: 0!important;
        
    }
    .footerFour a:last-child {
        margin-right: 0;
    }
    .footerBlock a {
     
        margin-bottom: 15px;
    }
    .footerThree{
        padding-top:30px;
    }
    .footerOne {
        display: flex;
        align-items: center;
    }
    .footerOne p:last-child{
        order: -1;
    margin-right: 10px;
    }
    .approachEel span{
            justify-content: right;
        width:100%;
    }
    .headerUl{
        display:none;
    }

    .homeMain span.mainScroll{
    position: absolute;
    left: 20px;
    width: auto;
    }
    /*.homeMain{
        padding-bottom: 0;
    }*/
    

}
@media (max-width: 575px) {
    
    .ori-contact-form-text-info .ori-contact-form-item-info .ori-contact-info{
                display: grid !important
;
        grid-gap: 10px;
    }
    .ori-contact-form-text-info .ori-contact-form-item-info .ori-contact-info .info-icon{
                width: 40px;
        height: 40px;
    }
    .ori-contact-form-text-info .ori-contact-form-item-info .ori-contact-info .info-icon svg{
        width:20px;
        height:20px;
    }
    section {
        padding: 50px 0px;
    }
}
@media (max-width: 480px) {
     
      .scrollup {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .scrollup svg{
        width:30px;
        height:30px;
    }
}

.policyContent a{
    color:#15265b;
    font-weight: 600;
}
.headerMenuButtonMy .hMBM2{
    display:none;
}
.headerMenuButtonMyActive .hMBM2{
    display: block;
}
.headerMenuButtonMyActive .hMBM1{
    display: none;
}
.headerMobCo{
                padding: 0 24px;
        display: grid !important
;
        grid-gap: 10px;
    }
    .headerMobCo a{
                color: #222;
        font-size: 16px;
    }
    .headerMobH{
        position: relative;
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        margin-top: 20px;
        padding-left: 24px;
        
        opacity: 0;
        transform: translateY(20px);
        transition: all .6s ease;
    }
    

.servicesBlockPolicy {
    background: #fff;
    box-shadow: 0px 0px 68px 0px rgb(187 187 187 / 52%);
    padding: 60px;
    border-radius: 50px;
}
.policyOl{
    padding:0!important;
}
.policyOl ol, .policyOl ul{
    margin-left: 1.5em;
    margin-bottom: 2em;
    padding:0;
        list-style: initial;
}
.policyOl li{
        line-height: 1.8;
    margin-bottom: 10px;
}
/* my media */

@media (max-width: 1024px) {
    .headerSocial.sectionFcontactsSocial{
                padding: 0 24px;
    }
        .headerNavMobileOpen .headerMobH {
        opacity: 1;
        transform: translateY(0px);
        transition: all .6s ease .6s;
    }
    .headerButton{
        display:none;
    }
    
}
@media (max-width: 991px) {
    .footer .row:nth-child(2){
                flex-direction: column-reverse;
        grid-gap: 20px;
    }
    .footerBRight{
        justify-content: start;
    }
    /* padding block */
    .servicesContent, .servicesBlockContent{
        padding:30px;
    }
    
    .servicesBlockTop{
        height: 350px;
    }
    
    .contactFormBack1{
        display:none;
    }
    .hABLockRightCompany{
        margin-top:30px;
    }
    
    
        .videoMy {
        height: 400px;
    }
    .productH1991{
        display:block;
    }
    .productRight h1{
        display:none;
    }
    .productRight{
        margin-top:60px;
    }
    .homeCABlock{
        height:350px;
    }
    .hAboutAll{
        grid-template-columns: repeat(1, 100%);
    }
    .hABLockLeft{
        order:1;
    }
    .catalogBAll{
        grid-template-columns: repeat(5, 20%);
    }
       .ch991Pad {
        margin-top: 40px;
    }
        .mt-md--40 {
        margin-top: 40px;
    }
    .catalogBAllOther{
                grid-template-columns: repeat(4, 25%);
    }
}
@media (max-width: 767px) {
    .servicesBlockPolicy{
        padding: 30px;
        grid-gap: 20px 30px;
    }
    .homeCABlock h4{
                font-size: 30px;
    }
    .servicesContent h4{
        font-size:32px;
    }
    .servicesBlock{
        display: grid;
    }
    .servicesContent{
        width:100%;
    }
    .servicesImg{
        width:100%!important;
        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%)!important;
    }

    .homeCABlock{
        height:300px;
    }
    .catalogBAll{
        grid-template-columns: repeat(4, 25%);
    }
    .catalogBAllOther{
                grid-template-columns: repeat(3, 33.3%);
    }
    .catalogBBlockMAIN{
                height: 170px !important;
    }
    .cart-form__summ{
        margin-bottom: 30px;
    }
    .footer .col-xl-3:first-child{
        order:0!important;
            margin-bottom: 40px;
    }
    .footerLogo{
                padding: 0;
        width: 100%;
        max-width: 100px;
    }
    .sectionH2{
        font-size: 35px;
    }
    .homeMainContent h1 {
        font-size: 40px;
    }
    
}
@media (max-width: 575px) {
    .servicesBlockPolicy{
        padding: 25px;
    }
    .servicesBlockTop{
        height: 300px;
    }
    .headerRightBack{
        width: 50px;
    }
    .headerRightBack:after{
                left: -50px;
    }
    /* padding blocks*/
    .servicesContent, .ori-contact-form-wrap, .servicesBlockContent{
        padding: 15px;
    }
    .navPortMy > .nav{
        grid-gap:7px;
    }
    .sectionH2Button{
        padding-bottom:20px;
    }
    .sectionH2Button h2, .sectionH2{
                align-items: flex-start;
    }
    .headerPhoneMy a{
        font-size: 0;
    }
    .headerPhoneMy a span svg{
                width: 30px;
        height: 30px;
    }
    .homeMainContent h1{
        font-size: 50px;
    }
    .homeMainContent h2{
        font-size: 20px;
                padding-left: 0;
                grid-gap: 10px;
    }
    .homeMainContent h2:before{
        width:30px;
    }
    
    .hABLockLeft img{
        max-width: 280px;
    }
    .homeCAll{
            grid-template-columns: repeat(1, 100%);
    }

    .footerServAll {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-gap: 10px;
    }
    .mainButton{
        font-size: 16px;
        padding: 10px 16px;
    }
    .sectionH2{
        font-size: 28px;
    }
    .homePlusDis div{
                font-size: 100px;
    }
    .homeMainContent h1 {
        font-size: 40px;
    }
}

@media (max-width: 480px){
    .row > .col-lg-12{
        padding:0;
    }
    .servicesContent h4{
        font-size: 28px;
    }
   .homeMainContent h1 {
        font-size: 32px;
    }
    .hABAdvAbout{
                grid-template-columns: repeat(1, 100%);
        grid-gap: 10px;
    }
}