*{
    font-family: DM sans;
}

.digital_video {
    position: relative;
    width: 100%;
    height: 90vh; /* Aapki zaroorat ke hisaab se */
    overflow: hidden;
}

.digital_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%; /* Aapki zaroorat ke hisaab se */
    height: auto; /* Aapki zaroorat ke hisaab se */
    transform: translate(-50%, -50%);
    object-fit: cover; /* Video ko achhe se fit karne ke liye */
}

.overlay_text {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    color: #14416b; /* Ya aapka text color */
    z-index: 1; /* Ensure text is above video */
}
.dg_text_80_main{
  font-size: 100px;
}
.dg_text_80 {
    font-size: 6.5em; /* Font size ko adjust karein */
}

.dg_paragraph {
    font-size: 1.2em; /* Font size ko adjust karein */
}
.web_btn{
    background-color: #14416b;
    color: #fff;
    padding-top: 15px !important;
    padding-right: 25px !important;
    padding-bottom: 15px !important;
    padding-left: 25px !important;
    transition: 1.5s;
}
.web_btn:hover{
    background-color: #00ADEE;
    color: #fff;
    
}
.dg_text_80{
   font-size: 80px;
   font-weight: 600;
}
/* sections */
.sec-3{
    background: white;
    height: 100vh;
    position: sticky;
    top: 10%;
    z-index: 1;
  }

.p1-cover{
    background-image: url(../assets/Customer-centric-Digital.webp);
    background-size: 450px;
    background-repeat: no-repeat;
    height: 600px;
    border-radius: 20px;
    z-index: 0;
    
}
  .sec-4{
    background: white;
    height: 100vh;
    position: sticky;
    top: 23%;
    z-index: 2;
  }

.p2-cover{
    background-image: url(../assets/IMPROVEMENT.webp);
    background-size: 500px;
    background-repeat: no-repeat;
    height: 600px;
    border-radius: 20px;
    
}
  .sec-5{
    background: white;
    height: 100vh;
    position: sticky;
    top: 23%;
    z-index: 2;
  }

.p3-cover{
    background-image: url(../assets/EXCELLENCE.webp);
    background-size: 500px;
    background-repeat: no-repeat;
    height: 600px;
    border-radius: 20px;
    
}
  .sec-6{
    background: white;
    height: 100vh;
    position: sticky;
    top: 50%;
    z-index: 2;
  }

.p4-cover{
    background-image: url(../assets/FLEXIBILITY.webp);
    background-size: 500px;
    background-repeat: no-repeat;
    height: 600px;
    border-radius: 20px;
    
}
.dg_text_60{
  font-size: 60px;
}
/* section scrolls end */


