* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Lato", sans-serif;
}



/* header */
header { position: absolute; left: 0; right: 0; top: 0; z-index: 99; }

header .header-top { background-color: #123167; padding: 3px 0px; }

header .header-top .top-info li,
header .header-top .top-info li a { color: #fff; font-size: 14px; }

header .header-top .top-info li:last-child a { display: inline-block;
  height: 35px; width: 35px; border-radius: 50px; line-height: 35px; text-align: center; background-color: #123167; color: #fff; border: 1px solid #123167; transition: .5s; }

/* header .headermn .navbar .navbar-brand { width: 7%; }

header .headermn .navbar .navbar-brand img { width: 100%; } */

header .nav-link { color: #fff; font-size: 13px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important; text-transform: uppercase; }

header .nav-link::after { content: ''; background-color: #4c8600; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s; }

header .nav-link:hover::after { width: 100%; }

header .nav-link:hover,
header .nav-link:focus { color: #4c8600; }  

header .navbar-nav { gap: 45px;}

header .navbar-toggler { border: none; color: #123167; font-size: 28px; border-radius: 0;}

header .navbar-toggler:focus { box-shadow: none;}

header .offcanvas-title img { width: 34%; }

header .navbar-nav { position: relative; align-items: center; }

/* .sticky { left: 0; right: 0; z-index: 999; position: fixed !important; top: 0px; animation: slideDown .5s ease-out; background-color: #000; box-shadow: 0 0 10px #00000021; }

.sticky .headermn .navbar .navbar-brand { width: 9%; } */

header .dropdown-menu{border-radius: 0; border: 0; padding: 15px 0; box-shadow: 0 0 5px #0000002f;}
header .dropdown-menu li .dropdown-item{padding: 6px 20px; font-size: 18px; font-weight: 500; font-family: initial;}
header .dropdown-menu li .dropdown-item:hover{background-color: #123167; color: #fff;}

@keyframes slideDown {
  from { transform: translateY(-100%); }
  to { transform: translateY(10); }
}

header .navbar .whatsapp li a { display: inline-block; padding: 10px 20px; margin: 0 20px; background-color: transparent; color: #fff; border-radius: 3px; transition: .5s; border: 1px solid #fff; position: relative; transition: .5s; z-index: 1; }

header .navbar .whatsapp li a::before { position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #fff; z-index: -1; }

header .navbar .whatsapp li a:hover:before { width: 100%;}

header .navbar .whatsapp li a:hover { color: #000; } 

.navbar-brand img { float: left; width: 200px; background: #fff; padding: 15px 60px 15px 30px; border-radius: 0 70px 70px 0; }


@media (max-width:992px) {
  #myHeader {background-color: #fff; padding: 0 20px;}
  .navbar-brand img{padding: 0;}
}



/* HOME PAGE (as-is) */
.home-header { position: absolute; top: 0; left: 0; right: 0; background: transparent; }

/* INNER PAGES */
.inner-header { position: relative; background: #fff; }

 .inner-header .nav-link{color:#000}

.inner-header .nav-link::after{background-color:#000}

.inner-header .nav-link:hover{color:#000}

/* Enquiry button */
.inner-header .whatsapp li a{color:#000;border-color:#000}

.inner-header .whatsapp li a::before{background-color:#000}

.inner-header .whatsapp li a:hover{color:#fff}

/* Mobile menu icon */
.inner-header .navbar-toggler{color:#000}

.inner-header .navbar .whatsapp li a{display:inline-block;padding:10px 20px;margin:0 20px;background-color:transparent;color:#000;border-radius:3px;transition:.5s;border:1px solid #000;position:relative;transition:.5s;z-index:1}








/* =================== slider start =================== */

/* .hero-section {position: absolute; top: 0; left: 0;} */

#slider-section .hero-section { position: relative; }

#slider-section .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 108.5vh; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; display: flex; align-items: center; padding: 80px 6%; color: #fff; z-index: 5;}

#slider-section .hero-overlay::before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000633; opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; display: flex; align-items: center; padding: 80px 6%; color: #fff; z-index: 0; filter: brightness(100%) contrast(100%) saturate(200%) blur(0px) hue-rotate(0deg);}

#slider-section .hero-inner { max-width: 675px; }

#slider-section .hero-heading { font-size: 58px; font-weight: 700; line-height: 1.15; }

#slider-section .hero-desc { font-size: 18px; margin: 20px 0; max-width: 540px; opacity: 0; }

#slider-section .btn-yellow { background: #18612a; padding: 14px 35px; color: #fff; font-size: 18px; border-radius: 40px; border: none; opacity: 0; }

#slider-section .hero-stats { display: flex; margin-top: 40px; flex-wrap: wrap; }

#slider-section .stat-box { font-size: 38px; font-weight: 700; opacity: 0; border-top: 1px solid #FFFFFF30; border-right: 1px solid #FFFFFF30; padding: 20px; padding-bottom: 0; }

#slider-section .stat-box span { font-size: 18px; font-weight: 400; display: block; }


.consultation-box { width: 100%; display: flex; justify-content: end; margin-top: -140px; position: relative; z-index: 20; }

.consultation-inner { width: 65%; max-width: 1400px; background: #050619; padding: 40px 50px; border-radius: 12px; color: #fff; box-shadow: 0 5px 25px rgba(0,0,0,0.4); border-top-right-radius: inherit; border-bottom-right-radius: inherit;}

.small-title { font-size: 14px; letter-spacing: 1px; color: #b1b1b1; margin-bottom: 6px; }

.big-title { font-size: 34px; font-weight: 700; margin-bottom: 25px; }

.consultation-form { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }

.consultation-form input { flex: 1; min-width: 200px; background: #0d0f28; border: none; outline: none; padding: 14px 18px; border-radius: 6px; color: #fff; font-size: 15px; }

.consultation-form input::placeholder { color: #6c6c6c; }

.submit-btn { background: #00faff; color: #000; padding: 14px 32px; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: .2s; white-space: nowrap; }

.submit-btn:hover { transform: translateY(-2px); }


/* ===== MOBILE RESPONSIVE FIXED ===== */

@media(max-width: 768px) {
  #slider-section video { height: 100vh; object-fit: cover; }
   #slider-section .hero-overlay { height: 100vh; padding: 50px 5%; text-align: center; justify-content: center; }

    #slider-section .hero-inner { max-width: 100%; }

    #slider-section .hero-heading { font-size: 32px; }

    #slider-section .hero-desc { font-size: 16px; margin: 15px auto; }

    #slider-section .hero-stats { gap: 20px; justify-content: center; }

    #slider-section .stat-box { font-size: 28px; display: none;}

    #slider-section .stat-box span { font-size: 14px; }
}

@media (max-width: 768px) {
    .consultation-inner { width: 100%; padding: 30px 20px; text-align: center; }
    .big-title { font-size: 26px; }
    .consultation-form { flex-direction: column; align-items: stretch; }
    .submit-btn { width: 100%; }
    .consultation-box { margin: 50px 0;}
}

/* =================== slider end =================== */















/* footer */
#footer {background-image:url(../images/footerbg.png); background-size:cover; background-position:center;}
footer .footertop { padding: 70px 0px 20px; }
footer .row { row-gap: 25px; }
footer .footertop h3{font-size: 20px; margin-bottom: 15px;}
footer .footertop .about img { width: 111px; }
footer .footertop .about p { color: #000; font-size: 14px; width:77%; margin-top: 20px; }
footer .footertop ul { list-style: none; }
footer .footertop ul li { color: #000; font-size: 14px; margin-top: 10px; }
footer .footertop ul li a { color: #000; font-size: 14px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover { color: #123167; }
footer .footertop .addres li { margin-bottom: 20px; }
footer .footertop .addres li i { color: #123167; font-size: 22px; }
footer .footerboo ul { display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #123167; padding-top: 20px;}
footer .footerboo { padding: 20px; }
footer .footerboo .soical li:first-child { color: #123167; text-align: center; }
footer .footerboo .soical li:first-child a { color: #fff; font-size: 16px; display: inline-block; width: 35px; height: 35px; line-height: 35px; background-color: #123167; border-radius: 50%; transition: .5s; }
footer .footerboo .soical li:first-child a:hover { background-color: #000; }
footer .footerboo ul li img { width: 195px; background-color: #123167; padding: 0px 10px 8px; border-radius: 100px; }


/* quickcontact */
.quickcontact { width: 45px; position: fixed; top: 77%; right: 15px; z-index: 102; }


/* modal */

.modal form.row { row-gap: 20px; }
.modal .form-control { border-radius: 0px; border: none; box-shadow: none; background-color: #f1f1f1; }
.modal .form-control:focus { border-color: #000; }
.modal .submit { background-color: #123167; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5; }
.modal .submit:hover { background-color: #000; }

/* ========================================================================== */












/* ========================= ready css start ========================= */

#ready-section {background-image: url(../images/ready-bg-img.webp); background-position: center; background-attachment: fixed; background-size: cover; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column;}

#ready-section h2 { font-size: 25px; font-weight: 400; line-height: 38px; color: #fff; text-align: center; }

/* ========================= ready css end ========================= */












/* ========================= about css start ========================= */
#about-section .about-section-content {padding: 30px 0;}
#about-section .about-section-content h2 { font-size: 34px; font-weight: 700; margin-bottom: 25px; }
#about-section .about-section-content p { font-size: 16px; color: #555; line-height: 1.8; margin-bottom: 30px;}
#about-section .about-section-content .learn-more-btn { background: #18612a; padding: 14px 35px; color: #fff; font-size: 18px; border-radius: 40px; border: none; margin-top: 25px; }
/* .about-left-bg {background-image: url(../images/about-left-bg.png); background-position: center ; background-size: cover; background-repeat: no-repeat;} */
@media (max-width:992px) {
  #about-section .row {flex-direction: column-reverse;}
  #about-section .about-section-content h2 { font-size: 24px; }
  #about-section .about-section-content p {font-size: 14px ; text-align: justify;}
}

/* ========================= about css end ========================= */










/* ========================= service css start ========================= */
#service-section-main {text-align: center; background-color: #f4f4f4; padding: 40px; }
.service-top-content {display: flex; align-items: center; justify-content: center; flex-direction: column;}

.service-section {  display: flex; gap: 20px; }

#service-section-main .service-top-content h2 { font-size: 36px; color: var(--dark); margin: 8px 0 16px; width: 70%; }

#service-section-main .service-top-content .lead-part {color: var(--text-light); font-size: 16px; margin-bottom: 45px !important; }

.service-card { flex: 1; border-radius: 10px; overflow: hidden; position: relative; cursor: pointer; transition: all 0.3s ease-in-out; min-height: 350px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border: 3px solid transparent;  }

.card-image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.card-bg-image { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7); transition: filter 0.3s ease-in-out; }

.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);  transition: background-color 0.3s ease-in-out; }

.card-content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; padding: 20px; color: white; overflow: hidden; height: 100%; display: flex; flex-direction: column-reverse; }

.content-slide a{color: #fff;}

.content-slide { transform: translateY(100%); transition: transform 0.4s ease-out; padding-top: 20px; opacity: 0;  }

.service-card:hover .card-hide-heading { display: none; }
.service-card:hover { transform: translateY(-5px); border: 3px solid #66b3ff; box-shadow: 0 0 20px #66b3ff;  }

.service-card:hover .overlay { background-color: rgba(0, 123, 255, 0.85);  }

.service-card:hover .content-slide { transform: translateY(0); opacity: 1; transition-delay: 0.1s; }


@media (max-width:992px) {
  .service-section { display: block; }

  #service-section-main {padding: 40px 10px;}

  #service-section-main .service-top-content h2 { font-size: 18px; color: var(--dark); margin: 8px 0 16px; width: 100%; }
}

/* ========================= service css end ========================= */











/* ========================= step css start ========================= */



        :root {
            --blue: #0a63b8;
            --green: #22c55e;
            --dark: #0b1630;
            --text-light: #77849a;
            --card-bg: #f3f6fb;
            --shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
            font-family: "Inter", sans-serif;
        }

        #step-section { padding: 60px 0; margin: auto; text-align: center; }

       .kicker { background: rgba(10, 99, 184, 0.15); color: var(--blue); padding: 8px 18px; display: inline-block; border-radius: 50px; font-weight: 600; margin-bottom: 10px; }

        #step-section .section h1 { font-size: 36px; color: var(--dark); margin: 8px 0 16px; }

        #step-section .section .lead { color: var(--text-light); font-size: 16px; margin-bottom: 45px; }

        #step-section .steps { display: flex; justify-content: space-between; gap: 20px; position: relative; flex-wrap: wrap; }

        #step-section .step { flex: 1; border-radius: 16px; padding: 30px 10px; position: relative; transition: 0.3s ease; transform: translateY(20px); opacity: 0; animation: fadeUp 0.7s forwards; }

        #step-section .step:nth-child(1) { animation-delay: 0.2s; }

        #step-section .step:nth-child(3) { animation-delay: 0.4s; }

        #step-section .step:nth-child(5) { animation-delay: 0.6s; }

        #step-section .step:nth-child(7) { animation-delay: 0.8s; }

        #step-section .step:hover { transform: translateY(-10px) scale(1.03); box-shadow: 0 12px 35px rgba(10, 99, 184, 0.20); }

        #step-section .icon-wrap { width: 100px; height: 100px; border-radius: 50%; background: var(--card-bg); display: flex; align-items: center; justify-content: center; margin: auto; position: relative; margin-bottom: 20px; }

        #step-section .num-badge { position: absolute; top: -10px; left: -15px; background: var(--blue); color: white; padding: 7px 13px; border-radius: 50px; font-size: 14px; font-weight: 600; box-shadow: var(--shadow); }

        #step-section .icon-wrap svg { width: 50px; height: 50px; stroke: var(--dark); stroke-width: 1.6; }

        #step-section .step h3 { margin-bottom: 10px; font-size: 20px; color: var(--dark); }

        #step-section .step p { color: var(--text-light); font-size: 14px; line-height: 1.6; max-width: 240px; margin: auto; }

        #step-section .arrow { flex: 0 0 50px; display: flex; align-items: center; justify-content: center; }

        #step-section .arrow svg { width: 80px; height: 60px; stroke-dasharray: 5 5; animation: dashAnim 2.5s linear infinite; }

        @keyframes dashAnim {
            to {
                stroke-dashoffset: -200;
            }
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 900px) {
            #step-section .steps { flex-direction: column; gap: 40px; }

            #step-section .arrow { display: none; }
        }





/* ========================= step css end ========================= */







/* ========================= packages css start ========================= */



#packages-section { padding: 80px 0; background: linear-gradient(135deg, #f0f4f8 0%, #eef1f5 100%);
                    background-image: url(../images/packages-bg-image.webp); background-position: center; background-size: cover;
}

#packages-section .small-title { font-size: 16px; font-weight: 500; color: #fff; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 8px; }

#packages-section .big-title { font-size: 42px; font-weight: 800; color: #2c3e50; margin-bottom: 60px; line-height: 1.2; }

#packages-section .package-box { background-color: #ffffff; border: none; border-radius: 15px; padding: 40px; margin-bottom: 30px; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0 10px 30px rgba(44, 62, 80, 0.1); height: 100%; position: relative;  overflow: hidden; }

#packages-section .package-box:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(44, 62, 80, 0.18); }

#packages-section .package-title { font-size: 28px; font-weight: 700; color: #2c3e50; margin-bottom: 5px; text-align: start; }

#packages-section .package-price { font-size: 48px; font-weight: 900; background: -webkit-linear-gradient(45deg, #4a6fa5, #007bff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 10px; margin-bottom: 35px; text-align: start; }

#packages-section .package-features { list-style: none; padding: 0; margin-bottom: 40px; }

#packages-section .package-features li { font-size: 17px; color: #607d8b; padding: 12px 0; border-bottom: 1px dashed #e1e4e8; display: flex; align-items: center; line-height: 1.4; }

#packages-section .package-features li:before { content: "●"; color: #4a6fa5; font-weight: bold; font-size: 10px; line-height: 1; margin-right: 15px; transform: translateY(-1px); }


#packages-section .package-btn { display: block; width: 100%; padding: 15px 20px; background: linear-gradient(90deg, #4a6fa5 0%, #007bff 100%);
    color: #ffffff; text-align: center; text-decoration: none; border-radius: 8px; font-size: 18px; font-weight: 600;
    border: none; box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3); transition: all 0.3s ease; }

    @media (max-width:992px) {
      #packages-section .big-title { font-size: 19px; }
      #packages-section .package-box {padding: 20px;}
    }

/* ========================= packages css end ========================= */





/* ========================= FAQ css start ========================= */


.faq-section { padding: 60px 16px; font-family: Arial, sans-serif; }

.faq-title { text-align: center; font-size: 28px; margin-bottom: 10px; }
.faq-subtitle {text-align: center; font-size: 20px; margin-bottom: 30px; }
.faq-item { background: #f6f6f6; margin-bottom: 12px; border-radius: 10px; overflow: hidden; border: 1px solid #eee; transition: 0.3s ease; }

.faq-header { padding: 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; }

.faq-header:hover { background: #f0f0f0; }

.faq-icon { width: 18px; height: 18px; position: relative; }

.faq-icon::before,
.faq-icon::after { content: ""; position: absolute; background: #000; width: 100%; height: 2px; left: 0;  top: 50%; }

.faq-icon::after { transform: rotate(90deg); }

.faq-item.active .faq-icon::after { transform: rotate(0deg); }

.faq-body { max-height: 0; overflow: hidden; padding: 0 20px; transition: 0.3s ease; }

.faq-item.active .faq-body { max-height: 200px; padding-bottom: 20px; }






#blog-section {background-image: url(../images/blog-bg-img.jpg); background-size: cover; background-position: top;}
#blog-section .blog-card img {height: 200px; object-fit: cover; border-radius: 6px;} 
#blog-section .blog-card {border: 1px solid #e5e7eb; border-radius: 8px; padding: 15px; transition: .3s;} 
#blog-section .blog-card:hover {transform: translateY(-5px); box-shadow: 0 4px 18px rgba(0,0,0,0.1);}
#blog-section a { background: linear-gradient(90deg, #4a6fa5 0%, #007bff 100%); padding: 10px 20px; border-radius: 10px; color: #fff;}







/* ========================= testimonial css start ========================= */
#testimonial-section { background-image: url(../images/review_bg.jpg) ; }

.testimonial-heading { text-align: center; margin: 20px 0; }

#testimonial-section .item-content { bottom: 0; box-shadow: rgba(0, 0, 0, .09) 2px 2px 3px 0; box-sizing: border-box; color: #777; height: auto; left: 0; position: relative; right: 0; text-size-adjust: 100%; top: 0; column-rule-color: #fff; perspective-origin: 277.5px 69px; transform-origin: 277.5px 69px; background: #fff none repeat scroll 0 0 / auto padding-box border-box; border: 1px solid #f5f5f5; font: italic normal normal normal 14px / 22.4px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 25px; outline: #fff none 0; padding: 20px 25px 20px 48px; }

#testimonial-section .item-content::before { bottom: 47px; box-sizing: border-box; color: #bbb; content: '\201C'; display: block; height: 96px; left: 55px; position: absolute; right: 515.391px; text-size-adjust: 100%; top: 20px; width: 24.6094px; column-rule-color: #bbb; perspective-origin: 12.2969px 48px; transform-origin: 12.2969px 48px; border: 0 none #bbb; font: normal normal normal normal 60px / 96px Georgia, serif; margin: -25px 0 0 -40px; outline: #bbb none 0; }

#testimonial-section .item-content::after{
  bottom: -30px;
    box-sizing: border-box;
    color: #fff;
    content: '';
    display: block;
    height: 30px;
    left: 80px;
    position: absolute;
    right: 445px;
    text-size-adjust: 100%;
    width: 30px;
    column-rule-color: #fff;
    perspective-origin: 15px 15px;
    transform-origin: 15px 15px;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .0980392));
    border-top: 30px solid #fff;
    border-right: 30px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    font: normal normal normal normal 13px / 20.8px "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: #fff none 0;
}

#testimonial-section .item-content p {
      box-sizing: border-box;
    color: #777;
    text-size-adjust: 100%;
    column-rule-color: #777;
    perspective-origin: 240px 44px;
    transform-origin: 240px 44px;
    border: 0 none #777;
    font: italic normal normal normal 14px / 22.4px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 5px;
    outline: #777 none 0;
}

.wprevpro_star_imgs_T1 {
    margin-right: 2px;
}

.svg-wprsp-star {
    -webkit-mask-image: url(../images/star-image.png);
}

#testimonial-section .item-content .svgicons {
      width: 18px;
    height: 18px;
    background: gold;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: bottom;
    margin-bottom: -2px;
    margin-right: 1px;
}

#testimonial-section .item-content img {
    width: 32px;
    height: 32px;
        position: absolute;
    right: 2px;
    bottom: 2px;
    height: 32px;
    width: unset;
    margin-bottom: unset !important;
}


.wprevpro_t1_IMG_4 {
box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    height: 50px;
    text-size-adjust: 100%;
    vertical-align: middle;
    width: 50px !important;
    column-rule-color: #fff;
    perspective-origin: 30px 30px;
    transform-origin: 30px 30px;
    border: 0 none #fff;
    border-radius: 50% 50% 50% 50% !important;
    font: normal normal normal normal 13px / 20.8px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 20px;
    outline: #fff none 0;
}

.wprevpro_t1_SPAN_5 {
    color: #555;
    display: block;
    text-size-adjust: 100%;
    text-transform: uppercase;
    overflow: hidden;
    padding: 8px 0 0;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav{
  display: none !important;
} 

/* ========================= testimonial css end ========================= */



/* SERVICE DETAIL SECTION */
.service-detail-content{padding:40px 30px 40px 0}

.service-detail-content .small-title{font-size:13px;font-weight:600;letter-spacing:2px;color:#16a34a;margin-bottom:10px}
.service-detail-content h2{font-size:38px;font-weight:700;color:#0f172a;margin-bottom:20px;line-height:1.2}
.service-detail-content p{font-size:16px;line-height:1.9;color:#475569;margin-bottom:18px;text-align: justify;}

.service-detail-image{text-align:center; position: sticky; top:70px; }
.service-detail-image img{width:100%;max-width:520px;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.12)}

.service-additional-info{margin-top:70px;padding:50px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:28px}
.service-additional-info h3{font-size:30px;font-weight:700;color:#123167;margin-bottom:20px}
.service-additional-info p{font-size:16px;line-height:1.9;color:#334155; text-align: justify;}

/* RESPONSIVE */
@media (max-width:991px){
  .service-detail-content{padding:20px 0}
  .service-detail-content h2{font-size:30px}
  .service-additional-info{padding:35px 25px}
}







/* blog-detail */
#blog-detail{padding: 70px 0;     background: #d5d5d5a1;}
#blog-detail .row{row-gap: 30px; justify-content: center;}
#blog-detail .p1{font-family: 'Kaushan Script', cursive; font-size: 21px; text-align: center; color: #354ead;}
#blog-detail h2{color: #000; font-size: 33px; text-align: center; margin-bottom: 40px;}
#blog-detail .img img{width: 100%; border-radius: 15px;}
#blog-detail .content h5 a{color: #000; font-size: 26px;}
#blog-detail .content span{color: #6d6d6d; display: inline-block; margin: 7px 0; font-size: 15px;}
#blog-detail .content span i{color: #354ead;}
#blog-detail .content p{color: #6d6d6d; font-size: 16px; text-align: justify;}
#blog-detail .blog{background-color: #f5f5f5; box-shadow: 0 0 10px #0000001c; border-radius: 10px; padding: 15px 30px 30px; position: sticky; top: 0;}
#blog-detail .blog h4{color: #354ead; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#blog-detail .blog ul{list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#blog-detail .blog ul li{margin-bottom: 15px; align-items: center;}
#blog-detail .blog ul li:last-child{margin-bottom: 0;}
#blog-detail .blog a{color: #000; font-size: 17px; display: inline-block;}
#blog-detail .blog p{color: #6d6d6d; display: inline-block; font-size: 14px;}
#blog-detail .blog p i{color: #354ead;}