@media screen and (min-width: 1200px) {
.mt--65{
    margin-top: -50%;
}

.mt--5{
    margin-top: 5%;
}
.mt--10{
    margin-top: -10%;
}
.pb--280{
    padding-bottom: 280px;
}
.mt--20{
margin-top: -20%;
}
.mt--50{
    margin-top: 50px;
} 
.pt--25{
    padding-top: 2.5rem !important;
}
.pt--55{
    padding-top: 5.5rem !important;
}
.pt--0{
    padding-top: 0px !important;
}
} 

p {
    margin: 0 0 26px;
    /*text-align: justify !important;*/
}

/* all page banner start*/
/* banner section start */
@media screen and (min-width: 1200px) {
    .me-xl-2-5, .mx-xl-2-5 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .ms-xl-2-5, .mx-xl-2-5 {
        margin-left: 0rem !important;
    }
}
/* banner section end */
/* all page banner end*/
/* home page start */

.h-text-white{
    color: #fff !important;
}

.h-video-text-white{
color:#fff !important; 
font-size:16px !important; 
line-height:25px !important;
}

.h-text-sz{
    font-size: 18px !important;
}

.h-5-heading-sz{
    font-size: 17px !important;
}

.h-6-sz-cl-text{
font-size: 16px !important;
    line-height: 26px !important;
     color: #000000 !important;
}

.h-5-sz-cl-text{
    font-size: 18px !important;
    line-height: 28px !important;
     color: #000 !important;
}

.h-5-text-sz{
    font-size: 17px !important;
    line-height: 30px;
}

.display-27 {
    font-size: 1.0rem;
    font-weight: 900;
}
.text-dark-strong{
    color: #000 !important;
}
.text-dark{
    font-size: 14px;
    color: gray !important;
}

.strong-text{
    color: #000;
    line-height: 25px;  
}
.text-strong{
    color: #000; 
}
 
.span-text{
line-height: 30px;
}

.text-dark-span{
    font-size: 14px;
}
.lh-5{
    line-height: 30px;
}
.h--6{
    font-size: 18px;
}
.h-6{
    font-size: 16px;
}
.h--2{
    font-size: 25px;
}
.h--3{
    font-size: 23px;
}
.h6{
    color: #000 !important;
}
.h5{
    color: #000 !important;
}
.h4{
    color: #000 !important;
}
.h3{
    color: #000 !important;
}
.h2{
    color: #000 !important;
}
.h1{
    color: #000 !important;
}

.h-5{
    color: #ffffff !important;
}

.h--5{
     color: #18455d !important;
}
/* side bar right start*/
.side-service-heading{
line-height: 35px;
color: #000;
}

.card-sidebar-right-heading{
   line-height: 30px;
   font-size: 17px; 
}
/* side bar right end*/

/* home page start */

/* Company Profile section start*/

.about-p1{
    font-weight: 800;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.01em;
    color: #18455d; font-size:18px;
}
/* Company Profile section end*/

/* Certificates section start*/
.certificates-section-title .certificates-sm-title {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    color: #e74860;
    z-index: 9;
}
.certificates-section-title .certificates-sm-title:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 80px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #dedede;
}
.certificates-section-title .certificates-sm-title:after {
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50px;
    background-color: #e74860;
    right: 0px;
    left: auto;
    bottom: -3px;
    animation: pulsex 5s ease infinite alternate;
}
.certificates-section-title h2 {
    position: relative;
    z-index: 9;
}


/* Certificates section start*/

/* our mission and vission  start*/
.resp-tabs-list li.resp-tab-active {
    margin-bottom: -1px;
    background-color: #fff;
    color: #e74860;
}
.resp-tabs-list li {
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    padding: 12px 20px;
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.08);
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    background: #fff;
    color: #000;
    text-align: left;
    border-radius: 0;
}

.arrow-missionvission {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding: 5px 0px !important;
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}

.arrow-missionvission span {
    background: #f0f0f0;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.arrow-missionvission i {
    display: inline-block;
    transform: rotate(-18deg);
    transition: transform 0.3s ease, color 0.3s ease;
    color: #e74860;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    
}

.arrow-missionvission:hover i {
    transform: rotate(-18deg) scale(1.2);
    color: #18455d;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
}


/* our mission and vission end*/

/* Meet Our Team start*/

.about-span{
    position: relative;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    color: #18455d;
    z-index: 9;
    margin-top: 20px;
}
.about-span-company-profile{
    position: relative;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    color: #18455d;
    z-index: 9;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
/* Meet Our Team end*/

/* contact us page start */
/* <!-- get tuch section start--> */
.contact-us-text {
    color: #e74860;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 900;
    line-height: 89%;
    visibility: visible; 
    animation-name: fadeInUp;
}
.contact-us-text._bem {
    padding-left: 7rem;
    color: #18455d;
    /*color: #03065e;*/
    visibility: visible; 
    animation-name: fadeInUp;
}


/* form */
.contact-us-form-wrapper {
  max-width: 600px;
  margin: auto;
}

.contact-us-form-group {
  margin-bottom: 1rem;
}

.contact-us-form-label {
    margin-bottom: 0px !important; /* Reduce space below the label */
}

.contact-us-custom-input {
    margin-top: 0px !important; /* Remove extra space on top of input */
}


/* .half-width {
  flex: 1;
} */

.contact-us-custom-input {
  border: none;
  border-bottom: 2px solid #cad5e2; /* Sirf bottom border */
  border-radius: 0;
  outline: none;
  box-shadow: none;
  padding: 0.5rem 0;
}

.contact-us-custom-input:focus {
  border-bottom-color: #cad5e2; /* Focus par blue bottom border */
}

.contact-us-custom-input {
  border: none;
  border-bottom: 2px solid #cad5e2; /* Change color and thickness as needed */
  border-radius: 0; /* Remove rounded corners */
  padding-left: 0; /* Optional: for left alignment */
  background-color: transparent; /* Optional: cleaner look */
  box-shadow: none; /* Remove Bootstrap focus shadow */
}
.contact-us-custom-input:focus {
  border-bottom-color: #cad5e2; /* Optional: highlight on focus */
  box-shadow: none;
}

.contact-us-from-button-contact {
        float: right;
        line-height: 20px;
        padding: 12px 25px 12px 25px;
        background: #18455d;
        color: #fff;
    }

    .contact-us-from-button-contact:hover {
        float: right;
        line-height: 20px;
        padding: 12px 25px 12px 25px;
        background: #e74860;
        color: #fff;
    }

    .contact-us-card {
        /* background: linear-gradient(135deg, #e74860, #bf364b); */
        background: linear-gradient(135deg, #eb556b, #c55162);
        color: white;
        border: none; 
        border-radius: 0 !important;
    }

    .contact-us-card .contact-us-card-body h5,
    .contact-us-card .contact-us-card-body p {
        color: white;
    }
.contact-us-card-title{
    font-size: 25px;
    font-weight: 900;
}
.contact-us-card-text{
    display: flex; 
    align-items: flex-start;
}
.contact-us-pra-card-text{
    line-height: 30px;
}
.contact-us-icon-fafa-map{
    font-size: 20px; 
    color: #fff; 
    margin-right: 10px; 
    margin-top: 5px;
}
.contact-us-icon-fafa-phone{
    font-size: 20px; 
    color: #fff; 
    margin-right: 10px; 
    margin-top: 5px;
    transform: scaleX(-1);
}
.contact-us-icon-fafa-email{
    font-size: 20px; 
    color: #fff; 
    margin-right: 10px; 
    margin-top: 5px;
}
    .contact-us-card .contact-us-card-body i {
        color: white;
        margin-right: 8px;
    }
.contact-us-card-body{
    padding: 30px;
}
    .contact-us-equal-height-row {
    display: flex;
    flex-wrap: wrap;
}

.contact-us-equal-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    height: auto; /* Important */
}

.contact-us-equal-box iframe {
    width: 100%;
    height: 300px; /* Set a fixed height instead of 100% */
    border: 0;
}

.contact-us-join-text {
    color: #FFF;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 900;
    font-size: 70px;
    visibility: visible; 
    animation-name: fadeInUp;
}

.contact-us-btn-round{
    background-color: #e74860;
    color: white;
    padding: 15px 25px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-weight: bold;
    visibility: visible;
    animation-name: fadeInUp;
    margin-top: 5px;
}

.contact-us-btn-round:hover{
    background-color: #e74860;
    color: white;
}

.contact-us-img-fluid{
    max-width: 100%; 
    height: auto;
}
.contact-us-p1{
    font-size: 1rem; 
    color: #666;
}
.contact-us-bg{
    
/* background-color: rgba(231, 72, 96, 0.9);  */
background: #18455d;
/*background: url(/img/new-img/c_b.jpg);*/
color: white;
}
.contact-us-join-description{
    visibility: visible; 
    animation-name: fadeInUp;
}
.contact-us-fadeIn-img{
    visibility: visible; 
    animation-name: fadeInUp;
}
.contact-us-fadeInUp-imag{
visibility: visible; 
animation-name: fadeInUp;
}

 
.contact-us-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: white;
    font-size: 16px;
    color: #e74860;
    text-decoration: none;
    transition: transform 0.3s ease, background-color 0.3s ease; /* Smooth zoom and bg transition */
}

