:root {
    --font-1: Livvic,sans-serif;
    
    --color-w: #fff;
    --color-b: #000;
    
    --color-1-RGBA-DARK: rgba(20, 177, 187, 1);
    --color-1-RGBA-LIGHT: rgba(20, 177, 187, 0.1);
    
    --color-1: #6fd4df;    /*79*/
    --color-1b: #a8e71e;    
    --color-2: #030925;    /*13*/
    
    
    
    --color-3: #3a3a40;     /*1*/
    --color-4: #616161;     /*4*/
    --color-5: #194b4e;     /*1*/
    
    --color-7: #b0afaf;     /*1*/
    
    --color-9: #0a0a0a;     /*1*/
    --color-10: #18406b;    /*1*/
    --color-11: #dddddd;    /*1*/
    --color-12: #afe4e8;    /*1*/
    --color-13: #f8f9f9;    /*1*/
    --color-14: #222429;    /*1*/
    --color-15: #f3f3f3;    /*1*/
    --color-16: #888888;    /*1*/
    --color-18: #212529;    /*4*/
    --color-19: #444;       /*1*/  
    --color-20: #ededed;    /*1*/
    
    --color-21: #6fd4df;
    --color-22: #a8e71e;
    --color-23: #868787;
}

/*-------------------MAIN-STYLE---------------------*/
body {
    font-family: var(--font-1);
    overflow-x: hidden;
}
ul {
    list-style: none;
}
a, span {
    display: inline-block;
}
header,
.sec-12,
.sec-15,
.sec-17,
footer {
    overflow-x: hidden;
} 
.d-flx {
    display: flex;
}
.text-right {
    text-align: right;
}
.relative {
    position: relative;
}
.title {
    text-align: center;
}
.loader-left {
    width: 50%;
    height: 100vh;
    background: var(--color-b);
    border-right: 3px solid var(--color-1);
    position: fixed;
    z-index: 200;
    left: 0px;
    top: 0px;
    animation-name: loader;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 1;
}
.loader-right {
    width: 50%;
    height: 100vh;
    background: var(--color-b);
    border-left: 3px solid var(--color-1);
    position: fixed;
    z-index: 200;
    right: 0px;
    top: 0px;
    animation-name: loader;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 1;
}
.color1b {
    color: var(--color-1b)!important;
}
.bgcolor1b {
    background-color: var(--color-1b)!important;
}
.st-span {
    margin-bottom: 10px;
    color: var(--color-1);
    line-height: 1.4;
    margin: auto;
    font-size: 18px;
    font-weight: 600;
}
.st-h2 {
    font-size: 36px;
    color: var(--color-2);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 22px;
}

.st-p {
    font-size: 17px;
    color: var(--color-4);
}
.logoMin {
    display: block;
    width: 60px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.always-together {
    white-space: nowrap;
}

.appear {
    position: relative;
    bottom: -150px;
    opacity: 0;
    transition: all 1s;
}
.appear.active {
    bottom: 0px;
    opacity: 1;
    transition: all 1s;
}

.footappear {
    position: relative;
    opacity: 0;
    transition: all 1s;
}
.footappear.active {
    opacity: 1;
    transition: all 1s;
}
.chat-box {
    position: fixed;
    width: 217px;
    height: 60px;
    right: 25px;
    bottom: 25px;
    background-color: var(--color-22);
    text-decoration: none;
    
    outline: none;
    opacity: 1;
    border-radius: 40px;
    z-index: 9999999999;
    transition: all 0.3s ease;
    box-sizing: border-box;
    vertical-align: middle;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    
    display: flex;
    align-items: center;
    justify-content: right;
}
.chat-box span {
    color: var(--color-w);
    font-weight: 700;
    margin-right: 10px;
}
.chat-box .round-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    background: rgba(245, 245, 245, 0.8);
    box-sizing: border-box;
    top: 5px;
}
.chat-box .round-container svg {
    width: 25px;
    height: 25px;
    fill: var(--color-2);
}
/*--------------BTN--------------*/
.btn1 {
    background-color: var(--color-1);
    transition: all 0.6s;
}
.btn1:hover {
    background-color: var(--color-18);
    color: var(--color-w);
    transition: all 0.6s;
}
.btn2 {
    background-color: var(--color-18);
    transition: all 0.6s;
}
.btn2:hover {
    background-color: var(--color-1);
    color: var(--color-w);
    transition: all 0.6s;
}


.btn1,
.btn2 {
    display: inline-block;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
    padding: 18px 40px;
    text-align: center;
    text-decoration: none;
    color: var(--color-w);
}

/*------------BTN-END------------*/





/*--------------------MOBILE-MENU--------------------*/
.mobile-menu {
    display: none;
}

/*------------------------TOP------------------------*/
.top {
    width: 100%;
    background-color: var(--color-1);
    padding: 10px 0px;
}
.top a {
    text-decoration: none;
    font-weight: 500;
}
/*------------TOP-L------------*/
.top .none991 {
    font-size: 15px;
}

.icon-location span,
.sec-18 .just-box .address-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");
}

.top .none991 .mr-20px-white {
    color: var(--color-w);
    margin-right: 20px;
}
.top .icon-phone-1 span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z'/%3E%3C/svg%3E");
}
.icon-location span,
.top .icon-phone-1 span,
.top .mail-icon span {
    width: 12px;
    height: 12px;
}
.top .icon-phone-1 span,
.top .mail-icon span {
    position: relative;
    top: 1px;
}
.top .openighours {
    font-weight: 500;
    color: var(--color-w);
}

/*------------TOP-R------------*/
.top .text-right a {
    margin-right: 10px;
}

.icon-fb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");
    background-size: cover;
    width: 15px;
    height: 15px;
    
}
.icon-twiter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3E%3C/svg%3E");
    background-size: cover;
    width: 15px;
    height: 15px;
}
.icon-instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z'/%3E%3C/svg%3E");
    background-size: cover;
    width: 15px;
    height: 15px;
}


/*------------------------NAV------------------------*/
.navbar {
    position: sticky;
    z-index: 110;
    width: 100%;
    padding: 25px 0px;
    transition: all 0.6s;
}

/*--------------LOGO--------------*/
.navbar .logo a {
    margin-left: 0px;
}
.navbar .logo a img {
    position: relative;
    top: -10px;
    width: 100%;
    height: auto;
    min-width: 256px;
}



/*-------TOGGLER-------*/
.navbar-toggler {
    background-color: var(--color-1);
}
.navbar-toggler span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}
/*--------------NAV--------------*/
.navbar .collapse {
    justify-content: flex-end;
}

