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

 a {
     text-decoration: none !important;
 }

 .number-font {
     font-family: Trebuchet MS;
 }

 .header-bg-color {
     background-color: #020842;
 }

 .swiper-slide img {
     width: 100% !important;
     height: 480px;
     object-fit: cover;
 }

 #blog-main {
     overflow: hidden;
     width: 100%;
     display: inline-block;
 }


 #blog-main .box1 {
     background: #061f4a;
     padding: 15px;
     border-radius: 5px;
     margin: 5px 0;
     width: 100%;
     text-align: center;
     transition: all linear 0.5s;
 }

 #blog-main .box2 {
     transition: all linear 0.5s;
     text-align: center;
     padding: 15px;
     border-radius: 5px;
     margin: 5px 0;
     width: 100%;
     background: #bc2121e0;
 }

 /*button#submitBtn {*/

 /*    background-color: rgb(0, 173, 125);*/
 /*    color: rgb(255, 255, 255);*/
 /*    padding: 15px 30px;*/
 /*    border-radius: 5px;*/
 /*    border-width: initial;*/
 /*    border-style: none;*/
 /*    border-color: initial;*/
 /*    border-image: initial;*/
 /*}*/
 #blog-main .box3 {
     transition: all linear 0.5s;
     text-align: center;
     padding: 15px;
     border-radius: 5px;
     margin: 5px 0;
     width: 100%;
     background: #17a684;
 }

 #blog-main .box4 {
     transition: all linear 0.5s;
     text-align: center;
     padding: 15px;
     border-radius: 5px;
     margin: 5px 0;
     width: 100%;
     background: #dd580c;
 }

 #blog-main .box1 {
     background: #8803a3;
     padding: 15px;
     border-radius: 5px;
     margin: 5px 0;
     width: 100%;
     text-align: center;
     transition: all linear 0.5s;
 }

 #blog-main .box2:hover {
     box-shadow: 0px 1px 0px 2px rgb(38, 34, 169);
     transition: all linear 0.5s;
 }

 #blog-main .box3:hover {
     box-shadow: 0px 1px 0px 2px rgb(32, 42, 154);
     transition: all linear 0.5s;
 }

 #blog-main .box4:hover {
     box-shadow: 0px 1px 0px 2px rgb(9, 53, 158);
     transition: all linear 0.5s;
 }


 #blog-main .box1 h3 {
     color: white;
 }

 #blog-main .box2 h3 {
     color: white;
 }

 #blog-main .box3 h3 {
     color: white;
 }

 #blog-main .box4 h3 {
     color: white;
 }


 #blog-main .col-xl-3.col-lg-4.col-md-6.main-padding {
     padding: 0 2px;
 }

 /* contect-5 start */
 #contact5 {
     padding: 100px 20px 150px 20px;
     background-image: url(../img/mail-contect/business-colleagues-working-reports-communicating-while-working-office-focus-is-woman.jpg);
     width: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;

 }


 #contact5 .container {
     background: #fff;
     padding: 25px 40px 40px 40px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
     border-radius: 15px;
     opacity: 0.9;
 }

 #contact5 .container .text {
     text-align: center;
     font-size: 41px;
     font-weight: 600;
     background: -webkit-linear-gradient(right, #88efd2, #040404, #00ad7d);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     position: relative;
 }

 #contact5 .container .text::after {
     content: "";
     width: 331px;
     height: 3px;
     background-color: #00ad7d;
     position: absolute;
     top: initial;
     CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
     left: 36%;
     top: 100%;
 }

 #contact5 .container form {
     padding: 30px 0 0 0;
 }

 #contact5 .container form .form-row {
     display: flex;
     padding: 15px 0;
 }

 #contact5 form .form-row .input-data {
     width: 100%;
     height: 40px;
     margin: 0 20px;
     position: relative;
 }

 #contact5 form .form-row .textarea {
     height: 70px;
 }

 #contact5 .input-data input,
 #contact5 .textarea textarea {
     display: block;
     width: 100%;
     height: 100%;
     border: none;
     font-size: 17px;
     border-bottom: 2px solid rgba(0, 0, 0, 0.12);
 }

 #contact5 .input-data input:focus~label,
 #contact5 .textarea textarea:focus~label,
 #contact5 .input-data input:valid~label,
 #contact5 .textarea textarea:valid~label {
     transform: translateY(-20px);
     font-size: 14px;
     color: #00ad7d;
 }

 #contact5 .textarea textarea {
     resize: none;
     padding-top: 10px;
 }

 #contact5 .input-data label {
     position: absolute;
     pointer-events: none;
     bottom: 10px;
     font-size: 16px;
     transition: all 0.3s ease;
 }

 #contact5 .textarea label {
     width: 100%;
     bottom: 40px;
     background: #fff;
 }

 #contact5 .input-data .underline {
     position: absolute;
     bottom: 0;
     height: 2px;
     width: 100%;
 }

 #contact5 .input-data .underline:before {
     position: absolute;
     content: "";
     height: 2px;
     width: 100%;
     background: #00ad7d;
     transform: scaleX(0);
     transform-origin: center;
     transition: transform 0.3s ease;
 }

 #contact5 .input-data input:focus~.underline:before,
 #contact5 .input-data input:valid~.underline:before,
 #contact5 .textarea textarea:focus~.underline:before,
 #contact5 .textarea textarea:valid~.underline:before {
     transform: scale(1);
 }

 #contact5 .submit-btn .input-data {
     overflow: hidden;
     height: 65px !important;
     width: 25% !important;
     border-radius: 10px;
 }

 #contact5 .submit-btn .input-data .inner {
     height: 100%;
     width: 300%;
     position: absolute;
     left: -100%;
     background: -webkit-linear-gradient(right, #00ad7d, #040404, #00ad7d, #00ad7d);
     transition: all 0.4s;
 }

 #contact5 .submit-btn .input-data:hover .inner {
     left: 0;
 }

 #contact5 form .form-row .input-data {
     width: 100%;
     height: 40px;
     margin: 0 20px;
     position: relative;
 }

 button#submitBtn {
     padding: 15px 30px;
     background-color: #00ad7d;
     color: #fff;
     border-radius: 5px;
     border: none;

     font-size: 16px;
 }

 button#submitBtns {
     padding: 15px 30px;
     background-color: #00ad7d;
     color: #fff;
     border-radius: 5px;
     border: none;

     font-size: 16px;
 }


 /* Media query for screens below 700px */
 @media (max-width: 700px) {
     button#submitBtn {
         padding: 15px;
         font-size: 15px;
         /*//  width:120px;*/
         margin-top: 20px;
         display: block;
     }

     button#submitBtns {
         padding: 15px;
         font-size: 15px;
         /*//  width:120px;*/
         margin-top: 45px;
         display: block;
     }

     .pspp {
         margin-top: 20px !important;
     }
 }


 #contact5 .submit-btn .input-data input {
     background: none;
     border: none;
     color: #fff;
     font-size: 17px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
     cursor: pointer;
     position: relative;
     z-index: 2;
 }

 @media (max-width: 700px) {
     #contact5 .container form .form-row {
         padding: 0;
     }

     #contact5 .container .text {
         font-size: 30px;
     }

     #contact5 .container form {
         padding: 10px 0 0 0;
     }

     #contact5 .container form .form-row {
         display: block;
     }

     #contact5 form .form-row .input-data {
         margin: 35px 0 !important;
     }

     #contact5 .submit-btn .input-data {
         width: 40% !important;
     }
 }

 /* contect-5 ent */

 #google-map {
     padding: 50px 0;
     width: 100%;
     display: inline-block;
 }

 #google-map .google-map {
     width: 100%;
     height: 300px;
 }



 /* service-css */

 .section-services6 {
     background-color: #e6edf7;
     color: #202020;
 }

 .section-services6 .header-section {
     margin-bottom: 34px;
 }

 .section-services6 .header-section .title {
     position: relative;
     padding-bottom: 14px;
     margin-bottom: 25px;
     font-weight: 700;
     font-size: 32px;
     text-align: left;
 }



 .section-services6 .header-section .description {
     font-size: 14px;
     color: #282828;
 }

 .section-services6 .single-service {
     position: relative;
     margin-top: 60px;
     background-color: #fff;
     border-radius: 10px;
     padding: 40px 30px;
     overflow: hidden;
 }

 .section-services6 .single-service .content {
     position: relative;
     z-index: 20;
 }

 .section-services6 .single-service .circle-before {
     position: absolute;
     top: 0;
     right: 0px;
     transform: translate(40%, -40%);
     width: 150px;
     height: 150px;
     background-color: #00ad7d;
     border: 6px solid #0000003d;
     border-radius: 50%;
     opacity: 0.5;
     z-index: 10;
     transition: all .6s;
 }

 .section-services6 .single-service:hover .circle-before {
     width: 100%;
     height: 100%;
     transform: none;
     border: 0;
     border-radius: 0;
     opacity: 1;
 }

 .section-services6 .single-service .icon {
     display: inline-block;
     margin-bottom: 26px;
     width: 70px;
     height: 70px;
     background-color: #00ad7d;
     border-radius: 5px;
     line-height: 70px;
     text-align: center;
     color: #fff;
     font-size: 30px;
     transition: all .3s;
 }

 .section-services6 .single-service:hover .icon {
     background-color: #fff;
     color: #00ad7d;
 }

 .section-services6 .single-service .title {
     margin-bottom: 18px;
     font-weight: 600;
     font-size: 22px;
     color: #00ad7d;
     transition: color .3s;
 }

 .section-services6 .single-service:hover .title {
     color: #fff;
 }

 .section-services6 .single-service .description {
     margin-bottom: 20px;
     font-size: 14px;
     transition: color .3s;
 }

 .section-services6 .single-service:hover .description {
     color: #fff;
 }

 .section-padding222 {
     padding-bottom: 0;
 }



 .mySwiper {
     overflow: hidden;
 }

 /* btn-whatsapp-pulse */

 #Whatsapp-iconAA .btn-whatsapp-pulse {
     background: #25d366;
     color: white;
     position: fixed;
     bottom: 20px;
     right: 20px;
     font-size: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 0;
     height: 0;
     padding: 35px;
     text-decoration: none;
     border-radius: 50%;
     animation-name: pulse;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
     z-index: 1;
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
     }

     80% {
         box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
     }
 }

 #Whatsapp-iconAA .btn-whatsapp-pulse-border {
     bottom: 30px;
     right: 20px;
     animation-play-state: paused;
 }

 #Whatsapp-iconAA .btn-whatsapp-pulse-border::before {
     content: "";
     position: absolute;
     border-radius: 50%;
     padding: 25px;
     border: 5px solid #25d366;
     opacity: 0.75;
     animation-name: pulse-border;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
 }

 @keyframes pulse-border {
     0% {
         padding: 25px;
         opacity: 0.75;
     }

     75% {
         padding: 50px;
         opacity: 0;
     }

     100% {
         opacity: 0;
     }
 }

 /*cursor css*/

 .cursor {
     width: 50px;
     height: 50px;
     border-radius: 100%;
     border: 2px solid black;
     transition: all 200ms ease-out;
     position: fixed;
     pointer-events: none;
     left: 0;
     top: 0;
     transform: translate(calc(-50% + 15px), -50%);
     z-index: 1000000 !important;
 }

 .cursor2 {
     width: 20px;
     height: 20px;
     border-radius: 100%;
     background-color: yellow;
     opacity: 1;
     position: fixed;
     transform: translate(-50%, -50%);
     pointer-events: none;
     transition: width 0.3s, height 0.3s, opacity 0.3s;
     z-index: 1000000 !important;
 }

 .hover {
     background-color: red;
     opacity: 0.5;

 }

 .cursorinnerhover {
     width: 50px;
     height: 50px;
     opacity: 0.5;
 }


 /* CURSOR MEDIA QUERY FOR HIDE*/
 @media (max-width: 700px) {

     .cursor {
         display: none !important;
     }

     .cursor2 {
         display: none !important;
     }

     .hover {
         display: none !important;

     }

     .cursorinnerhover {
         display: none !important;
     }
 }

 /* btn-whatsapp-pulse END */


 section.Multi_CTA.space {
     padding: 75px 0;
     background-image: url('../../public/assets/img/contecy2.jpg');
     background-repeat: no-repeat;
     background-position: top;
     background-size: cover;
     position: relative;
     z-index: 1;
 }

 section.Multi_CTA.space::after {
     content: "";
     z-index: -1;
     position: absolute;
     background-color: rgb(10 9 9 / 71%);
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 section.Multi_CTA .et-contact-box {
     width: 220px;
     background-color: #FFFFFF1A;
     border-radius: 10px 10px 10px 10px;
     animation: blinkkk 1s infinite;
     padding: 15px;
 }

 @keyframes blinkkk {
     0% {
         box-shadow: 0 0 3px 3px #ffffff;
         /* Change shadow parameters and color as needed */
     }

     50% {
         box-shadow: none;
         /* No shadow in the middle of the animation */
     }

     100% {
         box-shadow: 0 0 3px 3px #ffffff;
         /* Similar to 0% for a complete blink */
     }
 }





 section.Multi_CT .address-item.boxstyle2 {
     display: flex;
     align-items: center;
     position: relative;
 }

 section.Multi_CTA .address-text .phone a {
     font-size: 22px;
     font-weight: 4;
     color: #fff;
     text-decoration: none;
     text-transform: capitalize;
 }

 .address-item.boxstyle2 {
     display: flex;
     gap: 20px;
     color: white;
     font-size: 25px;
     text-transform: capitalize;
     justify-content: center;

 }

 section.Multi_CTA .title-inner h2.title {
     font-size: 50px;
     color: #FFFFFF;
     position: relative;
     text-transform: capitalize;

 }

 section.Multi_CTA .description {
     color: #FFFFFF;
     font-size: 20px;
     font-weight: 500;
     text-transform: capitalize;
     padding-top: 10px;

 }

 .web-design-why-choose-txt {
     padding: 30px;
     border-radius: 10px;
     margin-top: 20px;
     background-color: #ffffffdb;
     box-shadow: 0 0 8px #dfdfdf;
 }

 .web-design-why-choose-txt h2 span {
     color: #00ad7d;
 }