:root {
  --wp--preset--font-family--body: "Inter", sans-serif;
  --wp--preset--font-family--heading: Cardo;
  --wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

body {
  font-family: var(--wp--preset--font-family--body) !important;
}

.heading {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}


.headingformob{
  display: none;
}
.textformob{
  display: none;
}
.imageformob{
  display: none;
}
.slick-track{
	height: auto !important;
}
.teest{
	display:none;
}
 .accordion {
    width: 100%;
    max-width: 600px;
    margin: auto;
}
.accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    border-radius: 8px;
    overflow: hidden;
    background: #1f202f !important;
}
.accordion-button {
    width: 100% !important;
    padding: 10px !important;
    text-align: left !important;
    background: #1f202f !important;
    border: none !important;
    outline: none!important;
    cursor: pointer !important;
    font-size: 18px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 8px !important;
    color: white !important;
}
.accordion-content {
   display:none;
    padding: 10px;
    background:#0b5145ad;
    border-radius: 8px;
}
.accordion-button::after {
  content: '\f078' !important; 
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  display: inline-block;
  margin-left: auto;
  color: white !important; 
}

.accordion-button.collapsed:after {
  content: '\f078' !important; 
  color: white !important;
} 


.accordion-content ul {
    list-style: none !important;
    padding: 0 !important;
}

.accordion-button:focus,
.accordion-button:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
  .accordion-content li {
    /* display: flex; */
    /* align-items: center !important; */
    margin-bottom: 5px !important
			;
    /* position: relative;
    display: inline-block; */
    display: flex !important;
    align-items: flex-start !important;
 font-size:13px;
	 text-align: left;
  
}

.accordion-content li::before {
    /* content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url('https://clickcentrica.com/wp-content/uploads/2024/10/Vector-2.png') no-repeat center center;
    background-size: contain; */
    content: "";
    display: inline-block;
    width: 16px; 
    height: 16px;
    background-image: url("https://clickcentrica.com/wp-content/uploads/2024/10/Vector-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 3px;
    flex-shrink: 0;
    
  }
.mobilelogo{
  position: absolute; height: 35px; width: 35px;
 
}
.mobtext{
  margin-left: 15%;
}
.mobbulet{
  position: absolute;left: 10px;
}


  .card-container .card{
    background-color: #1f202f;
   
  }

/* this section css is applied on .section code so this is getting over ride there neaar 740 line  */
  section {
    width: 100vw; /* Full viewport width */
    min-height: 100vh; /* Allow section to grow if content exceeds viewport */
    display: flex;
    align-items: center;
    justify-content: center; /* Center content */
    overflow-x: hidden; /* Prevent horizontal scroll while allowing vertical */
  }
  .aboutservices {
    padding: 15px;
    display: flex;
    justify-content: center;
		
}
#card2{
	margin-left:-15px ;
}
#card4{
	margin-left:-15px ;
}
.servicecard {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    min-height: 120px; /* Adjusted for proper alignment */
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-bottom: 0px;
    margin-top: -15px;
    position: relative;
    overflow: hidden;
	
}


.logo1{
 height: 80px;
 width: 80px;
 position:absolute;
 margin-left: 410px;
 transform: translateY(-35px);
 height: auto;
}
.logo2{
  height: 80px;
  width: 80px;
  position: absolute;
  margin-left: 410px;
  transform: translateY(-55px);
 
 }
.servicecard h1 {
    font-size: 22px !important;
    text-align: left;
    margin-bottom: 0px !important;
    transform: translateY(-15px);
    margin-left: 15px;
 
}
.servicecard ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0px;
    margin-left: 10px;
}