.navbar a {
    margin: 0px 21px;
    text-transform: uppercase;
}

.navbar ul li a {
    padding: 1em 5%;
    font-size: 13px;
    color: var(--color-19);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
}
.navbar ul li a:hover {
    color: gray;
    transition: all 0.2s;
}
.navbar ul li .father-a {
    white-space: nowrap;
}


.dropdown-menu {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    opacity: 0;
}
.nav-item:hover .dropdown-menu {
    max-height: 500px;
    opacity: 1;
}





.navbar ul li .dropdown-menu {
    background-color: var(--color-20);
}

/*--------------BUTTON--------------*/
.navbar .button-1 a {
    color: white;
    font-weight: 600;
    white-space: nowrap;
}

/*------------------------HEADER------------------------*/
header {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
    overflow-y: hidden;
    text-align: center;
}
header .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 2;
}
header .container .box {
    padding-top: 250px;
    padding-bottom: 250px;
}
header .container h1 {
    color: var(--color-w);
    font-size: 100px;
    font-weight: 700;
    text-transform: capitalize;
}
header .container p {
    color: var(--color-w);
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
}
header .container .box .btn-box .btn1 {
    position: relative;
    z-index: 100;
}

/*------------------------SEC-2------------------------*/
.sec-2 .row {
    position: relative;
    top: -80px;
    z-index: 3;
}

.sec-2 .service-box {
    background-color: var(--color-w);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 55px 25px 44px;
    text-align: center;
    box-shadow: 0px 0px 54px 0px rgb(9 46 195 / 6%);
    height: 270px;
    transition: all 0.6s;
}
.sec-2 .service-box:hover {
    background-color: var(--color-1);
    transition: all 0.6s;
}

/*------------SVG------------*/
.sec-2 svg {
    fill: var(--color-1);
    width: 60px;
    height: 60px;
}

.sec-2 .service-box:hover svg {
    fill: var(--color-w);
    transition: all 0.6s;
}
/*----------SVG-END----------*/

.sec-2 .service-box h2 {
    padding: 26px 0 10px;
    line-height: 1.2;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 5px;
    color: var(--color-2);
}
.sec-2 .service-box:hover h2 {
    color: white;
    transition: all 0.6s;
}

/*--------------------SECTION-KOLAZ6--------------------*/
.sec-kolaz {
    padding-bottom: 60px
}
.sec-kolaz .container {
    max-width: 1000px;
}
.sec-kolaz .title-sec {
    text-align: center;
}
.sec-kolaz img {
    object-fit: cover;
    width: 100%;
    border: 7px solid white;
}
.sec-kolaz .btn-box {
    margin-top: 45px;
    text-align: center;
}


/*------------------------SEC-3------------------------*/
/*------------SEC-3-L------------*/
.sec-3 .col-md-6 {
    position: relative;
}
.sec-3 .foto-1 {
    width: 88%;
    height: auto;
}

/*------------SEC-3-R------------*/
.sec-3 {
    margin-bottom: 80px;
}
.sec-3 .cont-title {
    margin-bottom: 50px;
}



.sec-3 svg {
    fill: var(--color-1);
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
/*------------ICONS------------*/

.sec-3 .icon-part span,
.sec-3 .icon-bell span {
    background-size: cover;
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.sec-3 .icon-phone-2 span {
    background-size: cover;
    width: 23px;
    height: 23px;
}
.sec-3 .icon-phone-2 {
    background-color: var(--color-1);
    border-radius: 50px 50px 50px 50px;
    width: 57px;
    height: 57px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.sec-3 .icon-phone-2 span,
.sec-18 .phone-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zM11 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V1.707l-4.146 4.147a.5.5 0 0 1-.708-.708L14.293 1H11.5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
    
}
/*----------ICONS-END----------*/

.sec-3 .icon-part,
.sec-3 .icon-bell, {
    width: 15%;
}
.sec-3 .cont-service-top .service-content, 
.sec-3 .cont-service-middle .service-content {
    width: 85%;
}

.sec-3 .icon-phone-2 {
    width: 9%;
}
.sec-3 .cont-service-bottom .service-content {
    width: 91%;
}
.sec-3 .cont-service-top {
    margin-top: 20px;
}
.sec-3 .cont-service-middle {
    margin-top: 20px;
}
.sec-3 .cont-service-bottom {
    margin-top: 40px;
}
.sec-3 .service-content h3 {
    line-height: 1.2;
    font-weight: 600;
    font-size: 22px;
    color: var(--color-2);
    margin-bottom: 11px;
}
.sec-3 .cont-service-bottom .service-content h3 {
    color: var(--color-1);
    margin-bottom: 5px;
}
.sec-3 .cont-service-bottom .service-content p {
    color: var(--color-2);
    font-size: 23px;
    font-weight: 700;
}
.sec-3 .cont-service-bottom .service-content span {
    color: var(--color-1);
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 700;
}
/*------------------------SEC-4------------------------*/
.sec-4 {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: var(--color-b);
    color: var(--color-w);
    padding: 80px 0px;
    text-align: center;
    
    
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    overflow-y: hidden;
}
.sec-4 .section-dark {
    position: absolute;
    background: rgba(0,0,0, 0.7);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
}



.sec-4 .container {
    position: relative;
    z-index: 2;
}
/*------------TITLE------------*/
.sec-4 .title-section-4,
.sec-5 .title-section-5 {
    padding-bottom: 45px;
}

.sec-4 .title-section-4 span,
.sec-9 .title-sec span {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-w);
}
.sec-4 .title-section-4 h2,
.sec-9 .title-sec h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
}
/*---------SERVICE-BOX--------*/
.sec-4 .service-box {
    color: var(--color-w);
    border: 1px solid var(--color-5);
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 9%);
    margin-bottom: 20px;
    padding: 30px 37px 6px;
    height: 300px;
    min-height: 300px;
    text-decoration: none;
    transition: all 0.9s;
}
.sec-4 .service-box:hover {
    background-color: var(--color-1);
    transition: all 0.9s;
}

.sec-4 svg {
    width: 55px;
    height: 55px;
    fill: var(--color-w);
    margin-bottom: 20px;
}

.sec-4 .service-inner-content h3 {
    padding-top: 20px;
    line-height: 1.2;
    font-weight: 600;font-size: 22px;
    margin-bottom: 5px;
}
.sec-4 .service-inner-content p {
    padding: 10px 0px 30px 0px;
}




/*------------------------SEC-5------------------------*/
.sec-5 {
    text-align: center;
    margin: 45px 0px 45px;
}

.sec-5 .st-h2 {
    color: var(--color-8);
}

