/* common css start */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}
body{
    overflow-x: hidden !important;
   font-family: "Poppins", sans-serif;
}
a{
    text-decoration: none;
     font-family: "Poppins", sans-serif;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
img{
    vertical-align: middle;
}


/* common css end */
/* banner */
#quicktech-banner{
    height: 100vh;
    width: 100%;
    position: relative;
}

.overlay-banner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000038;
}

.quicktech-banner-inner{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.quikctech-banner-text h1{
    font-size: 57px;
  color: white;
  font-weight: 700;
}

.quikctech-banner-text h5{
    font-weight: 400;
  color: white;
}

.quikctech-banner-btns a{
    padding: 6px 20px;
  color: white;
  border: 2px solid white;
  border-radius: 5px;
  font-size: 19px;
  font-weight: 600;
}
.quikctech-host-btn{
    background-color: #3db8f5;
    border: 2px solid #3db8f5 !important;
}

.quikctech-banner-btns{
    display: flex;
    gap: 10px;
    justify-content: center;
}
.quikctech-host-btn:hover{
        background-color: transparent;
    border: 2px solid #3db8f5 !important;
}

/* banner */

/* works */
.quikctech-heads h4{
    font-size: 3rem;
    line-height: 1;
}

.quikctech-heads p{
 font-size: 1.25rem;
  line-height: 1.75rem;
  color: rgba(0, 0, 0, 0.562);
}

.quikctech-works-main{
    display: flex;
    gap: 10px;
}
.quikctech-works-img {
	border: 1px solid #3db8f5;
	height: max-content;
	padding: 7px;
	border-radius: 5px;
	background-color: #3db8f5;
	margin-top: 8px;
}
.quikctech-works-text h5{
    font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}
.quikctech-works-text p{
    color: rgba(0, 0, 0, 0.527);
}
/* works */


 .service-card {
	text-align: center;
	padding: 20px;
	border: 1px solid #ddd;
	margin: 10px;
	border-radius: 8px;
	height: 200px;
	background: white;
}

        .service-card img {
            width: 50px;
            height: 50px;
        }
           .qr-code img {
            width: 120px;
            height: 120px;
        }
       

        /*  */

        .quicktech-phone {
          position: absolute;
          height: 515px;
          top: -263px;
          left: 18%;
        }
        .mt-180 {
          margin-top: 116px;
          margin-bottom: 90px;
        }

        .quikctech-rr {
          background-color: #1a2b49;
          padding: 45px 0px;
          border: 5px solid black;
          border-radius: 5px;
        }
        .quikctech-s-text h2{
          color: white;
        }
        .quikctech-s-text p{
          color: white;
        }
        .quikctech-ss-r h3{
          color: white;
        }
        .quikctech-ss-r p{
          color: white;
        }


        .quicktech-ser-inner {
          border: 1px solid #ddd;
          padding: 40px 21px;
          border-radius: 20px;
          position: relative;
          overflow: hidden;
          transition: 0.3s ease;
          cursor: pointer;
          height: 240px;
        }
          .quicktech-ser-inner:hover .quikctech--ss{
            /* transform: scale(1.2); */
            transition: 0.3s ease;
          }
          .quicktech-ser-inner:hover{
            transform: scale(1.02);
          }
          .quikctech--ss{
            transition: 0.3s ease;
          }
          .quicktech-ser-inner h4{
          color: #212121;
          font-size: 20px;
          font-style: normal;
          font-weight: 600;
          }
          .quicktech-ser-inner p{
          color: #737373;
          font-size: 17px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          }
          .quicktech-side-img img{
            height: 88px;
          }
        .quicktech-side-img {
          position: absolute;
          bottom: 0;
          right: -35px;
          transition: 0.3s ease;
        }
        .quicktech-ser-inner:hover .quicktech-side-img{
          right: 0;
        }

        .gapp{
          row-gap: 20px;
        }

          .quikctech-head h4{
          font-size: 35px;
          font-weight: 700;
        }

        .quikctech-head p{
          font-size: 14px;
          color: rgba(0, 0, 0, 0.452);
        }

        #quikctech-srvices{
          margin-top: 143px;
        }

        .quikctech-ready-text h1{
          font-size: 50px;
          font-weight: 700;
        }

        .quikctech-ready-text h1 span{
          font-size: 50px;
          color: #3db8f5;
        }

        #quicktech-explore {
          padding: 70px 0;
          background-color: rgba(59, 130, 246, 0.05);
        }

        .quikctech-host-btns{
            background-color: #3db8f5;
        }
        .quikctech-ssc{
            background-color: darkgreen;
        }

        .quikctech-ready-text span{
            font-size: 13px;
        }


        #quikctech-footer {
          padding: 40px 0;
          background-color: #1a2b49;
          padding-bottom: 12px;
        }
        .quikctech-footer-logo h3{
          font-weight: 700;
          color: white;
          font-size: 30px;
        }
        .quicktech-text-footer p{
          color: rgba(255, 255, 255, 0.7);
          font-size: 16px;
          line-height: 1.8;
          font-weight: 400;
        }
        .quicktech-social ul{
          display: flex;
          gap: 20px;
        }
        .quicktech-social ul li a{
          color: white;
          font-size: 25px;
        }
        .quicktech-social ul li a img{
          height: 40px;
        }
        .quicktech-text-footer h5{
          color: #fff;
          margin-bottom: 20px;
          font-size: 22px;
          font-weight: 400;
        }
        .quicktech-text-footer ul li a{
          color: rgba(255, 255, 255, 0.8);
          font-size: 18px;
        }
        .quicktech-text-footer ul li{
          padding-bottom: 10px;
        }

        .quikctech-copy-right p{
          color: white;
        }

        .quicktech-text-footer{
          padding: 0 54px;
        }



        #quicktech-works{
          padding: 50px 0;
        }