@media (max-width: 992px) {
  .servicecard {
      height: auto; /* Allows expansion on smaller screens */
  }
}
.servicecard li {
    display: flex;
    align-items: center;
    margin-bottom: 0px ;


}
.servicecard img.imglist {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
  #pagepiling {
    width: 100%;
    height: 100%;
  }

 
  /* .container{
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: start;
  } */
 
  /* Ensure the navbar and fixed elements don't exceed the screen width */
  .navbar,
  .fixed-social-icons {
    /* max-width: 100vw; */
    overflow: hidden !important;
  }
 
  /* Section Backgrounds */
  #section1 {
  /*   background-image: url("https://clickcentrica.com/wp-content/uploads/2024/10/Frame_8.png"); */
    /* Adjust image path if needed */
  }
 
  #section2 {
  /*   background-image: url("https://clickcentrica.com/wp-content/uploads/2024/10/Frame_8.png"); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
     
    /* Adjust image path if needed */
  }
 
  #section3,
  #section4 {
  /*   background-image: url("https://clickcentrica.com/wp-content/uploads/2024/10/Frame_8.png"); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
     
    /* Adjust image path if needed */
  }
 
  /* #section9 {
    background-image: url("https://clickcentrica.com/wp-content/uploads/2024/10/Rectangle-50-2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
     
  } */
 
  /* #section9 .container,
  #section10 .container {
    background-color: rgba(
      10,
      10,
      10,
      0.5
    );
    width: 85%;
    padding: 20px;
  } */
 
  #section10 {
  /*   background-image: url("https://clickcentrica.com/wp-content/uploads/2024/10/image-16-1.png") !important; */
  /*   background-position: center; */
  /*   background-repeat: no-repeat; */
  /*   background-size: cover; */
  }
 
 
  /* Mobile Adjustments */
  @media (max-width: 768px) {
    #menu {
      display: none;
      /* Hide the menu on mobile */
    }
  }
 
  /* Hide both vertical and horizontal scrollbars but allow vertical scrolling */
  body {
    overflow-y: scroll; /* Allow vertical scrolling without showing the scrollbar */
    overflow-x: hidden; /* Prevent horizontal scrolling */
    scrollbar-width: none; /* For Firefox */
    background-color: #1f202f !important;
    font-family: "Roboto", sans-serif;
    color: var(--text-color);
    /* background-color: var(--background-color); */
  }
 
  body.stop-scrolling {
    overflow: hidden;
  }
 
 
  body::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Edge */
  }
 
  html {
    scroll-behavior: smooth; /* For smooth scrolling */
  }
 
  @media (max-width: 768px) {
    .header {
      font-size: 1.5rem;
    }
  }
 
  @media (max-width: 576px) {
    .header {
      font-size: 1.2rem;
    }
  }
 
  .animated {
    opacity: 0;
    transition: opacity 0.6s ease-out;
  }
 
  .animated.show {
    opacity: 1;
  }
 
  .container,
  .container-fluid {
    /* max-width: 100%; */
    padding: 0 15px 0 15px !important;
  }
 
  /* Ensure containers don't overflow horizontally */
  .row {
    max-width: 100vw;
    /* background-color: #1F202F; */
    margin-top: -8px;
  }
 
  .full-height {
    height: 100vh; /* Full viewport height */
    width: 100vw; /* Full viewport width */
  }
 
  .maincont {
    height: 670px;
    display: flex;
    justify-content: center;
    background-color: #1f202f;
    flex-direction: column;
    align-items: center;
    background-image: url("/assets/img/Frame_8.png");
  }
  /* .cont-1,
  .cont-2,
  .cont-3{
      height: 670px;
      display: flex;
      justify-content: center;
      align-items: start;
      background-color: #1F202F;
      flex-direction: column;
      margin-bottom: 1rem;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      padding: 0rem 10rem;
  } */
 
  .about--part,
  .cont-3 {
    text-align: start;
    /* background-image: url('./Frame_8.png'); */
  }
 
  .about--part p {
    font-size: 20px;
    font-weight: 300 !important;
  /*   padding: 0px 21px; */
    line-height: 30px;
   
  }
 
  .about--part h1 {
    font-size: 45px;
    font-weight: 700 !important;
  /*   margin-left: 18px; */
    margin-top: 30px;
    margin-bottom: 30px;
      color:#fff;
      font-family: 'Inter';
  }
 
  @media (max-width: 767px) {
    .about--part h1 {
      font-size: 3rem;
          margin:0px !important;
          margin-bottom: 10px !important;
    }
 
    .about--part p{
      font-size: 20px !important;
    }
 
  }
 
  .ab1 h1 {
    /* margin-left: 30px !important; */
  }
 
  .ab1 i {
    width: 18px !important;
    height: 18px !important;
  }
 
  .ab1 ul li img {
    width: 15px;
  }
 
  .cont-3 p {
    font-size: 24px;
    font-weight: 300;
  }
 
  .cont-3 h1 {
    font-size: 45px;
    font-weight: 500;
  }
 
  .threats {
    font-weight: 600;
    color: white;
  }
 
  .animate__animated {
    opacity: 1;
  }
 
  @keyframes backInDown {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
 
  @keyframes backOutUp {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(-100%);
      opacity: 0;
    }
  }
 
  .animate__backInDown {
    animation: backInDown 1s ease-in-out forwards;
  }
 
  .animate__backOutUp {
    animation: backOutUp 1s ease-in-out forwards;
  }
 
  h1,
  p {
    color: white;
  }
 
  /* .aboutimg {
      width: 70%;
      height: 300px;
      margin: auto;
      display: flex;
      object-fit: contain;
      align-items: center;
  } */
 
  /* Logo and text images responsiveness */
  .logoimg {
    height: 75px; /* Adjust as needed */
    width: auto; /* Maintain aspect ratio */
  }
 
  /* Adjust navbar padding and margins */
  .navbar {
    /* padding: 10px 15px; Adjust for spacing */
    z-index: 100;
  }
 
  /* Adjust icons */
  .phone-icon {
    height: 20px; /* Adjust icon size */
    /* margin-left: 5px; Space between text and icon */
  }
 
  .navbar-toggler {
    border: 1px solid white;
  }
 
  .navbar-toggler:focus {
    box-shadow: none !important;
  }
 
  .navbar-brand{
    margin-left: 16px;
  }
 
  @media (max-width: 768px) {
    .navbar-brand .textimg {
      display: inline; /* Show text image on larger screens */
      width: 150px;
    }
    .heading{
      text-align: center!important;
    }
    .logoimg {
      height: 70px; /* Adjust as needed */
      width: auto; /* Maintain aspect ratio */
    }
  }




  .background-carousel img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 0 !important;
    transition: opacity 1s ease-in-out !important;
  }
 
  .background-carousel img.active {
    opacity: 3 !important;
  }
  @media (max-width: 768px) {
    .background-carousel {
        position: absolute !important;
      bottom: 5% !important;
     top: 430px;
      right: unset !important;
      width: 50%;
      height: 33% !important;
      overflow: hidden !important;
      left: 50%;
      transform: translateX(-50%);
  }
  }
  .heading{
    align-items: self-start;
  }
  @media (min-width: 768px) {
    .background-carousel {
      position: absolute !important;
      top: 15% !important;
      right: 0% !important;
      width: 50% !important;
      height: 74% !important;
      overflow: hidden !important;
     
    }
    }
  /* Media queries for different device sizes */
  @media (max-width: 576px) {
    .navbar-brand .textimg {
      /* display: none; Hide text image on very small screens */
      /* height: 20px; */
      width: 125px !important;
    }
    .heading{
      text-align: center!important;
    }
    .logoimg {
      width: auto !important;
      height: 60px;
    }
    .nav-link{
      font-size: 20px !important;
    }
  }
 
  @media (max-width:451px) {
    .nav-link{
      /* margin-left: 34px !important; */
    }  
    .navbar .logoimg{
      width: 50px !important;
      height: auto !important;
    }
    .navbar .textimg{
      width: 112px !important;
    }
    .nav-link{
      font-size: 19px !important;
  /*     margin-right: 7px !important; */
    }
    .circle{
      height: 30px !important;
      width: 30px !important;
    }
    .phone-icon{
      height: 17px !important;
    }
    .navbar-brand{
      margin-left: 0px !important;
    }
  }
 
  @media(max-width:472px){
    .navbar-brand{
      margin-left: 0px !important;
    }
    .nav-link{
  /*     margin-right: 0px !important; */
    }
  }
 
  @media(max-width:377px){
    .navbar-brand{
  /*     margin-left: 0px !important; */
    }
    .nav-link{
      margin-right: 0px !important;
    }
		.maincont p{
			text-align:left;
		}
		.background-carousel {
        
      top: 470px!important;
     
      width: 53%;
      height: 33% !important;
     
      left: 50%;
      transform: translateX(-50%);
    }
		#para1{
		justify-content:left !important;
		}
		
		.aboutbtn1{
			top:30px !important;
		}
  }
 
  #pp-nav{
    margin-top: -37px !important;
  }
 
  .circle{
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 7px;
  }
 
  .nav-link {
    display: flex;
    align-items: center;
    gap: 5px; /* Adjust spacing between text and icon */
  }
 
  .phone-icon {
    font-size: 20px; /* Adjust icon size */
  }
 
  .circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
 
 
  /* Ensure the navbar collapses properly on smaller screens */
  @media (max-width: 992px) {
    .navbar-collapse {
      text-align: center; /* Center align items in collapse */
    }
  }
 
  .navbar .container {
    /* margin: 20px 88px 20px 120px; */
  }
 
  .textimg {
    width: 155px;
    margin-left: 10px;
  }
 
  .nav-link {
  /*   margin-right: 22px; */
    margin-bottom: 11px;
  }
 
  span {
      font-weight: 500;
      color: #fff;
  }
 
  .nav-link {
    color: #fff !important;
    font-size: 23px;
  }
 
  .nav-link:hover {
    color: #a5a3a3 !important;
    font-size: 20px;
    cursor: pointer;
  }
 
  /* Carousel Styles */
 
  /* Base styles */
  .section {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100vh;
    /* padding: 20px; */
    background-size: cover;
    /* background-position: center; */
    background-color: #151522 !important;
    padding: 40px 15px;
    border-bottom: 6px solid #00c796;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden; /* Ensure no inner content causes overflow */
  }
 @media (max-width: 576px) {
    .section {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      min-height: 100vh; /* Fixed issue */
      width: 100%; /* Fixed issue */
      padding: 40px 15px;
      background-size: cover;
      background-color: #151522 !important;
      border-bottom: 6px solid #00c796;
      overflow: hidden; /* Ensure no inner content causes overflow */
  }
  }