/*---------PORTFOLIO---------*/
.sec-5 .portfolio-nav {
    margin-bottom: 45px;
}
.sec-5 .portfolio-nav ul {
    justify-content: center;
}
.sec-5 .portfolio-nav ul li a {
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #f3eaea;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-8);
    margin: 0 5px 10px;
    padding: 16px 38px;
    transition: all 0.5s;
    text-decoration: none;
}
.sec-5 .portfolio-nav ul li:hover a {
    background-color: var(--color-1);
    color: var(--color-w);
    transition: all 0.5s;
}


/*------------GRID------------*/

.sec-5 .tab-content {
    margin-bottom: 45px;
}

.sec-5 .portfolio-box {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    max-height: 500px;
}
.sec-5 .portfolio-box img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 0.6s;
}
.sec-5 .portfolio-box:hover img {
    transform: scale(1.2);
    transition: all 0.6s;
}

.sec-5 .portfolio-box .bg-darness {
    background: rgba(20,177,187, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: end;
    z-index: 2;
    transition: all 0.6s;
}
.sec-5 .portfolio-box:hover > .bg-darness {
    background: rgba(20,177,187, 0.5);
    transition: all 0.6s;
}




.sec-5 .portfolio-box .port-foto-text {
    background-color: var(--color-1);
    width: 100%;
    transition: all 0.6s;
    position: relative;
    bottom: -200px;
}
.sec-5 .portfolio-box:hover .port-foto-text {
    transition: all 0.6s;
    bottom: 0px;
}

.sec-5 .portfolio-box .port-foto-text h3,
.sec-5 .portfolio-box .port-foto-text p {
    text-decoration: none;
    color: var(--color-w);
    line-height: 1.2;
    font-weight: 600;
    font-size: 22px;
}
.sec-5 .portfolio-box .port-foto-text p {
    font-size: 17px;
}





/*------------------------SEC-6------------------------*/
.sec-6 {
    text-align: center;
    margin: 80px 0;
}
.sec-6 .mySwiper4 {
    position: relative;
}
.sec-6 .mySwiper4 .btn-arrow-own {
    position: absolute;
    cursor: pointer;
    color: #fff;
    background-color: var(--color-1);
    z-index: 9;
    opacity: 1;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    width: 55px;
    height: 55px;
    top: 50%;
    transition: all 0.6s;
}
.sec-6 .mySwiper4 .btn-arrow-own:hover {
    background-color: var(--color-2);
    transition: all 0.6s;
}

.sec-6 .mySwiper4 .swiper4-btn-left {
    left: 3px;
}
.sec-6 .mySwiper4 .swiper4-btn-right {
    right: 3px;
}


.sec-6 .mySwiper4 .swiper4-btn-left span,
.sec-6 .mySwiper4 .swiper4-btn-right span {
    position: relative;
    top: 25%;
    width: 25px;
    height: 25px;
}
.sec-6 .mySwiper4 .swiper4-btn-left span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
    left: 0%;
}
.sec-6 .mySwiper4 .swiper4-btn-right span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    right: 0%;
}


.sec-6 .process {
    padding: 20px 0;
}
.sec-6 .process .img-p1-s {
    background-image: url(../img/sec6/p1.png);
}
.sec-6 .process .img-p2-s {
    background-image: url(../img/sec6/p2.png);
}
.sec-6 .process .img-p3-s {
    background-image: url(../img/sec6/p3.png);
}
.sec-6 .process .img-p4-s {
    background-image: url(../img/sec6/p4.png);
}
.sec-6 .process .img-p5-s {
    background-image: url(../img/sec6/p5.png);
}
.sec-6 .process .img-p6-s {
    background-image: url(../img/sec6/p6.png);
}
.sec-6 .process .img-s6 {
    position: relative;
    background-position: center center;
    background-size: cover;
    border-radius: 100px;
    width: 87px;
    height: 89px;
    margin-left: auto;
    margin-right: auto;
}
.sec-6 .process .img-s6 .frame-for-img {
    position: absolute;
    border-radius: 100px;
    border: 2px solid var(--color-1);
    width: 105px;
    height: 107px;
    top: -9px;
    left: -9px;
}

.sec-6 .process .round {
    position: absolute;
    background-color: var(--color-1);
    color: var(--color-w);
    width: 30px;
    height: 30px;
    top: 10px;
    left: 76%;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 4;
    
}
.sec-6 .process .round .round-shadow {
    position: absolute;
    background-color: var(--color-1);
    opacity: 0.4;
    width: 45px;
    height: 45px;
    top: -7px;
    left: -7px;
    border-radius: 100px;
}
.sec-6 .process .describe-s6 {
    margin-top: 18px;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
}
.sec-6 .process .describe-s6 h3 {
    line-height: 1.2;
    font-weight: 600;
    font-size: 22px;
}



/*------------------------SEC-7------------------------*/
.sec-7 {
    margin-bottom: 80px;
    /*padding-bottom: 12px;*/
}

.sec-7 .container-fluid {
    padding-left: var(--bs-gutter-x,.100rem);
}

/*-----------L-SITE----------*/
.sec-7 .left-site img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

/*-----------R-SITE----------*/
.sec-7 .right-site {
    
    height: 100%;
}
.sec-7 .right-site .d-flex-s7 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sec-7 .right-site .d-flex-s7 .rs-content {
    height: 90%;
    width: 80%;
    /*background-color: aquamarine;*/
}
.sec-7 .right-site .d-flex-s7 .rs-content .progress-box {
    position: relative;
    margin-bottom: 40px;
}
.sec-7 .right-site .d-flex-s7 .rs-content .progress-box span {
    color: var(--color-2);
    font-size: 17px;
    font-weight: 700;
}









.sec-7 .right-site .d-flex-s7 .rs-content .progress-proccent-line {
    position: absolute;
    background-color: #e9ecef;
    border-radius: 10px;
    width: 100%;
    height: 8px;
    top: 30px;
    left: 0px;
}
.sec-7 .right-site .d-flex-s7 .start-progress-1,
.sec-7 .right-site .d-flex-s7 .start-progress-2,
.sec-7 .right-site .d-flex-s7 .start-progress-3,
.sec-7 .right-site .d-flex-s7 .start-progress-4 {
    position: absolute;
    background-color: var(--color-1);
    border-radius: 10px;
    width: 0%;
    height: 8px;
    top: 30px;
    left: 0px;
    z-index: 3;
}


.sec-7 .right-site .d-flex-s7 .start-progress-1 span,
.sec-7 .right-site .d-flex-s7 .start-progress-2 span,
.sec-7 .right-site .d-flex-s7 .start-progress-3 span,
.sec-7 .right-site .d-flex-s7 .start-progress-4 span {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    top: -28px;
}






