h1{font-size: 32px;font-weight: 700;line-height: normal;}
h2{font-size: 32px;font-weight: 700;line-height: 43px;}
.text-blue{color:#10468f}
.hide{display:none;}
.hero-section{width: 100%;height: 500px;background-repeat: no-repeat;background-size: contain;}
.section-4-bg-img{background-image: url('/static/assets/imgs/background.jpg');background-size: contain;background-position: left;background-repeat: no-repeat;}
.section-1-main{height: fit-content;border: 2px solid #42cdd4 !important;border-radius: 20px;}
.section-1-img{width: 100%;text-align: center;margin-top: -75px;}
.section-1-img img{width: 60%;}
.mbl-sm-1{margin: 40px 0px}
.box-content-detail{padding : 50px 0px 50px 0px;}
.section-3-outer-border{border: 2px solid #47b5d0;border-radius: 27px;width: 100%;height: fit-content;padding: 16px;}
.section-3-outer-border .section-3-inner-bg{background: #edfbfc;border-radius: 30px;padding: 25px;}
.section-3-arrow{background: linear-gradient(346deg, #003049, #76bac8);padding: 3px 8px;border-radius: 50%;font-weight: 600;}
.section-4-border{height: 100px; }
.section-4-number{width: 100%;height: fit-content;padding: 11px;border-radius: 6px;margin-top: -14px;text-align: center;color: white;font-weight: 800;}
.bg-blue{background-color: #0362b4;}
.bg-teal{background-color: #42cdd4;}
.blue-border{border:2px solid #0362b4}
.teal-border{border:2px solid #42cdd4}
.contact-us-hr{background: linear-gradient(to bottom, #3abccc, #0a5294);height: 2px;}
.contact-us-bg{width: 100%;height: 100%;border-radius: 7px;border: 0;padding: 10px 0;background: linear-gradient(to bottom, #3abccc, #0a5294);color: white;font-weight: 600;font-size: 20px;cursor: pointer;}
.service-row{border: 2px solid #47b5d0;border-radius: 27px;width: 100%;height: fit-content;padding: 16px; background: linear-gradient(135deg, #1b77a6, #76bac8);}
.section-3-arrow a{color:white}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
@media (min-width: 300px) and (max-width: 1200px) {
h1{font-size: 30px !important}
h2{font-size: 28px }
.hero-section{background-size: cover !important ; height: 600px !important}
.mt-5-mbl {margin-top: 70px;}
.section-3{text-align: -webkit-center !important}
.section-4-bg-img{background-size: cover;background-position: bottom}
.development-process-mobile-image{display: block !important}
.development-process-web-image{ display:none }
.box-content-detail{padding: 0px }
.section-1-main{margin-bottom: 20px}
.mbl-sm-1{margin-bottom : 5px }
}