@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
   --white:#fff;
   --black: #262626;
  --French-Blue:#007CB8;
  --Moonstone-Blue:#66B0D4;
  --Pale-Cerulean:#94C8E1;
  --Rangoon-Green:#1A1B1B;
  --Hawkes-Blue:#CCE5F1;
  --Lemon-Grass:#999999;
  --Alabaster:#FBFBFB;
  --Liver:#4C4C4C;
  --Desert-Storm:#F7F7F7;
  --Blue-Whale:#032C40;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
p{
   font-family: "Roboto Flex", sans-serif;
}
h1,h2.h3,h4,h5,h6{
   font-family: "Roboto", sans-serif;

}
/* .owl-carousel*/
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
 .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
 /* owlcarousel end */
 /* top menubar */
.top-address-section{
   border-bottom: .4px solid var(--Hawkes-Blue);
}
.top-address-section .top-add{

   display: flex;
   padding-left: 0;
   justify-content: space-between;
   margin-bottom: 0;
   padding: 8px 0;
 

}
.top-address-section .top-add li{
   list-style: none;
   color: var(--Rangoon-Green);
}
.top-address-section .top-add li i{
color: var(--Liver);
}
.top-address-section .top-phone{
   display: flex;
}
.top-address-section .top-phone li{
   margin-left: 12px;
}
.top-address-section .top-phone a{
   text-decoration: none;
   color: var(--Liver);
   transition: .4s;
}
.top-address-section .top-phone a:hover{
   color: var(--French-Blue);
   transition: .4s;
}
/* end */
.dell-navbar{
   padding: 12px 0;
}
.dell-navbar h4{
   font-size: 1.8rem;
   margin-bottom: 0;
}
.dell-navbar h4 span{
color:var(--French-Blue)
}
.menu-bg ,.navbar{
  
}
.nav-item .nav-link{
   font-weight: 500;
   text-transform: uppercase;
   font-size: .9rem;
   color: var(--Liver);
}
.nav-item .nav-link.active{
   color: var(--French-Blue);
}
.nav-item .nav-link:hover{
   color: var(--French-Blue);
}
/* hero section start */
.herosection .carousel-item {
   position: relative;
  
 }
 
 .herosection .carousel-caption {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center; 
   color: white; 
 }
  .herosection .carousel-item  h2{
   font-size: 4.5rem;
   font-weight: 800;
   margin-bottom: 16px;
   font-family: "Roboto", sans-serif;

  }
  .herosection .carousel-item  h4{
   font-size: 1rem;
   font-weight: 500;
   line-height: 30px;
   word-spacing: 3px;
   margin-bottom: 30px;

  }
 
  .contactus a{
   text-decoration: none;
   border: 2px solid var(--white);
   border-radius: 60px;
   padding: 8px 20px;
   color: var(--white);
   font-size: 1rem;
   transition: 0.8s;
   font-weight: 600;
  }
  .contactus a:hover{
background: var(--white);
color: var(--Rangoon-Green);
transition: 0.8s;
font-weight: 600;

  }
/* hero section end */

/* about dell section */
.about-section{
   background: var(--Alabaster);
   padding: 80px 0;
}
.about-section .about-dell img{
   width: 100%;
}
.about-content .mission-img{
   width: 80%;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}
.about-content .mission-img img{
   width: 100%;
   transition: .6s;
}
.mission-sec:hover .mission-img img{
   margin-top: -8px;
   transition: .6s;
}
.about-content h5{
   color: var(--French-Blue);
}
.small-mission{
   display: none;
}
/* end about dell section */
.headline-center{
  margin-bottom: 30px;
}
.headline-center h3{

color: var(--French-Blue);
font-size: 1rem;
}
.headline-center h2{
   font-size: 3.2rem;
   color: var(--black);
}
/* service section start */
.service-section {
   padding: 60px 0;
   position: relative;
   overflow: hidden;
}

.headline{
   display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 800px; /* Adjust width as needed */
  margin: 0 auto; /* Center the content horizontally */
  padding: 20px; /* Adds space inside */
}
.headline h3{

color: var(--French-Blue);
font-size: 1rem;
}
.headline h2{
   font-size: 3.2rem;
   color: var(--black);
}
.readmore{
   float: right;
}
.readmore a{
   text-decoration: none;
   color: var(--Alabaster);
   background: var(--French-Blue);
   padding: 12px 20px;
   border-radius: 80px;
   font-size: 1rem;
   font-weight: 600;
   transition: .6s;
}
.readmore a:hover{
   background: var(--Rangoon-Green);
   color: var(--white);
   transition: .6s;
}

