@font-face {
     font-family: 'Creato';
     src: url('/website/assets/fonts/Creato-Regular.otf') format('opentype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Creato';
     src: url('/website/assets/fonts/Creato-Bold.otf') format('opentype');
     font-weight: bold;
     font-style: normal;
 }

 @font-face {
     font-family: 'Creato';
     src: url('/website/assets/fonts/Creato-Light.otf') format('opentype');
     font-weight: 300;
     font-style: normal;
 }

 @font-face {
     font-family: 'Creato';
     src: url('/website/assets/fonts/Creato-ExtraBold.otf') format('opentype');
     font-weight: 900;
     font-style: normal;
 }

 @font-face {
     font-family: 'Creato';
     src: url('/website/assets/fonts/Creato-Medium.otf') format('opentype');
     font-weight: 500;
     font-style: normal;
 }

 body {
     font-family: 'Creato', sans-serif !important;
 }

 html {
     scroll-behavior: smooth !important;
 }


 body {
     background-color: #071021;
     /* 100%-ით თავიდანვე სწორი ფერი */
     color: #fff;
     padding: 50px;
     padding-bottom: 0px;
     padding-top: 0px;
     overflow-x: hidden;
     transition: background-color 0.4s ease-in-out;
     /* გლუვი ცვლილება */
 }


 * {
     text-decoration: none !important;
     list-style-type: none;
 }

 header {
     margin-top: -49px;
     display: flex;
     position: fixed;
     z-index: 5;
     width: 100%;
     margin-left: -50px;
     padding: 0 50px;
     height: 80px;
     background: #071021;
     padding-top: 30px;
 }

 .sidebar-icon {
     margin-left: auto;
 }

 .work-card img {
     border-radius: 10px;
 }

 .sidebar-icon span {
     font-size: 24px;
 }

 .sidebar-icon svg {
     margin-top: 5px;
 }

 .our-work {
     border-left: 3px solid lightblue;
     border-image: linear-gradient(to bottom, lightblue, rgb(40, 96, 250)) 1;
 }


 .work-card {
     border-radius: 20px;
     margin-left: 10px;
     margin-right: 10px;
 }

 .work-card img {
     width: 100%;
     height: auto;
     object-fit: cover;
 }

 .swiper-work {
     display: flex;

 }

 .our-work button {
     margin-left: 30px;
 }

 .section-title {
     color: #4374FF;
     margin-right: 50px;
     min-width: 100px;
     font-size: 16px;
 }

 .service-row .section-title {
     margin-right: 0px;
 }

 .who-text {
     height: max-content;
     font-size: 24px;
     display: block;
 }

 .text-container {
     flex-direction: column;
 }

 .service-title {
     margin-bottom: -8px;
     padding-bottom: 0px;
     border-bottom: 1px solid;
     border-image: linear-gradient(to right,rgba(72, 204, 246, 0.7), rgba(72, 204, 246, 0.7)) 1;
 }

 .contact-p {
     margin-top: 10px;
 }

 .contct-textarea {
     margin-top: 5px;
 }

 .service-number {
     margin-top: auto;
     font-size: 100px;
     width: 120px;
     color: #4374FF;
     -webkit-background-clip: text;
     margin-bottom: -15px;
     font-weight: bold;
 }

 input:focus::placeholder {
     color: transparent !important;
 }

 .service-name {
     margin-top: auto;
     margin-bottom: 10px;
     margin-left: 18px;
     font-size: 23px;
     font-weight: bold;
 }

 .service-collapse h3 {
     font-weight: bold;
     font-size: 23px;
 }

 .service-swiper .swiper-item p {
     font-weight: 400;
     font-size: 15px;
     color: grey;
     max-width: 500px;
     margin-bottom: 0px !important;
 }

 .works-row h1 {
     font-size: 43px;
     font-weight: bold;
 }


 .the {
     width: 40px !important;
     margin-left: 10px;
 }

 .expanding {
     width: 130px !important;
     margin-top: 5px;
 }

 .work-items .work-item {
     padding: 40px;
     border: 1px solid rgba(24, 158, 202, 0.7);
 }

 .all-works-a {
     text-align: right;
 }

 .work-list p {
     margin-bottom: 0px;
     font-size: 13px;
     text-align: right;
     color: grey;
     font-weight: 300;
 }

 .swiper-slide .service-name {
     color: #fff !important;
 }

 .work-item img {
     width: 100%;
     border-radius: 15px;
     height: auto;
     object-fit: cover;
 }

 .work-list {
     margin-left: auto;
 }

 .work-title {
     margin-top: auto;
 }

 .partners {
     background-color: #fff;
     margin-left: -50px !important;
     margin-top: 100px;
     padding: 30px;
     width: 100vw;
 }

 .partners-col {
     border-left: 3px solid lightblue;
     border-image: linear-gradient(to bottom, rgb(40, 96, 250), lightblue) 1;
 }

 .partners-col img {
     width: 150px;
     max-width: 100%;
     height: 100px;
     object-fit: contain;
     margin-right: auto;
 }

 .partners-col h2 {
     color: black;
     margin-bottom: 30px;
     font-weight: bold;
     font-size: 24px;
 }

 .partner-logos {
     margin-bottom: 30px;
 }

 .lale {
     width: 90px !important;
 }

 footer {
     background-color: #4374ff;
     width: 100vw;
     margin-left: -50px;
     padding: 50px;
     padding-top: 70px;
     padding-bottom: 80px;
 }

 footer h4 {
     font-weight: bold;
     border-bottom: 2px solid;
     padding-bottom: 10px;
     border-image: linear-gradient(to right, rgb(16, 2, 221), lightblue) 1;
 }

 footer p {
     margin: 0px;
     font-size: 14px;
     color: #fff;
 }

 .footer-col {
     width: 70%;
 }

 .social a {
     color: #fff !important;
     margin-right: 20px;
 }

 .work-page h6 {
     width: 100%;
     text-align: right;
     margin-bottom: 30px;
     color: #4374FF;
     font-weight: 300;
 }

 .work-page .work-item img {
     height: auto;
 }

 .work-page {
     margin-bottom: 200px;
 }

 .nav {
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
 }

 .cover {
     width: 100vw;
     position: fixed;
     left: 0;
     background-color: rgb(0, 0, 0);
     opacity: 0.8;
     z-index: 2;
     height: 100vh;
 }

 .navigation {
     width: 600px;
     max-width: 600px;
     min-width: 400px;
     position: fixed;
     right: 0;
     background-color: #4374FF;
     z-index: 22;
     height: 100vh;
     padding: 20px;
 }

 .close {
     width: 100%;
     text-align: right;
 }

 .navigation h6 {
     color: rgb(214, 214, 214);
     font-size: 12px;
 }

 .navigation ul li a {
     color: #fff;
     font-size: 27px;
     transition: 0.3s;
     font-weight: 500;
 }

 .navigation ul li a:hover {
     color: #000;
 }

 .navigation ul {
     padding: 0px;
 }

 .navigation ul li {
     width: 100%;
     padding-bottom: 5px;
     border-bottom: 3px solid black;
     margin-bottom: 10px;
     border-image: linear-gradient(to right, rgb(16, 2, 221), rgb(84, 202, 241)) 1;
 }

 .social-icons {
     width: max-content;
     float: right;
     margin-top: 40px;
 }

 .close {
     cursor: pointer;
 }

 .nav {
     display: none;
 }

 .burger {
     cursor: pointer;
     right: 60px;
 }

 .service-swiper .swiper-slide {
     height: max-content !important;
 }

 .serviceSwiper .swiper-wrapper {
     padding-top: 150px;
     height: 366px;
 }

 .serviceSwiper .swiper-slide {
     opacity: 0.4;
 }

 .serviceSwiper .swiper-slide-active {
     opacity: 1;
 }

 .service-option {
     max-width: 550px;
     margin-left: 140px;
     flex-wrap: wrap;
     min-height: 61px;
 }

 .service-option p {
     width: max-content;
     height: max-content;
     margin-right: 20px;
 }

 .logo {
     width: 50px;
     height: auto;
     margin-right: 5px;
     margin-top: -4px;
     object-fit: contain;
 }

 .collapse-span {
     margin-left: auto;
     margin-top: auto;
     margin-right: 20px;
     margin-bottom: 10px;
     width: max-content;
     text-align: right;
 }

 .collapse-container {
     width: max-content;
     max-width: 900px;
     margin-left: auto;
     margin-right: 12px;
     margin-right: -35px;
 }

 .service-collapse .row div {
     padding: 20px;
     padding-bottom: 90px !important;
     border: 1px solid rgba(0, 0, 0, 0.2);
     padding: 15px;
     border: 1px solid rgba(24, 158, 202, 0.7);
 }

 .loader {
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     background-color: #070e1e;
     z-index: 2222;
     left: 0;
 }

 .loader-item img {
     width: 300px;
 }

 .loader-item {
     width: max-content;
     margin: auto;
     margin-top: 40vh;
 }

 .loader-line-main {
     width: 96%;
     border-radius: 10px;
     height: 5px;
     background-color: #1e2c5d;
     margin: auto;
     margin-top: 40px;
     margin-left: 0;
 }

 .loader-logo {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     animation: rotateLogo 2s linear infinite;
     margin-left: -20px;
 }

 @keyframes rotateLogo {
     0% {
         transform: rotateX(0deg);
     }

     100% {
         transform: rotateX(360deg);
     }
 }

 .loader-line {
     width: 0%;
     height: 100%;
     background-color: #4d72f5;
     margin-top: 10px;
 }

 /* Loader Wrapper */


 .loader-container {
     display: flex;
     align-items: center;
 }

 .header-logo {
     margin-top: -15px;
 }

 @keyframes rotateLogo {
     0% {
         transform: rotateX(0deg);
     }

     100% {
         transform: rotateX(360deg);
     }
 }

 /* Loader Line */
 .loader-line {
     width: 0;
     height: 5px;
     background-color: #4d72f5;
     margin-top: 10px;
 }

 .service-collapse .description p {
     margin-right: 20px;
     margin-top: 20px;
     width: 280px;
     color: #fff;
     font-weight: 300;
 }

 .main-service .service-number {
     margin-top: auto;
     font-size: 90px;
     background: linear-gradient(to right, #4374ff, #48ccf6, #bcfffc);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: -15px;
 }

 .collapse-span {
     right: 0;
     bottom: 0;
 }

 .logo-sec {
     /* width: 10px; */
     color: rgb(67 116 255) !important;
     margin-right: 5px;
     height: 45px;
     width: auto;
     margin-top: 7px;
     transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
 }


 /* Disappear Effect (Slide & Blur) */
 .hide-logo .logo-sec:nth-child(2) {
     transform: translateX(-10px);
     opacity: 0;
 }

 .hide-logo .logo-sec:nth-child(3) {
     transform: translateX(-30px);
     opacity: 0;
 }

 .hide-logo .logo-sec:nth-child(4) {
     transform: translateX(-50px);
     opacity: 0;
 }

 .hide-logo .logo-sec:nth-child(5) {
     transform: translateX(-70px);
     opacity: 0;
 }

 .hide-logo .logo-sec:nth-child(6) {
     transform: translateX(-100px);
     opacity: 0;
 }

 .hide-logo .logo-sec:nth-child(7) {
     transform: translateX(-130px);
     opacity: 0;
 }

 .hide-logo .logo-sec:nth-child(8) {
     transform: translateX(-130px);
     opacity: 0;
 }

 .btn-main {
     background-image: url('/website/assets/img/btn-1.png');
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
     width: max-content;
     padding: 10px;
     padding-top: 20px;
     padding-right: 20px;
     color: #fff !important;

 }

 .contact-span {
     transform: scaleX(-1);
     rotate: 180deg;
     margin-left: -5px;
 }

 .btn-contact {
     background-image: url('/website/assets/img/btn-3.png');
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
     width: max-content;
     padding: 10px;
     padding-top: 30px;
     padding-left: 17px;
     padding-right: 30px;
     margin-left: -10px;
     padding-bottom: 10px;
     color: #fff !important;
     rotate: 90deg;
     position: fixed;
     left: -30px;
     top: 48vh;
     font-size: 20px;
     transform: scaleX(-1);
 }

 .contact-2-btn {
     background-image: url('/website/assets/img/btn-3.png');
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
     width: max-content;
     padding: 20px;
     padding-top: 35px;
     padding-right: 27px;
     color: #fff !important;
     font-size: 20px;
 }

 .social-icons img {
     width: 30px;
     object-fit: contain;
     margin-left: 10px;
 }

 .nav {
     z-index: 5;
 }

 .service-row {
     margin-bottom: 100px;
 }


 .service-option {
     display: flex;
     margin-top: 10px;
 }

 .service-page-title {
     text-align: right;
 }

 .serviceSwiper .swiper-item {
     margin-bottom: -10px;
 }

 .who-text {
     width: 80%;
     font-weight: bold;
 }

 .work-item img {
     transition: 0.3s;
     cursor: pointer;
 }

 .work-item:hover img {
     opacity: 0.4;
 }

 .hidden-text {
     display: none;
     margin-top: -60px;
     margin-left: 30px;
     z-index: 11;
     font-size: 17px;
     position: absolute;
     transition: 0.3s;
     padding-bottom: 5px;
     border-bottom: 2px solid;
     border-image: linear-gradient(to right, rgba(4, 10, 20, 0.7), rgba(67, 116, 255, 0.7), rgba(72, 204, 246, 0.7), rgba(188, 255, 252, 0.7)) 1;
 }

 .work-item:hover .hidden-text {
     display: block;
 }

 .solo-img img {
     width: 100%;
     height: 100%;
     background-color: red;
 }

 .two-img {
     padding: 0px !important;
 }

 .two-img img {
     width: 100%;
     height: 30vh;
     margin-bottom: 20px;
     background-color: blue;
 }

 .two-two {
     margin-bottom: 0px !important;
 }

 .work-modal .modal-content {
     padding: 10px !important;
 }

 .work-modal p {
     color: #000;
 }

 .work-modal .work-modal-title {
     font-size: 18px;
     font-weight: bold;
     margin-top: 10px;
     margin-bottom: 0px;
 }

 .work-modal .work-modal-description {
     font-size: 13px;
     max-width: 60%;
 }

 .modal-close {
     position: absolute;
     color: #4374FF;
     background-color: #000;
     padding: 5px 10px;
     right: 0;
     border-radius: 5px;
     margin-right: 20px;
     margin-top: 10px;
     cursor: pointer;
 }

 @media only screen and (max-width: 1100px) {
     .service-option {
         margin-left: 20px;
     }

     .service-option .swiper-item p {
         font-size: 12px !important;
     }

     .service-option {
         max-width: 550px;
         margin-left: 20px;
         flex-wrap: wrap;
         min-height: 61px;
     }

     .service-row {
         margin-right: 0px !important;
     }

 }

 @media only screen and (max-width: 920px) {
     .service-option {
         max-width: 550px;
         margin-left: 20px;
         flex-wrap: wrap;
         min-height: 61px;
     }

     .serviceSwiper .swiper-wrapper {
         padding-top: 155px;
         height: 360px;
     }

     .service-swiper .swiper-item p {
         font-size: 11px;
     }

     .service-name {
         font-size: 20px;
     }

 }

 .service-sm {
     display: none;
 }

 .service-sm .service-option {
     display: none;
 }

 .service-sm .collapse-span {
     margin-bottom: 10px;
 }

 .service-sm .service-title {
     display: block !important;
 }

 .service-sm .collapse-container {
     width: 100%;
     padding-right: calc(var(--bs-gutter-x)* .5);
     padding-left: calc(var(--bs-gutter-x)* .5);
 }

 .service-sm .service-option {
     display: none;
 }

 .service-sm .description {
     border-top: 0px !important;
 }

 .service-sm .service-collapse .row div {
     border-left: 0px;
 }

 .service-sm .service-name {
     font-size: 16px !important;
 }

 .contact-form input {
     width: 100%;
     margin-bottom: 20px;
     padding: 12px;
     border-radius: 5px;
     height: 60px;
 }

 .contact-form textarea {
     width: 100%;
     padding: 12px;
     border-radius: 5px;
     height: 150px;
     height: 220px;
 }

 .contact-row {
     margin-top: 15vh;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .contact-about {
     margin-top: 57px;
     border-top: 1px solid lightblue;
     border-image: linear-gradient(to bottom, lightblue, rgb(40, 96, 250)) 1;
     padding-top: 20px;
     margin-bottom: 250px;
 }

 .cb {
     padding-right: 50px;
 }

 .contact-about h5 {
     font-weight: 400;
     color: #4374ff;
 }

 .contact-about p {
     margin-bottom: 5px;
 }

 .contact-about h6 {
     color: #4374FF;
 }

 /* modals */
 .works-scrol img {
     object-fit: cover;
     width: 100%;
     height: auto;
     width: 100%;
     min-width: 100px;
 }

 .works-scrol div {
     padding: 5px;
 }

 .works-scrol {
     padding: 0px;
 }

 .works-scrol {
     width: 100%;
     overflow-x: hidden !important;
     padding-left: 0px !important;
     padding-right: 0px !important;
 }

 .chitostan-1 img {
     width: 250px;
     height: auto;
     margin-bottom: 10px;
 }

 .chitostan-2 img {
     width: 303px;
     height: auto;
     margin-bottom: 10px;
 }

 .chitostan-3 img {
     width: 287px;
     height: auto;
     margin-bottom: 10px;
 }

 .chitostan-4 img {
     width: 287px;
     height: auto;
     margin-bottom: 10px;
 }

 .chitostan-5 img {
     width: 204px;
     height: auto;
     margin-bottom: 10px;
 }

 .chitostan-6 img {
     width: 288px;
     height: auto;
     margin-bottom: 10px;
 }

 .work-modal .row {
     padding-left: 13px;
     padding-right: 15px;
 }

 .askrioni-1 img {
     width: 250px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-2 img {
     width: 531px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-3 img {
     width: 322px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-4 img {
     width: 605px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-5 img {
     width: 297px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-6 img {
     width: 297px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-7 img {
     width: 298px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-8 img {
     width: 409px;
     height: auto;
     margin-bottom: 10px;
 }

 .askrioni-9 img {
     width: 306px;
     height: auto;
     margin-bottom: 10px;
 }

 .lale-1 img {
     width: 256px;
     height: auto;
     margin-bottom: 10px;
 }

 .lale-2 img {
     width: 356px;
     height: auto;
     margin-bottom: 10px;
 }

 .lale-2 {
     width: 366px;
 }

 .lale-3 img {
     width: 586px;
     height: auto;
     margin-bottom: 10px;
 }

 .works-scrol {
     overflow-x: auto;
     /* გააქტიურებს ასომხაზოვნებულ სქროლს */
     cursor: grab;
     /* მაჩვენებს "გრაბ" კურსორს */
 }

 .partner-logos .swiper-slide {
     width: max-content;
 }

 .modal {
     overflow-y: hidden;
 }

 .modal.fade .modal-dialog {
     display: flex !important;
     align-items: center;
     justify-content: center;
     min-height: 100vh;
     margin-top: 0px !important;
 }

 .work-row .swiper-wrapper {
     display: flex;
     transition: transform linear 0s;
     will-change: transform;
     padding-top: 70px !important;
 }

 .contact-icons {
     width: max-content;
     margin-top: 10px;
     margin-left: -10px;
     float: left !important;
 }

 .partnerSwiper .swiper-wrapper {
     display: flex;
     transition: transform linear 0s;
     will-change: transform;
 }

 .serviceSwiper .swiper-wrapper {
     display: flex;
     transition: transform linear 0s;
     will-change: transform;
 }

 .partnerSwiper .swiper-wrapper .swiper-slide {
     text-align: center;
 }

 .arrow-section {
     width: 25px;
     cursor: pointer;
 }

 .contact-text2 {
     display: none;
 }

 /* modals end */

 @media only screen and (max-width: 1050px) {
     .who-text {
         width: 100%;
     }

     .contact-form .section-title {
         margin-bottom: 43px;
     }

     .service-lg {
         display: none;
     }

     .service-sm {
         display: block;
     }

     .collapse-span {
         float: right;
         margin-top: 82px;
         margin-right: 20px;
     }

     .collapse-container {
         margin-left: 0px;
     }

     .work-modal .modal-dialog {
         width: 80vw;
         max-width: 80vw;
         margin-left: 10vw;
     }
 }

 @media only screen and (max-width: 990px) {
     .contact-title {
         margin-bottom: 38px !important;
         margin-top: 5px !important;
     }
 }

 @media only screen and (max-width: 770px) {
     .contact-text2 {
         display: block;
     }

     .contact-text1 {
         display: none;
     }
 }

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

     /* .service-sm .service-title{
        display: flex !important;
    } */
     .collapse-span {
         margin-left: auto !important;
     }

     .service-option {
         margin-left: 20px;
     }

     .service-number {
         font-size: 75px;
     }

     .service-name {
         font-size: 20px !important;
         display: block;
     }

     .serviceSwiper .swiper-wrapper {
         padding-top: 124px;
         height: 310px;
     }

     .serviceSwiper .swiper-item {
         margin-bottom: 0px;
     }

     .collapse-span {
         float: right;
         margin-top: 60px;
         margin-right: 10px;
     }
 }


 @media only screen and (max-width: 570px) {
     .service-collapse .row div {
         border-right: 0px;
     }

     header {
         margin-left: 0px;
         margin-left: -10px;
     }

     .navigation {
         width: 100vw;
     }

     .burger svg {
         margin-top: 20px;
     }

     .burger span {
         display: none;
     }

     .btn-contact {
         display: none;
     }

     .loader-item {
         width: 90vw;
         margin-left: 5vw;
     }

     .expanding {
         width: 90px !important;
     }

     .the {
         width: 28px !important;

     }

     .loader-logo {
         width: 150px !important;
         margin-left: 10px;

     }

     .loader-line-main {
         margin-top: 10px;
     }

     /* .partners{
        margin-left: -30px !important;
    } */
     .works-row h1 {
         font-size: 35px;
     }

     body {
         padding: 10px !important;
         padding-bottom: 0px !important;
         padding-top: 40px !important;
     }

     .burger {
         right: 20px;
         margin-top: -16px;
     }

     .partners {
         margin-left: -30px !important;
     }

     footer {
         margin-left: -10px !important;
         margin-top: auto;
     }

     .who-text {
         font-size: 17px;
         width: 100%;
     }

     .service-option {
         margin-left: 2px;
     }

     .service-option p {
         font-size: 11px !important;
         margin-top: 0px;
     }

     .service-number {
         font-size: 65px !important;
     }

     .service-name {
         font-size: 15px !important;
     }

     .serviceSwiper .swiper-wrapper {
         padding-top: 124px;
         height: 280px;
     }
     .modal-content {
        max-height: 80vh !important;
        overflow-y: auto;
     }

     .modal.fade .modal-dialog {
         margin: 5vw;
         width: 90vw;
         max-width: 90vw;
     }
     .work-modal .work-modal-description {
        font-size: 13px;
        max-width: 100%;
     }

     .contact-row {
         flex-direction: column-reverse;
     }

     .contact-row .cb {
         order: 2;
         /* მეორე ბლოკი */
     }

     .contact-row .db {
         order: 1;
         /* პირველი ბლოკი */
     }

     .work-items .work-item {
         border-right: 0px;
     }
 }

 @media only screen and (max-width: 450px) {
     .serviceSwiper .swiper-wrapper {
         padding-top: 124px;
         height: 280px;
     }

     .service-number {
         font-size: 50px;
         margin-bottom: -10px;
     }

     .service-sm .service-name {
         font-size: 13px !important;
     }

     .service-number {
         width: 80px;
         margin-right: 10px;
     }

     .navigation {
         min-width: 100vw !important;
     }
 }

 .partnerSwiper img {
     object-fit: contain;
     padding: 0 20px;
 }

 .service-collapse .row .service-05 {
     padding-bottom: 290px !important;
 }

 .sec-1 {}

 .sec-2 {}

 .sec-3 {
     margin-right: 5.5px;
 }

 .sec-4 {
     margin-right: 3px;
 }

 .sec-5 {
     margin-right: 3px;
 }

 .sec-6 {
     margin-right: 4px;
 }

 .sec-7 {}