.sec-7 .right-site .d-flex-s7 .rs-content .start-progress-1 {
    animation-name: animacja1;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
.sec-7 .right-site .d-flex-s7 .rs-content .start-progress-2 {
    animation-name: animacja2;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
.sec-7 .right-site .d-flex-s7 .rs-content .start-progress-3 {
    animation-name: animacja3;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
.sec-7 .right-site .d-flex-s7 .rs-content .start-progress-4 {
    animation-name: animacja4;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}









/*------------------------SEC-8------------------------*/
.sec-8 .title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 550px;
}
.sec-8 .it-services-area {
    display: flex;
    justify-content: center;
    
}

/*-----------NAVI----------*/
.sec-8 .it-services-area ul li {
    margin-left: 10px;
    margin-right: 10px;
}

.sec-8 .it-services-area ul li .development-class,
.sec-8 .it-services-area ul li .wmarketing-class,
.sec-8 .it-services-area ul li .danalytics-class,
.sec-8 .it-services-area ul li .zindywidualne-class,
.sec-8 .it-services-area ul li .development-class1,
.sec-8 .it-services-area ul li .wmarketing-class1,
.sec-8 .it-services-area ul li .danalytics-class1,
.sec-8 .it-services-area ul li .razWTygodniu-class1,
.sec-8 .it-services-area ul li .zawartosc-class1,
.sec-8 .it-services-area ul li .indywidualne-class1 {
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    color: var(--color-2);
    padding: 36px 50px;
    box-shadow: 0 0 25px 2px rgb(196 206 213 / 20%);
    transition: all 0.6s;
}
.sec-8 .it-services-area ul li:hover .development-class,
.sec-8 .it-services-area ul li:hover .wmarketing-class,
.sec-8 .it-services-area ul li:hover .danalytics-class,
.sec-8 .it-services-area ul li:hover .zindywidualne-class,
.sec-8 .it-services-area ul li:hover .development-class1,
.sec-8 .it-services-area ul li:hover .wmarketing-class1,
.sec-8 .it-services-area ul li:hover .danalytics-class1,
.sec-8 .it-services-area ul li:hover .razWTygodniu-class1,
.sec-8 .it-services-area ul li:hover .zawartosc-class1,
.sec-8 .it-services-area ul li:hover .indywidualne-class1,
.sec-8 .it-services-area ul li .active {
    background-color: var(--color-1);
    color: var(--color-w);
    transition: all 0.6s;
}

.sec-8 .up-text-8px {
    position: relative;
    top: -8px;
}
.sec-8 .up-text-5px {
    position: relative;
    color: var(--color-1b);
    top: -5px;
    font-weight: 700;
}


/*-----------ICON----------*/
.sec-8 .it-services-area svg {
    position: relative;
    top: -5px;
    width: 35px;
    height: 35px;
    fill: var(--color-1);
    margin-right: 10px;
    transition: all 0.6s;
}
.sec-8 .it-services-area ul li:hover svg,
.sec-8 .it-services-area ul li .active svg {
    fill: var(--color-w);
    transition: all 0.6s;
}
/*---------ICON-END--------*/



/*-----------BOX----------*/
.sec-8 .tab-content {
    border: 1px solid #f2f2f2;
    padding: 60px 38px 0px 40px;
}

.sec-8 .tab-content .left-site {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.sec-8 .tab-content .left-site .widget-sec ul {
    margin-left: -30px;
}
.sec-8 .tab-content .left-site .widget-sec ul li {
    margin-bottom: 20px;
}
.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2314b1bb' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
}
.sec-8 .tab-content .left-site .btn1 {
    cursor: pointer;
}
/*-----------RIGHT-S----------*/
.sec-8 .img-sec img {
    max-width: 100%;
}

/*------------------priceSec-naukaPlywania-------------*/
/*------------------priceSec-grupyPlywajace-------------*/
/*------------------priceSec-dorosli-------------*/
/*------------------priceSec-zajeciaIndywidualne-------------*/
.priceSec-naukaPlywania,
.priceSec-grupyPlywajace,
.priceSec-dorosli,
.priceSec-zajeciaIndywidualne {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease;
}

.priceSec-naukaPlywania .container .box,
.priceSec-grupyPlywajace .container .box,
.priceSec-dorosli .container .box,
.priceSec-zajeciaIndywidualne .container .box {
    text-align: center;
    box-shadow: 0px 0px 40px 0px rgb(9 47 193 / 7%);
    padding: 31px 12px 22px;
    border-radius: 5px;
    transition: all 0.6s;
}
.priceSec-naukaPlywania .container .box span,
.priceSec-grupyPlywajace .container .box span,
.priceSec-dorosli .container .box span,
.priceSec-zajeciaIndywidualne .container .box span {
    color: var(--color-4);
    font-family: var(--font-1);
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    line-height: 1.6;
}

.activePrice {
    max-height: 1000px;
    transition: max-height 0.8s ease;
}

/*------------------------SEC-9------------------------*/
.sec-9 {
    background-color: var(--color-1);
    text-align: center;
    padding: 80px 0px;
}
.sec-9 .title-sec {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    color: var(--color-w);
}
.sec-9 .img-sec .img-box {
    position: relative;
    overflow: hidden;
}
.sec-9 .img-sec img {
    object-fit: cover;
    width: 100%;
    height: auto;
    height: 277px;
}

.sec-9 .img-sec .img-box .icon-list {
    position: absolute;
    bottom: -190px;
    right: 7%;
    transition: all 0.5s;
}
.sec-9 .img-sec:hover .img-box .icon-list {
    bottom: 60px;
}
.sec-9 .img-sec .img-box .icon-list li {
    margin-bottom: 4px;
}
.sec-9 .img-sec .img-box .icon-list a {
    background-color: var(--color-1);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    top: 83%;
    right: 7%;
}

.sec-9 .img-sec .img-box .icon-share-visible a {
    position: absolute;
    background-color: var(--color-1);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    top: 83%;
    right: 7%;
    transition: all 0.5s;
}
.sec-9 .img-sec .img-box .icon-list a:hover,
.sec-9 .img-sec .img-box .icon-share-visible a:hover {
    background-color: var(--color-2);
    transition: all 0.5s;
} 

.sec-9 .img-sec .img-box .icon-list a .span-fb,
.sec-9 .img-sec .img-box .icon-list a .span-tw,
.sec-9 .img-sec .img-box .icon-list a .span-pl,
.sec-9 .img-sec .img-box .icon-list a .span-vm,
.sec-9 .img-sec .img-box .icon-share-visible a span {
    width: 15px;
    height: 15px;
    margin-top: 12px;
}
.sec-9 .img-sec .img-box .icon-share-visible a span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z'/%3E%3C/svg%3E");
}
.sec-9 .img-sec .img-box .icon-list a .span-fb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");
}
.sec-9 .img-sec .img-box .icon-list a .span-tw {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3E%3C/svg%3E");
}
.sec-9 .img-sec .img-box .icon-list a .span-pl {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707 1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562-1.414-1.414 1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z'/%3E%3C/svg%3E");
}
.sec-9 .img-sec .img-box .icon-list a .span-vm {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M15.992 4.204c-.071 1.556-1.158 3.687-3.262 6.393-2.175 2.829-4.016 4.243-5.522 4.243-.933 0-1.722-.861-2.367-2.583L3.55 7.523C3.07 5.8 2.556 4.94 2.007 4.94c-.118 0-.537.253-1.254.754L0 4.724a209.56 209.56 0 0 0 2.334-2.081c1.054-.91 1.845-1.388 2.373-1.437 1.243-.123 2.01.728 2.298 2.553.31 1.968.526 3.19.646 3.666.36 1.631.756 2.446 1.186 2.445.334 0 .836-.53 1.508-1.587.671-1.058 1.03-1.863 1.077-2.415.096-.913-.263-1.37-1.077-1.37a3.022 3.022 0 0 0-1.185.261c.789-2.573 2.291-3.825 4.508-3.756 1.644.05 2.419 1.117 2.324 3.2z'/%3E%3C/svg%3E");
}

