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

body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: #ffffff;
    color: #172554;
    overflow-x: hidden;
}


/* ================= TOP BAR ================= */

.top-bar {
    background: linear-gradient(
        90deg,
        #03469f 0%,
        #0056b8 50%,
        #03469f 100%
    );

    color: #ffffff;

    min-height: 42px;

    display: flex;
    align-items: center;
}

.top-bar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: 13px;
}

.top-left,
.top-center,
.top-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.top-right select {
    border: none;

    background: #ffffff;

    color: #333;

    padding: 12px 14px;

    margin-left: 10px;

    outline: none;
}


/* ================= NAVBAR ================= */

.custom-navbar { 
    position: sticky;
    top: 0;

    background: #ffffff; 
    padding: 13px 0; 

    z-index: 9999; 

    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05); 
}
.navbar-brand img {
    width: 145px;
    height: auto;
    object-fit: contain;
}

.nav-link {
    position: relative;

    color: #111827 !important;

    font-size: 12px;

    font-weight: 500;

    margin: 0 8px;

    padding: 18px 3px !important;

    transition: 0.3s;
}

.nav-link:hover,
.nav-link.active {
    color: #075eb8 !important;
}

.nav-link.active::after {
    content: "";

    position: absolute;

    left: 5px;
    right: 5px;
    bottom: 5px;

    height: 2px;

    background: #075eb8;
}
    .modal-dialog{
top:100px;
}

.nav-cta-buttons{
display:flex;
gap:5px;
}
.appointment-btn {
    display: flex;

    align-items: center;

    justify-content: center;

    gap:5px;     

    flex-wrap: nowrap;

    padding: 10px 12px;

    background: #0b9444;

    color: #ffffff;

    text-decoration: none;

    border-radius: 6px;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;

    transition: 0.3s;
}

.appointment-btn:hover {
    background: #087938;

    color: #ffffff;

    transform: translateY(-2px);
}




/* ================= HERO ================= */
/* ================= HERO ================= */

.hero {
    position: relative;
    width: 100%;
    height: 560px;
    overflow: hidden;
}


/* Slider */

.hero-slider {
    position: relative;
    width: 100%;
    height: 100%;
}


/* Individual Slide */

.hero-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.8s ease,
        visibility 0.8s ease;
}

.hero-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}


/* ================= OVERLAY ================= */

.hero-overlay {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(239, 250, 255, 0.98) 0%,
        rgba(239, 250, 255, 0.92) 30%,
        rgba(239, 250, 255, 0.65) 48%,
        rgba(239, 250, 255, 0.15) 68%,
        rgba(239, 250, 255, 0) 100%
    );

    z-index: 1;
}


/* Container */

.hero-slide .container {
    position: relative;
    z-index: 5;
    height: 100%;
}

.hero-row {
    height: 560px;
}


/* ================= CONTENT ================= */

.hero-content {
    position: relative;
    z-index: 10;
}


/* Content animation */

.hero-slide .hero-content {
    opacity: 0;
    transform: translateY(30px);
}

.hero-slide.active .hero-content {
    opacity: 1;
    transform: translateY(0);

    transition:
        opacity 0.7s ease 0.3s,
        transform 0.7s ease 0.3s;
}


/* ================= HEADING ================= */

.hero h1 {
    max-width: 600px;

    font-size: 48px;
    line-height: 1.08;

    font-weight: 750;

    color: #172554;

    margin-bottom: 20px;

    letter-spacing: -1px;
}

.hero h1 span {
    display: block;

    color: #129447;
}


/* ================= PARAGRAPH ================= */

.hero p {
    max-width: 570px;

    color: #3f4f65;

    font-size: 16px;

    line-height: 1.7;

    margin-bottom: 25px;
}


/* ================= BUTTONS ================= */

.hero-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 30px;
}

.hero-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 12px 18px;

    border-radius: 6px;

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    transition: 0.3s;
}

.hero-btn.primary {
    color: #ffffff;

    background: #075ab7;

    border: 1px solid #075ab7;
}

.hero-btn.green {
    color: #ffffff;

    background: #139b4b;

    border: 1px solid #139b4b;
}

.hero-btn:hover {
    color: #ffffff;

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(0, 69, 145, 0.18);
}


/* ================= STATS ================= */

.hero-stats {
    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 30px;
}

.stat-box {
    display: flex;
    align-items: center;

    gap: 9px;
}

.stat-box i {
    font-size: 27px;

    color: #075ab7;
}

.stat-box:nth-child(2) i {
    color: #159447;
}

.stat-box:nth-child(3) i {
    color: #f4b400;
}

.stat-box div {
    display: flex;
    flex-direction: column;
}

.stat-box strong {
    color: #172554;

    font-size: 15px;

    line-height: 1.1;
}

.stat-box span {
    color: #667085;

    font-size: 10px;

    margin-top: 3px;
}


/* ================= DOTS ================= */

.hero-slider-dots {
    position: absolute;

    z-index: 20;

    left: 50%;
    bottom: 18px;

    transform: translateX(-50%);

    display: flex;

    gap: 7px;
}

.hero-dot {
    width: 9px;
    height: 9px;

    padding: 0;

    border: none;

    border-radius: 50%;

    background: #9bb5c9;

    cursor: pointer;

    transition: 0.3s;
}

.hero-dot.active {
    width: 28px;

    border-radius: 20px;

    background: #075ab7;
}


/* ================= MOBILE ================= */

@media (max-width: 991px) {

    .hero,
    .hero-row {
        height: 600px;
    }

    .hero h1 {
        font-size: 40px;
    }

    .hero-overlay {
        background: rgba(239, 250, 255, 0.88);
    }

}
@media (max-width: 767px) {
    .top-bar {
        display: none !important;
    }
}

@media (max-width: 576px) {

    .hero,
    .hero-row {
        height: 650px;
    }

    .hero h1 {
        font-size: 33px;
    }

    .hero p {
        font-size: 14px;
    }

    .hero-buttons {
        display: grid;

        grid-template-columns: 1fr 1fr;
    }

    .hero-btn {
        padding: 10px 8px;

        font-size: 11px;
    }

    .hero-stats {
        gap: 18px;
    }

}
/* home About */