/* responsive design */
@media (min-width: 340px) and (max-width: 362px) {
html{
  overflow-x: hidden !important;
}

    body{
position: sticky!important;
overflow-x: hidden!important;
}
.row{
--bs-gutter-x: 0!important;
--bs-gutter-y: 0!important;
}

    /* Styles for mobile devices */
   .dg_text_80_main{
    font-size: 17px !important; /* Font size ko adjust karein */
   }
   .dg_text_80{
    font-size: 14px !important; /* Font size ko adjust karein */
   }
   .special{
    right: 0;
  }
   .dg_paragraph {
    font-size: 8px ; /* Font size ko adjust karein */
}
.digital_video {
    top: 5%;
    position: relative;
    width: 100%;
    height: 30vh; /* Aapki zaroorat ke hisaab se */
    overflow: hidden;
}

.digital_video video {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 100%; /* Aapki zaroorat ke hisaab se */
    height: auto; /* Aapki zaroorat ke hisaab se */
    transform: translate(-50%, -50%);
    object-fit: cover; /* Video ko achhe se fit karne ke liye */
}
.overlay_text {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    color: #14416b; /* Ya aapka text color */
    z-index: 1; /* Ensure text is above video */
}
.web_btn{
    background-color: #14416b;
    color: #fff;
    padding-top: 7px !important;
    padding-right: 10px !important;
    padding-bottom: 7px !important;
    padding-left: 10px !important;
    transition: 1.5s;
     margin-bottom: 50% !important;
}
.sec-3{
    height: 45vh;
    position: sticky;
    top: 10%;
    z-index: 1;
  }

.p1-cover{
    background-image: url(../assets/Customer-centric-Digital.webp);
    background-size: 150px;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 20px;
    z-index: 0;
    
}
.sec-4{
    height: 43vh;
    position: sticky;
    top: 16%;
    z-index: 2;
  }

.p2-cover{
    background-image: url(../assets/IMPROVEMENT.webp);
    background-size: 150px;
    background-repeat: no-repeat;
    height: 500px;
    border-radius: 20px;
    
}
  .sec-5{
    height: 40vh;
    position: sticky;
    top: 15%;
    z-index: 2;
  }

.p3-cover{
    background-image: url(../assets/EXCELLENCE.webp);
    background-size: 150px;
    background-repeat: no-repeat;
    height: 500px;
    border-radius: 20px;
    
}
  .sec-6{
    height: 30vh;
    position: sticky;
    top: 20%;
    z-index: 2;
  }

.p4-cover{
    background-image: url(../assets/FLEXIBILITY.webp);
    background-size: 150px;
    background-repeat: no-repeat;
    height: 400px;
    border-radius: 20px;
    
}
.dg_text_60 {
  font-size: 15px !important;
}
.paragraph_maga_heading{
  font-size: 11px !important;
}
.checkBox{
  width: 12px !important;
}
.inputFeilds::placeholder {
  font-size: 12px !important; /* Smaller font size on mobile */
}
.inputFeildsmb::placeholder {
  font-size: 12px !important; /* Smaller font size on mobile */
}

  }
  /* iphone se and iphone 12 */
  @media (min-width: 365px) and (max-width: 395px) {
    html{
      overflow-x: hidden !important;
    }
    
    body{
      position: sticky!important;
      overflow-x: hidden!important;
      }
      .row{
      --bs-gutter-x: 0!important;
      --bs-gutter-y: 0!important;
      }
      
    /* Styles for mobile devices */
   .dg_text_80_main{
    font-size: 17px !important; /* Font size ko adjust karein */
   }
   .dg_text_80{
    font-size: 14px !important; /* Font size ko adjust karein */
   }
   .special{
    right: 0;
  }
   .dg_paragraph {
    font-size: 8px ; /* Font size ko adjust karein */
}
.digital_video {
    top: 15%;
    position: relative;
    width: 100%;
    height: 25vh; /* Aapki zaroorat ke hisaab se */
    overflow: hidden;
}

.digital_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%; /* Aapki zaroorat ke hisaab se */
    height: auto; /* Aapki zaroorat ke hisaab se */
    transform: translate(-50%, -50%);
    object-fit: cover; /* Video ko achhe se fit karne ke liye */
}
.overlay_text {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    color: #14416b; /* Ya aapka text color */
    z-index: 1; /* Ensure text is above video */
}
.web_btn{
    background-color: #14416b;
    color: #fff;
    padding-top: 7px !important;
    padding-right: 10px !important;
    padding-bottom: 7px !important;
    padding-left: 10px !important;
    transition: 1.5s;
     margin-bottom: 50% !important;
}
.sec-3{
  height: 45vh;
  position: sticky;
  top: 10%;
  z-index: 1;
}

.p1-cover{
  background-image: url(../assets/Customer-centric-Digital.webp);
  background-size: 150px;
  background-repeat: no-repeat;
  height: 200px;
  border-radius: 20px;
  z-index: 0;
  
}
.sec-4{
  height: 50vh;
  position: sticky;
  top: 16%;
  z-index: 2;
}

.p2-cover{
  background-image: url(../assets/IMPROVEMENT.webp);
  background-size: 150px;
  background-repeat: no-repeat;
  height: 500px;
  border-radius: 20px;
  
}
.sec-5{
  height: 40vh;
  position: sticky;
  top: 15%;
  z-index: 2;
}

.p3-cover{
  background-image: url(../assets/EXCELLENCE.webp);
  background-size: 150px;
  background-repeat: no-repeat;
  height: 500px;
  border-radius: 20px;
  
}
.sec-6{
  height: 30vh;
  position: sticky;
  top: 20%;
  z-index: 2;
}