/*   @media (max-width: 576px) {
  #section1{
    border-bottom: 60px solid #00c796;
  }
} 
 @media (max-width: 576px) {
    .section {
      border-bottom: 60px solid #00c796;  Not needed in local only needed in live
    }
  }
@media (max-width: 576px) {
    #section8 {
      border: none;
    }
  } */

  .container-fluid {
    width: 100vw; /* Ensure it doesn't exceed the viewport width */
    max-width: 100%;
    overflow: hidden;
  }
 
  .heading {
    color: #fff;
    font-weight: 700 !important;
    font-size: clamp(1.5rem, 4vw, 65px);
    text-align: center;
    line-height: 1.2;
    margin-bottom: 20px;
    width: 100%;
    left: 0;
  }
 
  .headspan {
    font-weight: 700 !important;
    background: linear-gradient(90deg, #2386c8 0%, #23c8a0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
  }
 
  .headspan1 {
    font-weight: 700;
    font-size: 45px;
    background: linear-gradient(to right, #007fbf 0%, #00c796 100%);
    -webkit-background-clip: text; /* For Safari and Chrome */
    color: transparent; /* Make the text itself transparent to show the background gradient */
  }
 
 
  /* Responsive styles */
  @media (max-width: 1140px) {
    .background-carousel img{
      height: 370px !important;
      width: 370px  !important;
      left: 120px !important;
      top: 50px !important;
    }
    .heading,
    .headspan {
      font-size: 3.5rem; /* Smaller font size for tablets and mobile */
    }
 
    .section .sectioopn {
      font-size: 1rem; /* Adjust paragraph text size */
      padding: 0 21px; /* Add some padding for better readability */
      margin-bottom: 30px;
    }
    #card3{
      transform: translateY(0px);
      height:297px;
    }
		
    #h1card3{
      transform: translateY(-40px);
    }
    #card3 ul{
      transform: translateY(-10px);
    }
		.servicecard li{
			font-size:15px;
		}
    .logo1{
      /* transform: translateX(-70px);
      margin-top: -60px; */
      position: absolute  ;
      top: 10;
      right:5px;
     
        height: 70px;
        width: 70px;
    }
    .logo2{
      position: absolute  ;
      top: 70px;
      right:5px;
     
        height: 70px;
        width: 70px;
    }
    #card4{
      transform: translateY(0px) !important;
    }
	
  }
  /* Responsive styles */
  @media (max-width: 768px) {
    .heading,
    .headspan,.headspan1 {
      font-size: 3rem; /* Smaller font size for tablets and mobile */
    }
 
    .section .card-text {
      font-size: 15px; /* Adjust paragraph text size */
      padding: 0 21px; /* Add some padding for better readability */
    }
 
    .maincont p{
      padding: 1rem 7rem !important;
    }
  }
  @media (max-width: 442px) {
    .heading,
    .headspan, .headspan1 {
      font-size: 1.9rem !important;
    }
		
		#para1{
			top:270px;
			width:100% !important;
		}
    .maincont p{
      position:absolute  !important;
      display: inline;
      left: 0 !important;
     top: 20px;
    }
   
    .heading{
      left: 0;
      transform: translateY(70px);
    }
    .background-carousel img{
   
      margin-left: -200px;
      height: 70% !important;
      transform: translateY(-20px) !important; 
     


    }
    .navbar-brand{
     
      transform: translateX(0px);
    }
    .nav-link{
      position:absolute;
      right: 20px;
      top:20px;
    }
    .aboutbtn1{
      position:absolute;
      left: 10px;
      top:15px;
    }
    .servicecard{
      top: 10px;
      transform: translateX(-60px);
      width: 135%;
      height: 50px;
      margin-bottom: -5px;
      font-size: small;
    }
    .servicecard ul{
      overflow: scroll;
      position: relative;
     transform: translateY(-20px);
    }
    .servicecard img.imglist{
     height: 10px;
     width: 10px;
    }
    #card3ul{
      transform: translateY(-40px) !important;
    }
    .logo1{
      height: 50px;
      width: 50px;
      top: 40px;
      right: 10px;
    }
    .logo2{
      height: 50px;
      width: 50px;
      top: 60px;
      right: 10px;
    }
   .servicecard h1{
    margin-left: 10px !important;
   }
   #h1card3{
    margin-top: 30px !important;
   }
		#card2{
			top:30px;
			left:15px;
		}
    #card3{
      top: 50px;
      transform: translateX(-60px);
      width: 135%;
      height: 30px  ;
      margin-bottom: 0px;
    }
    #card4{
      top: 65px;
     
      transform: translateX(-43px) !important;
      width: 135%;
      height: 50px;
    }
    .fixed-social-icons{
      display: none;
    }
  }
 
 
  .maincont p {
    padding: 1rem 0rem;
    text-align: center;
    text-wrap: wrap;
    font-weight: 300;
    left: 70px;
  }
 
 
  .carousel {
    width: 100%;
  }
 
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    display: none;
  }
 
  .aboutbtn {
    background-color: #00c796;
    color: #fff;
    border-radius: 30px;
    font-weight: 500;
    font-size: 18px;
    border: none;
    padding: 10px 30px;
     margin-left: 5px ;
	
      margin-top:10px !important;
  }
 
  .aboutbtn2 {
    background-color: #00c796;
    color: #fff;
    border-radius: 30px;
    font-weight: 600;
    font-size: 18px;
    border: none;
    padding: 11px 16px;
    /* margin-left: 20px; */
  }
 
  .ab1 .aboutbtn {
    /* margin-left: 30px !important; */
  }
 
  .abouttext {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
  }
 
  .aboutservices {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    text-align: start;
 
    /* background-image: url("./wave-background-minimalist-color-gradient_483537-3382-removebg-preview\ 1\ \(1\).png"); */
  }
  .servicecard{
          background-color:#122a36;
      padding: 5px !important;
      border-radius: 10px;
 
  }
  .ab1,
  .ab2 {
    background-image: url("/assets/img/Frame_10.png") !important;
  }
 
  .aboutimg {
    background-image: url("/assets/img/Ellipse\ 23.png");
  }
 
  ul li {
    color: #fff;
    list-style: none;
  }
 
  /* .aboutlist li {
    margin-left: -12px;
  } */
 
  .aboutservices ul li{
    margin-bottom: 10px !important;
  }
 
  .ab1 ul li {
    list-style: none;
  /*   margin-left: -10px; */
  }
 
  .imglist {
    margin-right: 1rem;
  }
 
  .enter {
          margin: 0;
      font-weight: 600;
      font-size: 45px;
      color: #fff;
      font-family: 'Inter';
  }
 
  @media (max-width: 900px) {
    .enter {
      font-size: 38px;
    }
  }
 
  @media (max-width: 576px) {
    .enter {
      font-size: 29px;
    }
 
    .aboutpara2 {
      margin-left: 0px;
      margin-top: 20px !important;
      margin-bottom: 0px !important;
    }
   
    .aboutbtn2{
      margin-left: 0px !important;
    }
      .aboutprod3{
          text-align:center !important;
      }
 
    .card img{
      height: 60px !important;
      width: 60px !important;
    }
    .maincont p{
      padding: 1rem 3rem !important;
          margin-top: -18px;
    }
    .about--part p{
      font-size: 15px !important;
    }
   
  }
 
  .aboutpara {
    font-size: 20px;
    font-weight: 300 !important;
    margin: 23px 0px 0px;
      padding-bottom:15px;
  }
 
  .aboutpara2 span {
    font-size: 45px !important;
    font-weight: 600 !important;
  /*   margin: 20px 0px 20px 16px !important; */
    color: #fff !important;
  }
 
  .aboutprod {
    /* background-image: url('https://clickcentrica.com/wp-content/uploads/2024/10/image-16-1.png'); */
    background-repeat: no-repeat;
    /* margin-top: 7rem; */
    text-align: start;
  }
 
  /* .aboutprod2 {
    text-align: center;
    margin-top: 20rem;
      position:absolute;
      bottom:0;
      left:8.5%
  } */
  /* .sectionaboutprod {
    background-image: url("https://clickcentrica.com/wp-content/uploads/2024/10/image-16-1.png") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  } */
 
  .aboutprod4,.aboutprod2 {
    margin-top: 3.7rem;
  /*    position:absolute;
      bottom:0;
      left:8.5% */
  }
  .aboutprod3 {
    text-align: start;
    margin-bottom: -95px;
  }
 
  .card-container {
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
    padding: 20px 0px;
    margin-bottom: 1rem;
  /*  margin-left: 10px; */
    /* margin-top: 30px; */
  }
 
  @media (max-width: 576px) {
    /* Bootstrap's breakpoint for small devices */
    .card-container {
      max-height: 41vh; /* Set max height for the card container */
      overflow-y: auto; /* Enable vertical scrolling */
      padding-right: 15px; /* Prevent scrollbar overlap */
    }
 
    .footer-container {
      padding: 10px; /* Padding for better spacing */
      /* background-color: #f8f9fa; Optional: footer background */
      position: relative;
      z-index: 1; /* Keep footer above other elements */
    }
 
    footer {
      position: absolute; /* Keep it in the document flow */
      bottom: -10px;
      width: 100%;
      background-color: #f8f9fa;
    }
     
      .aboutprod2,.aboutprod4{
          margin-top: 3rem;
      }
      .aboutprod4{
          margin-top:3rem;
      }
  }
 
  .card-container .card {
    height: 300px !important;
    border-radius: 20px;
  }
 
  .card-container .carddate {
    font-size: 12px;
    font-weight: 400;
    color: whitesmoke;
  }
 
  .card-container img {
    width: 100px;
    height: 100px;
      margin-bottom: -30px;
      margin-left: auto;
    margin-right: auto;
  }
 
  .cardspan1 {
    display: block;
    font-weight: 600;
    font-size: 18px;
    color: whitesmoke;
  }
 
  .card-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: whitesmoke;
    text-align: justify;
  }
 
  .cardspans {
    line-height: 19px;
  }
 
  .card-container .card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 4px 4px 10px rgba(0, 199, 150, 0.5),
      /* Right side shadow */ 4px 10px 10px rgba(0, 127, 191, 0.3); /* Bottom side shadow with reduced opacity */
    transition: all 0.3s ease; /* Optional: smooth shadow on hover */
  }
 
  @media (max-width:992px) and (min-width:769px) {
    .card-container .card{
      height: 300px !important;
    }
 
    .section .card-text{
      font-size: 14px !important;
      padding: 0 !important;
    }
  }
 
 
  .aboutcard {
    background-image: url("/assets/img/wave-background-minimalist-color-gradient_483537-3382-removebg-preview\ 1\ \(1\).png");
    background-repeat: no-repeat;
  }
 
  .animate__backInDown {
    transform: translateY(0);
    transition: transform 0.5s ease-in-out;
  }
 
  .hidden {
    transform: translateY(100%);
  }
 
  .aos-animate {
    opacity: 1;
    transform: translateY(0);
  }
 
  .aos-init {
    opacity: 0;
    transform: translateY(50px);
  }
 
  h1,
  p {
    color: white; /* Ensure this contrasts with the background */
  }
 
  .fixed-social-icons {
    position: fixed;
    left: 17px; /* Adjust as needed */
    top: 60% !important;
    transform: translateY(-50%);
    z-index: 1000; /* Ensure it stays above other content */
    background-color: #000;
    padding: 10px 6px;
  }
 
  @media(max-width:576px){
      .fixed-social-icons{
          left:0;
      }
      #pp-nav ul{
          display:none;
      }
  }
 
  .fab {
    font-size: 20px;
  }
 
  .fixed-social-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
 
  .fixed-social-icons li {
    margin-bottom: 10px; /* Spacing between icons */
  }
 
  .fixed-social-icons a {
    font-size: 24px; /* Adjust icon size */
    color: #fff; /* Change to your preferred color */
    transition: color 0.3s;
  }
 
  .fixed-social-icons a:hover {
    color: #007bff; /* Change to your hover color */
  }
 
  .social li {
    list-style: none;
    text-align: start;
  }
 
  .linkicon {
    display: flex;
    align-items: start;
    text-decoration: none;
    margin-bottom: 40px;
    margin-top: 5px;
  }
 
  .instaicon {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
 
  .faceicon {
    display: flex;
    align-items: end;
    text-decoration: none;
    margin-bottom: 0;
    margin-top: 40px;
  }
  #pp-nav span {
    width: 15px !important;
    height: 15px !important;
    border: none;
  }
 
  #pp-nav li span {
    background-color: #fff !important;
  }
  #pp-nav li .active span {
    background-color: #00c796 !important;
  }
 
  .modal-content {
    background-color: #1f202f !important; /* Dark background color */
    background-image: url("/assets/img/Ellipse%2023.png"); /* Ensure the image path is correct */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    background-position: center; /* Position the background image at the center */
    padding: 10px;
    border: 1px solid white;
    overflow-y: auto; /* No vertical scroll */
    height: 100%; /* Fixed height */
    margin: 0;
  }
 
  .modal-dialog{
      margin:auto;
  }
 
  .modal-content img {
    height: 100%;
    width: 100%;
  /*   margin-bottom: 10px; */
  }
 
  @media (max-width: 991px) {
    .modal-content img {
      display: none;
    }
    .modal-header span {
      font-size: 25px !important;
    }
  }
 
  .modal-header {
    border: none;
  }
 
  .modal-header span {
    font-weight: 500;
    font-size: 35px;
    color: #fff;
  }
 
  .modal-header .btn-close {
    margin-bottom: 80px;
  /*   background-color: transparent; */
  /*   background-image: none; */
      color: #fff;
    border: none;
  }
 
  .modal-header .btn-close::before {
    content: "\00d7"; /* Unicode for the 'X' symbol */
    color: #fff;
    font-size: 2rem;
  }
 
  .modal-header .btn-close:hover::before {
    color: #ccc; /* Change color on hover if desired */
  }
 
  .modal .btn {
    background-color: #00c796;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    width: 100%;
  }
 
  .modal .card {
    padding: 15px 30px 10px 30px;
  }
 
  /* Targeting placeholder in input fields */
  input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
  input::-webkit-input-placeholder{
      color: #fff !important;
  }
 
  *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
  *::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
  *:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
  *::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
 
  /* Targeting placeholder in textarea */
  textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
 
  *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
  *::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
  *:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
  *::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  }
 
  .img-fluid {
    width: 100%;
    height: 100%;
  }
 
  footer {
      position:absolute;
    background-color: #222;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 70px !important;
    width: 108% !important;
    left: -15px !important;
      bottom:-10px
  }
 