/*------Description-Box-----*/
.sec-9 .img-sec .description-box {
    padding: 6px 30px 22px;
    background-color: var(--color-w);
}
.sec-9 .img-sec .description-box h3 {
    padding: 18px 0 0;
    line-height: 1.2;
    font-weight: 600;
    font-size: 22px;
}
.sec-9 .img-sec .description-box span {
    color: var(--color-1);
    font-weight: 500;
    font-size: 16px;
}


/*-----------------------SEC-10------------------------*/
.sec-10 {
    margin-top: -100px;
}
.sec-10 .row {
    background-color: var(--color-w);
    border-radius: 30px;
    padding: 70px 52px 30px 48px;
    box-shadow: 0px 0px 54px 0px rgb(15 56 219 / 6%);
    margin: 0 26px;
    z-index: 100;
}
.sec-10 .left-site {
    position: relative;
    margin-top: -15px;
}
.sec-10 .left-site h2 {
    margin-bottom: 3px;
}

.sec-10 .right-site input {
    width: 64%;
    font-size: 16px;
    line-height: 28px;
    color: var(--color-7);
    border-radius: 50px;
    padding: 15px 30px;
    border: 1px dotted var(--color-3);
    margin-left: 25px;
}

.sec-10 .right-site input:focus {
    outline: none;
}


.sec-10 .right-site {
    text-align: center;
}
.sec-10 .right-site a {
    background-color: var(--color-9);
    text-decoration: none;
    color: var(--color-w);
    border-radius: 30px;
    padding: 10px 15px;
    width: 29%;
    font-size: 18px;
    transition: all 0.5s;
}
.sec-10 .right-site a:hover {
    background-color: var(--color-10);
    transition: all 0.5s;
}

/*-----------------------SEC-11------------------------*/
.sec-11 {
    margin: 80px 0px 40px;
    text-align: center;
}
.sec-11 .title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.sec-11 .title h2  {
    margin-bottom: 0px;
}


.sec-11 .price-area {
    padding: 50px 0px 30px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
}

.sec-11 .price-area .img-box {
    background-color: var(--color-1-RGBA-LIGHT);
}
.sec-11 .price-area .img-box-dark-bg {
    background-color: var(--color-1-RGBA-DARK);
}

.sec-11 .price-area .img-box,
.sec-11 .price-area .img-box-dark-bg {
    border-radius: 100px;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}


/*-----------ICON----------*/

.sec-11 .price-area .img-box svg {
    fill: var(--color-1);
    width: 50px;
    height: 50px;
}
.sec-11 .price-area .img-box-dark-bg svg {
    fill: var(--color-1);
    width: 50px;
    height: 50px;
}
/*----------ICON-END-------*/

.sec-11 .price-area .price-offer-box .price-offer {
    color: var(--color-1);
    font-size: 36px;
    font-weight: 700;
}
.sec-11 .price-area .price-offer-box .descrip {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
    border-bottom: 1px solid var(--color-11);
    padding-bottom: 20px;
}


.sec-11 .price-area .bullet-points {
    margin-top: 40px;
}
.sec-11 .price-area .bullet-points ul {
    padding-left: 0px;
}
.sec-11 .price-area .bullet-points ul li {
    font-size: 17px;
    margin-bottom: 17px;
    color: var(--color-4);
}

.sec-11 .price-area .btn-action a {
    color: var(--color-2);
    background-color: var(--color-w);
    border: 2px solid var(--color-12);
    transition: all 0.6s;
}
.sec-11 .price-area .btn-action-constant a {
    color: var(--color-w);
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
}

.sec-11 .price-area .btn-action a,
.sec-11 .price-area .btn-action-constant a {
    font-family: "Nunito Sans",Sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 34px;
    border-radius: 10px;
    text-decoration: none;
}
.sec-11 .price-area .btn-action a:hover {
    color: var(--color-w);
    background-color: var(--color-1);
    transition: all 0.6s;
}

/*-----------------------SEC-12------------------------*/

.sec-12 {
    background-color: var(--color-13);
}
.sec-12 .row {
    padding: 85px 0px 90px;
}

/*-----------LEFT-S----------*/
.sec-12 .left-site {
    padding: 85px 0px 13px;
}
.sec-12 .left-site .arrow-of-swiper-box {
    position: relative;
    margin-top: 40px;
}

.sec-12 .left-site .arrow-of-swiper-box .swiper-button-prev-own,
.sec-12 .left-site .arrow-of-swiper-box .swiper-button-next-own {
    position: absolute;
    background-color: var(--color-1);
    border-radius: 5px;
    top: 0px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    transition: all 0.6s;
}
.sec-12 .left-site .arrow-of-swiper-box .swiper-button-prev-own {
    left: 0px;
}
.sec-12 .left-site .arrow-of-swiper-box .swiper-button-next-own {
    left: 60px;
}
.sec-12 .left-site .arrow-of-swiper-box .swiper-button-prev-own:hover,
.sec-12 .left-site .arrow-of-swiper-box .swiper-button-next-own:hover {
    background-color: var(--color-18);
    transition: all 0.6s;
}