.contact-us-social-icon:hover {
    transform: scale(1.2); /* Zoom effect */
}

.contcat-us-fab {
    color: #e74860 !important;
    padding: 0px 0px 0 8px;
    transition: transform 0.3s ease;
}

.contact-us-social-icon:hover .contcat-us-fab {
    transform: scale(1.2); /* Optional: Zoom icon separately (can remove if only parent zoom needed) */
}

.contact-us-pra-card-text{
    margin: 0 0 0 8px;
        line-height: 30px;
}

    .contact-us-card-text {
        display: flex;
        align-items: flex-start;
        margin-bottom: 15px; /* 👈 Spacing between items */
        margin-top: 15px;
    }

    .contact-us-card-text i {
        font-size: 20px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .contact-us-icon-fafa-map {
        color: #fff;
    }

    .contact-us-icon-fafa-phone {
        color: #fff;
        transform: scaleX(-1); /* 👈 Flipping phone icon left */
    }

    .contact-us-icon-fafa-email {
        color: #fff;
    }

    .contact-us-hello{
            font-size: 25px;
    margin: 0 0 0 15px;
    }
    .contact-us-form-label{
        color:#000; 
        font-weight: 600;
        font-size:16px;
    }

.form-select.contact-us-custom-input {
  color: #686c70;
  font-size: 16px;
  padding-left: 1rem;
}

@media screen and (min-width: 769px) and (max-width: 2400px){
    .contact-us-display-mobilescreen{
        display: none !important;
    }
}

@media screen and (min-width: 100px) and (max-width: 769px){
    .contact-us-display-fullscreen{
        display: none !important;
    }
}

/* <!-- get tuch section end--> */
/* contact us page end */

/* home page  end*/


  /* service page start */
 /* mailing-solutions page start */
 .mailing-solutions-image-wrapper {
  text-align: center;
  transition: transform 0.3s ease;
}

.mailing-solutions-circle-bg {
    width: 75px;
    height: 75px;
  background-color: #e74860; /* Bootstrap Blue */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: transform 0.3s ease;
  overflow: hidden;
}

.mailing-solutions-circle-bg img {
  width: 70%; /* Adjust size as needed */
  transition: transform 0.3s ease;
}

.mailing-solutions-image-caption {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}

.mailing-solutions-image-wrapper:hover .mailing-solutions-circle-bg,
.mailing-solutions-image-wrapper:hover img {
  transform: scale(1.1);
}
.mailing-solutions-image-wrapper:hover .mailing-solutions-circle-bg{
     background-color: #18455d; 
}

  /* mailing-solutions page start */
   /* service page end */



/* client page start */

  /* .swiper-slide img {
    max-width: 100%;
    max-height: 70px;
    object-fit: contain;
  } */


  .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px;
    margin: 0 20px;
  }


    .swiper-slide img {
    width: 100%;
    height: 250px;
    max-height: 100px; /* 👈 Increase this value for larger images */
    object-fit: contain;
  }

  @media (max-width: 768px) {
    .swiper-slide img {
      max-height: 70px; /* Responsive adjustment for small screens */
    }
  }

  /* client page end */

  /* Testimonials start */