/*    @media (max-width: 576px) {
    footer {
        position: absolute;
        bottom: 0px;
        width: 100%;
			  padding-bottom: 110px;
    }
} */
  /* @media (max-width: 1199px) {
    footer {
      top: 84px !important;
    }
  }
 
  @media (max-width: 1140px) {
    footer {
      top: 83px !important;
    }
  }
 
  @media (max-width: 992px) {
    footer {
      top: 55px !important;
    }
  } */
 
  .footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 7px 30px;
    /* max-width: 1200px; */
  /*   margin: 0 auto; */
  }
 
  .footer-container span {
    font-size: 16px !important;
/* 		padding-left: 35px; */
  }
 
  .footer-links {
    list-style: none;
    display: flex;
    gap: 15px;
  }
 
  .footer-links li {
    /* margin: 7px 15px 0px 15px; */
  }
 
  .footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    transition: color 0.3s ease;
  }
 
  .footer-links a:hover {
    color: #00b4d8;
  }
 
  @media (max-width: 768px) {
    .card-container {
      max-height: 45vh; /* Set max height for the card container */
      overflow-y: auto; /* Enable vertical scrolling */
      padding-right: 15px; /* Prevent scrollbar overlap */
    }
    .footer-container {
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      margin:0px;
      padding: 5px 0px;
    }
     
      .footer-container ul{
          padding:0px;
      }
 
    .footer-links {
      flex-direction: row;
      /* margin-top: 1.1rem; */
    }
 
 
    footer {
      width: 100%;
      height: 70px !important;
      /* background-color: #f8f9fa; */
    }
  }
 
  @media (max-width: 991px) {
    .aboutpara2 span{
      font-size: 30px!important;
    }
    .card-container .card{
      height: 410px !important;
      margin-top: 10px;
      background-color: #1f202f
    }
 
    small{
      font-size: 16px !important;
    }
 
    .about--part h1{
      font-size: 30px;
    }
 
    /* .sideimage img{
      width: 100% !important;
      height: auto !important;
    } */
  }
 
  @media (max-width: 632px) {
    .footer-links a {
      font-size: 15px !important;
    }
 
    .card-container .card{
      height: 310px !important;
      width: 75% !important;
      margin-left: 3rem !important;
    }
    .card-container .col-12{
  /*     display: flex !important; */
      justify-content: center !important;
      align-items: center !important;
      flex-direction: column;
    }
 
  }
 
  @media (max-width: 768px) {
    .logo1,
    .logo2 {
      display: none !important;
    }
  }
 
  @media (max-width: 576px) {
    .heading {
      font-size: clamp(1rem, 1.8vw, 25px);
    }
    .navbar .container {
      margin: 0 0px ;
    }
 
    .section {
      padding: 10px; /* Reduce padding for mobile */
    }
 
    .section .sectioopn {
      font-size: 1rem; /* Further reduce paragraph text size */
    }
    .about--part{
      padding: 0px 48px !important;
    }
    .about--part h1{
      font-size: 28px !important;
    }
    .section .sectioopn{
      font-size: 16px !important;
    }
    .aboutbtn{
      padding: 7px 20px !important;
    }
    .aboutpara2 span{
      font-size: 24px !important;
    }
   
    .footer-links li {
      margin: 0px 9px;
          width:max-content;
    }
 
    .footer-links a{
      /* padding-top: 5px !important; */
      font-size: 12px !important;
    }
 
    .footer-links{
      margin-top: 0px !important;
    }
 
    .about--part{
      margin-top: 0px !important;
    }
		.page3{
			 margin-top: -80px !important;
		}
   
  }
 
 
  @media (max-width: 400px) {
    .about--part h1 {
      font-size: 21px !important;
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
 
    .section .sectioopn{
      margin-bottom: 20px !important;
    }
   
    .aboutbtn{
      padding: 7px 26px !important;
    }
 
    small{
      font-size: 14px !important;
    }
    .aboutprod4{
  /*     margin-top: 15rem !important; */
    }
  }
 
  @media(max-width:384px){
      .aboutpara2 span{
      font-size: 21px !important;
    }
		.aboutbtn1{
			top:45px;
		}
  }
 
 
  /* Tablet Devices */
  @media (max-width: 992px) {
    .sideimage img {
      width: 100% !important;
      height: auto !important;
      /* margin: 0rem 3px; */
    }
  }
 
  /* Desktop Devices */
  @media (min-width: 992px) {
    .card-container .col-md-4 {
      /* margin-bottom: 20px; */
    }
 
    .footer-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
 
    .footer-container ul {
      display: flex;
      margin-top: 1.1rem;
    }
 
    .footer-container ul li {
      margin: 0 15px;
    }
  }
 
  .footer-container ul {
    display: flex;
    justify-content: end;
  }
 
  li {
    display: flex;
    align-items: flex-start;
  }
 
  .imglist {
    margin-right: 10px; /* Adjusts spacing between the image and text */
  }
 
  small {
    display: inline-block;
    font-weight: 300; /* Adjust the weight as needed */
      font-size: 20px; /* Optional: Adjust size if needed */
    color: #d5d1d1;
  }
 
  .sideimage{
    display: flex;
  }
 
  .sideimage img {
    width: 100% !important;
    height: 100% !important;
    /* margin: 0rem 3px; */
  }
 
  @media (min-width: 768px) {
    .aboutservices {
      /* margin-top: 5rem; */
          /* padding:0px; */
    }


  }
  @media (max-width: 767px) {
      .sideimage{
          justify-content:center;
      }
    .sideimage img {
      width: 80% !important;
      margin: -20px 0px;
    }
 
    .aboutservices {
      margin-top: 10px;
          padding:0px;
    }
  }
  @media (max-width: 576px) {
    .sideimage img {
      width: 80% !important;
      /* margin: 0rem 3px; */
  /*     margin-top: 0; */
    }
    .footerlogolink {
      text-align: center !important;
      /* margin-top: 1rem; */
    }
 
    .footer-links {
      display: flex;
      justify-content: center !important;
    }
     
     
     
      .slick-list{
          padding:0px !important;
      }
     
      .slick-next, .slick-prev{
          z-index:9;
      }
     
      .slick-prev {
      left: 10px;
      }
     
      .slick-next {
      right: 10px;
      }
      .threats{
          font-size:15px!important
      }
  }
 
  @media(max-width:490px){
      .enter{
          font-size:26px;
      }
      .aboutpara{
          font-size:17px;
      }
  }
 
  /* @media(max-width: 360px){
      .nav-link span{
          display:none;
      }
  } */
 
  .modal-header i{
      color: #fff;
      font-size: 34px;
      margin-top: -64px;
  }
 
  .services_back{
      position: absolute;
      margin: 0px;
      top: 0;
      left: 0;
      bottom: 0;
  }
  .horizontal {
      display: flex;
      flex-direction: row; /* Example layout for horizontal direction */
      justify-content: space-between;
      align-items: center;
  }
 
  .vertical {
      display: block; /* Default layout for vertical direction */
  }
 
  .active{
          transform: translate3d(0px, 0px, 0px)!important;
  }
  @keyframes pulse-dot {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(.8);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes mover {
      0% { transform: translateY(0); }
      100% { transform: translateY(-50px); }
  }
  .back1 .grad {
      width: 450px;
      height: 450px;
      border-radius: 50%;
      background: linear-gradient(180deg, rgba(0, 127, 191, 0.15) 0%, rgba(0, 199, 150, 0.15) 100%);
      filter: blur(50px);
      position: absolute;
      top: 10%;
      left: 5%;
          z-index:999;
          animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s infinite;
  }
 
  .back1 .grad1 {
      width: 250px;
      height: 250px;
      border-radius: 50%;
      background: linear-gradient(180deg, rgba(0, 127, 191, 0.15) 0%, rgba(0, 199, 150, 0.15) 100%);
      filter: blur(50px);
      position: absolute;
      top: 45%;
      left: 60%;
      z-index: 999;
          animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s infinite;
  }
  .back1 .grad2 {
          width: 50%;
      position: absolute;
      top: 16%;
      z-index: 999;
      right: -33px;
          animation: mover 8s infinite alternate;
  }
  .back2 .grad2 {
          width: 50%;
      position: absolute;
      top: 16%;
      z-index: 999;
      left: 10px;
          animation: mover 8s infinite alternate;
  }
  .back2 .grad {
      width: 450px;
      height: 450px;
      border-radius: 50%;
      background: linear-gradient(180deg, rgba(0, 127, 191, 0.15) 0%, rgba(0, 199, 150, 0.15) 100%);
      filter: blur(50px);
      position: absolute;
      top: 5%;
      right: -3%;
          z-index:999;
          animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s infinite;
  }
  .form-control{
      background-color:#1f202f !important;
      color:#fff !important;
  }
 
  .bottomgred{
      position: absolute;
      background: linear-gradient(0deg, rgba(0, 129, 189, 0.4) 0%, rgba(0, 199, 150, 0.4) 49.38%, rgba(13, 13, 14, 0.4) 100%);
      width: 100%;
      height: 40%;
      bottom: 0;
      left: 0;
          z-index:-1;
  }
  .productImg{
      width:90%;
  }
 
  .slick-slide{
      margin:0px 10px;
  }
  .slick-list{
      padding: 0px 0px 15px 0px;
  }
 
  @media (max-width: 770px) {
    /* Remove negative margins that cause horizontal clipping */
    #section1 .row {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    #section1 .container {
      padding-left: 12px !important;
      padding-right: 12px !important;
    }
    #section1 .col-md-6 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    #section1 .heading,
    #section1 .home_p {
      padding-left: 0 !important;
      padding-right: 0 !important;
      word-break: break-word;
    }
  }


