@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.py-7.px-3.mt-20, #footer {
    display: none;
}

body {
    --dark-blue: #4580F8;
    --light-blue: #77D5FA;
    --yellow: #F4D465;
    --green: #C9EB81;

    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    margin: 0!important;
    background: #000;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

body:has(.splash-screen) {
    overflow: hidden;
}

.full-width-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.container {
    margin: auto;
    width: 100%;
    max-width: 1278px;
}

body.sticky-header-ready{ padding-top: 145px; }
/*hero banner*/
.hero-banner{ display:block; width: 100%; background: #3183FF; padding: 80px 0 250px 0; box-sizing:border-box; text-align: center; }
.hero-banner h1{ text-transform: capitalize; font-size: 96px; line-height: 135px; display: flex; align-items: center; flex-wrap: wrap; gap: 25px; padding: 0; justify-content: center; }
.hero-banner h1 em{ font-style: normal; color: #C0EC72; }
.bobble-img{ display:inline-block; width: 185px; height: 98px; border-radius: 100px; overflow: hidden; }
.bobble-img.bobble-1{ width: 230px; }
.tag{ display: inline-block; font-size: 18px; line-height: 20px; color: #fff; font-weight: 300; background: rgba(255, 255, 255, 0.2); padding: 8px 20px 8px 40px; box-sizing:border-box; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50px; position:relative; margin-bottom: 45px; }
.tag:before{ content: ''; display: block; position: absolute; left: 16px; top: 10px; background: url(https://www.kelvix.com/media/images/leducation-2026/Lightbulb.svg) no-repeat; background-size: cover; width: 17px; height: 17px; }
.about-form-sec .container{ position: relative; }
.about-form-sec .container:before{ content:''; display:block; position:absolute; left: -80px; top: -20px; width: 140px; height:140px; border-radius: 100%; background:#77D5FA; }
.about-form-sec .container:after{ content:''; display:block; position:absolute; right: -20px; bottom: -45px; width: 106px; height:106px; border-radius: 100%; background:#C0EC72; } 
p{ color: #000000; font-size: 22px; line-height: 31px; }
.about-form-sec{ display:block; width:100%; background: #fff; }
.about-form-sec .two-col{ display:flex; justify-content: space-between; background: #ffffff; padding: 55px 75px 55px 125px; box-sizing:border-box; border-radius: 24px; border: 2px solid #E5E7EB; margin-top: -200px; box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.10), 0px 20px 25px -5px rgba(0, 0, 0, 0.10); margin-bottom: 50px; position: relative; }
.about-form-sec .two-col .col-left{ width: 34%; margin-left:0; }
.about-form-sec h3{ font-size: 43px; line-height: 43px; color: #000000;     font-family: 'Garet', Arial, sans-serif; font-weight: 100 !important; text-transform: capitalize; padding: 0; margin-bottom: 25px; }
.about-form-sec p{ font-family: 'Garet', Arial, sans-serif; font-weight: 300; }
.about-form-sec h3 span{ color: #3183FF; } 
.about-form .radio-options{ display:flex; align-items:center; justify-content: space-between; gap: 22px; }
.about-form .radio-options label{ font-size: 20px; line-height: 26px; font-weight: 300; color: #6A7282; margin: 0; }
.about-form{ width: 100%; margin-right: 0; }
.about-form h2{ font-size: 25px; line-height: 43px; color: #000000 !important; margin-bottom: 15px; }
/*.about-form #success-message{ color: #000; }*/
.about-form-sec .container{ max-width: 1458px; }
.about-form .radio-group{ margin-bottom:25px; }
.about-form .form-grid input, .about-form .form-grid select{ background:#F9FAFB; border: 2px solid #E5E7EB; font-size: 20px; line-height: 24px; color: #6A7282; height:48px; border-radius: 14px; padding-left:15px; padding-right: 15px; box-sizing:border-box; }
.about-form .form-grid input::placeholder{ color:#6A7282; }
.about-form .form-grid select{ color: #6A7282; }
.about-form .form-grid{ display:flex; gap: 16px; align-items:center; justify-content:space-between; margin-bottom: 16px; }
.about-form .form-grid input, .about-form .form-grid select{ width:100%; }
.inner-field{ display:block; width: 49%; }
.about-form #submit-btn{ width: 100%; font-size: 22px; line-height: 26px; background: #3183FF; color: #ffffff; border-radius: 50px; text-align: center; height: 56px; display: flex; align-items: center; justify-content: center; margin-top: 25px; box-shadow: 0 4px 6px -4px rgba(0,0,0,0.10), 0 10px 15px -3px rgba(0,0,0,0.10); transition: all 0.3s ease-in-out; }
.about-form #submit-btn:hover{ background:#2163c7; }
.about-form-sec .col-right{ display: block; padding-left: 60px; width: 66%; box-sizing: border-box; }
.half-two{ display:flex; gap: 16px; }
.half-two input{ width: 49%; }
#success-message{ display: none; text-align: center; padding: 15px; background: #e7f4e9; color: #2e7d32; border-radius: 8px; margin-bottom: 25px; border: 1px solid #c3e6cb; }

/*welcome sec*/
.welcome-sec{ display:block; width:100%; padding: 103px 0 133px 0; box-sizing:border-box; text-align:center; background: #fff; }
h2{ font-size: 64px; line-height: 107px; color: #000000; font-family: 'Garet', Arial, sans-serif; font-weight: 100 !important; text-transform: none; padding: 0;
margin-bottom: 30px; }
h2 span{ color: #318EFF; }
.welcome-sec h2{ color: #000000 !important; }
.welcome-sec p{ max-width: 805px; display: block; margin: 0 auto; }
.focus-product-sec{ display:block; width:100%; background: #000000; padding: 100px 0 100px 0; box-sizing:border-box; position: relative;}
.focus-product-sec .two-col{ display:flex; background: #91919133; padding: 122px 70px 65px 35px; box-sizing:border-box; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 33px; margin-bottom: 125px; }
.focus-product-sec .col-left{ width: 45%; margin-left:0; }
.focus-product-sec .col-right{ width: 55%; margin-right:0; }
.focus-product-sec .col-right .focus-product-img{ display:block; width:100%; position:relative; }
.focus-product-sec .col-right .focus-product-img figure{ display:block; width:100%; }
.focus-product-sec .col-right .focus-product-img figure img{ display:block; width:100%; }
.focus-product-sec h4{ font-size: 40px; line-height: 52px; color: #fff; font-family: 'Garet', Arial, sans-serif; font-weight: bold; margin-bottom: 10px; }
.focus-product-sec p{ color:#ffff; font-size: 16px; line-height: 22px; margin-bottom: 30px; max-width: 450px; margin-left: 0; } 
.services-list-area{ display:block; width:100%; text-align: center; position: relative; z-index: 1; }
.services-list-area h2{ color: #ffffff !important; }
.services-list{ display: flex; flex-wrap: wrap; gap: 35px 42px; align-items: center; justify-content: center; }
.services-list-cell{ display:inline-block; font-size: 24px; line-height: 30px; color: #ffffff; padding: 25px 98px 25px 25px; box-sizing:border-box; border-radius: 50px; position: relative; font-family: 'Garet', Arial, sans-serif; font-weight: 300; background: #3183FF; transition: all 0.3s ease-in-out; }
.services-list-cell span{ display:inline-block; color: #ffffff; }
.services-list-cell figure{ display:inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 100%; position:absolute; right: 7px; top: 7px; background: #F4D465; transition: all 0.3s ease-in-out; }
a.services-list-cell:hover figure{ transform: rotateY(180deg); }
a.services-list-cell:hover{ background: #2d74e0; }
.services-list-cell figure img{ display:inline-block; width: 100%; max-width: 38px; }
.welcome-sec.pb-200{ padding-bottom: 120px; }
.services-list-area .container{ max-width: 1415px; }
.services-list-area h2{ margin-bottom: 50px; }
.aqua-cell figure{ background:#77D5FA;  }
.green-cell figure{ background:#C0EC72;  }
.focus-product-sec .container{ position: relative; z-index: 1; }
.focus-product-sec:before{ content:''; display:block; position:absolute; left: 50%; top: -80px; transform: translate(-50%, 0%); background: url(https://www.kelvix.com/media/images/leducation-2026/top-curve.png) no-repeat; background-size: cover; width:1920px; height:926px; pointer-events: none; }
.focus-product-sec:after{ content:''; display:block; position:absolute; left: 50%; bottom: -80px; transform: translate(-50%, 0%); background: url(https://www.kelvix.com/media/images/leducation-2026/bottom-curve.png) no-repeat; background-size: cover; width:1920px; height:926px; pointer-events: none; }
.welcome-sec.pt-200{ padding-top: 200px; }
body{ overflow-x:hidden; }

/*service hover sec*/
.service-hover-sec{ display:block; width:100%; background: #ffffff; padding: 0px 0 40px 0; }
.service-hover-sec .two-col{ display:flex; gap: 70px; align-items: center; }
.service-hover-sec .two-col .col-left{ width: 40%; margin-left: 0; }
.service-hover-sec .two-col .col-right{ width: 60%; margin-right: 0; }
.services-list-grp{ display:block; width:100%; }
.services-list-box{ display:block; width:100%; border-radius:16px; border: 2px solid #E5E7EB; padding: 20px 20px; box-sizing:border-box; position: relative; padding-left: 84px; margin-bottom: 16px; cursor: pointer; transition: all 0.3s ease-in-out; }
.services-list-box.blue-bg:hover, .services-list-box.blue-bg.active{ border-color: #3183FF; }
.services-list-box.light-blue-bg:hover, .services-list-box.light-blue-bg.active{ border-color: #77D5FA;  }
.services-list-box.green-bg:hover, .services-list-box.green-bg.active{ border-color: #C0EC72; }
.services-list-box.yellow-bg:hover, .services-list-box.yellow-bg.active{ border-color: #F4D465; }
.services-list-box .circle-cell{ width: 48px; height:48px; border-radius: 50%; position: absolute; left: 20px; top: 22px; }
.services-list-box h5{ font-size:18px; line-height:27px; font-family: 'Garet', Arial, sans-serif; font-weight: 300; color:#000; margin-bottom: 5px; }
.services-list-box p{  font-size:14px; line-height:20px; font-family: 'Garet', Arial, sans-serif; font-weight: 300; color:#000; }
.services-img-box{ display:block; width:100%; border: 4px solid #ffffff; border-radius: 24px; box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.10), 0px 20px 25px -5px rgba(0, 0, 0, 0.10); overflow: hidden; }
.services-img-box  img{ height: 510px; object-fit: cover; object-position: center; width: 100%; }
.blue-bg .circle-cell{ background: #3183FF; }
.light-blue-bg .circle-cell{ background: #77D5FA; }
.green-bg .circle-cell{ background: #C0EC72; }
.yellow-bg .circle-cell{ background: #F4D465; }
.hidden-img{ display: none; }
.performance-services{ display:flex; width:100%; gap: 24px;  margin-bottom: 120px; padding-top: 20px; }
.performance-services .performance-cell{ display: block; width: 25%; border: 2px solid #E5E7EB; border-radius: 24px; padding: 38px 25px; box-sizing: border-box; text-align: left; }
.performance-cell p{ font-size: 20px; line-height: 24px; }
.performance-cell h4{ font-size: 30px; line-height: 28px; font-family: 'Garet', Arial, sans-serif; font-weight: 300; color: #000000; margin-bottom: 20px; }
.big-box .container{ max-width: 1400px; }
.big-box{ padding-bottom: 100px !important; }
.performance-icon{ display:inline-flex; align-items: center; justify-content: center; width: 56px; height:56px; border-radius: 50%; margin-bottom: 25px; }
.performance-icon img{ max-width: 28px; }
.light-blue-bg-cell{ background: rgba(49, 142, 255, 0.19); }
.light-aqua-bg-cell{ background: rgba(117, 217, 250, 0.19); }
.light-green-bg-cell{ background: rgba(198, 236, 114, 0.19); }
.light-yellow-bg-cell{ background: rgba(244, 212, 133, 0.19); }
.build-sec{ display:block; width:100%; padding: 100px 0 100px 0; box-sizing:border-box; background: #3183FF; text-align: center; overflow: hidden; }
.center-cell{ display:block; width:100%; text-align: center; }
.star-icon:before{ background: url(https://www.kelvix.com/media/images/leducation-2026/Sparkles.svg) no-repeat; background-size: cover; width: 17px; height: 17px; }
.build-sec h2{ display: block; text-align:center; color: #ffffff !important; line-height: 73px; margin-bottom: 45px; }
.build-sec h2 span{ color: #C0EC72; }
.build-sec .tag{ margin-bottom: 55px; }
.build-sec p{ font-size: 22px; line-height:32px; color: #ffffff; display: block; max-width: 810px; margin: 0 auto; text-align: center; margin-bottom: 40px; }
.build-sec .center-link{ margin-top: 50px; }
.build-sec .container{ position: relative; }
.center-link{ display:block; width:100%; text-align:center; }
.center-link ul{ margin:0; display: flex; flex-wrap:wrap; align-items:center; gap: 175px; justify-content: center; }
.center-link ul li{ font-size:  18px; line-height:20px; color:#ffffff; font-weight:300; position:relative; padding-left: 16px; box-sizing:border-box; }
.center-link ul li:before{ content: ''; display:block; position:absolute; left:0; top: 6px; width: 8px; height:8px; border-radius: 50%; background: #ffffff; }
.center-link ul .green-dot:before{ background: #C0EC72; }
.center-link ul .yellow-dot:before{ background: #F4D465; }
.btn-white{ display:inline-block; font-size:18px; line-height:28px; color:#318EFF; padding: 11px 50px 11px 28px; box-sizing:border-box; background: #ffffff; border-radius: 50px; font-weight: 400; position: relative; transition: all 0.3s ease-in-out; }
.btn-white:after{ content: ''; display: block; position: absolute; right: 20px; top: 16px; width:20px; height:20px; background: url(https://www.kelvix.com/media/images/leducation-2026/ArrowRight.svg) no-repeat; background-size: cover; }
.btn-white:hover{ background: #f4d465; }
.circle-1{ display:block; position:absolute; right: 90px; top: -20px; width: 99px; height:99px; border-radius: 100%; background:#C0EC72; }
.circle-2{ display:block; position:absolute; left: 45px; top: 25px; width: 168px; height:168px; border-radius: 100%; background:#C0EC72; }
.circle-3{ display:block; position:absolute; right: -370px; bottom: -55px; width: 443px; height:443px; border-radius: 100%; background:#F4D465; }
.big-box{ position:relative; overflow: hidden; }
.circle{ display:block; position:absolute; left: -100px; bottom: -200px; width: 354px; height:354px; border-radius: 100%; background:#77D5FA; }
.focus-btn-grp{ display:block; width:100%; max-width: 425px; margin-left: 0; }
.btn-wrap{ display:block; width: 100%; background: #77D5FA;background: linear-gradient(90deg,rgba(119, 213, 250, 1) 0%, rgba(192, 236, 114, 1) 32%, rgba(119, 213, 250, 1) 48%, rgba(49, 131, 255, 1) 100%); position: relative; border-radius: 50px; overflow: hidden; position: relative; height: 56px; margin-bottom: 10px; cursor: pointer; }
.btn-main{ background: #fff; font-size: 28px; line-height: 43px; color: #000000; font-style: italic; border-radius: 50px; padding: 3px 40px 3px 35px; box-sizing: border-box; display: inline-flex; align-items: center; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in-out; }
.btn-main span{ display: inline-block; font-size: 30px; line-height: 49px; color: #00000040; margin-right: 16px; }
.btn-wrap.child1:hover .btn-main{ left: calc(100% - 186px); }
.btn-wrap.child2:hover .btn-main{ left: calc(100% - 206px); }
.btn-wrap.child3:hover .btn-main{ left: calc(100% - 366px); }
.btn-wrap.child1:before{ content: ''; display: block; position: absolute; left: 30px; top: -9px; width: 121px; height: 63px; background: url(https://www.kelvix.com/media/images/leducation-2026/kvx-img-01.png) no-repeat; background-size: cover; }
.btn-wrap.child2:before{ content: ''; display: block; position: absolute; left: 30px; top: -9px; width: 121px; height: 63px; background: url(https://www.kelvix.com/media/images/leducation-2026/kvx-img-02.png) no-repeat; background-size: cover; }
.focus-product-img{ width: 642px; position:relative; }
.number-point{ display:inline-flex; align-items: center; justify-content: center; font-size: 20px; line-height: 20px; color: #ffffff; width: 27px; height:27px; border: 2px solid #ffffff; border-radius: 50%; position:relative; background: #3183FF; transition: all 0.3s ease-in-out;  }
.point-cell{ position:absolute; }
.child-1-1{ right: 15%; top: 35%; } 
.child-1-2{ right: 52%; top: 23%; }
.child-2-1{ right: 21%; top: 36%; }
.child-3-1{ right: 60%; top: 22%; }
.point-cell.active .number-point{ background: #C0EC72; }
.child-1-2:before{ content: ''; display: block; position: absolute; left: 88%; top: -19px; width: 64px; height: 41px; background: url(https://www.kelvix.com/media/images/leducation-2026/child-1-1.png) no-repeat; background-size: cover; }
.child-1-1:before{ content: ''; display: block; position: absolute; left: 13px; top: 22px; width: 22px; height: 40px; background: url(https://www.kelvix.com/media/images/leducation-2026/child-1-2.png) no-repeat; background-size: cover; }
.child-2-1:before{ content: ''; display: block; position: absolute; left: 14px; top: 25px; width: 59px; height: 51px; background: url(https://www.kelvix.com/media/images/leducation-2026/child-2-1.png) no-repeat; background-size: cover; }
.child-3-1:before{ content: ''; display: block; position: absolute; left: -20px; top: 12px; width: 31px; height: 10px; background: url(https://www.kelvix.com/media/images/leducation-2026/child-3-1.png) no-repeat; background-size: cover; }


.image-slider-sec{ display:block; width:100%; background: #ffffff; padding: 0 0 150px 0; }
.slider-area{ display:block; width:100%; overflow: hidden; margin-bottom:13px; }
.slider-area .item{ display:block; padding: 0 7px; box-sizing:border-box; }
.slider-area .img-cell{ display:block; }
.slider-area .img-cell img{ height: 408px; width: 655px; object-fit: cover; border-radius: 40px; overflow: hidden; } 
.slider-area .slider-left{ padding: 0; }
.slider-area .slider-right{ direction: rtl; padding: 0; transform: translateX(-325px); }
.slider-area .slider-right{ width: calc( 100% + 325px); }

@media (max-width:1450px){
    .big-box .container{ padding-left: 20px; padding-right:20px; }
    .about-form-sec .container{ padding: 0 20px; box-sizing: border-box; }
}

@media (max-width:1250px){
    .hero-banner h1{ font-size: 86px; line-height: 124px; gap: 22px; }
    h2{ font-size: 64px; line-height: 86px; }
    .about-form-sec .two-col{ padding: 55px 75px 55px 60px; }
    .welcome-sec{ padding: 80px 0 133px 0; }
    .focus-product-sec .two-col{ padding: 90px 50px 60px 25px; margin-bottom: 100px; }
}

@media (max-width:1025px){
    .hero-banner h1{ font-size: 64px; line-height: 107px; gap: 22px; }
    .bobble-img{ height: 85px; }
    h2{ font-size: 64px; line-height: 86px; }    
    .focus-product-sec .col-left{ width: 50%; }
    .focus-product-sec .col-right{ width: 50%; }
    .services-list{ gap: 25px 25px; }
    .services-list-cell{ font-size: 20px; line-height: 26px; padding: 24px 90px 21px 24px; }
    .services-list-cell figure{ width: 59px; height: 59px; right: 7px; top: 7px; }
    .performance-services{ flex-wrap: wrap; gap: 21px 2%; }
    .performance-services .performance-cell{ width: 49%; }
    .center-link ul{ gap: 70px; }
    .about-form-sec .two-col{ flex-wrap:wrap; }
    .about-form-sec .two-col .col-left{ width: 100%; margin-bottom: 30px; }
    .about-form-sec .two-col .col-right{ width: 100%; padding-left: 0; }
    .slider-area .img-cell img{ height: 249px; width: 400px; }
    .slider-area .slider-right{ padding: 0; transform: translateX(-200px); }
    .slider-area .slider-right{ width: calc( 100% + 200px); }
}

@media (max-width:992px){
    .hero-banner h1{ font-size: 48px; line-height: 74px;}
    h2{ font-size: 44px; line-height: 64px; }
    .bobble-img{ height: 60px; width: 100px; }
    .bobble-img.bobble-1{ width: 150px; }
    .about-form-sec .two-col{ padding:40px 30px 40px 30px; }
    .focus-product-sec .two-col{ flex-wrap: wrap; flex-direction: column-reverse; }
    .focus-product-sec .col-left{ width:100%; }
    .focus-product-sec .col-right{ width:100%; margin-bottom: 20px; }
    .focus-product-sec p{ max-width: 100%; }    
    .service-hover-sec .two-col{ flex-wrap: wrap; flex-direction: column-reverse; }
    .service-hover-sec .two-col .col-left{ width:100%; }
    .service-hover-sec .two-col .col-right{ width:100%; margin-bottom: 20px; }
    .welcome-sec p{ position: relative; z-index: 1; }
    html{ overflow-x: hidden; }
    .about-form .radio-options label{ font-size: 19px; }
}

@media (max-width:767px){
    .hero-banner h1{ font-size: 40px; line-height: 68px; }
    .about-form-sec .two-col{ flex-wrap: wrap; }
    .about-form-sec .two-col .col-left{ width: 100%; }
    .about-form-sec .two-col .col-right{ width: 100%; }
    .welcome-sec{ padding: 40px 0 133px 0; }
    .welcome-sec.pb-200{ padding-bottom: 90px; }
    .welcome-sec.pt-200{ padding-top: 150px; padding-bottom: 100px; }
    .performance-cell h4{ font-size: 23px; line-height: 29px; }
    .performance-services{ margin-bottom: 60px; }
    .circle-2{ left: -66px; top: -8px; }
    .circle-1{ right: 21px; }
    .center-link ul{ gap: 25px; }
    .build-sec p{ position:relative; z-index:1; }
     html{ overflow-x: hidden; }
     .about-form .radio-options{ gap: 0; flex-wrap: wrap; }
     .about-form .radio-options label{ display:block; width: 100%; margin-bottom: 20px; }
     .about-form .form-grid input, .about-form .form-grid select{ border: 1px solid #E5E7EB; font-size: 16px; line-height: 20px; height: 42px; border-radius: 13px; }
     .about-form #submit-btn{ font-size: 18px; line-height: 21px; border-radius: 50px; height: 50px; margin-top:0; }
     .about-form h2{ font-size: 19px; line-height: 34px; margin-bottom: 15px; margin-top: 10px; }
    .about-form .radio-options label{ font-size: 16px; margin-bottom: 15px; }
    .radio-options label:last-child{ margin-bottom:0; }
    .slider-area .img-cell img{ height: 187px; width: 300px; border-radius: 30px; }
    .slider-area .slider-right{ padding: 0; transform: translateX(-150px); }
    .slider-area .slider-right{ width: calc( 100% + 150px); }
}

@media (min-width:641px) and (max-width:767px) {
    .focus-product-sec .col-right .focus-product-img{ max-width: 520px; margin: 0 auto; }
    .number-point{ font-size: 11px; line-height: 11px; width: 16px; height: 16px; border: 1px solid #ffffff; }
    .child-2-1:before{ left: 8px; top: 22px; width: 28px; height: 28px; }
    .child-1-1:before{ left: 8px; top: 22px; width: 12px; height: 28px; }
    .child-1-1{ right: 14.5%; top: 36%; }
    .child-2-1{ right: 18%; top: 39.5%; }
    .child-1-2{ right: 52%; top: 18.5%; }
    .child-1-2:before{ left: 88%; top: -4px; width: 34px; height: 21px; }
    .child-3-1{ right: 61%; top: 21.5%; }
    .child-3-1:before{ left: -20px; top: 11px; width: 24px; height: 7px; }
}

@media (max-width:640px){
    h2{ font-size: 30px; line-height: 41px; }
    p{ font-size: 18px; line-height: 28px; }
    .hero-banner{ padding: 60px 0 218px 0; }
    .bobble-img{ height: 30px; width: 60px; }
    .bobble-img.bobble-1{ width: 80px; }
    .hero-banner h1{ font-size: 21px; line-height: 35px; gap: 12px; max-width: 315px; margin: 0 auto; margin-bottom: 20px; }
    .tag{ font-size: 13px; }
    .about-form-sec h3{ font-size: 28px; line-height: 40px; margin-bottom: 20px; }
    .about-form-sec .two-col{ padding: 30px 20px 30px 20px; }
    .focus-product-sec{ padding-top:0; padding-bottom: 0; }
    .focus-product-sec .two-col{ padding: 50px 20px 30px 20px; margin-bottom: 50px; }
    .welcome-sec.pb-200{ padding-bottom: 50px; }
    .focus-product-sec:before{ width: 700px; height: 338px; }
    .focus-product-sec:after{ width: 700px; height: 337px; }
    .focus-product-sec h4{ font-size: 26px; line-height: 38px; margin-bottom: 6px; }
    .btn-main span{ font-size: 20px; line-height: 24px; margin-right: 10px; }
    .btn-main{ font-size: 20px; line-height: 30px; padding: 10px 36px 10px 25px; }
    .btn-wrap{ height: 50px; }
    .btn-wrap.child1:before{ left: 16px; top: 0; width: 90px; height: 42px; }
    .btn-wrap.child2:before{ left: 20px; top: 4px; width: 75px; height: 41px; }
    .btn-wrap.child1:hover .btn-main{ left: calc(100% - 138px); }
    .btn-wrap.child2:hover .btn-main{ left: calc(100% - 152px); }
    .btn-wrap.child3:hover .btn-main{ left: calc(100% - 266px); }
    .focus-btn-grp{ max-width: 300px; }
    .focus-product-sec .col-right .focus-product-img{ width: 300px; margin: 0 auto; }
    .number-point{ font-size: 11px; line-height: 11px; width: 16px; height: 16px; border: 1px solid #ffffff; }
    .child-2-1:before{ left: 8px; top: 22px; width: 28px; height: 28px; }
    .child-1-1:before{ left: 8px; top: 22px; width: 12px; height: 28px; }
    .child-1-1{ right: 15%; top: 23%; }
    .child-2-1{ right: 21%; top: 28.5%; }
    .child-1-2{ right: 49%; top: 21%; }
    .child-1-2:before{ left: 88%; top: -4px; width: 34px; height: 21px; }
    .child-3-1{ right: 56%; top: 19%; }
    .child-3-1:before{ left: -20px; top: 11px; width: 24px; height: 7px; }
    .services-list-area h2{ margin-bottom: 25px; }
    .welcome-sec.pt-200{ padding-bottom: 60px; }
    .services-img-box img{ height: 300px; }
    .service-hover-sec .two-col{ gap: 30px; }
    .performance-services .performance-cell{ width: 100%; }
    .performance-services{ gap: 15px 0%; padding-top: 0; }
    .circle-2{ left: -114px; top: -8px; }
    .circle-1{ right: -48px; }
    .welcome-sec.big-box{ padding-bottom: 70px !important; }
    .build-sec{ padding: 70px 0 60px 0; }
    html{ overflow-x: hidden; }
    .build-sec h2{ line-height: 47px; margin-bottom: 30px; }
    .build-sec .tag{ margin-bottom: 35px; }    
    .about-form .form-grid{ flex-wrap:wrap; }
    .about-form .form-grid input, .about-form .form-grid select{ width:100%; }    
    .inner-field{ width: 100%; }
    .half-two{ flex-wrap: wrap;  }
    .slider-area .img-cell img{ height: 125px; width: 200px; border-radius: 25px; }
    .slider-area .slider-right{ padding: 0; transform: translateX(-100px); }
    .slider-area .slider-right{ width: calc( 100% + 100px); }
    .image-slider-sec{ padding: 0 0 100px 0; }
    .slider-area .item{ padding: 0 4px; }
    .slider-area{ margin-bottom: 8px; }
}


@media (min-width:1024px) and (max-width:1199px){  
    .focus-product-sec .col-right .focus-product-img{ max-width: 450px; margin: 0 auto; }
    .number-point{ font-size: 11px; line-height: 11px; width: 16px; height: 16px; border: 1px solid #ffffff; }
    .child-2-1:before{ left: 8px; top: 22px; width: 28px; height: 28px; }
    .child-1-1:before{ left: 8px; top: 22px; width: 12px; height: 28px; }
    .child-1-1{ right: 14.5%; top: 33%; }
    .child-2-1{ right: 18%; top: 37.5%; }
    .child-1-2{ right: 52%; top: 19.5%; }
    .child-1-2:before{ left: 88%; top: -4px; width: 34px; height: 21px; }
    .child-3-1{ right: 60%; top: 21%; }
    .child-3-1:before{ left: -20px; top: 11px; width: 24px; height: 7px; }    

}