* {
     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: 120px;
     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('https://nerotix.in/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;}