.p4-cover{
  background-image: url(../assets/FLEXIBILITY.webp);
  background-size: 150px;
  background-repeat: no-repeat;
  height: 400px;
  border-radius: 20px;
  
}
.dg_text_60 {
  font-size: 15px !important;
}
.paragraph_maga_heading{
  font-size: 11px !important;
}
.checkBox{
  width: 12px !important;
}
.inputFeilds::placeholder {
  font-size: 12px !important; /* Smaller font size on mobile */
}
.inputFeildsmb::placeholder {
  font-size: 12px !important; /* Smaller font size on mobile */
}

  }
  /* iphone xr  iphone 14 pro max*/
    /* iphone xr and iphone 12 */
    @media (min-width: 400px) and (max-width: 440px) {
      html{
        overflow-x: hidden !important;
      }
      
      body{
        position: sticky!important;
        overflow-x: hidden!important;
        }
        .row{
        --bs-gutter-x: 0!important;
        --bs-gutter-y: 0!important;
        }
        
      /* Styles for mobile devices */
     .dg_text_80_main{
      font-size: 17px !important; /* Font size ko adjust karein */
     }
     .dg_text_80{
      font-size: 14px !important; /* Font size ko adjust karein */
     }
     .dg_paragraph {
      font-size: 8px ; /* Font size ko adjust karein */
  }
  .special{
    right: 0;
  }
  .digital_video {
      top: 15%;
      position: relative;
      width: 100%;
      height: 25vh; /* Aapki zaroorat ke hisaab se */
      overflow: hidden;
  }
  
  .digital_video video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%; /* Aapki zaroorat ke hisaab se */
      height: auto; /* Aapki zaroorat ke hisaab se */
      transform: translate(-50%, -50%);
      object-fit: cover; /* Video ko achhe se fit karne ke liye */
  }
  .overlay_text {
      position: absolute;
      top: 50%;
      left: 35%;
      transform: translate(-50%, -50%);
      color: #14416b; /* Ya aapka text color */
      z-index: 1; /* Ensure text is above video */
  }
  .web_btn{
      background-color: #14416b;
      color: #fff;
      padding-top: 7px !important;
      padding-right: 10px !important;
      padding-bottom: 7px !important;
      padding-left: 10px !important;
      transition: 1.5s;
       margin-bottom: 50% !important;
  }
  .sec-3{
      height: 65vh;
      position: sticky;
      top: 10%;
      z-index: 1;
    }
  
  .p1-cover{
      background-image: url(../assets/Customer-centric-Digital.webp);
      background-size: 150px;
      background-repeat: no-repeat;
      height: 200px;
      border-radius: 20px;
      z-index: 0;
      
  }
  .sec-4{
      height: 30vh;
      position: sticky;
      top: 15%;
      z-index: 2;
    }
  
  .p2-cover{
      background-image: url(../assets/IMPROVEMENT.webp);
      background-size: 150px;
      background-repeat: no-repeat;
      height: 500px;
      border-radius: 20px;
      
  }
    .sec-5{
      height: 30vh;
      position: sticky;
      top: 1%;
      z-index: 2;
    }
  
  .p3-cover{
      background-image: url(../assets/EXCELLENCE.webp);
      background-size: 150px;
      background-repeat: no-repeat;
      height: 500px;
      border-radius: 20px;
      
  }
    .sec-6{
      height: 30vh;
      position: sticky;
      top: 1%;
      z-index: 2;
    }
  
  .p4-cover{
      background-image: url(../assets/FLEXIBILITY.webp);
      background-size: 150px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
  .dg_text_60 {
    font-size: 15px !important;
  }
  .paragraph_maga_heading{
    font-size: 11px !important;
  }
  .checkBox{
    width: 12px !important;
    margin-right: 9px !important;
  }
  .inputFeilds::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .inputFeildsmb::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .margin_left{
    flex-direction: column; /* Stack checkboxes on smaller screens */
  }
  
    }
    /* ipad mini or air */
    @media (min-width: 760px) and (max-width: 830px) {
      html{
        overflow-x: hidden !important;
      }
      body{
        position: sticky!important;
        overflow-x: hidden!important;
        }
        .row{
        --bs-gutter-x: 0!important;
        --bs-gutter-y: 0!important;
        }
        
      /* Styles for mobile devices */
     .dg_text_80_main{
      font-size: 45px !important; /* Font size ko adjust karein */
     }
     .dg_text_80{
      font-size: 30px !important; /* Font size ko adjust karein */
     }
     .dg_paragraph {
      font-size: 16px ; /* Font size ko adjust karein */
  }
  .digital_video {
      top: 15%;
      position: relative;
      width: 100%;
      height: 39vh; /* Aapki zaroorat ke hisaab se */
      overflow: hidden;
  }
  
  .digital_video video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%; /* Aapki zaroorat ke hisaab se */
      height: auto; /* Aapki zaroorat ke hisaab se */
      transform: translate(-50%, -50%);
      object-fit: cover; /* Video ko achhe se fit karne ke liye */
  }
  .overlay_text {
      position: absolute;
      top: 50%;
      left: 35%;
      transform: translate(-50%, -50%);
      color: #14416b; /* Ya aapka text color */
      z-index: 1; /* Ensure text is above video */
  }
  .web_btn{
      background-color: #14416b;
      color: #fff;
      padding-top: 7px !important;
      padding-right: 10px !important;
      padding-bottom: 7px !important;
      padding-left: 10px !important;
      transition: 1.5s;
       margin-bottom: 50% !important;
  }
  .sec-3{
      height: 80vh;
      position: sticky;
      top: 10%;
      z-index: 1;
    }
  
  .p1-cover{
      background-image: url(../assets/Customer-centric-Digital.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      z-index: 0;
      
  }
  .sec-4{
      height: 43vh;
      position: sticky;
      top: 0;
      z-index: 2;
    }
  
  .p2-cover{
      background-image: url(../assets/IMPROVEMENT.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
    .sec-5{
      height: 47vh;
      position: sticky;
      top: 1%;
      z-index: 2;
    }
  
  .p3-cover{
      background-image: url(../assets/EXCELLENCE.webp);
      background-size: 280px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
    .sec-6{
      height: 30vh;
      position: sticky;
      top: 10%;
      z-index: 2;
    }
  
  .p4-cover{
      background-image: url(../assets/FLEXIBILITY.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
  .dg_text_60 {
    font-size: 25px !important;
  }
  .paragraph_maga_heading{
    font-size: 16px !important;
  }
  .checkBox{
    width: 16px !important;
    margin-right: 8px !important;
  }
  .inputFeilds::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .inputFeildsmb::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .margin_left{
    flex-direction: column; /* Stack checkboxes on smaller screens */
  }
  .mini-form{
    margin-top: 70% !important;
  width: 50% !important;
  }
  .form{
    width: 20rem;
  }
  .my_col{
    width: 20rem !important;
  }
  .my_col1{
    width: 23rem !important;
  }
  .my_col11{
    width: 21rem !important;
  }
 
    }

    @media (min-width: 840px) and (max-width: 930px) {
      html{
        overflow-x: hidden !important;
      }
      body{
        width: 100vw !important;
        position: sticky!important;
        overflow-x: hidden!important;
        }
        .row{
        --bs-gutter-x: 0!important;
        --bs-gutter-y: 0!important;
        }

      /* Styles for mobile devices */
     .dg_text_80_main{
      font-size: 45px !important; /* Font size ko adjust karein */
     }
     .dg_text_80{
      font-size: 45px !important; /* Font size ko adjust karein */
     }
     .dg_paragraph {
      font-size: 16px ; /* Font size ko adjust karein */
  }
  .digital_video {
      top: 15%;
      position: relative;
      width: 100%;
      height: 38vh; /* Aapki zaroorat ke hisaab se */
      overflow: hidden;
  }
  
  .digital_video video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%; /* Aapki zaroorat ke hisaab se */
      height: auto; /* Aapki zaroorat ke hisaab se */
      transform: translate(-50%, -50%);
      object-fit: cover; /* Video ko achhe se fit karne ke liye */
  }
  .overlay_text {
      position: absolute;
      top: 50%;
      left: 35%;
      transform: translate(-50%, -50%);
      color: #14416b; /* Ya aapka text color */
      z-index: 1; /* Ensure text is above video */
  }
  .web_btn{
      background-color: #14416b;
      color: #fff;
      padding-top: 7px !important;
      padding-right: 10px !important;
      padding-bottom: 7px !important;
      padding-left: 10px !important;
      transition: 1.5s;
       margin-bottom: 50% !important;
  }
  .sec-3{
      height: 80vh;
      position: sticky;
      top: 10%;
      z-index: 1;
    }
  
  .p1-cover{
      background-image: url(../assets/Customer-centric-Digital.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      z-index: 0;
      
  }
  .sec-4{
      height: 35vh;
      position: sticky;
      top: 0;
      z-index: 2;
    }
  
  .p2-cover{
      background-image: url(../assets/IMPROVEMENT.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
    .sec-5{
      height: 20vh;
      position: sticky;
      top: 1%;
      z-index: 2;
    }
  
  .p3-cover{
      background-image: url(../assets/EXCELLENCE.webp);
      background-size: 280px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
    .sec-6{
      height: 30vh;
      position: sticky;
      top: 1%;
      z-index: 2;
    }
  
  .p4-cover{
      background-image: url(../assets/FLEXIBILITY.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
  .dg_text_60 {
    font-size: 25px !important;
  }
  .paragraph_maga_heading{
    font-size: 16px !important;
  }
  .checkBox{
    width: 16px !important;
    margin-right: 8px !important;
  }
  .inputFeilds::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .inputFeildsmb::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .margin_left{
    flex-direction: column; /* Stack checkboxes on smaller screens */
  }
  .mini-form{
    margin-top: 70% !important;
  width: 50% !important;
  }
  .form{
    width: 20rem;
  }
  .my_col{
    width: 20rem !important;
  }
  .my_col1{
    width: 23rem !important;
  }
  .my_col11{
    width: 21rem !important;
  }
 
    }

    /* scree size 1024 above */
    @media (min-width: 1024px) and (max-width: 1300px) {
      body{
        position: sticky!important;
        overflow-x: hidden!important;
        }
        .row{
        --bs-gutter-x: 0!important;
        --bs-gutter-y: 0!important;
        }
        
      /* Styles for mobile devices */
     .dg_text_80_main{
      font-size: 45px !important; /* Font size ko adjust karein */
     }
     .dg_text_80{
      font-size: 45px !important; /* Font size ko adjust karein */
     }
     .dg_paragraph {
      font-size: 16px ; /* Font size ko adjust karein */
  }
  .digital_video {
      top: 15%;
      position: relative;
      width: 100%;
      height: 39vh; /* Aapki zaroorat ke hisaab se */
      overflow: hidden;
  }
  
  .digital_video video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%; /* Aapki zaroorat ke hisaab se */
      height: auto; /* Aapki zaroorat ke hisaab se */
      transform: translate(-50%, -50%);
      object-fit: cover; /* Video ko achhe se fit karne ke liye */
  }
  .overlay_text {
      position: absolute;
      top: 50%;
      left: 35%;
      transform: translate(-50%, -50%);
      color: #14416b; /* Ya aapka text color */
      z-index: 1; /* Ensure text is above video */
  }
  .web_btn{
      background-color: #14416b;
      color: #fff;
      padding-top: 7px !important;
      padding-right: 10px !important;
      padding-bottom: 7px !important;
      padding-left: 10px !important;
      transition: 1.5s;
       margin-bottom: 50% !important;
  }
  .sec-3{
      height: 80vh;
      position: sticky;
      top: 10%;
      z-index: 1;
    }
  
  .p1-cover{
      background-image: url(../assets/Customer-centric-Digital.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      z-index: 0;
      
  }
  .sec-4{
      height: 40vh;
      position: sticky;
      top: 0;
      z-index: 2;
    }
  
  .p2-cover{
      background-image: url(../assets/IMPROVEMENT.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
    .sec-5{
      height: 40vh;
      position: sticky;
      top: 1%;
      z-index: 2;
    }
  
  .p3-cover{
      background-image: url(../assets/EXCELLENCE.webp);
      background-size: 280px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
    .sec-6{
      height: 30vh;
      position: sticky;
      top: 1%;
      z-index: 2;
    }
  
  .p4-cover{
      background-image: url(../assets/FLEXIBILITY.webp);
      background-size: 250px;
      background-repeat: no-repeat;
      height: 400px;
      border-radius: 20px;
      
  }
  .dg_text_60 {
    font-size: 25px !important;
  }
  .paragraph_maga_heading{
    font-size: 16px !important;
  }
  .checkBox{
    width: 16px !important;
    margin-right: 8px !important;
  }
  .inputFeilds::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .inputFeildsmb::placeholder {
    font-size: 14px !important; /* Smaller font size on mobile */
  }
  .margin_left{
    flex-direction: column; /* Stack checkboxes on smaller screens */
  }
  .mini-form2{
    margin-top: 70% !important;
  }
  .mini-form3{
    margin-top: 75% !important;
  }
  .form{
    width: 30rem;
  }

  .my_col1{
    margin-left: 15%;
    width: 25rem !important;
  }
.my_col11{
  width: 25rem;
  margin-left: 15%;
}
    }

    
/* converting ------------------------ */
/* converting ------------------------ */
/* converting ------------------------ */
/* converting ------------------------ */
/* converting ------------------------ */
/* converting ------------------------ */



@media(max-width: 560px) {
  .poster{
      font-size: 14px !important;
  }
  body{
position: sticky!important;
overflow-x: hidden!important;
}
.row{
--bs-gutter-x: 0!important;
--bs-gutter-y: 0!important;
}

}
@media (min-width: 750px) and (max-width: 800px) {
  /* footer */
  .quick_links {
      width: 30% !important;
  }
  .text-container{
      width: 100% !important;
  }
  
  .view-link{
      font-size: 12px !important;
  }
  .paragraph{
      font-size: 9px !important;
  }
  .view-link{
      margin-bottom: 230px !important;
      margin-left: 50px !important;
  }
  .leagal {
      width: 30% !important;
  }

  .contact_footer {
      width: 40% !important;
  }

  .special {
      right: 25%;
      width: 165px !important;
      font-size: 14px !important;
  }
  .darkbluebtn{
      width: 200px;
  }
  body{
position: sticky!important;
overflow-x: hidden!important;
}
.row{
--bs-gutter-x: 0!important;
--bs-gutter-y: 0!important;
}

}

@media (min-width: 820px) and (max-width: 920px) {
  /* footer */
  .quick_links {
      width: 30% !important;
  }
  
  .leagal {
      width: 30% !important;
  }

  .contact_footer {
      width: 40% !important;
  }

  .special{
      right: 25%;
      width: 165px !important;
      font-size: 14px !important;
  }
  .text-container{
      width: 100%;

  }
  .paragraph{
      font-size: 12px !important;
  }
  .darkbluebtn{
      width: 200px;
  }
  .dg_text_80{
      font-size: 28px !important;
  }
  .sec-4{
      height: 30vh !important;
  }
  .sec-5{
      height: 38vh !important;
  }
  body{
position: sticky!important;
overflow-x: hidden!important;
}
.row{
--bs-gutter-x: 0!important;
--bs-gutter-y: 0!important;
}

}

@media (min-width: 940px) and (max-width: 1030px) {
  .special {
      right: 23%;
      width: 165px !important;
      font-size: 14px !important;
  }
  body{
position: sticky!important;
overflow-x: hidden!important;
}
.row{
--bs-gutter-x: 0!important;
--bs-gutter-y: 0!important;
}

}
@media (min-width: 1030px) and (max-width: 1300px) {
      .special {
      right: 22%;
      width: 165px !important;
      font-size: 14px !important;
  }
  .img_card_responsive {
      height: 27vh !important;
      width: 410px !important;
      margin-top: 100px !important;
  }
  body{
position: sticky!important;
overflow-x: hidden!important;
}
.row{
--bs-gutter-x: 0!important;
--bs-gutter-y: 0!important;
}

  }