/* banner_area */
.banner_area{padding: 137px 0 59px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner_content h1{font-style: normal;font-weight: 400;font-size: 50px;line-height: 124%;color: var(--bs-color-FF);margin-bottom: 16px;}
.banner_content p{font-size: 16px;color: var(--bs-color-FF);line-height: 26px;}
.bnr_btns{margin-top: 30px;}
.banner_outer .row{align-items: center;}
.bnner_logo ul{display: flex;gap: 10px;margin-top: 40px;}
/* banner_area */
/* how_works_area */
.how_works_area{padding: 100px 0;}
.page_hdng h2{font-weight: 600;font-size: 40px;line-height: 155%;color: var(--bs-color-1D);}
.page_hdng .hdng_para{margin-top: 20px;}
.hdng_para p{font-size: 16px;line-height: 26px;margin-bottom: 15px;}
.hdng_para p:last-child{margin-bottom: 0;}
.page_hdng{margin-bottom: 40px;}
.hdng_para{max-width: 855px;margin: 0 auto;}
.how_items{padding: 20px 20px 30px;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14); border-radius: 10px;border-radius: 10px;overflow: hidden;border-bottom: 6px solid var(--bs-color-1B);position: relative;}
.water_mark_text{position: absolute;right: 20px;top: 10px;background: linear-gradient(180deg, #607192 14.73%, rgba(54, 65, 183, 0) 70.65%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text; text-fill-color: transparent;opacity: 0.26;font-size: 110px;line-height: 100%;}
.water_mark_text span{display: inline-block;line-height: 100%;}
.how_icons{height: 30px;width: 60px;margin-bottom: 10px;}
.how_icon_text h4{font-weight: 600;font-size: 16px;line-height: 134%;margin-bottom: 10px;}
.how_icon_text h3{font-weight: 700;font-size: 24px;line-height: 134%;color: var(--bs-color-00);margin-bottom: 10px;}
.how_icon_text p{font-size: 16px;line-height: 156%;}

.project_bluebx{margin: 80px auto 0;max-width: 1180px;background: linear-gradient(180deg, #19A0FF 0%, #3086FF 100%);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14);border-radius: 10px;padding: 65px 30px;text-align: center;}
.project_bluebx h2{font-weight: 600;font-size: 40px;line-height: 135%;color: var(--bs-color-FF);margin-bottom: 15px;}
.project_bluebx p{font-size: 16px;line-height: 140%;color: var(--bs-color-FF);}
/* how_works_area */
/* digital_kitArea */
.digital_kitArea{padding: 90px 0 120px;background-color: var(--bs-color-F5);}
.digital_kit_outer{display: flex;flex-wrap: wrap;margin: 0 -10px;justify-content: center;}
.kitbx_item{width: 20%;margin-top: 70px;text-align: center;padding: 0 10px;}
.digital_kitArea .page_hdng {margin-bottom: 0;}
.kit_icon{height: 100px;width: 100px;border-radius: 50%;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;background: linear-gradient(180deg, #19A0FF 0%, #3086FF 100%), #FFFFFF; box-shadow: 0px 22px 60px rgba(14, 68, 150, 0.24);}
.kit_icon_text h3{font-weight: 500;font-size: 20px;line-height: 136%;color: var(--bs-color-1D);margin-bottom: 14px;}
.kit_icon_text h5{font-size: 16px;line-height: 150%;}
/* digital_kitArea */
/* service_area */
.service_area{padding: 75px 0;}
.srvc_bxItem{padding: 40px;background: var(--bs-color-FF);border: 1px solid var(--bs-color-E8); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14);border-radius: 10px;margin-bottom: 40px;}
.srvc_bxItem:last-child{margin-bottom: 0;}
.srvc_pnl_outer{display: flex;justify-content: space-between;flex-wrap: wrap;}
.srvc_leftpnl{width: 60%;padding-right: 30px;}
.srvc_rightpnl{width: 40%;text-align: right;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.srvc_hdng h3{font-weight: 600;font-size: 26px;line-height: 38px;color: var(--bs-color-1D);margin-bottom: 15px;}
.srvc_hdng p{max-width: 608px;font-size: 16px;line-height: 160%;}
.srvc_hdng{margin-bottom: 28px;}
.srvc_listing li{display: flex;gap: 13px;font-size: 16px;line-height: 26px;margin-bottom: 20px;}
.srvc_listing li i{min-width: 24px;color: var(--bs-color-2C);}
.srvc_rightpnl h3{font-size: 28px;line-height: 42px;color: var(--bs-color-1D);margin-bottom: 10px;width: 100%;}
.srvc_btn{width: 100%;margin-bottom: auto;}
.srvc_logo{margin-top: auto;}
.top_right{width: 100%;}
/* service_area */

/* adress_map_area */
.adress_map_area{padding: 100px 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.address_bx{display: flex;}
.map_text_area{margin-left: auto;max-width: 470px;}
.map_text_area .page_hdng h2{color: var(--bs-color-FF);}
.map_text_area .page_hdng .hdng_para{margin-top: 15px;}
.map_text_area .page_hdng .hdng_para p{color: var(--bs-color-FF);}
.map_text_area .page_hdng{margin-bottom: 15px;}
.contact_btn .btn:hover{background-color: var(--bs-color-1D);}
/* adress_map_area */




/* ==modal------ */

.closemodal{height: 30px;width: 30px;min-width: 30px;display: flex;align-items: center;justify-content: center;border-radius: 4px;background-color: var(--bs-color-07);font-size: 20px;color: var(--bs-color-00);}
.closemodal span{font-size: 18px;}

#modalContactForm .modal-header h4{color: var(--bs-color-1D);font-weight: 500;}
.md-form{margin-bottom: 16px;}
.md-form .form-control{height: 44px;border: 1px solid var(--bs-color-9A);border-radius: 4px;font-size: 16px;color: var(--bs-color-1D);box-shadow: none;}
.md-form label{font-weight: 500;margin-bottom: 10px;font-size: 14px;color: var(--bs-color-1D);}
.md-form textarea.form-control{height: 85px;resize: none;padding: 16px;}
.md-form .form-control:focus{border-color: var(--bs-color-A7);}






main.main-wrapper{padding-top: 64px;}
.global-search-wrapper{background: linear-gradient(to bottom, var(--bs-light) 80%, var(--bs-white) 20%);}
.global-search-wrapper .nav-pills{border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden;}
.global-search-wrapper .nav-pills li a{font-size: 1rem;line-height: 1.25rem;color: var(--bs-gray-600);padding: 1.125rem 1.875rem;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.global-search-wrapper .nav-pills li a.active{background-color: var(--bs-primary);color: var(--bs-white);}
.global-search-wrapper .tab-content{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;}
.global-search-wrapper .form-container .form-group:not(:first-child){border-left: 1px solid var(--bs-gray-400);}
.global-search-wrapper .form-container .form-group input{padding: 14px 0;font-size: 16px;line-height: 20px;}
.global-search-wrapper .form-container .form-group label{position: absolute;top: 50%;left: 0;font-size: 16px;line-height: 20px;transform: translateY(-50%);transition: all 0.1s ease-in-out;}
.global-search-wrapper .form-container .form-group input:focus + label{transform: translateY(-30px);}
.global-search-wrapper .form-container .action button{font-size: 16px;line-height: 20px;height: auto;padding: 12px 30px;background-color: var(--bs-primary);border: 2px solid var(--bs-primary);}
.global-search-wrapper .form-container .action button:hover{background-color: transparent;color: var(--bs-primary);}




