.scoll-bars {
     max-height: 160px;
     overflow-y: scroll;
 }

 .scoll-bars::-webkit-scrollbar {
     width: 1px;
 }

 .scoll-bars::-webkit-scrollbar-track {
     background-color: rgba(3, 21, 33, 0.1);
 }

 .scoll-bars::-webkit-scrollbar-thumb {
     background-color: #3293fc;
     height: 60px;
 }

 .scoll-bars.h80 {
     max-height: 80px;
 }

 .scoll-bars p {
     font-size: 13px;
     line-height: 20px;
 }

 .services-sec {
     padding: 30px 0;
 }

 .our-away .box h4 {
     font-size: 17px;
 }

 .scroll-block {
     max-height: 380px;
     padding-right: 15px;
     overflow-y: scroll;
 }

 .scroll-block::-webkit-scrollbar {
     width: 1px;
 }

 .scroll-block::-webkit-scrollbar-track {
     background-color: rgba(3, 21, 33, 0.1);
 }

 .scroll-block::-webkit-scrollbar-thumb {
     background-color: #3293fc;
     height: 60px;
 }

 .ebook .service-form-box {
     border: 1px solid #000;
     border-radius: 7px;
     margin-left: 60px;
     width: 80%;
     margin: 30px auto 0;
 }

 .hd-txt {
     text-align: center;
     position: relative;
     padding-bottom: 20px;
 }

 .hd-txt h2 {
     font-size: 38px;
     font-weight: 600;
     line-height: 50px;
     width: auto;
     display: table;
     margin: auto;
     position: relative;
 }

 .services-box {
     background-color: #fff;
     box-shadow: 2px 2px 20px 0px rgb(0 0 0 / 20%);
     border-radius: 5px;
     padding: 20px 20px;
     text-align: center;
     margin: 50px 0;
     position: relative;
     transition: all .5s ease-in-out;
 }

 .services-box:hover {
     background-image: url(../images/serv-hvr-bg.png);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-color: #000;
 }

 .services-box span {
     position: absolute;
     left: 20px;
     font-size: 40px;
     font-weight: bold;
     color: #34b498;
     top: 10px;
 }

 .serv-img {
     width: 125px;
     height: 125px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     margin: 0 auto;
     border: 1px solid;
     border-radius: 60%;
     margin-top: -70px;
     background: #fff;
 }

 .serv-main-col {
     margin: 0;
 }

 .services-box h4 {
     font-size: 20px;
     font-weight: 600;
     padding: 15px 0;
     position: relative;
 }

 .services-sec .hd-txt {
     padding-bottom: 70px;
 }

 .services-box h4:before {
     content: '';
     background: #041838;
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     width: 50%;
     height: 1px;
     bottom: 8px;
 }

 .services-box p {
     color: #8A8A8A;
     font-size: 16px;
     width: 90%;
     margin: 0 auto;
     margin-bottom: 15px;
     min-height: 180px;
 }

 img.serv-img-hvr {
     position: absolute;
 }

 .serv-btn {
     border: 1px solid #041838;
     border-radius: 5px;
     padding: 5px 20px;
     display: none;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     color: #000;
     background: #fff;
 }

 .services-box:hover h4 {
     color: #fff;
 }

 .services-box:hover p {
     color: #fff;
 }

 .serv-btn-st .bnr-btn {
     justify-content: center;
     margin-bottom: 0;
     margin-top: 40px;
 }

 hr.divider-serv {
     color: #02d463;
     height: 2px;
     top: 16px;
     position: relative;
 }

 span.clr-hd {
     color: #3293fe;
 }

 .spring {
     width: 904px;
     height: 596px;
     padding: 0;
     overflow: visible;
     background: url(assets/images/offerpopup.png) no-repeat;
 }

 .spring button.carousel__button.is-close {
     background: #3293fc;
     border-radius: 50%;
     height: 35px;
     width: 35px;
     right: 101px !important;
     top: 18px !important;
 }

 .spring .popup-content {
     background: #081f3f;
     padding: 20px 20px;
     height: 100%;
     width: 87%;
     margin-top: 0;
     border-radius: 60px;
     border-left: 10px solid #f3522b;
     border-bottom: 10px solid #f3522b;
     text-align: center;
 }

 .spring .form-control {
     height: 40px;
     color: #000;
     font-size: 14px;
     margin: 0 0 10px;
 }

 .popup-content h2 {
     font-family: 'Poppins';
     font-size: 34px;
     padding: 0;
     color: #3293fc;
     font-weight: 700;
     margin: 0 0 10px;
     text-transform: uppercase;
     line-height: 34px;
 }

 .spring .popup-content h2 {
     font-style: italic;
     color: #fcd801;
     text-transform: unset;
     margin: 0 0 12px;
 }

 .spring .custom-pop {
     height: 100%;
     margin-top: 54px;
     margin-left: -20px;
 }

 .spring .popup-content h3 {
     color: #000;
     background: #fcd801;
     padding: 4px 0;
     border-radius: 0;
     margin-left: -20px;
     width: 112%;
     font-size: 19px;
     margin-bottom: 8px;
 }

 .spring .popup-content p {
     color: #fff;
     background: transparent;
     padding: 0;
     width: 100%;
     margin: 0;
     line-height: normal;
     font-size: 14px;
     font-weight: 500;
     margin: 0 0 10px;
     letter-spacing: inherit;
     text-transform: none;
 }

 .spring .custom-pop .btn-blue {
     background: #fcd801;
     color: #000;
     border: none;
 }

 .spring .custom-pop textarea.form-control {
     height: 80px;
 }

 .spring button.fancybox-button {
     background: green;
     right: 103px;
     top: 23px;
     border-radius: 50%;
     opacity: 1;
     color: white;
     font-weight: 700;
 }

 .spring .popup-content h3 span {
     background: transparent;
     color: inherit;
 }

 .sct ul {
     display: inline-flex;
     margin-right: 160px;
     align-items: flex-start;
     flex-flow: column;
     justify-content: space-around;
     gap: 9px;
 }

 .services-box .serv-img img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) contrast(100%); }

 .owl-newboxmarketing .services-box {
     margin: 50px 15px;
     height: auto;
 }

 .owl-newboxmarketing .services-box h4 {
     font-size: 18px;
 }

 .owl-newboxmarketing .services-box p {
     font-size: 12px;
     line-height: 18px;
 }

 .owl-newboxmarketing .slick-prev:before,
 .owl-newboxmarketing .slick-next:before {
     color: #000;
    
 }

 @media only screen and (max-width: 980px) and (min-width: 320px) {
     .spring {
         background: #081f3f;
         height: auto;
         width: 90%;
         padding: 30px 10px;
     }
     .spring button.carousel__button.is-close {
         right: 0 !important;
         top: 0 !important;
     }
     .spring .popup-content {
         border: none;
         width: 100%;
         background: transparent;
         margin: 0;
         padding: 0;
     }
     .spring .custom-pop {
         margin: 0;
     }
     .spring button.fancybox-button {
         right: 0;
         top: -20px;
     }
 }

 .spring.easter {
     width: 800px;
     height: 550px;
     padding: 0;
     overflow: visible;
     background: url(../images/offerpopup.png) no-repeat;
 }

 .spring.easter .popup-content {
     padding: 0;
     background: transparent;
     width: 90%;
     border-radius: 0;
     border: none;
     margin-left: 29px;
 }

 .spring.easter .popup-content h2 {
     color: #252526;
     font-style: inherit;
     font-size: 32px;
 }

 .spring.easter .popup-content h3 {
     font-size: 27px;
     font-weight: 400;
     background: transparent;
     border-radius: 0;
     width: 100%;
     margin: 0;
     padding: 0;
     margin: 0 0 6px;
 }

 .spring.easter .popup-content h3 span {
     color: #fff;
     background: #3293fc;
     padding: 0 6px;
 }

 .spring.easter .popup-content p {
     font-size: 22px;
     color: #252526;
     margin: 0;
     font-weight: 400;
     margin: 0 0 15px;
 }

 .easter.spring .custom-pop {
     margin-left: 0;
     margin-top: 50px;
 }

 .spring.easter .custom-pop .btn-blue {
     background: #34b498;
     color: #fff;
 }

 .spring.easter button.carousel__button.is-close {
     background: #34b498;
     right: 0 !important;
     top: -15px !important;
 }

 .spring.easter .btn:after {
     display: none;
 }

 @media only screen and (max-width: 980px) and (min-width: 320px) {
     .spring.easter {
         background: #c4e1d7;
         width: 100%;
         height: fit-content;
         padding: 20px 20px;
     }
     .easter.spring .custom-pop {
         margin: 0;
     }
     .spring.easter .popup-content {
         width: 100%;
         margin: 0;
     }
     .spring.easter .popup-content h2 {
         font-size: 31px;
     }
 }