/* 🔹 Small Mobile Devices (max-width: 480px) */
@media (min-width:1201px) and (max-width:1400px) {

  /* benefits section css */
  .tabs .paragraph h1 {
    font-size: 22px;
  }

  .tabs .paragraph p {
    font-size: 15px;
  }

  .tabs .paragraph {
    width: 300px;
    margin-left: 70px;
  }

  .tabs .social-links a:after {
    padding-left: 14px;
  }

  .about_img_1 .img {
    height: 100%;
  }

  #features-section::after {
    position: absolute;
    content: "";
    width: 400px;
    height: 400px;
    top: 0px;
    left: -197px;
    z-index: -1;
    filter: brightness(3.5);
  }

  .modules ul li {
    max-width: 100%;
    width: 100%;
    padding: 10px 15px;
    font-size: 21px;
    margin-bottom: 0px;
  }

  .module-icon {
    font-size: 30px;
  }

  .modules {
    padding: 35px 0px;
  }

  .benefits .text-center.section-text.mt-5.p-3 {
    width: 100%;
    max-width: 500px;
  }

  .about-page h2 {
    font-size: 38px;
  }
  
  .why-ectd {
    padding: 15px;
    max-width: 265px;
    width: 100%;
  }

  .cust-head-points .row {
    gap: 25px;
  }
  .cust-head-points {
    padding-bottom: 60px;
  }
  .founder{
    padding-top: 0px!important;
  }
  .bg-banner1 {
    background-position: right;
  }
  .inner-banner .inner-title {
    padding-top: 180px;
    padding-bottom: 180px;
  }

}


@media (min-width:992px) and (max-width:1200px) {

  /* benefits section css */
  .tabs .social-links a:before {
    padding-left: 11px;
  }

  .tabs .social-links a:after {
    font-size: 40px;
  }

  .tabs .social-links a:after {
    padding-left: 20px;
  }

  .tabs .paragraph {
    width: 220px;
  }

  .tabs .paragraph h1 {
    font-size: 22px
  }

  .tabs .paragraph p {
    font-size: 15px;
  }

  .about_img_1 .img {
    height: 100%;
  }

  #features-section::after {
    width: 460px;
    height: 460px;
    top: 0px;
    filter: brightness(2.5);
  }

  .modules ul li {
    max-width: 100%;
    width: 100%;
    padding: 10px 15px;
    font-size: 19px;
    margin-bottom: 0px;
  }

  .module-icon {
    font-size: 30px;
  }

  .benefits .text-center.section-text.mt-5.p-3 {
    width: 100%;
    max-width: 500px;
  }

  .about-page img {
    max-width: 430px;
  }

  .section-padding {
    padding-top: 100px;
  }

  .why-ectd {
    padding: 15px;
    max-width: 230px;
    width: 100%;
  }

  .cust-head-points .row {
    gap: 12px;
  }

  .cust-head-points {
    padding-bottom: 40px;
  }

  .founder {
    padding-top: 0px !important;
  }

  .bg-banner1 {
    background-position: right;
  }

  .inner-banner .inner-title {
    padding-top: 175px;
    padding-bottom: 175px;
  }

  .about-page h2 {
    font-size: 32px;
  }
  .contact-form .col-lg-5.ms-auto{
    justify-content: center;
  }
  iframe{
    height: 630px!important;
  }

 
}

/* Responsive styles for small devices */
@media (max-width: 991px) {

  /* benefits section css */
  .benefits .accordion {
    flex-direction: column;
    height: auto;
    margin: 20px 0;
  }

  .tabs {
    width: 100%;
    height: 80px;
    border-right: none;
    border-bottom: black 1px solid;
    transition: height 0.4s 0.1s ease-in-out;
  }

  .tabs.active,
  .tabs:hover {
    width: 100%;
    height: 120px;
    background-color: #fff;
  }

  .tabs .social-links a:before,
  .tabs .social-links a:after {
    padding-top: 20px;
    padding-left: 20px;
    height: 80px;
  }

  .tabs .social-links a:after {
    font-size: 36px;
    padding-top: 15px;
    margin-left: 60px;
    display: none;
  }

  .tabs:hover .social-links a:before,
  .tabs.active .social-links a:before {
    margin-left: -80px;
  }

  .tabs:hover .social-links a:after,
  .tabs.active .social-links a:after {
    margin-left: 0;
    display: block;
  }

  .tabs .paragraph p {
    opacity: 0;
  }

  .tabs.active .paragraph p {
    opacity: 1;
  }

  .tabs .paragraph {
    width: calc(100% - 80px);
    margin-left: 60px;
    padding: 20px 0 0 10px;
    height: 120px;
    /* opacity: 0; */
    background-color: #c31d17;
  }

  .tabs.active .paragraph,
  .tabs:hover .paragraph {
    opacity: 1;
  }

  .tabs .paragraph h1 {
    font-size: 24px;
    color: #fff;
  }

  .tabs.active .paragraph {
    background-color: #fff;
  }

  .tabs.active .paragraph h1 {
    color: #c31d17;
  }

  .tabs .paragraph p {
    font-size: 16px;
    padding-right: 20px;
  }

  .side-img {
    display: none;
  }

  section.benefits::after {
    display: none;
  }

  .benefits {
    padding: 20px 0;
  }

  .section-text h5 {
    font-size: 1em;
    padding: 0 15px;
  }

  .about_us .col-lg-4.col-md-7 {
    width: 100%;
  }

  .about_img_1 .img {
    height: 100%;
  }

  #features-section::after {
    width: 400px;
    height: 400px;
    top: 0px;
    left: -197px;
    filter: brightness(3.5);
  }

  .feature-list li {
    margin-left: 0px;
  }

  .modules {
    padding: 40px 0px;
  }

  .modules ul li {
    margin-bottom: 10px;
  }

  /* about page css */
  .about-page .row {
    flex-direction: column-reverse;
  }

  .py-5.about-page .row {
    flex-direction: column;
  }

  .section-padding {
    padding-top: 90px;
  }

  .bg-banner1 {
    background-position: right;
  }

  .inner-banner .inner-title {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .founder {
    padding-top: 10px;
    padding-bottom: 60px;
  }

  /* contact page css */
  .contact-form .col-lg-5.ms-auto{
    justify-content: center;
  }
  iframe{
    width: 100%!important;
  }

  /* blog page css */
  .post-img{
    text-align: center;
  }
  .post-img img{
    max-width: 400px;
  }

}