/* --------------------- Added by shreya */

.modal .card {
    padding: 1px 30px 1px 30px;
}

div.wpforms-container-full,div.wpforms-container-full * {
    width: 100% !important;
}

.wpforms-container .wpforms-field,.wp-core-ui div.wpforms-container .wpforms-field {
    padding: 5px 0 !important;
    position: relative
}


div.wpforms-container-full input[type=date],div.wpforms-container-full input[type=datetime],div.wpforms-container-full input[type=datetime-local],div.wpforms-container-full input[type=email],div.wpforms-container-full input[type=month],div.wpforms-container-full input[type=number],div.wpforms-container-full input[type=password],div.wpforms-container-full input[type=range],div.wpforms-container-full input[type=search],div.wpforms-container-full input[type=tel],div.wpforms-container-full input[type=text],div.wpforms-container-full input[type=time],div.wpforms-container-full input[type=url],div.wpforms-container-full input[type=week],div.wpforms-container-full select,div.wpforms-container-full textarea,.wp-core-ui div.wpforms-container-full input[type=date],.wp-core-ui div.wpforms-container-full input[type=datetime],.wp-core-ui div.wpforms-container-full input[type=datetime-local],.wp-core-ui div.wpforms-container-full input[type=email],.wp-core-ui div.wpforms-container-full input[type=month],.wp-core-ui div.wpforms-container-full input[type=number],.wp-core-ui div.wpforms-container-full input[type=password],.wp-core-ui div.wpforms-container-full input[type=range],.wp-core-ui div.wpforms-container-full input[type=search],.wp-core-ui div.wpforms-container-full input[type=tel],.wp-core-ui div.wpforms-container-full input[type=text],.wp-core-ui div.wpforms-container-full input[type=time],.wp-core-ui div.wpforms-container-full input[type=url],.wp-core-ui div.wpforms-container-full input[type=week],.wp-core-ui div.wpforms-container-full select,.wp-core-ui div.wpforms-container-full textarea {
    background-color: white !important;
    background-clip: padding-box !important;
    border-radius: 5px !important;
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active),div.wpforms-container-full button[type=submit]:not(:hover):not(:active),div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),.wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),.wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),.wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: #00c796 !important;
}

