h3.heading {
     color: #0394D7;
     font-size: 40px;
     font-weight: 700;
     line-height: 48px;
     margin-bottom: 24px;
     display: inline-block;
}

p.info {
     font-size: 18px;
     font-weight: 400;
     line-height: 28px;
     color: #6C757D;
     margin-bottom: 24px;
}

p.info:last-child {
     margin-bottom: 0;
}

.btn {
     padding: 24px 40px;
     font-weight: 600;
     font-size: 24px;
     border-radius: 40px;
}

.btn:hover {
     box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
     background-position: 100% 0 !important;
     transition: opacity 0.5s;
     animation: 0.8s linear infinite rotate;
     moz-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
}

.bg-block {
     background: #F5F7FB;
}

/*HEADER CSS*/
header {
     position: fixed;
     z-index: 99;
     left: 0;
     right: 0;
}

.header-top {
     padding: 16px 0;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.31) 0%, rgba(255, 255, 255, 0) 100%);
     background-blend-mode: plus-darker;
     z-index: 999;
     position: relative;
}

.sticky-header .header-top {
     background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255, 255, 255, 0.7) 100%);
     box-shadow: 0px 2px 2px #00000022;
}

.sticky-header {
     position: fixed;
}

.sticky-header:after {
     content: '';
     position: absolute;
     background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255, 255, 255, 0.7) 100%);
     z-index: 9;
     width: 100%;
     height: 100%;
     top: 0;
}

.header-top-left,
.header-top-right {
     padding: 0 15px;
}

.header-top-left .logo {
     position: relative;
     display: block;
}

.header-top-left .logo img {
     max-width: 200px;
     width: 100%;
}

.header-top-right .menu li.parent-menu {
     margin: 0 10px;
     padding: 0 15px;
     position: relative;
     transition: 0.4s;
}

.header-top-right .menu li.parent-menu>a {
     font-size: 18px;
     line-height: 22px;
     font-weight: 600;
     color: #fff;
     transition: 0.6s;
}

.header-top-right .menu li.parent-menu>a span {
     font-weight: 500;
}

.header-top-right .menu li.parent-menu:hover,
.header-top-right .menu li.parent-menu.active,
.header-top-right .menu li.parent-menu>a:hover {
     color: #FD822E;
}

.header-top-right .menu li.parent-menu:first-child {
     margin-left: 0;
}

.header-top-right .menu li.parent-menu:last-child {
     margin-right: 0;
     padding-right: 0;
}

.header-top-right .menu li.parent-menu.active a {
     color: #FD822E;
}

.sticky-header .header-top {
     padding: 4px 0;
}

.sticky-header .header-top-right .menu li.parent-menu>a {
     font-size: 14px;
     color: #000;
}

.sticky-header .header-top-right .menu li.parent-menu.active a {
     color: #FD822E;
}

/*HOME BANNER*/
.home-banner-wrapper,
.home-banner-inner {
     position: relative;
}


.home-banner-info {
     position: absolute;
     top: 54%;
     transform: translateY(-50%);
     z-index: 9;
     left: 0;
     right: 0;
     text-align: center;
     margin: 0 auto;
     max-width: 1051px;
     text-align: center;
}

.home-banner-info p {
     font-size: 24px;
     line-height: 32px;
     color: rgba(173, 234, 255, .9);
     max-width: 694px;
     margin: 0 auto 60px auto;
}

.home-banner-info h1 {
     font-size: 72px;
     line-height: 88px;
     font-weight: 700;
     max-width: 1038px;
     margin: 0 auto 24px auto;
     color: #fff;
     text-shadow: 0px 2px 2px rgba(0, 0, 0, 25%);
}

.home-banner-wrapper img {
     width: 100%;
     display: block;
}

.home-banner-wrapper .banner-btn {
     background-color: #fff;
     color: #0A25BA;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     width: 243px;
     border-radius: 100px;
     font-size: 22px;
     gap: 30px;
     padding-right: 20px;
     justify-content: space-between;
     margin: 0 auto;
}

.home-banner-wrapper .banner-btn:after {

     content: '';
     position: absolute;
     background: url(../images/banner-btn.svg) no-repeat center right;
     width: 24px;
     height: 24px;
     right: 22px;
}

/*DETAILS SECTION*/
.details-section .left,
.details-section .right {
     width: 50%;
}

.details-section .left {
     text-align: right;
}