.single-testimonials-item {
    background-color: #f8f9fa;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
    padding: 25px;
    padding-bottom: 100px; /* Space for image overflow */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    height: 100%;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 500px; /* Uniform card height */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.single-testimonials-item:hover {
    transform: translateY(-10px);
}

/* Bottom section with image + name */
.testimonial-bottom {
    position: absolute;
    bottom: -100px; /* Half of image height for overlap */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

/* Image wrapper */
.testimonial-img-wrapper {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 10px;
    border: 3px solid #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

/* Image itself */
.testimonial-img {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}

.single-testimonials-item h3 {
    font-size: 1.1rem;
    margin-bottom: 2px;
    color: #333;
}

.single-testimonials-item span {
    font-size: 0.9rem;
    color: #888;
}

/* Responsive Fix */
@media (max-width: 767px) {
  .single-testimonials-item {
    min-height: 550px; /* Increase if needed */
  }

  .testimonial-bottom {
    position: absolute;
    bottom: -124px;
    transform: translateX(-50%);
  }

  .testimonial-img-wrapper {
    width: 80px;
    height: 80px;
  }
  .our-testimonials-mt{
    margin-top: 150px;
  }
}
 

  /* Testimonials end */

/* mailing start */

.mail-service-active-right li a span{
    font-size: 15px;
    font-weight: 800;
    color: #333333;
}

.mail-service-active-right li a > span:hover {
    color: #e74860;
}

.mail-services-box {
    position: relative;
    padding-left: 16px; 
}

.mail-services-box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-color: #e3e1e1;
}

/* Remove extra margin between heading and list */
/* Heading spacing */
.mail-services-box h5 {
    margin-bottom: 8px; /* reduce gap below heading */
    padding: 0;
}

/* UL spacing reset */
.mail-services-box ul {
    margin: 0;
    padding: 0;
}


/* Base link style */
.mail-services-box ul li{
    list-style: none;
    margin-top: 10px;
}
.mail-services-box ul li > a {
    color: black;
    display: inline-block;
    position: relative;
    text-decoration: none;
    transition: color 0.3s ease;

}

/* Hover color (red) */
.mail-services-box ul li > a:hover {
    color: #e74860;
}

/* Active/open dropdown text color (blue) */
.mail-has-submenu.open > a {
    color: #18455d;
}


.product-img {
    width: 100%;
    max-width: 200px;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    padding: 8px;
    background-color: #f9f9f9;
    border-radius: 5px;
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    display: block;
    margin: 0 auto;
}
.product-img:hover {
    transform: scale(1.05);
}

.testimonials-img-fluid {
    height: 120px;         /* adjust as needed */
    width: 120px;
    object-fit: cover;
    border-radius: 50%;    /* optional: to make it round like a profile photo */
    display: block;
    margin: 0 auto;
}

.email-testimonials-card{
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.email-testimonials-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.email-testimonials-card-bodys{
    background-color: #f8f9fa;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
}
.testimonials-quote-icon{

  font-size: 1.2em;        /* Optional: Slightly bigger */
  position: relative;
  top: -4px;               /* Adjust this value to raise it */
  margin-right: 5px;       /* Space between icon and "We" */
  color: #555;             /* Optional: change color */

}

/* card  right*/
.card-sidebar-right {
    border: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    padding: 20px;
    border-radius: 8px;
}

.card-sidebar-right:hover {
  transform: translateY(-10px) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

/* card */

.card-mail-sidebar {
    border: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    
}

.card-mail-sidebar:hover {
  transform: translateY(-10px) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

.card-mail-sidebar .card-mail-widget {
    position: relative;
    display: block;
    background-color: #f8f9fa !important;
    border: 1px solid #e3e6ea !important;
}

.card-mail-widget-content{
    box-shadow: 0px 0px 0px 0px white !important;
    position: relative;
    padding: 30px;
}


.card-mail-sidebar .card-mail-widget .card-mail-category-list li a {
    color: #000000 !important;
    transition: all 0.3s ease-in-out !important;
    display: inline-block !important;
    position: relative !important;
}
.card-mail-sidebar .card-mail-widget .card-mail-category-list li a:before {
    width: 20px;
    height: 20px;
    background: none !important;
    z-index: 1;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 3px;
    left: -8px;
}
.card-mail-sidebar .card-mail-widget .card-mail-category-list li.active {
    background: none !important;
}
.card-mail-sidebar .card-mail-widget .card-mail-category-list li {
    margin-bottom: 15px;
    background: rgba(255, 255, 255, 0.1);
    padding: 0px !important;
}
.card-mail-category-list li a span {
    color: black; /* Default color */
    transition: color 0.3s;
}

.card-mail-category-list li a:hover span {
    color: #e74860; /* Hover par red */
}

.card-mail-category-list li.active a span {
    color: #e74860; /* Active item par blue */
}

/* mailing end */


/* email-server page start */
.email-server-card{
    padding: 15px;
    /* border: 1px solid gray; */
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.emails-servers-cards{
    padding: 15px;
    /* border: 1px solid gray; */
    border-radius: 10px;
    background-color: #f8f9fa;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.mail-service-card-body{
    padding: 25px;
    /* border: 1px solid gray; */
    border-radius: 10px;
    background-color: #f7f7f7;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.tab-service-card-body{
    padding: 25px;
    /* border: 1px solid gray; */
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.20) 0px 2px 4px;

}

.emails-servers-cards{
    margin-bottom: 2rem; /* Add bottom space */
    padding: 1rem;        /* Optional: internal spacing */
    border-radius: 6px;   /* Optional: rounded edges */
    background-color: #fff; /* Optional: for better contrast */
    box-shadow: 0 0 10px rgba(0,0,0,0.05); /* Optional: subtle shadow */
}


.bg-card-services {
    padding: 20px;
    background-color: #f8f9fa;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.bg-card-services:hover{
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.bg-card-services:hover .h5{
    color: #fff !important;
}
.bg-card-services-wire {
    padding: 20px;
    background-color: #f8f9fa;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.bg-card-services-wire:hover{
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}




.logo-img-fluid-services{
    max-height: 50px;
}

.email-serve-feature-icon {
    width: 60px; /* reduced from 85px */
    height: 60px;
    background-color:#18455d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.email-serve-feature-icon img {
    max-width: 65%; /* reduced a bit */
    transition: transform 0.3s ease;
}
.email-serve-feature-icon:hover img {
    transform: scale(1.1);
}

.email-serve-feature-icon:hover{
    background-color:#e74860;
}



.resident-serve-feature-icon {
    width: 40px; /* reduced from 85px */
    height: 40px;
    background-color:#18455d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.resident-serve-feature-icon img {
    max-width: 65%; /* reduced a bit */
    transition: transform 0.3s ease;
}
.resident-serve-feature-icon:hover img {
    transform: scale(1.1);
}

.resident-serve-feature-icon:hover{
    background-color:#e74860;
}





.email-serve-feature-icon + strong {
    display: block;
    text-align: center;
    font-size: 14px; /* ya jitna chhota aapko chahiye */
    font-weight: 600; /* optional: boldness control karne ke liye */
    color: #333; /* optional: color customize karne ke liye */
    margin-top: 10px;
}


.email-server-product {
    display: flex; 
    align-items: center;
    transition: transform 0.3s ease; /* Smooth zoom effect for the whole item */
}

.email-server-product:hover {
    transform: scale(1.05); /* Slight zoom for the whole item */
}

.email-server-product-deal-img {
    width: 50px; 
    height: auto; 
    margin-right: 8px;
    transition: transform 0.3s ease;
}

.email-server-product-text {
    transition: color 0.3s ease, transform 0.3s ease;
    color: black; /* Default text color */
}

.email-server-product:hover .email-server-product-deal-img {
    transform: scale(1.1); /* Zoom image */
}

.email-server-product:hover .email-server-product-text {
    transform: scale(1.1); /* Zoom text */
    color: #e74860; /* Change text color */
}


.email-server-side:hover .email-server-side-text {
    color: #e74860 !important;
}

.email-server-side:hover .email-server-side-icon {
    color: #18455d !important;
}
.email-server-side-text{
    font-size: 14px;
}

.mail-services-box ul.mail-service-active li.active a span {
    color: #e74860 !important;
}
/* email-server page end */


/* email-server-on-prem page start */
.email-server-on-prem-ul{
    padding-left: 0; 
    margin-top: 0;
}

    .email-server-on-prem-product {
        display: flex;
        align-items: center;
        gap: 10px; /* image aur text ke beech ka space */
        margin-bottom: 15px; /* list items ke beech vertical space */
    }

    .email-server-on-prem-product img {
        width: 70px; /* image size control */
        height: auto;
        object-fit: contain;
    }

    .email-server-on-prem-product-text,
    .email-server-product-text {
        font-size: 18px; /* text thoda bada */
        font-weight: 500;
        color: #333; /* thoda readable color */
    }

    .email-server-on-prem-ul {
        list-style: none;
        padding: 0;
    }
    .email-serve-on-prem-small-text{
        font-size: 15px;
    }
/* email-server-on-prem page end */


/* start service page Infrastructure Management Solutions */

.service-white-icon {
    color: white;
    font-size: 25px;
    padding: 0 0 0 8px;
}

.service-zoom-icon {
    transition: transform 0.3s ease;
}

.service-zoom-icon:hover {
    transform: scale(1.2);
}

/* end service page Infrastructure Management Solutions */

/* start email-archival page*/

.white-logo-img{

    height: 50px; 
    width: auto; 
    margin-right: 15px;
}

.server-border-end {
    border-right: 2px solid #ccc !important;
}
/* end email-archival page*/

/* samba4-active-directory start */

.clients {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
    height: 687px;
}

.clients:hover {
    background: #29298beb;
}

.clients:hover h5,
.clients:hover p {
    color: #fff;
}

.clients_img img {
    border-radius: 10px;
} 
 
.callSec {
    background: #3a91dd;
    padding: 50px 0 50px 0;
  overflow: hidden;
}

.callSec  .callImg {
    position: relative;
    z-index: 1;
}
.callSec  .callImg:before {
    /*content: '';*/
    /*position: absolute;*/
    /*top: 27px;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*background: #fff;*/
    /*height: 34rem;*/
    /*border-radius: 50%;*/
    /*z-index: -1;*/
    /*border: 24px solid #e76548;*/
}

.call_btn a {
    padding: 20px 26px;
    background: #fff;
    text-transform: uppercase;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #282b8c;
}

.call_btn a:hover {
    background: #000;
    color: #fff;
}

.callImg {
    display: flex;
    justify-content: center;
}

.callImg img {
    width: 381px;
}

.fa-circle{
    font-size: 8px;
}

.hr{
    border: none;
    height: 2px; 
    background-color: #c5c5c5;
}

.spa-text-size{
    font-size: 12px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
/* samba4-active-directory end */

/* wireless-networking-solutions start */

.vertical-line {
    width: 1px;
    background-color: #ccc;
    height: 100%;
}

   .elements-block {
      display: flex;
      flex-direction: column;
      height: 100%;
  }

  .bg-card-services {
      display: flex;
      flex-direction: column;
      height: 100%;
  }


  .custom-image {
  height: 180px;
  width: 180px;
  object-fit: cover;
}


  .bg-card-services-wire {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover Effect */
.bg-card-services-wire {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover Effect */
.bg-card-services-wire:hover {
    background-color: #29298beb;
}

.bg-card-services-wire:hover h5,
.bg-card-services-wire:hover h6,
.bg-card-services-wire:hover span,
.bg-card-services-wire:hover i {
    color: white !important;
}


.bg-card-services-wire {
  flex: 1;  /* Make card fill the height of parent flex container */
  display: flex;
  flex-direction: column;
}

/* Hover effect triggered when parent card is hovered */
.bg-card-services-wire:hover .image-bg-gray-wire {
    background-color: #f0f0f0; /* Light gray */
    border-radius: 20px;
}


.bg-card-services-wire {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.image-bg-gray-wire {
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    overflow: hidden;
}

.image-bg-gray-wire img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.equal-height-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.equal-height-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* wireless-networking-solutions end*/


/* cctv start*/
.cctv-sg-text{
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.cctv-sp-text{
    font-size: 13px !important;
    color: #333 !important;
}

.cctv-features-image img{
filter: brightness(0) invert(1);
}

.resident-features-image img{
    filter: brightness(0) invert(1);
}

.resident-features-image img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.cctv-features-image img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}


.cctv-features-image img {
    max-width: 75%;
    max-height: 75%;
    object-fit: contain;
    display: block;
}


.cctv-sidebar-text-size{
    font-size: 16px;
}



.cctv-server-product-content-logo {
    display: flex;
    align-items: center;
}


.cctv-server-product-logo {
    display: flex;
    align-items: center;
    margin-bottom: -40px; /* spacing between each item */
}

.cctv-server-product-deal-img {
    width: 85px;
    height: 85px;
    object-fit: contain; /* ensures image is not stretched and remains clear */
    margin-right: 15px; /* spacing between image and text */
    
}

.cctv-sidebar-text-size-logo {
    font-size: 16px;
    font-weight: 600;
    color: #333333; /* Adjust text color if needed */
}

/* cctv end*/

/* start structured-cabling-solutions page */
.structured-custom-img {
    width: 100%;
    max-height: 350px; /* Increased height */
    object-fit: contain; /* Ensures clarity */
    image-rendering: auto; /* Keeps image quality sharp */
}


 /* end structured-cabling-solutions page */

 /* start resident-engineering-services */

 .resident-img{
    width:30px; 
    height: 30px; 
    object-fit: contain; 
    margin-right: 8px;
 }


.hover-card {
    background-color: #f8f9fa;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.hover-card2 .card-heading,
.hover-card2 .card-text {
    color: #212529;
    transition: color 0.3s ease;
}

.hover-card1:hover {
    background-color: #5a5ae0;
}
.hover-card2:hover {
    background-color: #7265d1;
}
.hover-card3:hover {
    background-color: #667eea;
}
.hover-card4:hover {
    background-color: #f7f8f9;
}

/* 1 ..................................... */
.hover-card1:hover .card-heading,
.hover-card1:hover i,
.hover-card1:hover span,
.hover-card2:hover strong,
.hover-card1:hover .card-text {
    color: #ffffff !important;
}

.hover-card1 .hover-icon {
    transition: filter 0.3s ease;
}

.hover-card1:hover .hover-icon {
    filter: brightness(0) invert(1); /* Makes the image appear white */
}

/* 2 ............... ...............................*/
.hover-card2:hover .card-heading,
.hover-card2:hover i,
.hover-card2:hover span,
.hover-card2:hover strong,
.hover-card2:hover .card-text {
    color: #ffffff !important;
}

.hover-card2 .hover-icon {
    transition: filter 0.3s ease;
}

.hover-card2:hover .hover-icon {
    filter: brightness(0) invert(1); /* Makes the image appear white */
}


/* 3 ............... ...............................*/
.hover-card3:hover .card-heading,
.hover-card3:hover .card-text {
    color: #ffffff !important;
}

.hover-card3 .hover-icon {
    transition: filter 0.3s ease;
}

.hover-card3:hover .hover-icon {
    filter: brightness(0) invert(1); /* Makes the image appear white */
}


/* 4 ............... ...............................*/
.hover-card4:hover .card-heading,
.hover-card4:hover .card-text {
    color: #000 !important;
}

.hover-card4 .hover-icon {
    transition: filter 0.3s ease;
}

.hover-card4:hover .hover-icon {
    filter: brightness(0) invert(0); /* Makes the image appear white */
}


/* resident-engineering-services end */

/* training page start */

.bg-card-services {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.bg-card-services:hover {
    background-color: #29298beb;
}

.bg-card-services:hover h5,
.bg-card-services:hover h6,
.bg-card-services:hover p,
.bg-card-services:hover strong,
.bg-card-services:hover span,
.bg-card-services:hover i { 
    color: #ffffff !important;
}

 
.section-title .sm-heading
 {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    /* font-size: 15px; */
    display: inline-block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    color: #18455d;
    z-index: 9;
}

.section-title .sm-heading:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 80px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #dedede;
}

.section-title .sm-heading:after {
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50px;
    background-color:#18455d;
    right: 0px;
    left: auto;
    bottom: -3px;
    animation: pulsex 5s ease infinite alternate;
}

.head-col{
    line-height: 35px !important;
    color: #18455d !important;
    font-size: 20px;
    text-align: center;
    font-weight: 800;
}

/* training page end */


/* linux-training page start */


.linux-training-card {
    background: #1e293b;
    color: #e2e8f0;
    border-left: 4px solid #29298beb;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
  }

  .linux-training-card:hover {
    background: #334155;
    transform: translateY(-4px);
  }

  .linux-training-card h5 {
    /* color: #38bdf8; */
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    line-height: 26px;
  }

  .linux-training-card i.fa-circle {
    color: #fff;
    font-size: 0.5rem;
  }

  .linux-training-card span {
    color: #e2e8f0 !important;
    font-size: 14px;
  }

 .linux-training-card-img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-right: 10px;
    filter: brightness(0) invert(1);
  }

  .linux-training-card-strong{
    font-weight: 800;
    color: #fff;
    font-size: 15px;
  }

/* sdfuhsdj */

.card-training-linux {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* make sure it fills the parent */
  width: auto;
  user-select: none;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 5px;
  z-index: 1;
  overflow: hidden;
  transition: transform 0.9s ease;
  
}

.card-training-linux:hover {
    transform: scale(1.03);
}

.card-training-linux .card_header-training-linux 
{
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.card-training-linux .card_header-training-linux h1 {
  font-size: 18px;
  color: #0a253f;
}

.card-training-linux .card_header-training-linux h2 {
  font-size: 16px;
  color: #0a253f;
}

.card-training-linux .card_header-training-linux .span-training-linux {
  font-size: 15px;
  padding: 10px 20px 0 0;
  color: #4a4970;
}



.card-training-linux .content-image-training-linux .span-training-linux {
  padding: 7px;
  width: 40px; /* Bigger circle */
  height: 40px;
  border-radius: 50%;
  background-color: #0a253f; /* Red background */
  display: flex; /* For centering image */
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Hide overflow image */
}

.card-training-linux .content-image-training-linux .span-training-linux:hover{
    background-color: #e74860; /* Red background */
}

.card-training-linux .content-image-training-linux .span-training-linux img {
  width: 30px; /* Resize image to fit inside circle */
  height: auto;
  filter: brightness(0) invert(1);
  transition: transform 0.3s ease;
}

.card-training-linux .content-image-training-linux .span-training-linux:hover img

 {
    transform: scale(1.1);
    
}

.card_info-training-linux {
    color: #0a253f;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1; /* Let this section expand to fill space */
    
}


.card_info-training-linux p{
    margin:15px 10px;
}
.card_info-training-linux span{
    color: #4a4970;
    margin-right: 10px;
}

.card-training-linux .card_footer-training-linux{
    padding: 10px 20px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #29298beb;

}

.card-training-linux .card_footer-training-linux .btn{
    width: 130px;
    font-size: 16px;
    height: 30px;
    padding: 0 10px;
    border: none;
    outline: none;
    color: #fff;
    background: #29298beb;
    cursor: pointer;
    border-radius: 5px;
}

.card_footer-training-linux button span{
    margin-left: 10px;
}

.underline-heading {
  display: inline-block; 
  border-bottom: 1px solid #000000;
  padding-bottom: 5px;
}
   
/* linux-training page end */





/* linux-engineers page start */


/* linux-engineers page end */


/* linux-engineer page start */

/* 2 */
/* section {
      padding: 40px 0;
    }

    .content {
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
    }

    .slider {
      overflow: hidden;
      position: relative;
    }

    .slides {
      display: flex;
      transition: transform 0.5s ease-in-out;
      width: max-content;
    }

    .slide {
      min-width: 300px;
      max-width: 300px;
      margin-right: 20px;
      flex-shrink: 0;
    }

    .slide iframe {
      width: 100%;
      height: 200px;
      border: none;
    }

  
    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.6);
      color: white;
      border: none;
      padding: 10px 15px;
      cursor: pointer;
      font-size: 24px;
      z-index: 1;
      border-radius: 50%;
    }

    .arrow:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }

    .arrow.left {
      left: -10px;
    }

    .arrow.right {
      right: -10px;
    } */


/* 3 */

/* 
   .content {
     
      width: 960px; 

      max-width: 1000px;
      margin: 0 auto;
      overflow-x: auto; 

  
      scrollbar-width: none; 
      -ms-overflow-style: none; 
    }

 
    .content::-webkit-scrollbar {
      display: none;
    }

    .slider {
      position: relative;
    }

    .slides {
      display: flex;
      transition: transform 0.5s ease-in-out;
      width: max-content;
    }

    .slide {
      min-width: 300px;
      max-width: 300px;
      margin-right: 20px;
      flex-shrink: 0;
    }

    .slide iframe {
      width: 100%;
      height: 200px;
      border: none;
    } */


/* 4 */

/* section {
  padding: 0 10px;
}

.content {
  width: 1280px; 
  max-width: 100%;
  margin: 0 auto;
  overflow-x: auto;


  scrollbar-width: none;
  -ms-overflow-style: none;
}

.content::-webkit-scrollbar {
  display: none; 
}

.slider {
  position: relative;
}

.slides {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
}

.slide {
  min-width: 300px;
  max-width: 300px;
  margin-right: 20px;
  flex-shrink: 0;
}

.slide iframe {
  width: 100%;
  height: 200px;
  border: none;
} */



/* 5 */
  /* section {
    padding: 0 10px;
  } */

  /* .content {
    position: relative; 
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    align-items: center;
  }

  .content::-webkit-scrollbar {
    display: none;
  }

  .slider {
    overflow: hidden;
    flex: 1; 
  }

  .slides {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    scroll-behavior: smooth;
  }

  .slide {
    min-width: 300px;
    max-width: 300px;
    margin-right: 20px;
    flex-shrink: 0;
  }

  .slide iframe {
    width: 100%;
    height: 200px;
    border: none;
  }


  .arrow {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 2rem;
    width: 40px;
    height: 40px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.3s ease;
  }

  .arrow:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .left-arrow {
    margin-right: 10px;
  }

  .right-arrow {
    margin-left: 10px;
  } */


.content {
    position: relative; 
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    align-items: center;
  }

  .content::-webkit-scrollbar {
    display: none;
  }

  .slider {
    overflow: hidden;
    flex: 1; 
  }

  .slides {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    scroll-behavior: smooth;
  }

  .slide {
    min-width: 300px;
    max-width: 300px;
    margin-right: 20px;
    flex-shrink: 0;
  }

  .slide iframe {
    width: 100%;
    height: 200px;
    border: none;
  }


  .arrow {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 2rem;
    width: 40px;
    height: 40px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.3s ease;
  }

  .arrow:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .left-arrow {
    margin-right: 10px;
  }

  .right-arrow {
    margin-left: 10px;
  }



/* linux-engineer page end */


/* .sidebar.sticky {
    position: fixed;
    top: 100px; 
    width: inherit; 
    z-index: 9999;
} */



/* Submenu style */


.mail-submenu {
    display: none;
    padding-left: 15px;
}

.mail-has-submenu.open > .mail-submenu {
    display: block;
}



/* start Zextras Carbonio page */

.text-on-image-container {
    position: relative;
    width: 100%;
    max-width: 100%; /* Adjust as needed */
}

.text-on-image-container img {
    display: block;
    width: 100%;
    height: auto;
}

.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff; /* White text for better visibility */
    width: 100%;
    max-width: 500px; /* Adjust as needed */
    padding: 20px;
}

.butn-style2-zextras{
    margin-left: 0px !important;
}


.butn-style2.white:before {
    background-color: #18455d !important;
}

.banner-button a.butn-style2:hover span {
    color: white !important;
}

.butn2-style2.white:before {
    background-color: #fff !important;
}

.banner-button a.butn2-style2:hover span {
    color: #e74860 !important;
}

.banner-button-container {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center;     /* Vertical centering (optional) */
    height: 100%;            /* Optional: adjust based on context */
}

.ti-check-icon{
    font-weight: 900;
    font-size: 12px; 
    color: #000;
}

.ti-close-icon{
    font-weight: 900;
    font-size: 12px;
    color: #000;
}

.zextras-carbonio-span{
    color: #000000;
    font-weight: 600;
    display: block;
     margin-top: 12px;
     text-align: center;
}
/* end Zextras Carbonio page */








/*-----------------sk css------------------------*/
.home_bottom_box {
    position: relative;
    z-index: 1;
}

.home_bottom_box .box{
    text-align: center;
    background: #fff;
    padding: 2rem 1rem;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.home_bottom_box .box h4{
    text-transform: capitalize;
    font-size: 2rem;
    font-weight: 600;
    background: linear-gradient(90deg, #ff7f50, #3a91dd); 
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
}
.breadcrumb_section{
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.breadcrumb_section .content_div h1 {
      font-size: 35px;
    font-weight: bolder;
    background: linear-gradient(90deg, #0479df,#000, #e74860);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; 
  color: transparent;
}

.services_details .brand_logo{
    width: max-content;
    height: 4rem;
}

.services_details .brand_logo img{
    width: 100%;
    height: 100%;
}
.breadcrumb_section .content_div .brand_logo img{
    width: 100%;
    height: 100%;
}
.breadcrumb_section .content_div ul li{
     display: flex;
     align-items: center;
    gap: 10px;
}
.breadcrumb_section .content_div ul li i{
    /*width: 1.5rem;*/
    /*height: 1.5rem;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*background: #0479df;*/
    color: #0479df;
        font-size: 1.2rem;
    /*border-radius: 50%;*/
}
.infrastructure-slider .swiper-slide {
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  height: 80vh;
  position: relative;
  border: none;
}


.infrastructure-slider .swiper-slide .content_div{
    position: absolute;
    left: 5%;
    top: 40%;
    transform: translateY(-50%);
    width: 55%;
    text-align: left;
}
.infrastructure-slider .swiper-slide .content_div h1 {
  background: linear-gradient(90deg, #3a91dd, #000); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; 
  /*text-shadow: 1px 0 #000; */
  font-size: 3rem;
}

.infrastructure-slider .swiper-slide .content_div p{
    font-size: 1rem;
}
.infrastructure-slider .swiper-button-prev,
.infrastructure-slider  .swiper-button-next{
    width: 2.5rem;
    height: 2.5rem;
    background: #3a91dd;
    border-radius: 50%;
}

.infrastructure-slider .swiper-button-prev:after,
.infrastructure-slider  .swiper-button-next:after{
        color: #fff;
    font-size: 1.5rem;
}

.page-title-section .title_banner{
    text-shadow: 5px 0 black;
}

.page-title-section .breadcrumb-title ul{
    display: flex;
    align-items: center;
}
.hero_section .home_slider{
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    height: 80vh;
    position: relative;
}

/*.hero_section .tagline {*/
/* background: linear-gradient(90deg, #ff512f, #0d6efd);*/
/*  color: #fff;          */
/*  padding: 12px 24px;  */
/*  border-radius: 8px;   */
/*  display: inline-block; */
/*}*/

.hero_section .tagline {

  font-weight: bold;
    background: linear-gradient(90deg, #e74860, #0d6efd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; 
}

.hero_section .owl-nav .owl-prev span,
.hero_section .owl-nav .owl-next span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
      width: 2.5rem;
      height: 2.5rem;
      background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.2rem;

}

.hero_section .owl-nav .owl-prev span{
      left: 2%;
}

.hero_section .owl-nav .owl-next span{
    right: 2%;
}

.home_about {
    /*background: url("https://6987.in/img/bg/bg-05.png") no-repeat center center;*/
    background-size: cover;
}

.home_about .other-info {
  position: relative;
    margin-top: 42px;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: 3rem;
}
@media (max-width: 767.98px) {
  .home_about .other-info {
    padding-right: 0;
  }
}
.home_about .other-info .theme-btn {
  position: absolute;
  right: 0;
  top: 10px;
}
@media (max-width: 767.98px) {
  .home_about .other-info .theme-btn {
    position: relative;
    margin-top: 30px;
    top: 0;
  }
}
.home_about .author-info {
  position: relative;
  padding-left: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 88px;
}
.home_about  .author-info .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 88px;
  width: 88px;
  padding: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(#c6181e), to(#2a2a8c));
  background: linear-gradient(to top, #c6181e , #2a2a8c );
  border-radius: 50%;
}
.home_about .author-info .thumb img {
  border-radius: 50%;
  border: 9px solid #fff;
}
.home_about .author-info .name {
  margin-bottom: 0;
}
.home_about .author-info .designation {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
}

.home_about .image1{
    border: 7px solid #eee;
    width: 500px;
}
.home_about .image2{
   left: 34%;
    bottom: 0%;
    width: 345px;
    border: 5px solid #ddd;
}
.why_choose_section .card-style-02{
   border: 1px solid #c6181e;
   border-radius: 10px;
   position: relative;
}

.why_choose_section .card-style-02:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background: #e74860;
    border-radius: 10px;
    z-index: -1;
    transition: width .3s linear;
}


.why_choose_section .card-style-02:hover:before{
    width: 100%;
}

.why_choose_section .card-style-02 .card-icon:after{
    border: 7px solid #e74860;
}
.why_choose_section .card-style-02 .box .flex-shrink-0{
    width: max-content;
    position: absolute;
    top: -10%;
    left: 0%;
}
.why_choose_section .card-style-02 .box .flex-grow-1 p span{
     transition: color .3s linear;
}

.why_choose_section .card-style-02:hover .box .flex-grow-1 p span{
    color: #000 !important;
}
.service_details .title{
    background: #e74860 ;
    color: #fff !important;
    padding: 3px 10px;
    text-align: center;
}

.card-mail-sidebar,
.right_container{
    position: sticky;
    top: 70px;
}

.right_container .nav-enquiry{
     background: #5191fa;
  padding: 10px;
  border-bottom: solid 1px #d7dce3;
  display: none;
  justify-content: center;
}

.right_container .nav-enquiry .enquiry_btn{
      display: flex;
          cursor: pointer;
    align-items: center;
  text-align: center;
  animation: blink 1s infinite;
}
.right_container .nav-enquiry .enquiry_btn img{
    width: 3rem;
    height: 3rem;
}
.right_container .nav-enquiry .enquiry_btn span {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  border-bottom: solid 1px transparent;
  cursor: pointer;
}

 @keyframes blink {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
            80% {
                opacity: 1;
            }
     20% {
                opacity: 1;
            }
        }


.card-mail-sidebar .card-mail-widget-content {
     padding: 0;
}
 .card-mail-sidebar .card-mail-widget-content .h5{
     background: #3a91dd;
    padding: 10px;
    text-align: center;
    color: #fff !important;
 }
 
  .card-mail-sidebar .card-mail-widget-content  .category-list {
      padding: 0 16px;
      padding-bottom: 16px;
  }
  
  .card-mail-sidebar .card-mail-widget-content .category-list li> .sub-category{
  position: absolute;
    top: 63px;
    right: -96%;
    background: #fff;
    height: 85%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    padding-top: 1rem;
    padding-left: 0px;
    z-index: 99;
    transition: transform 0.3s 
ease, box-shadow 0.3s 
ease !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    
    }
    
 .card-mail-sidebar .card-mail-widget-content .category-list li> .sub-category li{
          padding: 0 1rem !important;
      }
      
.card-mail-sidebar .card-mail-widget-content .category-list li> .sub-category li a,
.card-mail-sidebar .card-mail-widget-content .category-list li> .sub-category li a span{
                color: #e74860 !important;
}

.card-mail-sidebar .card-mail-widget-content .category-list li> .sub-category li a:after{
    content: none;
}
    
 .card-mail-sidebar .card-mail-widget-content .category-list li:hover> .sub-category{
    opacity: 1;
    visibility: visible; 
 }
 
 .service_box .icon{
     width: 2rem;
    height: 2rem;
    background: #e74860  ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 4px 10px;
 }
 
  .service_box .icon i{
      color: #fff;
  }
  
  
  .service_details .d_box{
    /*background: #3a91dd;*/
    border-radius: 5px;
    padding: 5px 8px;
    color: #3a91dd !important;
  }
  .service_details .d_box i{
      font-size: 1.3rem;
  }
    .service_details .d_box span{
        color: gray  !important;
    }
    
.service_details .d_box2{
         background: #fff;
    border-radius: 15px;
      padding: 8px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
      }
      
.service_details .d_box2:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.service_details .d_box3{
  position: relative;
}
.service_details .d_box3 i{
    color: #e74860;
    font-size: 1rem;
}
.service_details .d_box3:before{
    content: '';
    position: absolute;
    bottom: -27px;
    left: 7px;
    width: 2px;
    height: 100%;
    background: #e74860;
}

.service_details .d_box3:last-child::before {
  display: none;
  content: none;
}

.service_details .d_box3.d_amc:before{
    background: #000;
}

.service_details .d_box3.d_amc i{
    color: #3a91dd;
}

.based_data .title {
  background: linear-gradient(90deg, #ff6a00, #ee0979); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; 
  color: transparent;
  text-align: center;
  font-size: 2rem;
}

.based_data .bg-card-services{
   background: #3a91dd;
   color: #fff;
   position: relative;
   overflow: hidden;
     transition:  transform 0.5s ease; 
  transform: translateY(0);
}



.based_data .bg-card-services:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
   background: linear-gradient(90deg, #ff0000, #ff7f00); 
  width: 0%;
  height: 100%;
  z-index: -1;
  transition: width 0.5s ease, transform 0.5s ease; 
  transform: translateY(0);
}

.based_data .bg-card-services:hover:before {
  width: 100%;
  transform: translateY(0px); 
}

.based_data .bg-card-services h5,
.based_data .bg-card-services span{
    color: #fff;
}

.based_data .bg-card-services .d_box{
       position: relative;
}
.based_data .bg-card-services .d_box i{
    font-size: 1rem;
}
.based_data .bg-card-services .d_box:before{
   content: '';
    position: absolute;
    bottom: -20px;
    left: 7px;
    width: 2px;
    height: 100%;
    background: #ddd;
}

.based_data .bg-card-services .d_box:last-child::before {
  display: none;
  content: none;
}

.Services_Deployed .title{
    background: linear-gradient(90deg, #00A3EE, #F14F21);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-align: center;
    font-size: 2rem;
}

.Services_Deployed .box{
        background: #fff; 
    border-radius: 15px;
    padding: 30px 20px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.Web_Solutions .title{
    background: linear-gradient(90deg, #000, #00A3EE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-align: center;
    font-size: 2rem;
}
 /*----------===========contact_section-=====================*/
 .contact_section .contact-us-card{
     background: #fff;
 }
.contact_section .contact-us-card .contact-us-card-body h5, 
.contact_section .contact-us-card .contact-us-card-body p{
     color: #000;
 }
  
  .contact_section .contact-us-card .contact-us-card-body i.iocn{
     width: 50px;
    height: 50px;
    background: #18455d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    transition: border-radius .3s linear;
  }
   .contact_section .contact-us-card .number_a{
      display: flex;
    align-items: center;
    flex-direction: column;

   }
   
.contact_section .contact-us-card .contact-us-card-body .contact-us-social-icon{
  background-color: #18455d;
 
}
.contact_section .contact-us-card .contact-us-card-body .contact-us-social-icon .contcat-us-fab{
     color: #fff !important;
}

/*===============services all ==================== */

.services-section {
    position: relative;
}

.service-block-new-1 {
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.service-block-new-1 .inner-box {
    position: relative;
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #e6e8ed;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block-new-1 .inner-box:hover {
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}

.service-block-new-1 .inner-box:hover .image-box img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.service-block-new-1 .inner-box:hover .image-box .image:after {
  left: 0;
  right: 0;
  opacity: 0;
}

.service-block-new-1 .image-box {
    position: relative;
}

.service-block-new-1 .image-box::before {
  background: linear-gradient(-135deg, rgba(23, 23, 23, 0) 50%, #4a91cf 100%);
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.service-block-new-1 .image-box .image {
  overflow: hidden;
  margin-bottom: 0;
}

.service-block-new-1 .image-box .image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
      -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}


.service-block-new-1 .image-box .image:after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.service-block-new-1 .image-box .icon-box {
  position: absolute;
  left: 25px;
  bottom: -10px;
  height: 90px;
  width: 90px;
  background: var(--bg-theme-color2);
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 58px;
  z-index: 2;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.service-block-new-1 .image-box .icon-box:before {
  position: absolute;
  bottom: 0;
  left: -10px;
  border-right: 10px solid var(--theme-color2);
  border-bottom: 10px solid transparent;
  content: "";
}
.service-block-new-1 .image-box .icon-box:after {
  position: absolute;
  bottom: 0;
  right: -10px;
  border-left: 10px solid var(--theme-color2);
  border-bottom: 10px solid transparent;
  content: "";
}
.service-block-new-1 .content-box {
  position: relative;
  padding: 20px 5px 5px;
}
.service-block-new-1 .content-box .title {
  margin-bottom: 14px;
}

.service-block-new-1 .content-box .title a{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.service-block-new-1 .content-box .title:hover {
  color: var(--theme-color2);
}
.service-block-new-1 .content-box .text {
  position: relative;
  margin-bottom: 0;
}
.service-block-new-1 .content-box .text p{
     text-align: left !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.service-block-new-1 .content-box .read-more {
  font-size: 12px;
  line-height: 30px;
  color: #808287;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  margin-top: 15px;
  
}
.service-block-new-1 .content-box .read-more i {
  margin-left: 10px;
  color: var(--theme-color2);
  font-size: 16px;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.service-block-new-1 .content-box .read-more:hover {
  color: var(--theme-color2);
}
.service-block-new-1 .content-box .read-more:hover i {
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
  opacity: 0;
}

.service_details .boxs{
    display: flex;
    position: relative;
}

.service_details .boxs .arrow-dot{
       position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%) rotate(20deg);
    
}
.service_details .boxs .Left,
.service_details .boxs .right{
    width: 50%;
}

.service_details .boxs .Left .image img {
  width: 100%;
  animation: slideTop 1.2s infinite alternate;
}

@keyframes slideTop {
  0% {
    transform: translateY(-20px);
    opacity: 0.6;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}



.service_details .boxs .right{
      /*background: #eb0b0b17;*/
}
.service_details .boxs .right .service_box .icon{
    /*background: none;*/
    font-size: 1.5rem;
        padding-top: 0rem;
        color: #fff;
}



/*=============services start==========================*/
.card-mail-widget-content{
    padding: 30px 8px;
}

.sidebar .widget .category-list li.active {
    background: #e74860 !important;
    padding: 0 10px !important;
}

.sidebar .widget .category-list li.active a,
.sidebar .widget .category-list li.active a span{
    color: #fff !important;
}


.features .feature-card {
  background: #fff;
  border-radius: 15px;
  padding: 30px 20px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transition: 0.3s;
}

.features .feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
/*=====================team_section ======================== */
.team_section .image{
    height: 23rem;
}
.team_section .image img{
    width: 100%;
    height: 100%;
}


  /* strat page Acronis – Complete Cyber Protection */

  /* Features Timeline Layout */
  
  

.acronis-feature { 
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s ease;
}
.acronis-feature.show {
  opacity: 1;
  transform: translateY(0);
}
.acronis-feature:nth-child(even) .feature-header {
  flex-direction: row-reverse;
  text-align: right;
}
.acronis-feature-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
} 
 
.acronis-feature-icon {
  font-size: 25px;
  color: #18455d;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%,100%{transform: scale(1)}
  50%{transform: scale(1.2)}
}



.acronis-feature-content {
  flex: 1;
  padding: 20px;
}


 
.acronis-icon {
  color: white;
  transition: transform 0.3s ease;
  display: inline-block;
}

/* Jab circle (parent) hover ho to icon animate ho */
.acronis-serve-feature-icon:hover .acronis-icon {
  animation: rotateBounce 1s infinite;
}

@keyframes rotateBounce {
  0% {
    transform: rotate(0deg) translateY(0);
  }
  25% {
    transform: rotate(-15deg) translateY(-5px);
  }
  50% {
    transform: rotate(0deg) translateY(0);
  }
  75% {
    transform: rotate(15deg) translateY(-5px);
  }
  100% {
    transform: rotate(0deg) translateY(0);
  }
}

 
 /* end page Acronis – Complete Cyber Protection */

 /* start page cyber-security */

    @keyframes bgAnimation {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    @keyframes slideDown {
      from {
        transform: translateY(-40px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    @keyframes underline {
      from { width: 0; }
      to { width: 60px; }
    }

    .cyber-security-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
    }

    .cyber-security-card {
      background: #ffffff;
      padding: 25px;
      border-radius: 14px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .cyber-security-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    }

    .cyber-security-card-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
    }

    .cyber-security-card .icon {
      font-size: 25px;
      color: #18455d;
      transition: transform 0.4s ease, color 0.4s ease;
    }

    .cyber-security-card:hover .icon {
      transform: scale(1.2) translateY(-5px);
      color: #e74860;
    }
 
 
  /* end page cyber-security */
  
  
  /* start service vapt page*/
  
  .vapt-security-card:hover {
    background-color: #29298beb !important; /* Bootstrap primary blue */
} 

.vapt-security-card:hover span,
.vapt-security-card:hover strong,
.vapt-security-card:hover p,
.vapt-security-card:hover h1,
.vapt-security-card:hover h2,
.vapt-security-card:hover h3,
.vapt-security-card:hover h4,
.vapt-security-card:hover h5,
.vapt-security-card:hover h6,
.vapt-security-card:hover i {
    color: white !important;
} 


  /* end service vapt page*/

/*start email-gateway page*/


@keyframes floatGlow {
  0%, 100% {
    transform: translateY(0);
    filter: drop-shadow(0 0 0 rgba(255, 0, 0, 0));
  }
  50% {
    transform: translateY(-1px);
    filter: drop-shadow(0 0 5px rgba(231, 72, 96, 0.7));
  }
}

.spam-control-icon-animate {
  animation: floatGlow 4s ease-in-out infinite;
  font-size:30px;
} 

/*end email-gateway page*/


/*start Bug Fixing Services page*/



@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
    color: #e74860; /* Zoom out - blue */
  }
  50% {
    transform: scale(1.1); 
    opacity: 0.7;
    color: #18455d; /* Zoom in - red */
  }
  100% { 
    transform: scale(1);
    opacity: 1;
    color: #e74860; /* Zoom out - blue */
  }
}

.bug-fixing-services-icon-animate {
  animation: pulse 2s infinite;
  font-size: 25px;
}



/*end Bug Fixing Services page*/

/*start Advanced Web Management Services Services page*/

/* start Hosting & Infrastructure Solutions Services page  */

.hosting-infrastructure-container {
      max-width: 1200px;
      margin: auto;
      padding: 40px 20px;
    }


    .hosting-infrastructure-card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
    }

    .hosting-infrastructure-card {
      /* Background gradient red but initially hidden */
      background: linear-gradient(to bottom, #29298beb 0%, #e74860 100%);
      background-repeat: no-repeat;
      background-size: 100% 0%; /* start with height 0% (no red visible) */
      padding: 25px 20px;
      border-radius: 10px;
      box-shadow: 0 9px 20px rgba(0, 0, 0, 0.05);
      transition: transform 0.2s ease, background-size 0.5s ease;
      color: #0077cc; /* default text color */
    }

    .hosting-infrastructure-card:hover {
      transform: translateY(-5px);
      background-size: 100% 100%; /* height expands to 100% to show red */
      color: white; /* fallback for text color */
    }

    .hosting-infrastructure-card-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
    }

    .hosting-infrastructure-icon {
      font-size: 25px;
      color: #000000;
      min-width: 24px;
      transition: color 0.3s ease;
    }

    /* On hover text color white */

    .hosting-infrastructure-card:hover i,
    .hosting-infrastructure-card:hover h5,
    .hosting-infrastructure-card:hover span {
      color: white !important;
    }






.hosting-infrastructure-solutions-faq-section {
  max-width: 800px;
  margin: 0px auto;
  padding: 30px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.hosting-infrastructure-solutions-faq-section h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
  color: #0056b3; 
}

.hosting-infrastructure-solutions-faq {
  margin-bottom: 20px;
}

.hosting-infrastructure-solutions-faq h3 {
  font-size: 18px;
  color: #222;
  margin-bottom: 20px;
}

.hosting-infrastructure-solutions-faq p {
  font-size: 16px;
  background-color: #eef6ff;
  padding: 15px;
  border-left: 4px solid #007bff;
  border-radius: 5px;
  margin: 0; 
}


/* end Hosting & Infrastructure Solutions Services page  */

/*start Advanced Web Management Services Services page*/


/* .awms-grid-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 25px;
      padding: 40px 20px;
      max-width: 1200px;
      margin: auto;
    }

    .awms-card {
      background: rgba(255,255,255,0.6);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255,255,255,0.4);
      border-radius: 16px;
      padding: 25px;
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
      transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
      position: relative;
      overflow: hidden;
    }

    .awms-card:hover {
      transform: translateY(-12px) scale(1.03);
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
      border-color: rgba(255,255,255,0.6);
    }

    .awms-card::before {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 43, 92, 0.1);
      transition: top 0.4s ease;
      pointer-events: none;
      border-radius: 16px;
    }

    .awms-card:hover::before {
      top: 0;
    }

    .awms-card-header {
      display: flex;
      align-items: center;
    }

    .awms-card-header i {
      font-size: 25px;
      color: #000000;
      margin-right: 15px;
    } */



    .awms-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 25px;
  padding: 40px 0;
  max-width: 1200px;
  margin: auto;
}

.awms-card {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transition: 
    transform 0.4s ease, 
    box-shadow 0.4s ease, 
    border-color 0.4s ease,
    background 0.4s ease,
    color 0.4s ease;
  position: relative;
  overflow: hidden;
  color: #000000; /* default text color */
}

.awms-card:hover {
  transform: translateY(-12px) scale(1.03);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
  background: linear-gradient(135deg, #3a91dd , #29298b); /* gradient hover background */
  color: #ffffff; /* make all text white on hover */
}

.awms-card::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 43, 92, 0.1);
  transition: top 0.4s ease;
  pointer-events: none;
  border-radius: 16px;
}

.awms-card:hover::before {
  top: 0;
}

.awms-card-header {
  display: flex;
  align-items: center;
}

.awms-card-header i {
  font-size: 25px;
  color: #000000; /* default icon color */
  margin-right: 15px;
  transition: color 0.4s ease;
}

.awms-card:hover .awms-card-header h5,
.awms-card:hover span,
.awms-card:hover strong,
.awms-card:hover i {
  color: #ffffff !important;
}


.service-table table{
      width: 100%;
      border-collapse: collapse;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      background-color: #fff;
      border-radius: 8px;
      overflow: hidden;
      text-align: center;
    }

    .service-table thead {
      background-color: #2c3e50;
      color: #fff;
    }

    .service-table th{
      padding: 20px;
      text-align: left;
      vertical-align: top;
      transition: transform 0.3s ease; /* Zoom effect smoothness */
    }
    .service-table td {
     
      text-align: left;
      vertical-align: top;
      transition: transform 0.3s ease; /* Zoom effect smoothness */
    }

    .service-table th {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

   .service-table tbody tr:nth-child(odd) {
      background-color: #f9fbfd;
    } 
 
    .service-table tbody tr:hover {
      background-color: #eef3f7;
    } 

    /* 👇 Zoom effect on hover */
    .service-table tbody tr:hover td {
      transform: scale(1.01); /* Light zoom */
    }

    .service-table td {
      color: #333;
      font-size: 16px;
      line-height: 1.6;
    }

.service-table .service-td {
  font-weight: 600;        /* horizontal center */
  vertical-align: middle;    /* vertical center */
}
/*end Advanced Web Management Services Services page*/


/*==============testimonial section==============================*/

.testimonial_section .swiper-slide {
  background: #18455d;
  border-radius: 12px;
  height: 30rem;
  padding: 30px 20px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.3);
  margin: 0px;
  transition: 0.3s;
}



.testimonial_section .swiper-slide .testimonial-item  .client-img {
  width: 100px;
  height: 100px;
  margin: 0 auto 15px;
}

.testimonial_section .swiper-slide .testimonial-item  .client-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #fff; 
  object-fit: cover;
}

.testimonial_section .swiper-slide .testimonial-item  .stars i{
    color: glod ;
}

.testimonial_section .swiper-slide .testimonial-item .p_tag{
    height: 4rem;
     
}

.testimonial_section .swiper-slide .testimonial-item  p {
  font-size: 16px;
  line-height: 1.6;
  font-style: italic;
}

.testimonial_section .swiper-slide  h5 {
  margin-top: 15px;
  font-weight: 600;
  color: #fff;
}


.testimonial_section .swiper-button-next, 
.testimonial_section .swiper-button-prev{
        position: absolute;
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 50%;
}
.testimonial_section .swiper-button-next{
    right: 2px;
}

.testimonial_section .swiper-button-prev{
    left: -2px;
}
.testimonial_section .swiper-button-prev:after,
.testimonial_section .swiper-button-next:after{
    font-size: 1rem;
    color: #000;
}

/*===============form_container ==============*/
.form_container {
    position: fixed;           
    top: 50%;                  
    right: -120%;                  
    transform: translateY(-50%); 
    width: 100%;
    min-height: 100vh;
    overflow-y: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;            
    padding: 20px;            
    background-color: rgba(0,0,0,0.7); 

    z-index: 9999999;            
}

.form_container form{
    max-width: 800px;
    width: 100%;
    background: #fff;
    padding: 2rem;
    border-radius: 10px;
 box-shadow: -2px 2px 10px rgba(0,0,0,0.2); 
     position: relative;
}
.form_container.active{
    right: 0;
}

/* Optional: style inputs and select */
.form_container input,
.form_container select {
    width: 100%;
    padding: 8px 10px;

    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.form_container input[type="submit"] {
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

.form_container input[type="submit"]:hover {
    background-color: #0056b3;
}

.form_container form .form_icon {
    position: absolute;       
    top: -10px;             
    right: -60px;              
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;                 
    cursor: pointer;


    /*animation: spin 4s linear infinite; */
}

.form_container form .form_icon i{
    font-size: 1.6rem;
}
/* Rotation animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Optional: hover effect */
.form_container .form_icon:hover {
    background-color: #0056b3;
}


@media(max-width: 768px){
    .form_container form .form_icon{
            top: -40px;
    right: -24px;
    }
}

/*==============================socialMedia_video ==============*/

.socialMedia_video .video_box iframe{
    width: 100%;
}

.socialMedia_video  .swiper-button-prev, 
.socialMedia_video  .swiper-button-next{
        position: absolute;
        width: 3rem;
        height: 3rem;
        background: #fff;
        border-radius: 50%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.socialMedia_video .popularSwiper .swiper-slide{
    margin: 0;
}
.socialMedia_video  .swiper-button-prev::after, 
.socialMedia_video  .swiper-button-next:after{
    font-size: 1.4rem;
    color: #000;
}
.socialMedia_video .popularSwiper .swiper-button-next{
    right: 0;
}
.socialMedia_video .popularSwiper .swiper-button-prev{
    left: 0;
}
/****/====================== footer =============*/


footer.main-footer {
  position: relative;
}

 .bg-pattern-6 {
    background: url(/image/pattern-7.jpg);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main-footer .footer-upper {
  position: relative;
  padding: 30px 0 7px;
  background-color: #3a91dd;
}
.main-footer .widgets-section {
  position: relative;
   padding: 22px 0 0px;
}
.main-footer .footer-column {
  position: relative;
  margin-bottom: 50px;
}
.main-footer .footer-widget {
  position: relative;
}
.main-footer .widget-title {
  position: relative;
  font-weight: 600;
  color: #000;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.contact-info-block {
  position: relative;
  margin-bottom: 30px;
}
.contact-info-block:last-child .inner:before {
  display: none;
}

.main-footer .footer-upper .contact-info-block .inner{
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    gap: 15px;
}

.main-footer .footer-upper .contact-info-block .inner .icon{
    width: 4rem;
    height: 4rem;
    /*background: #fff;*/
    font-size: 1.8rem;  
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F14F21;
    transition:border-radius .3s linear;
}

.main-footer .footer-upper .contact-info-block .inner .icon .icon_open,
.main-footer .footer-upper .contact-info-block .inner:hover .icon .icon1{
    opacity: 0;
    visibility: hidden;
    display: none; 
    transition: opacity 0.3s ease;
}
.main-footer .footer-upper .contact-info-block .inner .icon.icon2{
    width: 6.5rem;
    height: 4rem;
}



.main-footer .footer-upper .contact-info-block .inner .icon .fa-phone-volume {
  animation: ring 1s infinite;
}

@keyframes ring {
  0% { transform: rotate(0); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-15deg); }
  30% { transform: rotate(10deg); }
  40% { transform: rotate(-10deg); }
  50% { transform: rotate(5deg); }
  60% { transform: rotate(-5deg); }
  70% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.main-footer .footer-upper .contact-info-block .inner:hover .icon{
    border-radius: 50%;
}

.main-footer .footer-upper .contact-info-block .inner:hover .icon .icon_open{
    opacity: 1;
    visibility: visible;
    display: block;
} 


.main-footer .footer-upper .contact-info-block .inner .box
{
    color: #fff;
}
.main-footer .footer-upper .contact-info-block .inner .box .text{
    display: flex;
    flex-direction: column;

}
.main-footer .footer-upper .contact-info-block .inner .box .text,
.main-footer .footer-upper .contact-info-block .inner .box a{
    color: #fff;
}

.main-footer .about-widget .logo {
    margin-bottom: 15px;
    width: 180px;
}

.main-footer .about-widget .logo img{
    width: 100%;
    height: 100%;
}

.main-footer .about-widget .text {
    margin-bottom: 30px;
    color: #333;
}

.main-footer .about-widget .social-icon-two {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        list-style: none;
}

.main-footer .about-widget .social-icon-two li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 7px;
}

.main-footer .about-widget .social-icon-two li a{
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c3246 ;
}

/* Hover → run circle animation */
.main-footer .about-widget .social-icon-two li:hover a {
    animation: circleIn 0.4s forwards ease-in-out;
}

/* When hover ends → run reverse animation */
.main-footer .about-widget .social-icon-two li a:not(:hover) {
    animation: circleOut 0.4s forwards ease-in-out;
}

/* Keyframes for morphing in */
@keyframes circleIn {
    0% {
        border-radius: 0.5rem;
        transform: scale(1);
        background-color: #e74860;
    }
    100% {
        border-radius: 50%;
        transform: scale(1.15);
        background-color: #c6181e;
    }
}

/* Keyframes for morphing out */
@keyframes circleOut {
    0% {
        border-radius: 50%;
        transform: scale(1.15);
        background-color: #c6181e;
    }
    100% {
        border-radius: 0.5rem;
        transform: scale(1);
        background-color: #0c3246 ;
    }
}

.main-footer .about-widget .social-icon-two li a i{
    color: #fff;
}
.main-footer .widgets-section .widget-content{
    box-shadow: none;
    margin: 0px;
    padding: 0px;
}


.main-footer .widgets-section .links-widget .widget-content  .user-links.two-column {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-wrap: wrap;*/
    /*flex-wrap: wrap;*/
    list-style: none;
    padding-left: 0;
}

.main-footer .widgets-section .links-widget .widget-content .user-links.two-column li {
    /*width: 50%;*/
    /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0 50%;*/
    /*flex: 0 0 50%;*/
}

.main-footer .widgets-section .newsletter-widget,
.main-footer .widgets-section .newsletter-widget .subscribe-form ,
.main-footer .widgets-section .newsletter-widget .subscribe-form .form-group{
    position: relative;
}

.main-footer .widgets-section .newsletter-widget .subscribe-form .form-group input[type=email] {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #717070;
    padding: 20px 30px;
    border: none;
    background: #fff;
    text-align: center;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .widgets-section .newsletter-widget .subscribe-form .form-group .theme-btn {
    position: relative;
    margin-top: 10px;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    padding: 20px 50px;
    font-weight: 600;
    overflow: hidden;
    z-index: 0;
    background: #0c3246 ;
    color: #fff;
    border: none;
}

.main-footer .widgets-section .newsletter-widget .subscribe-form .form-group .theme-btn:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    width: 7px;
    height: 100%;
    background: #e74860;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 0.15;
    content: "";
    z-index: -1;
}

.main-footer .widgets-section .newsletter-widget .subscribe-form .form-group .theme-btn:hover:before
 {
    background-color: #e74860;
      width: 100%;
    opacity: 1;
}

.footer-bottom {
    position: relative;
    z-index: 3;
    text-align: center;
    
}
.footer-bottom .copyright-text {
    position: relative;
    font-size: 15px;
    line-height: 24px;
    padding: 33px 15px;
    font-weight: 400;
    /* color: #75767a; */
    color: #333;
    margin-bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#aboutfounder .sm-title{
    font-size: 2rem;
}

#aboutfounder .section-title .sm-title:before{
    width: 100%;
    height: 4px;
}

#aboutfounde .section-title .sm-title:after{
    width: 10px;
    height: 10px;
}

@media(max-width: 768px){
    .team_section .image {
        height: 18rem;
}
    .main-footer .footer-upper .contact-info-block .inner{
   justify-content: flex-start;
}
.service_details .boxs{
    flex-wrap: wrap;
}
.service_details .boxs .arrow-dot{
        top: 50%;
}

.service_details .boxs .Left,
.service_details .boxs .right{
    width: 100%;
}
.infrastructure-slider .swiper-slide{
    height: 70vh;
}
.infrastructure-slider .swiper-slide .content_div{
    width: 100%;
    text-align: left;
}

.infrastructure-slider .swiper-slide .content_div p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.infrastructure-slider .swiper-button-prev, .infrastructure-slider .swiper-button-next{
    display: none;
}
    
.callSec  .callImg:before {
    height: 22rem;  
}
}

@media(max-width: 991px){


.card-mail-sidebar .card-mail-widget-content .category-list li> .sub-category{
    position: initial;
    opacity: 1; 
    visibility: visible;
}
}

@media(max-width: 768px){
  
    .testimonial_section .swiper-slide{
        height: auto;
    }
    

}


@media(max-width: 550px){
      .infrastructure-slider .swiper-slide .content_div h1{
        font-size: 1.5rem;
    }
    .infrastructure-slider .swiper-slide{
    height: 55vh;
}

}

@media(max-width: 400px){

}
@media (min-width: 1500px) and (max-width: 2000px){
    .home_about .image-column .exp-box{
        top: 300px !important;
    }
}