input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: darkgray !important;
}

input::-webkit-input-placeholder {
    color: darkgray !important;
}

.aboutbtn{
	 margin-top:60px !important ;
}

.privacyandcondition {
  color: white !important;
}

@media (max-width: 767px) {
    .headingformob {
        display: block;
        width: 100%;
        height: auto;
        align-items: center;
        position: relative;
        margin-left: 0%;
        top: 3%;
    }
    .headingformob span {
      font-weight: 500;
      font-size: 22px !important;
      color: #fff;
    }
		.textformob{
			height:auto;
			margin-bottom:40px;
		}
		.imageformob{
			top:29%;
		}
    .maincont p {
      padding: 1rem 0rem !important;
      margin-top: -18px;
      font-size: 14px;
    }
		
    .pp-section .about--part {
      padding: 0px 4px !important;
      text-align: center;
      
    }
    .pp-section .about--part p {
      font-size: 14px !important;
    }
    .pp-tableCell .about--part h1 {
      font-size: 21px !important;
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
	.pp-tableCell .about--part.section-part1 .aboutbtn1{
		margin: 0px auto 40px !important;
	}
    .pp-tableCell .about--part .aboutbtn1 {
				position: relative;
				margin: 20px auto 20px !important;
		}
		.pp-tableCell .aboutprod2 .aboutbtn {
   	 margin: 20px auto !important;
			position: relative;
		}
		.pp-tableCell .aboutprod2 .aboutbtn1{
			position: relative;
		}
		.pp-tableCell .aboutprod4 .aboutbtn1{
				position: relative;
				 margin: 0px auto 20px !important;
		}
		.pp-tableCell .page3 {
   	 margin-top: 0px !important;
		}
		.aboutservices{
			text-align:center !important;
			align-items:center;
		}
		.aboutbtn2 {
				position: relative;
				margin: 0px auto !important;
				padding: 8px 30px;
		}
		.aboutprod3 {
   	 margin-top: 70px;
		}
		.enter {
    font-size: 22px !important;
    margin-top: 20px;
		}
  }

.background-carousel-new {
  width: 100%;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-container {
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.carousel-slide img {
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  transition: all 0.3s ease;
}

/* Hide navigation elements */
.slick-prev,
.slick-next,
.slick-dots {
  display: none !important;
}

/* Animation for slides */
.carousel-slide {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.carousel-slide.slick-active {
  opacity: 1;
}

#section1 .container {
  position: relative;
  z-index: 2;
}

#section1 .row {
  height: 100%;
  align-items: center;
  margin: 0;
}

#section1 .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#head1 {
  margin-bottom: 20px;
}

#para1 {
  margin-bottom: 0;
}