.details-section .left img {
     max-width: 618px;
}

.details-section .right .right-inner {
     max-width: 625px;
     width: 100%;
}

/*SERVICE CSS*/
.services-section {
     background: #F7F7F7;
}

.services-section .info {
     max-width: 1038px;
     width: 100%;
     margin: 0 auto;
     font-size: 22px;
     line-height: 27px;
}

.services-section .container {
     padding: 0 21px;
     max-width: 1470px;
}

.services-section .container .row {
     margin: 0 -21px;
}

.services-row {
     flex-wrap: wrap;
     margin-top: 56px;
     background-color: #F7F7F7;
     padding: 32px 15px;
}

.services-row .service-block {
     width: 33.33%;
     margin-bottom: 42px;
     padding: 0 21px;
     position: relative;
}

.services-row .service-block:after {
     content: '';
     position: absolute;
     border-right: 2px solid #D9D9D9;
     right: 0;
     width: 100%;
     height: 100%;
     top: 0;
}


.services-row .service-block:last-child:after {
     display: none;
}

.services-row .full-block:last-child .service-block {
     margin-bottom: 0;
}

.services-row .service-block .service-block-inner .service-block-inner-img {
     margin-bottom: 35px;
}

.services-row .service-block .service-block-inner img {
     display: block;
     width: auto;
     transition: all 1s ease-in-out;
}

.services-row .service-block .service-block-inner img:hover {
     transform: scale(1.2);
}

.services-row .service-block .service-block-inner .info h4 {

     margin-bottom: 15px;


     font-size: 24px;
     font-weight: 500;
     line-height: 29.05px;
     letter-spacing: 0.01em;


}

.services-row .service-block .service-block-inner .info p {

     color: #555555;

     font-size: 20px;
     font-weight: 400;
     line-height: 30px;


}

.footer .footer-bottom .footer-bottom-left p {
     font-size: 13px;
}

.footer .footer-bottom .footer-bottom-left {
     justify-content: center;
     display: flex;
     width: 100%;
}


/*INQUIRY CSS*/
.inquiry {
     background-color: #FFFFFF;
}

.inquiry-inner {
     max-width: 800px;
     width: 100%;
     margin: 0 auto;
}

.inquiry-inner .row-block {
     width: 100%;
     flex-direction: column;
}

.inquiry-inner .row-block .block {
     margin-bottom: 23px;
}

.inquiry-inner p.info {
     font-size: 22px;
     line-height: 32px;
}

.inquiry-inner .form-wrapper {
     background-color: #F5F7FB;
     border-radius: 16px;
     max-width: 700px;
     margin: 0 auto;
}

.inquiry-inner .form-wrapper .row input {
     background-color: #fff;
}

.inquiry-inner .child-info {
     color: #06325F;
     font-size: 26px;
     line-height: 31px;
     font-weight: 600;
     margin-bottom: 32px;
}

.inquiry-inner .form-wrapper .row .left.button-wrapper {
     margin-bottom: 0;
     margin-top: 32px;
}

.inquiry-inner .form-wrapper .row .secondary-btn {
     width: auto;
     color: #fff;
     min-width: 150px;
     padding: 14px 58px;
     height: unset;
     cursor: pointer;
     border-radius: 50px;
     font-size: 24px;
     line-height: 30px;
     font-weight: 600;
     background: #0394D7;
     border: 0;
}

.inquiry-inner .form-wrapper .row .secondary-btn:hover {
     background: #06325F;
}

.footer {
     background: #000;
}


@media only screen and (max-width:1440px) {

     .header-top-right .menu li.parent-menu {
          margin: 0 5px;
          padding: 0 5px;
     }

     .header-top-right .menu li.parent-menu>a {
          font-size: 16px;
     }

     .home-banner-info h1 {
          font-size: 40px;
          line-height: 45px;
          margin-bottom: 20px;
     }

     .home-banner-info p {
          margin-bottom: 40px;
     }

     .home-banner-info {
          top: 55%;
     }

     h3.heading {
          font-size: 30px;
          line-height: 36px;
          margin-bottom: 16px;
          text-align: left;
     }

     p.info,
     .question h3,
     .services-row .service-block .service-block-inner .info p,
     .services-section .info,

     .inquiry-inner p.info {
          font-size: 16px;
          line-height: 22px;
     }

     p.info {
          margin-bottom: 12px;
     }

     .services-row .service-block .service-block-inner .info h4 {
          font-size: 20px;
          line-height: 30px;
     }

     .services-row .service-block .service-block-inner .info {
          padding: 20px;
     }

     .services-row .service-block .service-block-inner .info h4 {
          min-height: 62px;
     }


}