@media (min-width:481px) and (max-width:767px) {
  #hero-banner {
    padding: 215px 0px;
  }

  .about_us {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .about_img_1 .img {
    margin-bottom: 35px
  }

  .about_img_2 {
    height: 100%;
    margin-top: 0px;
  }

  .about_img_2 img {
    max-width: 390px;
    padding: 20px 0px;
  }

  #features-section::after {
    position: absolute;
    content: "";
    width: 450px;
    height: 450px;
    top: 0;
    z-index: -1;
    filter: brightness(2.5);
    left: -95px;
  }

  .feature-list li {
    max-width: 100%;
    margin-left: 0px;
  }

  .modules {
    padding: 30px 0px;
  }

  .module-icon {
    font-size: 30px;
  }

  .modules ul li {
    padding: 0px;
    font-size: 20px;
    max-width: 100%;
  }

  .benefits {
    padding: 5px 0;
  }

  .tabs .paragraph h1 {
    font-size: 20px;
  }

  .tabs.active .paragraph h1 {
    color: #c31d17;
    font-size: 22px;
  }

  .tabs.active .social-links a:after {
    margin-left: -10px;
  }

  .tabs .social-links a:after {
    font-size: 34px;
  }

  /* about page css */
  .inner-banner .inner-title {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .bg-banner1 {
    background-position: right;
  }

  .py-5.about-page .row {
    flex-direction: column;
  }

  .about-page .row {
    flex-direction: column-reverse;
  }

  .about-page img {
    max-width: 450px;
  }

  .about-page h2 {
    font-size: 34px;
  }

  .section-padding {
    padding-top: 85px;
  }

  .cust-head-points .row {
    gap: 14px;
    justify-content: center;
  }

  .cust-head-points {
    margin-top: -100px;
    padding-bottom: 40px;
  }

  .founder {
    padding-top: 0px !important;
  }
  /* contact page css */
  .contact-form .col-lg-5.ms-auto{
    justify-content: center;
  }
  iframe{
    height: 635px!important;
  }

  /* blog page css */
  .post-img{
    text-align: center;
  }
  .post-img img{
    max-width: 400px;
  }
}

@media only screen and (max-width: 480px) {

  /* home page css */

  /* features section */
  #features-section::after {
    width: 335px !important;
    height: 335px !important;
    top: 0 !important;
    filter: brightness(2.5) !important;
  }

  .feature-list li {
    margin-left: 0px !important;
  }

  #hero-banner {
    padding: 90px 0px !important;
  }

  .about_us {
    padding: 40px 0 !important;
  }

  .about_img_1 .img {
    height: auto !important;
    padding-bottom: 55px;
  }

  .about_img_2 {
    margin-top: 0px !important;
  }

  .about_img_2 img {
    max-width: 290px !important;
    width: 100%;
  }

  .modules {
    padding: 15px 0px !important;
  }

  .modules ul li {
    padding: 0px;
  }

  #benefits .section-text {
    position: relative;
    z-index: 1;
  }

  .module-icon {
    font-size: 30px;
  }

  .modules ul li {
    font-size: 20px;
  }

  /* benefits section */
  .tabs .paragraph h1 {
    font-size: 16px;
  }

  .tabs.active .paragraph h1 {
    color: #c31d17;
    font-size: 20px;
  }

  .tabs .paragraph {
    width: calc(100% - 50px);
  }

  /* about us page  */
  .inner-banner .inner-title {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .bg-banner1 {
    background-position: right;
  }

  .about-page .row {
    flex-direction: column-reverse;
  }

  .section-padding {
    padding-top: 30px;
  }

  .cust-head-points .row {
    gap: 10px;
    justify-content: center;
  }

  .py-5.about-page .row {
    flex-direction: column;
  }

  .about-page img {
    max-width: 285px;
  }

  .cust-head-points {
    padding-bottom: 50px;
  }

  .founder {
    padding-bottom: 50px !important;
  }

  /* contact page css */
  .contact-form .col-lg-5.ms-auto{
    justify-content: center;
  }
  iframe{
    width: 100%!important;
  }
  .why-ectd {
    max-width: 288px;
  }

  .menu{
    display:none
  }
}