.home_p {
  color: #fff;
  font-size: clamp(0.875rem, 1.5vw, 1.25rem);
  line-height: 1.6;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

@media (max-width: 1400px) {
  .heading {
    font-size: clamp(1.4rem, 3.5vw, 55px);
  }
  
  .home_p {
    font-size: clamp(0.8rem, 1.3vw, 1.1rem);
  }
}

@media (max-width: 1200px) {
  .heading {
    font-size: clamp(1.3rem, 3vw, 45px);
  }
  
  .home_p {
    font-size: clamp(0.75rem, 1.2vw, 1rem);
  }
}

@media (max-width: 992px) {
  .heading {
    font-size: clamp(1.2rem, 2.5vw, 35px);
  }
  
  .home_p {
    font-size: clamp(0.7rem, 1.1vw, 0.95rem);
  }
}

@media (max-width: 768px) {
  .heading {
    font-size: clamp(1.1rem, 2vw, 30px);
  }
  
  .home_p {
    font-size: clamp(0.65rem, 1vw, 0.9rem);
  }
}

@media (max-width: 576px) {
  .heading {
    font-size: clamp(1rem, 1.8vw, 25px);
  }
  
  .home_p {
    font-size: clamp(0.6rem, 0.9vw, 0.85rem);
  }
}

@media (max-width: 576px) {
  .ab1section-part4 {
    display: none;
  }
  .teest {
    display: block;
  }
}

@media (max-width: 576px) {
  #section1 .text-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
    text-align: center !important;
  }
  #section1 .heading {
    font-size: clamp(1.4rem, 6vw, 28px) !important;
  }
  #section1 .home_p {
    font-size: 0.9rem !important;
  }
}

/* ----- Hide pagepiling nav on small screens ----- */
@media (max-width: 768px) {
  #pp-nav {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .heading {
    font-weight: 700 !important;
    font-size: 70px !important;
  }
}