/*=========================
MED ABOUT SECTION
==========================*/

.medabout-section{

background:#f8fbff;
overflow:hidden;
position:relative;

}

.medabout-image-wrapper{

position:relative;
padding:30px;

}

.medabout-main-image img{

border-radius:25px;
width:85%;
box-shadow:0 20px 60px rgba(0,0,0,.12);
transition:.5s;

}

.medabout-main-image img:hover{

transform:scale(1.03);

}

.medabout-second-image{

position:absolute;
bottom:0;
right:20px;
width:52%;

}

.medabout-second-image img{

border-radius:20px;
border:8px solid #fff;
box-shadow:0 20px 50px rgba(0,0,0,.15);
transition:.5s;

}

.medabout-second-image img:hover{

transform:translateY(-10px);

}

.medabout-exp-card{

position:absolute;
top:60px;
right:0;
background:linear-gradient(135deg, #0245a8, #0aa8d6);
color:#fff;
padding:25px;
border-radius:20px;
text-align:center;
width:180px;
box-shadow:0 20px 40px rgba(0,123,255,.3);
animation:floatCard 4s ease-in-out infinite;

}

.medabout-exp-card h2{

font-size:42px;
font-weight:700;
margin-bottom:5px;

}

.medabout-exp-card p{

font-size:14px;
margin:0;

}

.medabout-shape{

position:absolute;
left:10px;
top:20px;
width:120px;
height:120px;
border:10px dotted #1e90ff;
border-radius:50%;
animation:rotateShape 15s linear infinite;
opacity:.3;

}

.medabout-subtitle{

display:inline-block;
padding:10px 22px;
background:#e8f4ff;
color:#03469f;
font-weight:600;
border-radius:30px;
margin-bottom:20px;

}

.medabout-content h2{

font-size: 34px;
font-weight: 750;
color:#07294d;
line-height:1.3;

}

.medabout-content p{

margin:25px 0;
color:#666;
line-height:30px;

}

.medabout-list{

padding:0;
margin:0;
list-style:none;

}

.medabout-list li{

margin-bottom:18px;
font-size:17px;
font-weight:500;
transition:.3s;

}

.medabout-list li:hover{

transform:translateX(8px);
color:#0d6efd;

}

.medabout-list i{

color:#0b9444;
margin-right:10px;

}

.medabout-btn{

display:inline-block;
padding:15px 35px;
background:linear-gradient(90deg, #03469f 0%, #0056b8 50%, #03469f 100%);;
color:#fff;
text-decoration:none;
font-weight:600;
border-radius:50px;
transition:.4s;

}

.medabout-btn:hover{

color:#fff;
transform:translateY(-5px);
box-shadow:0 20px 40px rgba(0,123,255,.35);

}

/*=========================
ANIMATION
==========================*/

@keyframes rotateShape{

100%{

transform:rotate(360deg);

}

}

@keyframes floatCard{

50%{

transform:translateY(-12px);

}

}

/*=========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.medabout-content{

margin-top:50px;

}

.medabout-content h2{

font-size:34px;

}

.medabout-main-image img{

width:100%;

}

.medabout-second-image{

width:55%;
right:0;

}

.medabout-exp-card{

position:relative;
top:20px;
right:auto;
margin-top:25px;

}

}

@media(max-width:576px){

.medabout-content h2{

font-size:28px;

}

.medabout-second-image{

position:relative;
width:100%;
margin-top:20px;

}

.medabout-second-image img{

border:0;

}

.medabout-exp-card{

width:100%;

}

.medabout-list li{

font-size:15px;

}

}

/* home-Services */
/*=============================
OBM SERVICES
==============================*/

.obm-service-section{

padding:100px 0;
background:#eef8ff;
overflow:hidden;
position:relative;

}

.obm-service-section::before{

content:'';
position:absolute;
width:100%;
height:100%;
background:url(/images/home-services.png);
opacity:.08;
animation:bgMove 40s linear infinite;

}

.obm-service-subtitle{

display:inline-block;
padding:10px 24px;
background:#dff2ff;
border-radius:30px;
font-weight:600;
color:#03469f;

}

.obm-service-title{

font-size:35px;
font-weight:750;
margin:20px 0 60px;

}

.obm-service-slider{

overflow:hidden;

}

.obm-service-track{

display:flex;
gap:30px;
width:max-content;
animation:serviceMove 30s linear infinite;

}

.obm-service-slider:hover .obm-service-track{

animation-play-state:paused;

}

.obm-service-card{

width:380px;
background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;
flex-shrink:0;

}

.obm-service-card:hover{

transform:translateY(-12px);

}

.obm-service-img{

position:relative;

overflow:hidden;

}

.obm-service-img img{

width:100%;
height:260px;
object-fit:cover;
transition:.6s;

}

.obm-service-card:hover img{

transform:scale(1.08);

}

.obm-service-icon{

position:absolute;
bottom:20px;
right:20px;
width:65px;
height:65px;
background:#1598ff;
border-radius:18px;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:24px;

}

.pink{

background:#ff4d8d;

}

.orange{

background:#ffb739;

}

.obm-service-content{

padding:30px;

}

.obm-service-content h4{

font-size:30px;
font-weight:700;
margin-bottom:15px;

}

.obm-service-content p{

color:#666;
line-height:28px;

}

.obm-service-content a{

text-decoration:none;
font-weight:600;
color:#111;
display:inline-flex;
gap:10px;
margin-top:20px;
transition:.4s;

}

.obm-service-content a:hover{

color:#1598ff;
gap:16px;

}

@keyframes serviceMove{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

@keyframes bgMove{

100%{

background-position:1000px;

}

}

@media(max-width:992px){

.obm-service-title{

font-size:36px;

}

.obm-service-card{

width:320px;

}

}

@media(max-width:576px){

.obm-service-card{

width:280px;

}

.obm-service-title{

font-size:28px;

}

.obm-service-section{

padding:70px 0;

}

}

/* How we work */
/*==========================
HOW WE WORK
===========================*/

.obm-process-section{

padding:100px 0;
background:linear-gradient(135deg,#f4fcff,#edf8ff);
position:relative;
overflow:hidden;

}

/* Background Shapes */

.obm-process-section::before{

content:'';
position:absolute;
left:-120px;
top:-120px;
width:300px;
height:300px;
border-radius:50%;
background:rgba(0,174,255,.08);

}

.obm-process-section::after{

content:'';
position:absolute;
right:-120px;
bottom:-120px;
width:300px;
height:300px;
border-radius:50%;
background:rgba(255,204,0,.08);

}

.obm-process-subtitle{

display:inline-block;
padding:10px 25px;
background:#e8f6ff;
color:#03469f;
border-radius:40px;
font-weight:600;

}

.obm-process-title{

font-size:48px;
font-weight:700;
margin:20px 0;

color:#08294c;

}

.obm-process-text{

max-width:650px;
margin:auto;
color:#6c757d;

}

.obm-process-wrapper{

margin-top:80px;
position:relative;

}

.obm-process-line{

position:absolute;
top:38px;
left:0;
width:100%;
z-index:0;

animation:dashMove 20s linear infinite;

}

.obm-process-card{

position:relative;
text-align:center;
padding:20px;
z-index:2;

}

.obm-process-number{

width:90px;
height:90px;
border-radius:50%;
margin:auto;

display:flex;
justify-content:center;
align-items:center;

font-size:34px;
font-weight:700;
color:#fff;

box-shadow:0 15px 35px rgba(0,0,0,.15);

transition:.4s;

animation:floatCircle 4s ease-in-out infinite;

}

.obm-process-card:hover .obm-process-number{

transform:scale(1.12);

}

.green{

background:#26c281;

}

.blue{

background:#1890ff;

}

.pink{

background:#ff4d8d;

}

.yellow{

background:#ffb400;

}

.obm-process-card h4{

margin-top:30px;
font-weight:700;
font-size:28px;
color:#08294c;

}

.obm-process-card p{

margin-top:15px;
line-height:28px;
color:#6d6d6d;

}

@keyframes floatCircle{

50%{

transform:translateY(-12px);

}

}

@keyframes dashMove{

100%{

stroke-dashoffset:-200;

}

}

/*==========================
Responsive
===========================*/

@media(max-width:991px){

.obm-process-line{

display:none;

}

.obm-process-card{

margin-bottom:40px;

}

.obm-process-title{

font-size:36px;

}

}

@media(max-width:576px){

.obm-process-title{

font-size:28px;

}

.obm-process-number{

width:75px;
height:75px;
font-size:28px;

}

.obm-process-card h4{

font-size:22px;

}

}

/*==========================
Appointment
==========================*/

.obm-appoint-section{

padding:100px 0;
background:#fff;

}

.obm-appoint-wrapper{

background:linear-gradient(90deg, #03469f 0%, #4499fb 50%, #03469f 100%),
url(/images/home-appoinment.png);

background-size:cover;
background-position:center;

border-radius:30px;

padding:70px;

position:relative;

overflow:hidden;

}

.obm-appoint-subtitle{

display:inline-block;

padding:10px 22px;

background:rgba(255,255,255,.18);

border-radius:40px;

color:#fff;

font-weight:600;

margin-bottom:20px;

}

.obm-appoint-content h2{

color:#fff;

font-size:48px;

font-weight:700;

margin-bottom:40px;

line-height:1.2;

}

.obm-appoint-wrapper input,

.obm-appoint-wrapper select{

height:60px;

border:none;

border-radius:50px;

padding:15px 25px;

font-size:16px;

box-shadow:none;

}

.obm-appoint-wrapper input:focus,

.obm-appoint-wrapper select:focus{

box-shadow:0 0 0 4px rgba(255,255,255,.2);

}

.obm-appoint-wrapper button{

width:100%;

height:60px;

border:none;

border-radius:50px;

background:#0b9444;

color:#fff;

font-size:18px;

font-weight:600;

transition:.4s;

}

.obm-appoint-wrapper button:hover{

background:#032d72;

transform:translateY(-4px);

}

.obm-appoint-doctor{

text-align:right;

margin-top:-120px;
position: relative;
    bottom: -87px;

animation:doctorFloat 5s ease-in-out infinite;

}

.obm-appoint-doctor img{

max-width:500px;

}

@keyframes doctorFloat{

50%{

transform:translateY(-12px);

}

}

@media(max-width:992px){

.obm-appoint-wrapper{

padding:40px 30px;

}

.obm-appoint-content h2{

font-size:34px;

}

.obm-appoint-doctor{

margin-top:40px;

text-align:center;

}

.obm-appoint-doctor img{

max-width:320px;

}

}

@media(max-width:576px){

.obm-appoint-content h2{

font-size:28px;

}

.obm-appoint-wrapper{

border-radius:20px;

}

}

==============
obm-Tourism
==============
.obm-tourism-section {
    position: relative;

    min-height: 300px;

    padding: 0;

    background-image: url('./assets/images/obm-tourism.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* LEFT SIDE LIGHT OVERLAY */
.obm-tourism-section::before {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(244, 255, 251, 0.98) 0%,
        rgba(244, 255, 251, 0.92) 32%,
        rgba(244, 255, 251, 0.65) 50%,
        rgba(244, 255, 251, 0.15) 68%,
        transparent 82%
    );

    z-index: 1;
}


/* MAIN BOX */
.obm-tourism-box {
    position: relative;

    z-index: 2;

    min-height: 300px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    background: transparent;
}


/* LEFT CONTENT */
.obm-tourism-content {
    position: relative;

    z-index: 5;

  

    text-align: left;

    max-width: 850px;
}


/* HEADING */
.obm-tourism-content h2 {
    margin: 0 0 25px;

    max-width: 650px;

    font-size: 33px;
    line-height: 1.25;

    font-weight: 750;

    color: #173b78;
}


.obm-tourism-content h2 span {
    color: #173b78;
}


/* FEATURES */
.obm-tourism-features {
    display: flex;

    align-items: center;
    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 28px;

    margin-bottom: 25px;
}


.obm-tourism-feature {
    display: flex;

    align-items: center;

    gap: 8px;
}


.obm-tourism-icon {
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 23px;

    color: #149447;
}


.obm-tourism-feature span {
    display: flex;
    flex-direction: column;

    font-size: 11px;
    line-height: 1.3;

    color: #385674;
}


.obm-tourism-feature strong {
    color: #274768;

    font-weight: 700;
}


/* BUTTON */
.obm-tourism-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 12px 22px;

    background: #129447;

    color: #ffffff;

    text-decoration: none;

    border-radius: 6px;

    font-size: 13px;
    font-weight: 600;

    transition: 0.3s ease;
}


.obm-tourism-btn:hover {
    background: #087c39;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(18, 148, 71, 0.20);
}


/* TABLET */
@media (max-width: 991px) {

    .obm-tourism-section,
    .obm-tourism-box {
        min-height: 330px;
    }


    .obm-tourism-content {
        padding: 30px 25px;

        max-width: 700px;
    }


    .obm-tourism-content h2 {
        font-size: 24px;
    }


    .obm-tourism-features {
        gap: 18px;
    }


    .obm-tourism-section::before {
        background: linear-gradient(
            90deg,
            rgba(244, 255, 251, 0.98) 0%,
            rgba(244, 255, 251, 0.92) 48%,
            rgba(244, 255, 251, 0.50) 72%,
            transparent 100%
        );
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .obm-tourism-section,
    .obm-tourism-box {
        min-height: 450px;
    }


    .obm-tourism-section {
        background-position: center;
    }


    .obm-tourism-section::before {
        background: rgba(244, 255, 251, 0.88);
    }


    .obm-tourism-content {
        padding: 30px 20px;

        max-width: none;
    }


    .obm-tourism-content h2 {
        max-width: none;

        font-size: 23px;
    }


    .obm-tourism-features {
        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 18px 12px;
    }

}


/* SMALL MOBILE */
@media (max-width: 480px) {

    .obm-tourism-section,
    .obm-tourism-box {
        min-height: 470px;
    }


    .obm-tourism-content {
        padding: 25px 16px;
    }


    .obm-tourism-content h2 {
        font-size: 20px;

        margin-bottom: 22px;
    }


    .obm-tourism-icon {
        font-size: 19px;
    }


    .obm-tourism-feature span {
        font-size: 10px;
    }


    .obm-tourism-btn {
        padding: 12px 20px;
    }

}
/* ================= TABLET ================= */

@media (max-width: 991px) {

    .obm-tourism-content {
        width: 65%;

        padding: 28px 25px;
    }

    .obm-tourism-image {
        width: 35%;
    }

    .obm-tourism-content h2 {
        font-size: 23px;
    }

    .obm-tourism-features {
        gap: 15px;
    }

}


/* ================= MOBILE ================= */

@media (max-width: 767px) {

    .obm-tourism-box {
        display: block;

        min-height: auto;
    }


    .obm-tourism-content {
        width: 100%;

        padding: 25px 20px;
    }


    .obm-tourism-content h2 {
        font-size: 21px;
    }


    .obm-tourism-features {
        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 16px 10px;
    }


    .obm-tourism-image {
        width: 100%;

        height: 230px;

        min-height: 230px;
    }


    .obm-tourism-image::before {
        width: 100%;
        height: 50px;

        background: linear-gradient(
            180deg,
            #effcff,
            transparent
        );
    }

}


/* ================= SMALL MOBILE ================= */

@media (max-width: 480px) {

    .obm-tourism-content {
        padding: 22px 15px;
    }

    .obm-tourism-content h2 {
        font-size: 19px;
    }

    .obm-tourism-btn {
        width: 100%;
    }

    .obm-tourism-image {
        height: 190px;
        min-height: 190px;
    }

}

/*==========================
EMERGENCY HELP
==========================*/

/* =====================================================
   OBM EMERGENCY HELP SECTION
===================================================== */

.obm-help-section {
    position: relative;

    padding: 70px 0;

    background: #eef9ff;

    overflow: hidden;
}


/* BACKGROUND DECORATION */

.obm-help-section::before {
    content: "";

    position: absolute;

    left: -120px;
    top: -120px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background: rgba(0, 174, 255, 0.07);
}


.obm-help-section::after {
    content: "";

    position: absolute;

    right: -110px;
    bottom: -110px;

    width: 300px;
    height: 300px;

    border-radius: 50%;

    background: rgba(0, 174, 255, 0.07);
}


/* CONTENT */

.obm-help-content {
    position: relative;

    z-index: 3;
}


/* SUBTITLE */

.obm-help-subtitle {
    display: inline-flex;

    align-items: center;

    padding: 8px 20px;

    margin-bottom: 18px;

    border-radius: 30px;

    background: #dff3ff;

    color: #03469f;

    font-size: 14px;

    font-weight: 600;
}


/* HEADING */

.obm-help-content h2 {
    margin: 0 0 20px;

    color: #07294d;

    font-size: 36px;

    line-height: 1.15;

    font-weight: 750;
}


/* DESCRIPTION */

.obm-help-content > p {
    max-width: 620px;

    margin: 0 0 28px;

    color: #687788;

    font-size: 16px;

    line-height: 1.8;
}


/* ================= LIST ================= */

.obm-help-list {
    list-style: none;

    padding: 0;

    margin: 0;
}


.obm-help-list li {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 18px;

    color: #0b2b60;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.35;

    transition: 0.3s ease;
}


.obm-help-list li:hover {
    transform: translateX(6px);

    color: #0b78c9;
}


.obm-help-list li i {
    flex-shrink: 0;

    color: #079447;

    font-size: 22px;
}


/* ================= CONTACT ROW ================= */

.obm-help-contact-row {
    margin-top: 35px;
}


/* ================= CONTACT BOX ================= */

.obm-help-box {
   
    padding: 11px 17px;

    display: flex;

    align-items: center;

    gap: 18px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow:
        0 12px 30px rgba(31, 72, 112, 0.08);

    transition: 0.3s ease;
}


.obm-help-box:hover {
    transform: translateY(-5px);

    box-shadow:
        0 18px 35px rgba(31, 72, 112, 0.13);
}


/* ICON */

.obm-help-icon {
    flex: 0 0 54px;

    height: 54px;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #079447;

    color: #ffffff;

    font-size: 24px;
}


/* BOX CONTENT */

.obm-help-box-content {
    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 5px;
}


.obm-help-box-content small {
    color: #6d7886;

    font-size: 14px;

    line-height: 1.3;
}


.obm-help-box-content a {
    color: #07294d;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 800;

    text-decoration: none;

    word-break: break-word;
}


.obm-help-box-content a:hover {
    color: #079447;
}


/* =====================================================
   RIGHT IMAGE
===================================================== */

.obm-help-image {
    position: relative;

    min-height: 470px;

    display: flex;

    align-items: center;
    justify-content: center;

    z-index: 2;
}


.obm-help-image img {
    position: relative;

    z-index: 2;

    display: block;

    max-width: 100%;

    max-height: 470px;

    object-fit: contain;

    animation: obmHelpFloat 5s ease-in-out infinite;
}


/* BACK CIRCLE */

.obm-help-circle {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    width: 390px;
    height: 390px;

    border-radius: 50%;

    background: #27b0ff;

    opacity: 0.09;

    z-index: 1;
}


/* FLOAT */

@keyframes obmHelpFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

}


/* =====================================================
   LARGE TABLET
===================================================== */

@media (max-width: 1199px) {

    .obm-help-content h2 {
        font-size: 38px;
    }


    .obm-help-list li {
        font-size: 16px;
    }


    .obm-help-box {
        padding: 20px 16px;

        gap: 14px;
    }


    .obm-help-icon {
        flex-basis: 58px;

        height: 58px;

        font-size: 20px;
    }


    .obm-help-box-content a {
        font-size: 15px;
    }


    .obm-help-image {
        min-height: 420px;
    }


    .obm-help-image img {
        max-height: 420px;
    }


    .obm-help-circle {
        width: 340px;
        height: 340px;
    }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .obm-help-section {
        padding: 60px 0;
    }


    .obm-help-content {
        margin-bottom: 15px;
    }


    .obm-help-content h2 {
        font-size: 38px;
    }


    .obm-help-content > p {
        max-width: none;
    }


    .obm-help-image {
        min-height: 380px;

        margin-top: 15px;
    }


    .obm-help-image img {
        max-height: 380px;
    }


    .obm-help-circle {
        width: 320px;
        height: 320px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .obm-help-section {
        padding: 45px 0;
    }


    .obm-help-content h2 {
        font-size: 32px;
    }


    .obm-help-content h2 br {
        display: none;
    }


    .obm-help-content > p {
        font-size: 15px;

        line-height: 1.7;
    }


    .obm-help-list li {
        align-items: flex-start;

        font-size: 15px;

        margin-bottom: 15px;
    }


    .obm-help-contact-row {
        margin-top: 28px;
    }


    .obm-help-box {
        min-height: 105px;

        padding: 18px;
    }


    .obm-help-icon {
        flex-basis: 55px;

        height: 55px;

        font-size: 19px;
    }


    .obm-help-box-content a {
        font-size: 16px;
    }


    .obm-help-image {
        min-height: 320px;

        margin-top: 20px;
    }


    .obm-help-image img {
        max-height: 320px;
    }


    .obm-help-circle {
        width: 270px;
        height: 270px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .obm-help-section {
        padding: 38px 0;
    }


    .obm-help-subtitle {
        padding: 7px 16px;

        font-size: 12px;
    }


    .obm-help-content h2 {
        font-size: 28px;
    }


    .obm-help-content > p {
        font-size: 14px;
    }


    .obm-help-list li {
        gap: 10px;

        font-size: 14px;
    }


    .obm-help-list li i {
        font-size: 18px;
    }


    .obm-help-box {
        min-height: auto;

        padding: 16px;

        border-radius: 14px;
    }


    .obm-help-icon {
        flex-basis: 50px;

        height: 50px;

        font-size: 17px;
    }


    .obm-help-box-content small {
        font-size: 12px;
    }


    .obm-help-box-content a {
        font-size: 14px;
    }


    .obm-help-image {
        min-height: 270px;
    }


    .obm-help-image img {
        max-height: 270px;
    }


    .obm-help-circle {
        width: 230px;
        height: 230px;
    }

}
<!-- ======================
 OBM Services banner section
 =========================== -->



/*==========================
FAQ
==========================*/

.obm-faq-section{

padding:100px 0;

background:#fff;

overflow:hidden;

}

.obm-faq-subtitle{

display:inline-block;

padding:10px 24px;

background:#e8f6ff;

border-radius:40px;

font-weight:600;

color:#03469fs;

margin-bottom:20px;

}

.obm-faq-title{

font-size:35px;

font-weight:750;

color:#07294d;

margin-bottom:70px;

}

/* Accordion */

.obm-faq-accordion .accordion-item{

border:none;

margin-bottom:20px;

border-radius:18px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.obm-faq-accordion .accordion-button{

background:#eef8ff;

font-size:21px;

font-weight:600;

padding:24px;

box-shadow:none;

color:#07294d;

}

.obm-faq-accordion .accordion-button:not(.collapsed){

background:#dff3ff;

color:#0d8cff;

}

.obm-faq-accordion .accordion-button::after{

background-image:none;

content:"+";

font-size:30px;

font-weight:700;

transform:none;

}

.obm-faq-accordion .accordion-button:not(.collapsed)::after{

content:"−";

}

.obm-faq-accordion .accordion-body{

padding:25px;

line-height:30px;

font-size:17px;

color:#666;

background:#f8fcff;

}

/* Image */

.obm-faq-image{

position:relative;

text-align:center;

}

.obm-faq-image img{

border-radius:20px;

position:relative;

z-index:2;

box-shadow:0 20px 50px rgba(0,0,0,.15);

transition:.5s;

}

.obm-faq-image:hover img{

transform:scale(1.03);

}

.obm-faq-shape{

position:absolute;

width:150px;

height:150px;

background:#0d8cff;

border-radius:20px;

left:-20px;

top:-20px;

z-index:1;

}

.obm-play-btn{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

width:85px;

height:85px;

background:#fff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

text-decoration:none;

font-size:28px;

color:#0d8cff;

z-index:3;

animation:pulsePlay 2s infinite;

box-shadow:0 0 0 0 rgba(13,140,255,.5);

}

@keyframes pulsePlay{

0%{

box-shadow:0 0 0 0 rgba(13,140,255,.45);

}

70%{

box-shadow:0 0 0 25px rgba(13,140,255,0);

}

100%{

box-shadow:0 0 0 0 rgba(13,140,255,0);

}

}

/* Responsive */

@media(max-width:991px){

.obm-faq-title{

font-size:36px;

}

.obm-faq-image{

margin-top:50px;

}

}

@media(max-width:576px){

.obm-faq-section{

padding:70px 0;

}

.obm-faq-title{

font-size:28px;

}

.obm-faq-accordion .accordion-button{

font-size:17px;

padding:18px;

}

.obm-play-btn{

width:65px;

height:65px;

font-size:20px;

}

}


.obm-review-section{

padding:100px 0;

background:linear-gradient(180deg,#eef7ff,#ffffff);

overflow:hidden;

}

.obm-review-tag{

display:inline-block;

padding:10px 22px;

background:#eaf5ff;

border-radius:30px;

color:rgb(3, 70, 159);

font-weight:600;

margin-bottom:15px;

}

.obm-review-heading{

font-size:36px;

font-weight:750;

color:#062b50;

}

.obm-review-text{

max-width:650px;

margin:auto;

color:#666;

margin-top:15px;

margin-bottom:60px;

}

.obm-review-card{

background:rgba(255,255,255,.75);

backdrop-filter:blur(18px);

border-radius:25px;

padding:35px;

border:1px solid rgba(255,255,255,.5);

transition:.4s;

height:100%;

position:relative;

overflow:hidden;

}

.obm-review-card::before{

content:"";

position:absolute;

top:-70px;

right:-70px;

width:170px;

height:170px;

background:#22a8ff;

border-radius:50%;

opacity:.08;

transition:.5s;

}

.obm-review-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 45px rgba(0,132,255,.18);

}

.obm-review-card:hover::before{

transform:scale(1.3);

}

.obm-review-top{

display:flex;

align-items:center;

gap:18px;

margin-bottom:25px;

}

.obm-review-top img{

width:75px;

height:75px;

border-radius:50%;

object-fit:cover;

border:4px solid #fff;

box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.obm-review-top h4{

font-size:23px;

margin:0;

font-weight:700;

}

.obm-review-top span{

color:#0b9444;

font-weight:500;

}

.obm-review-card p{

line-height:30px;

color:#666;

margin-bottom:30px;

}

.obm-review-bottom{

display:flex;

justify-content:space-between;

align-items:center;

}

.obm-stars{

color:#ffb400;

font-size:20px;

letter-spacing:3px;

}

.obm-review-bottom i{

font-size:55px;

color:#0b9444;

opacity:.15;

transition:.4s;

}

.obm-review-card:hover .obm-review-bottom i{

opacity:1;

transform:rotate(-10deg);

}

.obmReviewSlider{

padding-bottom:70px;

}

.obmReviewSlider .swiper-slide{

height:auto;

}

.swiper-pagination-bullet{

width:12px;

height:12px;

background:#9bd4ff;

opacity:1;

}

.swiper-pagination-bullet-active{

width:35px;

border-radius:20px;

background:#1198ff;

}

@media(max-width:991px){

.obm-review-heading{

font-size:34px;

}

}

@media(max-width:576px){

.obm-review-section{

padding:70px 0;

}

.obm-review-heading{

font-size:28px;

}

.obm-review-card{

padding:25px;

}

}

.obm-footer{

background:linear-gradient(135deg, #eff9ff, #ffffff, #e8ffe6);

padding-top:120px;

position:relative;

overflow:hidden;

}

/* Newsletter */

.obm-newsletter{

background:linear-gradient(90deg, rgb(3, 70, 159) 0%, rgb(68, 153, 251) 50%, rgb(3, 70, 159) 100%) center center / cover;

padding:45px;

border-radius:30px;

margin-top:-70px;

margin-bottom:80px;

color:#fff;

box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.obm-newsletter h2{

font-size:36px;

font-weight:750;

margin-bottom:10px;

}

.obm-news-form{

display:flex;

background:#fff;

padding:8px;

border-radius:60px;

}

.obm-news-form input{

border:none;

outline:none;

flex:1;

padding:18px 20px;

border-radius:50px;

}

.obm-news-form button{

border:none;

background:#0b9444;

color:#fff;

padding:15px 35px;

border-radius:50px;

font-weight:600;

transition:.4s;

}

.obm-news-form button:hover{

background:#062b50;

}

/* Footer */

.obm-footer h4{

font-weight:700;

margin-bottom:25px;

color:#062b50;

}

.obm-footer p{

color:#004aad;

line-height:30px;

}

.obm-footer ul{

padding:0;

margin:0;

list-style:none;

}

.obm-footer ul li{

margin-bottom:15px;

}

.obm-footer ul li a{

text-decoration:none;

color:#666;

transition:.3s;

}

.obm-footer ul li a:hover{

color:#0b9444;

padding-left:8px;

}

.obm-contact li{

display:flex;

gap:15px;

align-items:flex-start;

color:#666;

}

.obm-contact i{

color:rgb(3, 70, 159);

margin-top:5px;

}

.obm-footer-social{

margin-top:30px;

display:flex;

gap:12px;

}

.obm-footer-social a{

width:45px;

height:45px;

border-radius:50%;

background:#fff;

display:flex;

align-items:center;

justify-content:center;

color:rgb(3, 70, 159);

text-decoration:none;

box-shadow:0 10px 20px rgba(0,0,0,.08);

transition:.4s;

}

.obm-footer-social a:hover{

background:#0b9444;

color:#fff;

transform:translateY(-6px);

}

.obm-copy{

padding:20px 0;

text-align:center;

color:#777;

font-size:15px;

}

.obm-footer hr{

margin-top:60px;

margin-bottom:0;

}

/* Background Shapes */

.obm-footer::before{

content:"";

position:absolute;

width:350px;

height:350px;

background:#0d9cff;

opacity:.05;

border-radius:50%;

top:100px;

left:-100px;

}

.obm-footer::after{

content:"";

position:absolute;

width:280px;

height:280px;

background:#2bd9a3;

opacity:.05;

right:-80px;

bottom:-80px;

border-radius:50%;

}

/* Responsive */

@media(max-width:991px){

.obm-newsletter{

padding:30px;

text-align:center;

}

.obm-newsletter h2{

font-size:30px;

}

.obm-news-form{

margin-top:25px;

}

}

@media(max-width:576px){

.obm-news-form{

flex-direction:column;

background:none;

padding:0;

gap:15px;

}

.obm-news-form input{

background:#fff;

}

.obm-news-form button{

width:100%;

}

.obm-footer{

padding-top:80px;

}

.obm-newsletter{

margin-top:-40px;

}

}

/* about-hero-section */


    .obm-about-hero{

position:relative;
width:100%;
padding:50px 0 50px;



overflow:hidden;

}

.obm-about-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(90deg,
rgba(5,42,82,.90),
rgba(5,42,82,.70),
rgba(13,156,255,.35));

}

appointment-btn

.obm-about-overlay{

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:linear-gradient(90deg,
rgba(5,42,82,.90),
rgba(5,42,82,.70),
rgba(13,156,255,.35));

}

.obm-about-content{

position:relative;

z-index:2;

color:#fff;

}

.obm-about-tag{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 24px;

background:rgba(255,255,255,.15);

backdrop-filter:blur(15px);

border-radius:50px;

font-weight:600;

margin-bottom:25px;

}

.obm-about-tag i{

color:#37c4ff;

}

.obm-about-content h1{

font-size:65px;

font-weight:800;

line-height:1.15;

margin-bottom:25px;

}

.obm-about-content p{

font-size:18px;

line-height:32px;

max-width:620px;

margin-bottom:35px;

color:#edf5ff;

}

.obm-about-breadcrumb{

display:inline-flex;

padding:15px 25px;

border-radius:50px;

background:rgba(255,255,255,.12);

backdrop-filter:blur(15px);

margin:0;

}

.obm-about-breadcrumb li{

color:#fff;

font-weight:600;

}

.obm-about-breadcrumb a{

color:#fff;

text-decoration:none;

}


.obm-about-breadcrumb .breadcrumb-item+.breadcrumb-item::before{

color:#9ad8ff;

}

.obm-shape{

position:absolute;

width:75px;

height:75px;

border-radius:50%;

background:rgba(255,255,255,.08);

display:flex;

align-items:center;

justify-content:center;

color:#6fd2ff;

font-size:28px;

animation:float 5s ease-in-out infinite;

backdrop-filter:blur(10px);

}

.obm-shape1{

top:18%;

right:10%;

}

.obm-shape2{

bottom:18%;

right:22%;

animation-delay:1s;

}

.obm-shape3{

top:35%;

right:32%;

animation-delay:2s;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

}

@media(max-width:991px){

.obm-about-content{

text-align:center;

}

.obm-about-content h1{

font-size:46px;

}

.obm-about-content p{

margin:auto auto 30px;

}

.obm-about-breadcrumb{

justify-content:center;

}

}

@media(max-width:576px){

.obm-about-hero{

padding:130px 0 90px;

}

.obm-about-content h1{

font-size:34px;

}

.obm-about-content p{

font-size:16px;

line-height:28px;

}

.obm-shape{

display:none;

}

}

/* about-team */
.obm-team-section{

padding:100px 0;

background:#f8fbff;

overflow:hidden;

}

.obm-team-subtitle{

display:inline-block;

padding:8px 22px;

background:#e8f5ff;

color:#03469f;

border-radius:30px;

font-weight:600;

margin-bottom:15px;

}

.obm-team-title{

font-size:48px;

font-weight:700;

color:#07294d;

margin-bottom:15px;

}

.obm-team-text{

max-width:650px;

margin:auto;

color:#666;

margin-bottom:50px;

}

.obm-team-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.5s;

}

.obm-team-card:hover{

transform:translateY(-10px);

}

.obm-team-image{

position:relative;

overflow:hidden;

}

.obm-team-image img{

width:100%;

height:380px;

object-fit:cover;

transition:.6s;

}

.obm-team-card:hover img{

transform:scale(1.08);

}

.obm-team-image::after{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:100%;

background:rgb(11 148 68 / 39%)!important;

opacity:0;

transition:.5s;

}

.obm-team-card:hover .obm-team-image::after{

opacity:1;

}

.obm-team-social{

position:absolute;

top:50%;

right:-70px;

transform:translateY(-50%);

display:flex;

flex-direction:column;

gap:10px;

transition:.5s;

z-index:2;

}

.obm-team-card:hover .obm-team-social{

right:15px;

}

.obm-team-social a{

width:42px;

height:42px;

background:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#0b9444;

text-decoration:none;

transition:.3s;

}

.obm-team-social a:hover{

background:#0b9444;

color:#fff;

transform:rotate(360deg);

}

.obm-team-content{

padding:25px;

position:relative;

background:#004aad;

color:#fff;

}

.obm-team-content h4{

font-size:24px;

font-weight:700;

margin-bottom:5px;

}

.obm-team-content span{

display:block;

font-size:17px;

margin-bottom:10px;

}

.obm-team-content p{

margin:0;

font-size:15px;

}

.obm-team-btn{

position:absolute;

right:25px;

top:-22px;

width:55px;

height:55px;

background:#fff;

color:#1198ff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

text-decoration:none;

transition:.4s;

box-shadow:0 10px 25px rgba(0,0,0,.15);

}

.obm-team-btn:hover{

background:#07294d;

color:#fff;

transform:rotate(180deg);

}

.swiper-pagination-bullet{

background:#86cbff;

opacity:1;

width:12px;

height:12px;

}

.swiper-pagination-bullet-active{

background:#1198ff;

width:35px;

border-radius:20px;

}

@media(max-width:991px){

.obm-team-title{

font-size:36px;

}

}

@media(max-width:576px){

.obm-team-section{

padding:70px 0;

}

.obm-team-title{

font-size:30px;

}

.obm-team-image img{

height:320px;

}

}

/* About-section  */
.obm-counter-section{

padding:80px 0;

background:#fff;

}

.obm-counter-wrapper{

background:linear-gradient(90deg,#f9ffd8,#dffef7);

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.obm-counter-box{

padding:45px 20px;

text-align:center;

border-right:1px solid rgba(0,0,0,.08);

transition:.4s;

position:relative;

}

.obm-counter-box:hover{

transform:translateY(-8px);

background:#fff;

}

.obm-counter-icon{

width:80px;

height:80px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

color:#fff;

margin-bottom:25px;

transition:.4s;

}

.obm-counter-box:hover .obm-counter-icon{

transform:rotate(360deg) scale(1.1);

}

.green{

background:#26c281;

}

.blue{

background:#1697f6;

}

.pink{

background:#ff4f91;

}

.yellow{

background:#ffbe1b;

}

.obm-counter-box h2{

font-size:52px;

font-weight:700;

color:#07294d;

margin-bottom:10px;

}

.obm-counter-box p{

font-size:20px;

color:#50627a;

margin:0;

}

@media(max-width:991px){

.obm-counter-box{

border-right:none;

border-bottom:1px solid rgba(0,0,0,.08);

}

}

@media(max-width:576px){

.obm-counter-section{

padding:60px 0;

}

.obm-counter-box{

padding:35px 15px;

}

.obm-counter-box h2{

font-size:38px;

}

.obm-counter-icon{

width:65px;

height:65px;

font-size:24px;

}

}

/* Contact-Section */
/*==============================
 Contact Section
==============================*/

.obm-contact-section{

padding:100px 0;
background:#fff;

}

.obm-contact-img{

overflow:hidden;
border-radius:25px;
box-shadow:0 18px 45px rgba(0,0,0,.12);

}

.obm-contact-img img{

width:100%;
display:block;
transition:.6s;

}

.obm-contact-img:hover img{

transform:scale(1.08);

}

/* Form */

.obm-contact-form{

background:#fff;

}

.obm-contact-form .form-control,
.obm-contact-form .form-select{

height:64px;
border-radius:50px;
border:1px solid #dce6f5;
padding:0 28px;
font-size:16px;
box-shadow:none;
transition:.4s;

}

.obm-contact-form textarea.form-control{

height:180px;
padding:25px;
border-radius:28px;
resize:none;

}

.obm-contact-form .form-control:focus,
.obm-contact-form .form-select:focus{

border-color:#1198ff;
box-shadow:0 0 0 5px rgba(17,152,255,.12);

}

.obm-contact-btn{

padding:16px 45px;
border:none;
border-radius:50px;
background:linear-gradient(135deg,#00b4ff,#007bff);
color:#fff;
font-size:17px;
font-weight:600;
transition:.4s;
overflow:hidden;
position:relative;

}

.obm-contact-btn:hover{

transform:translateY(-4px);
box-shadow:0 15px 30px rgba(0,123,255,.25);

}

.obm-contact-btn::before{

content:"";
position:absolute;
left:-120%;
top:0;
width:100%;
height:100%;
background:rgba(255,255,255,.25);
transform:skewX(-25deg);
transition:.6s;

}

.obm-contact-btn:hover::before{

left:120%;

}

/* Responsive */

@media(max-width:991px){

.obm-contact-section{

padding:70px 0;

}

.obm-contact-img{

margin-bottom:20px;

}

}

@media(max-width:576px){

.obm-contact-form .form-control,
.obm-contact-form .form-select{

height:56px;
font-size:15px;

}

.obm-contact-form textarea.form-control{

height:160px;

}

.obm-contact-btn{

width:100%;

}

}

/*============================
      MAP SECTION
=============================*/

.obm-map-section{
    padding:90px 0;
    background:#f7fbff;
}

.obm-map-title{
    margin-bottom:45px;
}

.obm-map-title span{
    display:inline-block;
    color:#1498ff;
    font-size:15px;
    font-weight:600;
    padding-left:15px;
    position:relative;
}

.obm-map-title span::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:3px;
    height:18px;
    background:#1498ff;
    transform:translateY(-50%);
}

.obm-map-title h2{
    font-size:42px;
    font-weight:700;
    color:#07294d;
    margin-top:12px;
}

.obm-map-title p{
    max-width:650px;
    margin:15px auto 0;
    color:#6d7b93;
    line-height:30px;
}

.obm-map-wrapper{
    width:100%;
    height:520px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.obm-map-wrapper iframe{
    width:100%;
    height:100%;
    border:0;
    transition:.4s;
}

.obm-map-wrapper:hover iframe{
    transform:scale(1.01);
}

/* Responsive */

@media(max-width:991px){

.obm-map-title h2{
    font-size:34px;
}

.obm-map-wrapper{
    height:430px;
}

}

@media(max-width:576px){

.obm-map-section{
    padding:70px 0;
}

.obm-map-title h2{
    font-size:28px;
}

.obm-map-title p{
    font-size:15px;
    line-height:28px;
}

.obm-map-wrapper{
    height:320px;
    border-radius:12px;
}

}