/* repair card */
.service-section .repair-card {
   padding: 20px 0;
   border-bottom: .6px solid var(--Lemon-Grass); 
}
.service-section .repair-card .right-arrow i{
   font-size: 3.5rem;
   color: var(--Lemon-Grass);
   float: right;
   rotate: -45deg;
   transition: .6s;
}
.service-section .repair-card:hover .right-arrow i{
   rotate: 0deg;
   color: var(--Liver);
   transition: .6s;
}
.service-section .repair-card a{
   text-decoration: none;
}
.service-section .repair-card h3{
font-size: 1.5rem;
   color: var(--Liver);
}
.service-section .repair-card p{
   color: var(--Liver);
}


.service-section .repair-card {
   padding: 20px 0;
   border-bottom: .6px solid var(--Lemon-Grass);
   position: relative;
   transition: transform .3s, box-shadow .3s;
}

.service-section .repair-card:hover {
   transform: translateY(-5px);

}
.repair-card img{
   width: 100%;
}

/* why delldo dell start */
.why-dell-section{
   background: var(--Alabaster);
   padding: 60PX 0;
}
.why-dell-card img{
   max-width: 60px;
   margin-bottom: 12px;
}
.why-dell-card .delldo-card{
   background: var(--white);
   padding: 20px;
   margin-bottom: 20px;
   min-height: 360px;
 
}
.why-dell-card .delldo-card p{ 
   text-align: justify;
}
.why-dell-card h4{
   font-size: 1.5rem;
   color: var(--Liver);
   font-weight: 400;
}
.why-dell-card .delldo-card img{
   background: var(--Moonstone-Blue);
   padding: 4px;
   border-radius: 100px;
}
/* end delldo end */
/* blog section start */
.blog-section {
   padding: 60px 0;
}
.blog-section .blog-card img{
width: 100%;

}
.blog-section .blog-card{
   position: relative;
   margin-bottom: 90px;
}
.blog-card .inner-blog-card{
   max-width: 450px;
background: var(--Desert-Storm);
padding: 20px;
position: absolute;
bottom: -60px;
right: 0;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;

}
.blog-card .inner-blog-card ul{
   display: flex;
   padding-left: 0;
   margin-bottom: 0;
}
.blog-card .inner-blog-card ul li{
   list-style: none;
padding-right: 8px;
}