.sec-12 .left-site .arrow-of-swiper-box .swiper-button-prev-own span,
.sec-17 .whole-main-box .middle-content .swiper4-btn-left span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
}
.sec-12 .left-site .arrow-of-swiper-box .swiper-button-next-own span,
.sec-17 .whole-main-box .middle-content .swiper4-btn-right span  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
}


/*-----------RIGHT-S----------*/
.sec-12 .mySwiper2 {
    width: 830px;
}
.sec-12 .right-site .swiper-con-father .describe-box {
    padding: 50px 25px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: 400;
    background-color: var(--color-w);
}

.sec-12 .right-site .swiper-con-father .specialist {
    display: flex;
    justify-content: center;
}
.sec-12 .right-site .swiper-con-father .specialist .img-box {
    margin-left: auto;
    margin-right: auto;
}
.sec-12 .right-site .swiper-con-father .specialist .img-box .name {
    position: relative;
    left: -10px;
}



/*-----------------------SEC-13------------------------*/
.sec-13 {
    background-color: var(--color-1);
    padding: 85px 0px 60px;
    margin-bottom: 80px;
}
  
.sec-13 .cont-box {
    display: flex;
}

.sec-13 .heart-svg,
.sec-13 .employer-solutions,
.sec-13 .rocket-svg,
.sec-13 .globe-svg {
    width: 40px;
    height: 40px;
    margin: 25px auto 10px;
}
/*------------ICON---------*/
.sec-13 .heart-svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z'/%3E%3C/svg%3E");
}
.sec-13 .employer-solutions {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");
}
.sec-13 .rocket-svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8Z'/%3E%3Cpath d='M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.495 3.495 0 0 0-.463-.315A2.19 2.19 0 0 0 8.25.064.546.546 0 0 0 8 0a.549.549 0 0 0-.266.073 2.312 2.312 0 0 0-.142.08 3.67 3.67 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635.85 0 1.7-.207 2.4-.635.067.03.132.056.196.083.213.09.413.174.627.282.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562l-1.499-1.83ZM12 10.445v.055c0 .866-.284 1.585-.75 2.14.146.064.292.13.425.199.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935L12 10.445ZM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861.133-.068.279-.135.425-.199ZM8.009 1.073c.063.04.14.094.226.163.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13c-.781 0-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928.409-.67.81-1.082 1.096-1.32.09-.076.17-.135.236-.18Z'/%3E%3Cpath d='M9.479 14.361c-.48.093-.98.139-1.479.139-.5 0-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0l1.079-1.439Z'/%3E%3C/svg%3E");
}
.sec-13 .globe-svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z'/%3E%3C/svg%3E");
}
/*----------ICON-END-------*/
.sec-13 .content span,
.sec-13 .content h2 {
    color: var(--color-w);
    font-weight: 700;
} 
.sec-13 .content h2 {
    font-size: 36px;
    margin: 0 0 8px;
}
.sec-13 .content .plus,
.sec-13 .content .kil {
    position: relative;
    font-size: 36px;
    font-weight: 700;
}
.sec-13 .content .plus {
    top: -8px;
}
.sec-13 .content .kil {
    top: -5px;
}
.sec-13 .content span {
    font-size: 18px;
} 

/*-----------------------SEC-14------------------------*/
.sec-14 {
    margin-bottom: 80px;
}
.sec-14 .img-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.sec-14 .content .title-box span {
    margin-bottom: 10px;
}


.sec-14 .content p {
    position: relative;
    padding: 0;
    width: 500px;
    
}
.sec-14 .content a {
    text-decoration: none;
    padding: 20px 20px 20px 30px;
    color: var(--color-14);
    font-weight: 600;
    width: 500px;
    transition: all 0.6s;
}
.sec-14 .content .list-box a::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 45%;
    right: 20px;
    cursor: pointer;
}

.sec-14 .content .list-box a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z'/%3E%3C/svg%3E");
}

.sec-14 .content a:hover {
    background-color: var(--color-1);
    transition: all 0.6s;
}
.sec-14 .content .answer {
    padding: 0px 30px;
    width: 500px;
}

/*-----------------------SEC-15------------------------*/
.sec-15 {
    padding: 65px 0px 80px 0px;
    border-top: 1px solid var(--color-15);
}


.sec-15 .swiper-slide {
    text-align: center;
}
.sec-15 .swiper-slide .img-box{
    margin-left: auto;
    margin-right: auto;
}

/*-----------------------SEC-16------------------------*/
.sec-16 {
    background-image: url(../img/sec16/sec1-bg.webp);
    background-position: center center;
    background-size: cover;
}

.sec-16 .contact-box {
    padding: 95px 64px 83px 0;
}
.sec-16 .contact-box .title-box {
    margin-bottom: 50px;
}
.sec-16 .contact-box .title-box span,
.sec-16 .contact-box .title-box h2 {
    color: var(--color-w);
}

.sec-16 .contact-box .form-box .input-box input {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 5px 25px;
    color: var(--color-w);
    border: 1px solid #484848;
    background-color: #FFFFFF00;
}
.sec-16 .contact-box .form-box .input-box input::placeholder {
    color: var(--color-w);
}
/*-----------------------SEC-17------------------------*/
.sec-17 .title-box {
    text-align: center;
}

.sec-17 .whole-main-box .middle-content {
    position: relative;
}

.sec-17 .whole-main-box .btn-arrow-own {
    position: absolute;
    cursor: pointer;
    color: #fff;
    background-color: var(--color-1);
    z-index: 9;
    opacity: 1;
    border-radius: 5px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    width: 55px;
    height: 55px;
}

.sec-17 .whole-main-box .middle-content:hover .swiper4-btn-left,
.sec-17 .whole-main-box .middle-content:hover .swiper4-btn-right {
    opacity: 1;
    transition: all 0.6s;
}
.sec-17 .whole-main-box .swiper4-btn-left {
    top: 50%;
    left: -60px;
    opacity: 0;
    transition: all 0.6s;
}
.sec-17 .whole-main-box .swiper4-btn-left:hover,
.sec-17 .whole-main-box .swiper4-btn-right:hover {
    background-color: var(--color-18);
}
.sec-17 .whole-main-box .swiper4-btn-right {
    top: 50%;
    right: -60px;
    opacity: 0;
    transition: all 0.6s;
}
.sec-17 .whole-main-box .swiper4-btn-left span,
.sec-17 .whole-main-box .swiper4-btn-right span {
    position: relative;
    top: 25%;
    left: 25%;
}


.sec-17 .whole-main-box .img-box {
    position: relative;
}

