.services-title-part{ width: 100%; display: inline-block; background-color: #044f81; padding: 100px 0;}
.services-title-part h1{ width: 100%; text-align: center; color: #fff; font-family: "Roboto"; font-weight: 700; font-size: 60px; margin-bottom: 5px;}
.services-title-part ul{ text-align: center; width: 100%; display: inline-block; padding: 0; margin: 0; list-style-type: none;}
.services-title-part ul li{ width: auto; display: inline-block; color: #fff;}
.services-title-part ul li a{ color: #fff; font-size: 16px; font-weight: 400; font-family: "Roboto";}
.services-middle-part{ width: 100%; display: inline-block; position: relative; padding-top: 50px; padding-bottom: 50px; }
.services-middle-part h2{ width: 100%; display: inline-block; text-align: center; font-family: 'Nunito', sans-serif; font-weight: 500; color: #006767; font-size: 45px; margin-bottom: 30px;}
.services-box{ width: 100%; display: inline-block; background-color: #fff; box-shadow: 0px 4px 10px #0000001a; min-height: 600px; height: 100%;}
.services-spash{ width:100%; display: inline-block; padding: 20px;}
.services-box h2{ width: 100%; display: inline-block; font-size: 23px; font-weight: 500; font-family: "Roboto"; color: #222222; position: relative; margin-bottom: 20px;}
.services-box h2::after{content: ""; position: absolute; bottom: -10px; text-align: center; border-radius: 50px; background-color: #044f81; width: 55px; height: 5px; margin: 0 auto; left: 0; right: 0;}
.services-box p{ width: 100%; display: inline-block; text-align: center; font-size: 16px; font-weight: 400; font-family: "Roboto"; color: #222222; line-height: 24px;}
.services-box p a{ font-weight: 700;}


.modal-dialog-part .modal-header { background-color: transparent !important; padding: 40px 35px 0; border-bottom: none;}
.modal-dialog-part .modal-header h5{ font-size: 44px; font-family: 'Nunito', sans-serif; font-weight: 600; color:#006767; border-bottom: solid 1px #000000; padding-bottom: 15px;}
.modal-dialog-part.modal-dialog {width: 100% !important;max-width: 1070px !important; border-bottom: none !important;}
.modal-dialog-part .modal-body{ width: 100%; display: inline-block; padding:30px 35px;}
.modal-dialog-part ul{ padding: 0; margin: 0 0 10px 0; list-style-type: none;}
.modal-dialog-part ul li{width: 49%; padding-left: 20px; position: relative; display: inline-block; font-size: 22px; font-weight: 400; font-family: "Roboto"; color: #000; margin-bottom: 20px; vertical-align: top;}
.modal-dialog-part ul li::before{content: ""; position: absolute; top: 4px; left: 0; text-align: center;  width: 12px; height:20px; margin:0; background: url(../images/form-arrow.png) left top no-repeat;}
.modal-dialog-part .modal-header .close { opacity: 1;margin-top: 21px;}
.contact-us-part{ width: 100%; display: inline-block;}
.contact-us-part h4{ width: 100%; text-align: center; display: inline-block;  margin-bottom: 35px; font-family: 'Nunito', sans-serif; font-weight: 500; font-size: 44px; position: relative; }
.contact-us-part h4::after{content: ""; position: absolute; bottom: -10px; text-align: center; border-radius: 50px; background-color: #044f81; width: 100px; height: 5px; margin: 0 auto; left: 0; right: 0;}
.contact-us-part .form-control{ height: 50px; font-size: 16px; font-weight: 600; font-family: "Roboto"; color: #000; border: solid 2px #0b486b;border-radius: 10px;}
.contact-us-part textarea{ height: 110px !important;}
.contact-us-part .btn{ background-color: #006093; border-radius: 50px; color: #fff; font-family: 'Nunito', sans-serif; font-weight: 600; padding: 13px 43px;}
.home .top-bar {padding: 20px 0;}
.services-page-title{padding-top:150px !important; padding-bottom: 0 !important;
      
}
@media (max-width: 1199px) {
    .services-box{ min-height: 650px; height: 100%;}
    .services-box h2{ font-size: 18px;}
    .modal-dialog-part.modal-dialog{max-width: 900px !important;}
    .modal-dialog-part ul li{ font-size: 18px;}
    .contact-us-part h4{ font-size: 34px;}
    .modal-dialog-part .modal-header h5{ font-size: 34px;}
}

@media (max-width: 991px) {
    .services-box{ margin-bottom: 30px; height: auto; min-height: inherit;}
    .services-box img{ width: 100%; }
    .services-title-part{ padding-top: 50px; padding-bottom: 50px;}
    .services-middle-part h2{ font-size: 35px;}
    .contact-us-part h4{ font-size: 28px;}
    .modal-dialog-part .modal-header h5{ font-size: 28px;}

    .modal-dialog-part.modal-dialog{max-width:750px !important;}
    .modal-dialog-part .modal-header .close{margin-top: 6px;}
    .modal-dialog-part ul li{ margin-bottom: 12px;}
    .modal-dialog-part ul li {font-size: 16px;}
    .services-page-title {padding-top: 239px !important;}
}

@media (max-width: 767px) {
    .services-box h2 {font-size: 20px;}
    .services-middle-part h2{ font-size: 22px; margin-bottom: 25px;}
    .services-middle-part{ padding-top: 25px; padding-bottom: 25px;}
    .modal-dialog-part.modal-dialog{max-width:90% !important; margin: 0 auto;}
    .modal-dialog-part ul li{ width: 100%;}
    .services-page-title {padding-top: 145px !important;}
    .services-title-part {padding-top: 30px;padding-bottom:30px;}
}

@media (max-width: 640px) {
    .modal-dialog-part ul li{ width: 100%;}
    .modal-dialog-part .modal-header h5 {font-size: 24px;line-height: normal;}
    .contact-us-part h4 {font-size: 22px;}
}