.blog-card .inner-blog-card ul li a{
   text-decoration: none;
   color: var(--Liver);
}
.blog-card .inner-blog-card ul li a:hover{
   color: var(--French-Blue);
}
.blog-card .inner-blog-card h4{
font-weight: 600;
   font-size: 1.5rem;
   line-height: 30px;
   padding: 12px 0;
}
.blog-card .inner-blog-card  h4 a{
 text-decoration: none;
 color: var(--black);
 line-height: 30px;
 transition: .6s;

}
.blog-card .inner-blog-card  h4 a:hover{
   color: var(--French-Blue);
   transition: .6s;
}
.readBtn a{
   text-decoration: none;
   
   font-weight: 500;
   transition: .6s;
   color: var(--Liver);
}
.readBtn a:hover{
   color: var(--French-Blue);
   transition: .6s;
}
.blog-section .item{
   min-height: 450px;
}
/* blog end */
footer{
   padding: 80px 0 0 0;
   background: linear-gradient(45deg, #86b7fe59, #66b0d4 100%), url(../images/footerbg.webp) no-repeat fixed border-box center / cover;
}
footer .left-foot h4{
   font-size: 2rem;
   color: var(--Blue-Whale);
   font-weight: 600;
   font-family: "Roboto", sans-serif;
   opacity: .8;
}
footer .social-media ul{
   display: flex;
   padding-left: 0;
   margin-bottom: 0;
}
footer .social-media ul li{
   list-style: none;
   margin-right: 12px;
}
footer .social-media ul li i{
   background: var(--white);
   width: 30px;
   height: 30px;
   padding: 4px;
   color: var(--French-Blue);
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: .6s;
   
}
footer .social-media ul li:hover i{
   color: var(--Moonstone-Blue);
   transition: .6s;
}
footer .social-media ul li a{
   text-decoration: none;
}
.foot-address ul{
   display: flex;
   padding-left: 0;
}
.foot-address ul li{
   list-style: none;
   margin-left: 12px;
}
.foot-address ul li i{
   color: var(--Liver);
   font-size: 20px;
}
.foot-address h5{
   margin-bottom: 4px;
}
footer .up-foot-add{
   border-bottom: 1px solid rgb(186 208 219);
}
.foot-address a{
   text-decoration: none;
    color: var(--Liver);
    font-weight: 600;
    font-size: 1rem;
}
.foot-address a:hover{
   color: var(--French-Blue);
}
.foot-address img{
   max-width: 40px;
}
footer .down-footer{
   padding: 12px 0;
  
}
.down-footer ul{
   padding-left: 12px;
}
.down-footer ul li{
   list-style: none;
   margin-bottom: 12px;
}
.down-footer ul li a{
   text-decoration: none;
   color: var(--Rangoon-Green);
   font-weight: 400;
   position: relative;
 
}
.down-footer ul li a::before{
   content: "";
   position: absolute;
   left: -18px;
   top: 2px;
   width: 20px;
   height: 20px;
   z-index: 1;
   background: url(../images/righta.png) no-repeat center / 15px; 
}
.down-footer ul li a:hover{
   color: var(--Liver);
}
.down-footer .footer-head h5{
   font-weight: 600;
   font-size: 24px;
   color: var(--Blue-Whale);
   opacity: .8;
}
footer .footer-topmenuSec{
   border-bottom: 1px solid rgb(186 208 219);
}
footer .down-footer p{
   margin-bottom: 8px;
}
footer .copyright{
   text-align: center;
   padding: 12px 0;
}
footer .copyright a{
   color: var(--French-Blue);
   text-decoration: none;
   margin-right: 12px;
   transition: .6s;
}
footer .copyright a:hover{
   color: var(--Liver);
   transition: .6s;
}
footer .copyright p{
   margin-bottom: 0;
}
/* common section start */
.common-bg{
   background: url(../images/dell-slider-1.webp) no-repeat fixed border-box center / cover;
   padding: 80px 0;

}
.common-bg h3{
   font-size: 2.5rem;
   color: var(--white);
   text-transform: uppercase;
   margin-bottom: 0;
}
/* common section end */
/* contact section start */
.contact-section {
   padding: 60px 0 12px 0;
}
.contact-address .contact-social .contact-soicalcard{
   /* background: var(--Moonstone-Blue); */
   text-align: center;
   margin-bottom: 30px;
   border: 1px dotted var(--Blue-Whale);
   padding: 12px;
}
.contact-address .contact-social .contact-soicalcard a{
   text-decoration: none;
   font-size: 2.3rem;
   color: var(--Blue-Whale);
   transition: .6s;

}
.contact-address .contact-social .contact-soicalcard:hover a{
   color: var(--French-Blue);
   transition: .6s;
}
.contact-section .right-contact-card{
   text-align: center;

   padding: 12px;
   margin-bottom: 12px;
}
.contact-section .right-contact-card img{
   max-width: 35px;
   margin-bottom: 12px;
}
.contact-section .right-contact-card a{
   text-decoration: none;
   font-size: 1.2rem;
   color: var(--Blue-Whale);
}
.contact-section .right-contact-card a:hover{
   color: var(--French-Blue)
}
.contact-section .contact-form{
   background: url(../images/dell-slider-1.webp) no-repeat border-box center / cover;
   padding: 80px;
   color: var(--white);
   margin-bottom: 20px;
}
.contact-section .contact-form h2{
   color: var(--white);
   margin-bottom: 30px;
}
/*  */
.contact-section .form-control {
   background-color: transparent;
   color: white; 
   border: 1px solid rgba(255, 255, 255, 0.5); 
   border-radius: 0px; 
   padding: 12px;
}

.contact-section .form-control::placeholder {
   color: white; 
   opacity: 0.7; 
}

.contact-section .form-control:focus {
   outline: none; 
   border-color: rgba(255, 255, 255, 1); 
   box-shadow: none;
}

.contactBtn a{
   background: var(--French-Blue);
   padding: 12px 30px;
   border-radius: 30px;
   color: var(--white);
   text-decoration: none;
   border: 0;
   transition: .6s;
}
.contactBtn a:hover{
   color: var(--Blue-Whale);
   background: var(--white);
   transition: .6s;
}
.company-map iframe{
   width: 100%;
   min-height: 350px;
}
/* contact section end */
/* whatsapp */
.btn-whatsapp-pulse {
   background: #25d366;
   color: white;
   position: fixed;
   bottom: 100px;
   right: 20px;
   font-size: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 0;
   height: 0;
   padding: 35px;
   text-decoration: none;
   border-radius: 50%;
   animation-name: pulse;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-iteration-count: infinite;
   z-index: 10;
   }
   @keyframes pulse {
   0% {
   box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
   }
   80% {
   box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
   }
   }
   .back-to-top {
      position: fixed;
      right: 30px;
      bottom: 30px;
      z-index: 99;
      outline: none;
      font-size: 30px;
      font-weight: 600;
      color: var(--French-Blue);
      background: transparent;
      border: 0;
      width: 55px;
      height: 55px;
      border-radius: 100px;
      padding: 12px;
      background: var(--white);

    }
    .back-to-top  i{
      position: absolute;
      top: 14px;
      left: 16px;
    }
    /* media query start */
    @media(max-width:1440px){
      .herosection .carousel-caption{
         width: 80%;
         font-size: 4rem;
      }
      .herosection .carousel-caption h4{
         margin-bottom: 0;
      }
      .headline h2 {
         font-size: 3rem;
     }
    }
    @media(max-width:1400px){
      .headline-center h2 {
         font-size: 3rem;
      }
      .headline-center {
         margin-bottom: 16px;
     }
     .headline h2 {
      font-size: 2.5rem;
  }
  .blog-card .inner-blog-card h4 a {
   font-size: 1.3rem;
   line-height: 24px;
}
    }
    @media(max-width:1300px){
      .headline-center h2 {
         font-size: 2.2rem;
     }
     .headline h2 {
      font-size: 2.2rem;
  }
  .herosection .carousel-item h2 {
   font-size: 4rem;
  }
    
    .service-section .repair-card .right-arrow i {
      font-size: 3rem;
    }
   }
   @media(max-width:1200px){
      .herosection .carousel-item h2 {
         font-size: 3rem;
     }
     .why-dell-card .delldo-card {
      min-height: 406px;
  }
  .blog-card .inner-blog-card {
   max-width: 100%;
   position: static;
 
  }
  .top-address-section .top-add li {
   font-size: .9rem;
  }
  .laptop-mission{
   display: none;
  }
  .mission-img{
   margin-bottom: 30px;
  }
  .mission-img img{
   width: 100px
  }
  .service-section,.why-dell-section,.blog-section,.about-section ,.contact-section {
   padding: 40px 0;
}
.small-mission{
   margin-top:20px;
   display: block;
}
.common-bg h3 {
   font-size: 2rem;
}
.common-bg {
   padding: 40px 0;
}
.contact-address .contact-social .contact-soicalcard a {
   font-size: 1.5rem;
}
.contact-section .right-contact-card img {
   max-width: 30px;
   margin-bottom: 10px;
}
.contact-section .right-contact-card a {
   font-size: 1rem;
}
.contact-section .right-contact-card p{
   font-size: 1rem;
   margin-bottom: 0;
}
.contact-section .right-contact-card {
   padding: 0;
}
   }
   @media(max-width:992px){
      .top-address-section .top-add {
         display: block;
      }
      .top-address-section .top-phone {
         padding-left: 0;
     }
     .top-address-section .top-phone li {
      margin-left: 0;
      margin-right: 12px;
  }
.dell-navbar button{
   border: 0;
}
.navbar-toggler:focus {
   text-decoration: none;
   outline: 0;
   box-shadow:none;
   border: 0;
}
.dell-navbar .offcanvas-header h4 {
   font-size: 1.5rem;
   color: var(--white);
}
.dell-navbar .offcanvas-header h4 span{
   color: var(--Blue-Whale);

  
}
.dell-navbar .offcanvas-header{
   justify-content: space-between;
   background: var(--Moonstone-Blue);
}

.herosection .carousel-caption {
   top: 45%;
}
.top-address-section .top-add li {
   margin-bottom: 6px;
}
.headline h2 {
   font-size: 2rem;
}
.why-dell-card .delldo-card {
  
}
.contactus{
   line-height: 30px;
}
.social-media{
   margin-bottom: 12px;
}
.herosection .carousel-item h2 {
   font-size: 2.5rem;
}
.mission-img img {
   width: 100%;
}
.company-map iframe{
   min-height: 300px;
}
.contact-section .right-contact-card a {
   font-size: 1.2rem;
}
.contact-address{
   margin-bottom: 12px;
}
.contact-section .right-contact-card p {
   font-size: 1.2rem;
}

   }
   @media(max-width:991px){
      .nav-item .nav-link {
         border-bottom: 1px solid rgb(186 208 219);
         font-size: 1rem;
         color: #525151;
         opacity: .8;
         line-height: 40px;
      }
      .contact-section .contact-form {
       
         padding: 40px 20px;
      }
      .foot-address img {
         max-width: 30px;
      }
   }
   @media(max-width:768px){
      .why-dell-card .delldo-card {
         min-height: auto;
     }
     .repair-card img {
      margin-bottom: 12px;
  }
  footer {
   padding: 40px 0 0 0
  }
  .blog-section .blog-card {
   margin-bottom:0;
}
.blog-section.blog-page-section .blog-card{
margin-bottom: 20px;
}
.contact-address .contact-social .contact-soicalcard a {
   font-size: 1.3rem;
}
.contact-section .right-contact-card a {
   font-size: 1rem;
}

.contact-section .right-contact-card p {
   font-size: 1rem;
}
   }
   @media(max-width:575px){
      .dell-navbar h4 {
         font-size: 1.6rem;
     }
.dell-navbar .navbar-toggler img{
   width: 30px;
}
.headline-center h2 {
   font-size: 2rem;
}
.headline {
   max-width: 100%;
   padding: 0;
}
.headline p{
   text-align: justify;
}

   }
   @media(max-width:425px){
      .dell-navbar h4 {
         font-size: 1.4rem;
     }
     .headline-center h2 ,.headline h2 {
      font-size: 1.5rem;
      margin-bottom: 20px;
  }
  .down-footer .footer-head h5 {
   font-size: 20px;
  }
.foot-address h5{
   font-size: 18px;
}
footer .left-foot h4 {
   font-size: 1.6rem;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
   width: 1rem;
}
.service-section .repair-card .right-arrow i {
   font-size: 2.2rem;
}
.btn-whatsapp-pulse {
   padding: 24px;
}
.btn-whatsapp-pulse i{
   font-size: 2rem;
}
.back-to-top {
   right: 16px;
   font-size: 20px;
   width: 40px;
   height: 40px;
}
.back-to-top i {
   top: 10px;
   left: 12px;
}
.why-dell-card h4 {
   font-size: 1.3rem;
}
.blog-card .inner-blog-card h4 {
   font-size: 1.3rem;
   line-height: 26px;
}
.blog-section{
  
   padding: 30px 0 0 0;
}
.service-section, .why-dell-section, .blog-section, .about-section ,.contact-section {
   padding: 20px 0;
}
.service-section .repair-card h3 {
   font-size: 1.3rem;
}
.common-bg h3 {
   font-size: 1.5rem;
}
.common-bg {
   padding: 30px 0;
}
   }
   @media(max-width:375px){
      .dell-navbar .navbar-toggler{
         padding: 0;
      }
      .dell-navbar h4 {
         font-size: 1.3rem;
     }
     .about-content p{
      text-align: justify;
     }
     .mission-sec p{
      text-align: justify;
     }
     .blog-section .item{
    min-height: auto;
 margin-bottom:20px;
     }
     .why-choose-section p{
      text-align: justify;
     }
     .service-section p{
      text-align: justify;
     }
     .dell-service-section p{
      text-align: justify;
     }
     .contact-address .contact-social .contact-soicalcard a {
      font-size: 1.1rem;
  }
  .contact-address .contact-social .contact-soicalcard {
   padding: 8px;
  }
  .common-bg h3 {
   font-size: 1.2rem;
}
footer .left-foot h4 {
   font-size: 1.5rem;
}
   }
    /* media query end */