.sec-17 .whole-main-box .img-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 329px;
}

.sec-17 .whole-main-box .content-box-bottom {
    padding: 20px 30px 30px 30px;
    box-shadow: 0px 5px 10px 0px rgb(50 65 141 / 7%);
}
.sec-17 .whole-main-box .content-box-bottom div {
    margin-bottom: 20px;
}
.sec-17 .whole-main-box .content-box-bottom .door-open-icon,
.sec-17 .whole-main-box .content-box-bottom .clock-icon {
    position: relative;
    width: 15px;
    height: 15px;
    top: 2px;
    margin: 0px 8px;
}
.sec-17 .whole-main-box .content-box-bottom a,
.sec-17 .whole-main-box .content-box-bottom span {
    text-decoration: none;
    color: var(--color-16);
    font-size: 15px;
}

.sec-17 .whole-main-box .content-box-bottom h3 a {
    line-height: 1.2;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 5px;
    color: var(--color-2);
    transition: all 0.6s;
}
.sec-17 .whole-main-box .content-box-bottom h3 a:hover {
    color: var(--color-1);
    transition: all 0.6s;
}
.sec-17 .whole-main-box .content-box-bottom p {
    padding: 10px 0px 8px 0px;
    color: var(--color-4);
}

.sec-17 .whole-main-box .content-box-bottom .read-more {
    color: var(--color-2);
    font-size: 16px;
    font-weight: 500;
    transition: all 0.6s;
}
.sec-17 .whole-main-box .content-box-bottom .read-more:hover {
    color: var(--color-1);
    transition: all 0.6s;
}

/*------------ICON---------*/
.sec-17 .whole-main-box .content-box-bottom .door-open-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2314b1bb' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15H1.5zM11 2h.5a.5.5 0 0 1 .5.5V15h-1V2zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z'/%3E%3C/svg%3E");
}
.sec-17 .whole-main-box .content-box-bottom .clock-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2314b1bb' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z'/%3E%3C/svg%3E");
}
/*----------ICON-END-------*/



/*-----------------------SEC-18------------------------*/
.sec-18 {
    background-image: url(../img/sec18/footer-bg-1.jpg);
    background-size: cover;
    background-position: center center;
    padding: 65px 0 73px;
    color: var(--color-w);
}
.sec-18 .just-box {
    font-size: 17px;
}
.sec-18 .just-box img {
    max-width: 80%;
    margin-bottom: 20px;
}
.sec-18 .just-box p {
    font-size: 17px;
}

/*------------ICON---------*/
.sec-18 .just-box .social-box a {
    background-color: var(--color-b);
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 5px;
    margin-right: 5px;
    transition: all 0.6s;
}
.sec-18 .just-box .social-box a:hover {
    background-color: var(--color-1);
    transition: all 0.6s;
}

.sec-18 .just-box .social-box .Facebook-icon,
.sec-18 .just-box .social-box .G-PLUS-icon,
.sec-18 .just-box .social-box .Twiter-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 27%;
    left: 27%;
}

.sec-18 .just-box .social-box .Facebook-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");
}
.sec-18 .just-box .social-box .G-PLUS-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z'/%3E%3C/svg%3E");
}
.sec-18 .just-box .social-box .Twiter-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3E%3C/svg%3E");
}

.top .mail-icon span,
.sec-18 .just-box .mail-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z'/%3E%3C/svg%3E");
}
.sec-18 .just-box .opening-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z'/%3E%3Cpath d='M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z'/%3E%3C/svg%3E");
}
/*----------ICON-END-------*/

.sec-18 .just-box h3 {
    margin-bottom: 20px;
    font-size: 22px;
}

.sec-18 .just-box .list-box ul {
    padding-left: 0px;
}
.sec-18 .just-box .list-box ul li {
    margin-bottom: 10px;
}
.sec-18 .just-box .list-box ul li a {
    text-decoration: none;
    color: var(--color-w);
    transition: all 0.6s;
    
    
}
.sec-18 .just-box .list-box ul li a:hover {
    color: var(--color-1);
    transition: all 0.6s;
}

.sec-18 .just-box .contact-box {
    white-space: nowrap;
    margin-bottom: 10px;
}
.sec-18 .just-box .address-icon,
.sec-18 .just-box .phone-icon,
.sec-18 .just-box .mail-icon,
.sec-18 .just-box .opening-icon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    top: -24px;
    position: relative;
}
.sec-18 .just-box .phone-icon,
.sec-18 .just-box .mail-icon,
.sec-18 .just-box .opening-icon {
    top: 3px;
}



/*----------------------callendar----------------------*/
.callendar {
    margin: 80px 0;
    height: 1200px;
}
.callendar .box iframe {
    height: 1000px;
}
/*------------------politykaPrywatnosci----------------*/
.politykaPrywatnosci {
    
}
.politykaPrywatnosci .box {
    background-color: white;
    padding: 20px 30px;
    margin: 40px 0;
}
.politykaPrywatnosci .box h2 {
    font-size: 26px;
    text-align: center;
    margin-bottom: 40px;
}
.politykaPrywatnosci .box h3 {
    font-size: 22px;
}
.politykaPrywatnosci .box h4 {
    font-size: 18px;
}
.politykaPrywatnosci .box p {
    font-size: 14px;
}

/*-----------------------FOOTER------------------------*/
footer {
    padding: 30px 0px 0px 0px;;
    background-color: var(--color-1);
    color: var(--color-w);
}


footer .foo-menu {
    margin-left: auto;
    display: flex;
    flex-direction: row-reverse;
}
footer li {
    display: inline-block;
    margin-right: 10px;
}


footer li a {
    text-decoration: none;
    color: var(--color-w);
    transition: all 0.6s;
}

footer li a:hover {
    color: var(--color-2);
    transition: all 0.6s;
}











/*------------------------STICKER------------------------*/
.sticker {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 110;
    transition: all 0.6s;
}
.sticker .b-color {
    color: black;
    transition: all 0.6s;
}
.sticker ul .nav-item {
    border-top: 0px solid #ddd!important;
}
.sticker .father-a {
    color: white;
    transition: all 0.6s;
}
.sticker a {
    color: black;
    transition: all 0.6s;
}


/*------------------------odliczanie------------------------*/
.counterdown {
    padding: 80px 0;
}
.counterdown .title {
    text-align: center;
}
.counterdown .title .st-span {
    margin-bottom: 10px;
    color: var(--color-1);
    line-height: 1.4;
    font-size: 18px;
    font-weight: 600;
}
.counterdown .title .st-h2 {
    font-size: 36px;
    color: var(--color-2);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 22px;
}