@media only screen and (max-width:1024px) {

     .header-top-right .menu li.parent-menu {
          padding: 0 8px;
          margin: 0 8px;
     }

     .header-top-right .menu li.parent-menu>a {
          font-size: 15px;
     }

     .home-banner-info h1 {
          font-size: 30px;
          line-height: 35px;
          letter-spacing: -1px;
          margin-bottom: 20px;
     }

     .home-banner-info p {
          font-size: 20px;
          line-height: 26px;
          margin: 0 auto 30px auto;

     }

     .home-banner-wrapper .banner-btn {
          gap: 5px;
          width: 222px;
          font-size: 22px;
          padding: 20px;
     }

     .services-row .service-block .service-block-inner .info {
          padding: 15px;
     }


}

@media only screen and (max-width: 991px) {

     .header-top {
          padding: 18px 0;
     }

     .header-top-left .logo img {
          max-width: 175px;
     }

     .header-top-right .menu li.parent-menu>a {
          background: linear-gradient(to left, #9038FF 0%, #1F92FC 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: 30px;
          font-weight: 300;
          line-height: 36.31px;
          text-align: left;
     }

     .header-top-right .menu {
          text-align: left;
          align-items: flex-start;
          padding: 16px;
     }

     .header-top-right .menu li.parent-menu {
          padding: 0;
          margin: 10px 0;
     }

     .menu-toggle.active {
          position: absolute;
          right: 17px;
          top: 30px;
          z-index: 999;
     }


     header .header-bottom-center nav.active .menu {
          display: block;
     }

     .header-bottom-center .menu li.parent-menu>a {
          color: #444;
          display: flex;
          align-items: center;
          justify-content: space-between;
     }

     .header-bottom-center .menu li.parent-menu {
          text-align: left;
          border-bottom: 1px solid rgba(0, 0, 0, 14%);
          margin: 0;
     }

     .header-bottom-center .menu li.parent-menu:after {
          display: none;
     }


     .home-banner-inner video {
          display: none;
     }

     .home-banner-info {
          top: 68%;
     }

     .home-banner-info p {
          margin: 0 auto 64px auto;
     }

     .home-banner-wrapper .mobile-img {
          display: block;
     }


     .services-row .service-block,
     .inquiry-inner .form-wrapper .row .left,
     .inquiry-inner .form-wrapper .row .right {
          width: 100%;
     }

     .services-row .service-block,
     .services-row .service-block:nth-last-child(2),
     .services-row .service-block:nth-last-child(3),
     .services-row .full-block:last-child .service-block {
          margin-bottom: 16px;
     }

     .services-row .full-block:last-child .service-block:last-child {
          margin-bottom: 0;
     }

     .services-row .service-block .service-block-inner .info h4 {
          font-size: 18px;
     }

     .services-row .service-block .service-block-inner {
          display: flex;
          align-items: center;
     }

     .services-row .service-block .service-block-inner .service-block-inner-img {
          margin-bottom: 10px;
     }

     .services-row .service-block .service-block-inner br {
          display: none;
     }


     .inquiry-inner .child-info {
          font-size: 20px;

          margin-bottom: 20px;
     }


     .footer .footer-bottom .footer-bottom-left {
          margin-bottom: 10px;
     }


     p.info,
     .question h3,
     .services-row .service-block .service-block-inner .info p {
          text-align: left;
     }


     .services-section .info {
          font-size: 18px;
          line-height: 26px;
     }

     .services-row {
          margin-top: 32px;
     }

     .services-row .service-block .service-block-inner .info h4 {
          font-size: 18px;
          line-height: 22px;
          margin-bottom: 8px;
     }

     .services-row .service-block .service-block-inner .info {
          padding: 16px;
     }

     .services-row .service-block .service-block-inner .info h4 {
          min-height: unset;
     }


     .inquiry-inner .form-wrapper .row .secondary-btn {
          padding: 12px 38px;
          font-size: 18px;
     }

     .inquiry-inner .form-wrapper .row .left.button-wrapper {
          margin-top: 24px;
     }
}


@media only screen and (max-width: 767px) {
     .home-banner-info {
          background-color: #06325F;
     }


}