.counterdown .box {
    display: flex;
    justify-content: center;
}
.counterdown .box .cdown-box {
    position: relative;
    text-align: center;
    width: 200px;
    height: 200px;
    line-height: 1;
    border-color: #fff;
    padding: 59px 0 0;
    border: 1px solid #ddd;
    margin: 10px 10px 20px;
}
.counterdown .box .cdown-box span{
    color: var(--color-1);
    display: block;
    font-size: 50px;
    font-weight: 700;
} 
.counterdown .box .cdown-box p {
    color: var(--color-1);
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    margin: 10px 0 0;
}  


/*----CIESZYN----*/
















/*--------------------ANIMATIONS--------------------*/

@keyframes animacja1 {
    0% {
        width: 0%;
    }
    100% {
        width: 80%;
    }
}
@keyframes animacja2 {
    0% {
        width: 0%;
    }
    100% {
        width: 90%;
    }
}
@keyframes animacja3 {
    0% {
        width: 0%;
    }
    100% {
        width: 61%;
    }
}
@keyframes animacja4 {
    0% {
        width: 0%;
    }
    100% {
        width: 73%;
    }
}
@keyframes loader {
    0% {
        width: 50%;
    }
    100% {
        width: 0%;
        opacity: 0;
    }
}










/*----------------------MEDIA----------------------*/
/*Rozdzielczość Monitory - Laptopy*/
@media (max-width: 1399.98px) {
    /*header .container .box {
        padding: 238px 0px;
    }*/
    .sec-3 .icon-phone-2 {
        height: 50px;
    }
}

/*Rozdzielczość Tablety poziomo */
@media (max-width: 1199.98px) {
    .navbar a {
        margin: 0px 9px;
    }
    /*header .container .box {
        padding: 195px 0px;
    }*/
    .sec-3 .icon-phone-2 {
        width: 11%;
    }
    .sec-3 .cont-service-bottom .service-content {
        width: 89%;
    }
}

/*Rozdzielczość Tablety pionowo */
@media (max-width: 991.98px) {
    .none991 {
        display: none;
    }
    .mobile-menu {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999;
        text-align: center;
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        color: #000;
    }
    .mobile-menu .box {
        background: #fff;
        font-size: 12px;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        transition: all 0.6s;
    }
    .mobile-menu .box:hover {
        background: var(--color-1);
        transition: all 0.6s;
    }
    .mobile-menu a {
        text-decoration: none;
    }
    .mobile-menu .box div {
        padding: 15px 0px;
        color: var(--color-b);
    }

    .mobile-menu .box a div svg {
        width: 18px;
        height: 18px;
        margin-bottom: 6px;
        fill: var(--color-2);
    }
    .chat-box {
        display: none;
    }

    .top .row {
        justify-content: center;
    }
    .top .row .text-right {
        text-align: center;
    }
    .navbar ul.navbar-nav {
        margin-top: 20px;
    }
    .navbar ul .nav-item  {
        border-top: 1px solid #ddd;
    }
    .navbar .button-1 {
        display: none;
    }
    .navbar ul li .dropdown-menu {
        padding: 0px 0px;
    }
    
    .sec-3 .icon-part,
    .sec-3 .icon-bell {
        width: 20%;
    }
    .sec-3 .service-content {
        width: 80%;
    }
    .sec-3 .icon-phone-2 {
        width: 16%;
    }
    .sec-3 .cont-service-bottom .service-content {
        width: 84%;
    }
    .sec-10 .row {
        padding-top: 40px;
    }
    .sec-10 .left-site {
        margin-bottom: 40px;
        text-align: center;
    }
    .sec-10 .right-site input {
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .sec-10 .right-site a {
        width: 64%;
    }
    .sec-12 .left-site {
        padding-bottom: 43px;
    }
}

/*@media (min-width: 767px) {
    .dropdown-menu {
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.6s ease-out, opacity 0.6s ease-out;
        opacity: 0;
    }

    .nav-item:hover .dropdown-menu {
        max-height: 500px;
        opacity: 1;
    }
}*/

/*Rozdzielczość Smartfony Poziomo */
@media (max-width: 767.98px) {
    .chat-box {
        width: 130px;
        height: 36px;
        font-size: 10px;
    }
    .chat-box .round-container {
        height: 30px;
        width: 30px;
    }
    .chat-box .round-container svg {
        width: 15px;
        height: 15px;
    }
    .btn1,
    .btn2 {
        font-size: 12px;
        padding: 10px 20px;
    }
    .top,
    .top .text-right {
        text-align: center;
    }
    
    
    
    
    header .container h1 {
        font-size: 56px;
    }

    header .container p {
        font-size: 28px;
    }
    .sec-2 {
        margin-top: 20px;
    }
    .sec-2 .row {
        top: 0px;
    }
    
    .sec-3 .icon-phone-2 {
        width: 10%;
        margin-right: 50px;
    }
    .sec-3 .cont-service-bottom .service-content {
        width: 90%;
    }
    
    .sec-5 .portfolio-box {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .sec-6 {
        margin-bottom: 40px;
    }
    
    
    .sec-8 {
        overflow-y: hidden;
    }
    
    .sec-10 .row {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sec-10 .right-site input {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .sec-10 .right-site a {
        width: 100%;
    }

    .sec-12 .row {
        padding-top: 0px;
    }
    .sec-12 .left-site {
        margin-bottom: 50px;
    }
    .sec-13 .cont-box {
        display: block;
    }
    .sec-13 .content {
        text-align: center;
    }
    .sec-13 .content .d-flex {
        justify-content: center;
    }
    .sec-16 .contact-box .form-box .input-box {
        width: 100%;
    }
    .sec-18 .just-box {
        text-align: center;
    }
    
    footer p {
        text-align: center;
    }
    footer .foo-menu {
        justify-content: center;
    }
    nav,
    header,
    section,
    .footer {
        overflow-x: hidden;
    }
    section {
        overflow-y: hidden;
    }
}

/*Rozdzielczość Smartfony Pionowo */
@media (max-width: 575.98px) {
    .top {
        display: none;
    }
    .sec-3 .icon-phone-2 {
        width: 12%;
        margin-right: 34px;
    }
    .sec-3 .cont-service-bottom .service-content {
        width: 88%;
    }
    .sec-14 .content p {
        width: 100%;
    }
    .sec-14 .content .answer {
        width: 100%;
    }
    .sec-14 .content a {
        width: 100%;
        padding-right: 25px;
    }
    
}
@media (max-width: 499.98px) {
    .navbar .logo a img {
        max-width: 200px;
        min-width: 50px;
    }
}