*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
img{max-width: 100%;}
ul,li{list-style: none;margin: 0; color: #4F4F4F;}
h1,h2,h3,h4,h5,p,span{font-family:  "Manrope", sans-serif;line-height: 1.2;}

a{text-decoration: none !important;display: inline-block;color: #383838;  font-family:  "Manrope", sans-serif;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
textarea{resize: none;}
p {color: #4F4F4F;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;}
.p-bold { font-weight: 600; font-size: 20px;}
.textl{text-align: left;}
.textc{text-align: center;}
.textr{text-align: right;}
body{background: #fff; font-family:  "Manrope", sans-serif;}

:root{
    --blue: #0A5FAF;;
	--dark-blue:#003466;
	--grey:#000000;
    --red : #e01e20;
    --box-shadow : rgba(0, 0, 0, 0.24) 0px 3px 8px;
    --white-filter :brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(279deg) brightness(106%) contrast(103%);
}

/* common btn */
.common-btn a {color: #fff;font-size: 17px !important;transition: 0.5s ease;position: relative;z-index: 2;display: flex;justify-content: center;align-content: center;background: linear-gradient(90deg,rgba(79, 193, 248, 1) 0%, rgba(5, 153, 224, 1) 50%);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 10px;position: relative;transition: 1s ease;width: 100%;max-width: 150px;  border-radius: 7px; border: solid 1px #ffffff3b;display: flex;justify-content: center;align-items: center;gap: 10px;max-width: 200px;padding: 15px 10px;}
.common-btn {display: flex; justify-content: center; align-items: center; position: relative;}
.common-btn a span{display: flex; justify-content: center; align-items: center;}
.common-btn a span img{width: 100%; max-width:16px; filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(7%) hue-rotate(18deg) brightness(104%) contrast(103%);}

/* .common-btn a:hover , .header-drop-down-main li:last-child a.act-link {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(5,153,224,0.35);} */
/* .common-btn a:hover , .header-drop-down-main li:last-child a.act-link {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(5,153,224,0.35);} */
.common-btn a::after {content: "";position: absolute;inset: 0;background: rgba(255,255,255,0.08);opacity: 0;transition: 0.35s ease;}
.common-btn a:hover::after {opacity: 1;}
.common-btn.white a {background: #fff !important; color: var(--red);} 

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.contact-us-card-wrapper .index-form input:-webkit-autofill,
.contact-us-card-wrapper input:-webkit-autofill:hover,
.contact-us-card-wrapper input:-webkit-autofill:focus,
.contact-us-card-wrapper input:-webkit-autofill:active{-webkit-text-fill-color:unset !important;}
  

 /* common css */
 .wrapper{overflow: hidden;}
 .wrapper{width: 100%;overflow: hidden;}
 .fluid-container{width: 100% ;max-width:1280px;margin: 0 auto;padding: 0 20px;}
 h1{font-size: 45px;font-weight: 700;color: #0A5FAF;}
h2 {font-size: 36px;font-weight: 700;color:#0A5FAF; margin: 0 0 15px;}
h3 {font-size: 28px;font-weight: 600;line-height: 1.3; color: var(--dark-blue);}
/* common css */




/* scrolled header */
header .header-top {transition: background 0.3s ease; }
.header-top {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 1330px;margin: auto; }
header.scrolled-header .header-top ul li a:hover {color:  #ff9817;}
header.scrolled-header .header-top {border: 0;border-radius: 0;box-shadow: rgba(0, 0, 0, 0.35) 0 0 0 !important;width: 100%;}
header.scrolled-header .common-btn {transition: 1s ease;background: #fff;}
header.scrolled-header  .header-top-left{max-width: 160px;}
.scrolled-header{top: 0 !important; transition: .5s ease-in-out;}
 /* header.scrolled-header .header-top ul li a { font-size: 17px;}  */
  header.scrolled-header .header-top .header-drop-down-main a  ,   header.scrolled-header .header-top .header-drop-down-main span{padding: 30px 15px;}

/* header */
header{position: relative;z-index: 10;width: 100%;top:0; background: #fff;}
header.scrolled-header { position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
.header-main-wrapper{background: #fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.scrolled-header .header-main-wrapper{ border-bottom: solid 1px var(--yellow); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.header-top .header-drop-down-main {display: flex;justify-content: flex-end;align-items: center;gap: 20px; width: 100%;}
.header-top   .common-btn a { color: #fff !important; position: relative;}
.header-top   .common-btn{position: relative;}
.header-top .header-drop-down-main a , .header-top .header-drop-down-main span{ font-size: 18px; color: #000; transition: 1s ease; padding:35px 15px; width: 100%; line-height: 1.2; position: relative;}
.header-top .header-drop-down-main .common-btn a{padding: 10px 15px !important;}
.header-top-left{width: 100%; max-width: 200px; transition: 1s ease;}
.header-top-left img{width:100%;max-width: 200px;height:auto;}
.header-top .header-drop-down-main a:hover , .header-top .header-drop-down-main span:hover {color: var(--red);}
/* .header-top  .common-btn a::before{position: absolute; content: ""; width: 100%; max-width: 150px; height: 45px; border: solid 1px #000; top: 0;} */



/* drop down */
.header-drop-down {position: absolute;top: -500px;background: #fff;padding: 5px 15px;visibility: hidden;opacity: 0;width: 100%;max-width: 400px;transition: 0.5s;z-index: -1;border-radius: 0 0 7px 7px;}
.header-drop-down-sub-wrapper li {display: flex;justify-content: center;align-items: center;gap: 10px;border: solid 1px #ffffff5c;margin: 10px 0;padding: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.header-drop-down-sub-wrapper li span img{width: 100%; max-width: 30px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7472%) hue-rotate(120deg) brightness(109%) contrast(110%);}
.header-drop-down-main li:hover .header-drop-down {visibility: visible;opacity: 1; top:90px;}
.header-drop-down li a {color: #fff !important;padding:10px 0 !important; transition: ease all .4s;}
.scrolled-header .header-drop-down-main li:hover .header-drop-down {top: 82px;}
.header-drop-down-main li a.act-link , .header-drop-down-main li span.act-link{color:var(--red);}
.nav-dropdown li:hover a{ transform: translateX(10px);}
.nav-dropdown li  a.act-link{color:var(--red); transform: translateX(10px) !important;}
.header-drop-down li {background: linear-gradient(131deg, rgb(10 95 175) 25%, rgb(255 0 0) 126%);box-shadow: var(--box-shadow);padding: 5px 10px;margin: 10px 0;}
/* .header-drop-down-main .header-drop-down-sub-wrapper li a.act-link{color: #fff !important;} */
.header-drop-down  li a.act-link , .header-drop-down  li:hover a{transform: translateX(10px);}

   


/*  Resp menu css  */
    .desk-resp-ham {display: none;}
    .desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;line-height: 12px;min-height: 34px;display: block !important;width: 34px;text-align: center;right: 5px;bottom: 22px;margin: 0 20px;}
    .desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: 0;height: 3px;right: 0;margin: 0 auto;width: 30px;opacity: 1;background:var(--blue) ;transition: all .25s ease;}
    .desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
    .desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;}
    .desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;}
    .desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
    .desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
    .desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
    .desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;background:var(--dark-blue);width:300px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;}
    .desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
    .desk-resp-ham .sidebar.active {left: 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637);}
    .desk-resp-ham .sidebar.active > a{width: 100%;background: #dcd1bf;display: flex;justify-content: center;align-items: center;padding: 20px 10px;}
    .desk-resp-ham .sidebar img {width: 100%; max-width: 200px;}
    .desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
    .desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
    .desk-resp-ham .sidebar ul.menu li a {position: relative;color: #fff;width: 100%;width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 17px;text-align: left;}
    .desk-resp-ham .sidebar ul.menu li a.act-link{color:#FFCD00 !important;}
    .nav-dropdown li a {padding: 10px 0 10px 30px !important;}
    .nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
    /* .desk-resp-ham .sidebar ul.menu > li > a:hover, .desk-resp-ham .sidebar ul.menu > li > a.act-link {color: var(-) !important;} */
    .desk-resp-ham .sidebar ul.menu>li>a {display: flex;gap: 5px;align-items: center;}
    .desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
    .nav-dropdown-1 { background: #718d67; border-top: 3px solid #dcd1bf;}
    .desk-resp-ham .sidebar ul.menu > li > span { display: flex; gap: 5px; align-items: center; border-bottom: 1px dotted var(--orange);}
    .desk-resp-ham .sidebar ul.menu li span { position: relative; text-transform: capitalize; color: #fff; width: 100%;  justify-content: space-between; display: flex; padding: 15px 20px 15px 20px; font-size: 17px; text-align: left;}
    .desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li > span.act-link {color:#FFCD00 !important;}
    .nav-dropdown li.act-link a,.nav-dropdown li:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #dcd1bf !important;}
    .nav-dropdown li a.act-link::before,.nav-dropdown li a:hover::before,.desk-resp-ham .sidebar ul.menu>li>a.act-link a::before {border-right: 2px solid #ffd49b;border-bottom: 2px solid #ffd49b;}
    .nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #ffd49b !important;}
    .desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
    .desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
    .desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
    .nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;}
    .nav-dropdown li a {font-size: 15px !important;color: #fff !important;}
    .desk-resp-ham .sidebar ul.social-icon li:hover a {color: #dcd1bf;}
    .desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
    .desk-ham-menu li a.act-link ~ ul{display: block !important;}
    .scrolled-header .desk-resp-ham ul.toggle-desk {bottom:20px;}
    .header-logo a{padding:20px 0;}
/*  Resp menu css  */

.header-logo a{padding:20px 0;}
/*  Resp menu css  */



/* banner */
.banner-main-wrapper {position: relative;width: 100%;height: 100%;overflow: hidden;padding: 130px 0 150px;background: linear-gradient(180deg, rgba(247, 250, 255, 1) 0%, rgb(243 251 253 / 69%) 50%);}
.banner-inner-wrapper {width: 100%;height: 100%;margin: auto;display: flex;justify-content: center;align-items: center;gap: 40px;}
.banner-inner-wrapper::before {position: absolute;content: "";width: 100%;max-width: 900px;height: 900px;background: url(../images/bg-element.webp) no-repeat center center/cover;left: 0;top: 0;right: 0;margin: 0 auto;}
.banner-icons-right {display: flex;justify-content: flex-start;align-items: center;gap: 25px;}
.right-icon {width: 100%;max-width: 45px;display: flex;justify-content: center;align-items: center;border-top-left-radius: 6px;border-bottom-left-radius: 6px;background: linear-gradient(90deg, rgba(0,110,176,1) 0%, rgba(0,169,233,1) 100%);}
.right-icon img {width: 100%;max-width: 40px;height: auto;filter: invert(100%) sepia(7%) saturate(2351%) hue-rotate(143deg) brightness(112%) contrast(105%);}
.right-icon:nth-child(2) {border-top-right-radius: 6px;border-bottom-right-radius: 6px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.banner-bottom-icons span {display: flex;gap: 30px;}
.banner-txt{width: 100%; max-width: 50%;}
.banner-img {position: relative;width: 100%;max-width: 50%;display: flex;justify-content: center;align-items: center;}
.banner-img img{width: 100%; max-width: 600px; z-index: 1; position: relative;}

.banner-img-content {position: absolute;background: #ffff;top: 5px;left: -32px;padding: 0 30px;border-radius: 6px;z-index: 1;}
.banner-img-content p span img{width: 100%; max-width: 15px; margin-right: 10px; filter: brightness(0) saturate(100%) invert(75%) sepia(72%) saturate(2783%) hue-rotate(318deg) brightness(94%) contrast(88%);}
.banner-img-content-1 {z-index: 1;position: absolute;background: #ffff;bottom: -40px;right: -57px;box-shadow: var(--box-shadow);padding: 0 30px;border-radius: 6px;width: 100%;max-width: 400px;}
.banner-img-content p, .banner-img-content-1 p{font-size: 16px; text-align: start;}
.banner-img-content-1 p span img{width: 100%; max-width: 15px; margin-right: 10px; filter: brightness(0) saturate(100%) invert(75%) sepia(72%) saturate(2783%) hue-rotate(318deg) brightness(94%) contrast(88%);}
.banner-txt h1 {color: #3C3F3E;display: contents; font-weight: 600; font-size:38px; line-height: unset;}
.banner-txt h1 span{color: var(--red); line-height: unset;}
.banner-txt p{text-align: start;}
.banner-txt p span{color: var(--blue); font-weight: 800;}

.banner-txt .common-btn{justify-content: start;}
.banner-txt .common-btn a {border: solid 1px #ffffff3b;display: flex;justify-content: center;align-items: center;gap: 10px;max-width: 200px;padding: 15px 10px;}
.banner-txt .common-btn a span{display: flex; justify-content: center; align-items: center;}
.banner-txt .common-btn a span img{width: 100%;filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(7%) hue-rotate(18deg) brightness(104%) contrast(103%);}


/* Initial hidden state */
.banner-txt h1,
.banner-txt p,
.banner-txt .common-btn {
    opacity: 0;
    transform: translateY(40px);
}

/* Animate */
.banner-txt.active h1 {
    animation: fadeUp 0.8s ease forwards;
}

.banner-txt.active p {
    animation: fadeUp 0.8s ease forwards;
    animation-delay: 0.3s;
}

.banner-txt.active .common-btn {
    animation: fadeUp 0.8s ease forwards;
    animation-delay: 0.6s;
}

.banner-img.active img{   animation: floatUp 0.8s ease forwards; animation-delay: 0.3s;  transform: translateY(40px);}

/* Keyframes */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Initial hidden state */
.banner-img-content,
.banner-img-content-1 {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
     border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Animate when active */
.banner-img-content.active {
    animation: floatUp 0.8s ease forwards;
    animation-delay: 0.8s;
    background: rgba(255, 255, 255, 0.2);
}

.banner-img-content-1.active {
    animation: floatUp 0.8s ease forwards;
    animation-delay: 1.2s;
    background: rgba(255, 255, 255, 0.8);
   
}
/* Keyframes */
@keyframes floatUp {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}





/* owl-carousel css  */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%;}
.owl-carousel .owl-dots ,.owl-carousel .owl-nav{font-size:55px}
 .slider-home.owl-carousel .owl-nav{display: none !important;}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display: flex;justify-content: center;align-items: stretch;}
.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav [class*=owl-]{color:#b4b4b4;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot{display:inline-block;}
.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.owl-theme .owl-dots .owl-dot.active span{background:#b4b4b4}
.owl-dots{text-align-last: center;padding:0;}
.owl-carousel button.owl-dot {width: 12px;height: 12px;margin: 15px 5px;background: #fff;border-radius: 50px;display: inline-block;position: relative;transition: all 0.4s ease;}
.owl-dots {display: flex !important;justify-content: center;align-items: center;gap: 5px; position: relative;}
.owl-dots .owl-dot.active { width: 40px;  background: #fff !important; opacity: 1;}

@keyframes dotLine {
    from {
        width: 40%;
        opacity: 0.5;
    }
    to {
        width: 80%;
        opacity: 1;
    }
}


/* owl-carousel css  */


.trusted-expertise-main-wrapper {padding:0 0 40px;background: linear-gradient(180deg, rgb(247 252 254) 0%, rgb(243 251 253) 50%);}
.trusted-expertise-inner-wrapper {position: relative;;padding: 60px 20px;box-shadow: var(--box-shadow);border-radius: 30px; background: #fff;}
.trusted-expertise-inner-wrapper::before {position: absolute;content: "";width: 100%;max-width: 70px;height: 70px;background: url(../images/trusted-experience-vector.webp) no-repeat center center/cover;right: -72px;top: 20px;object-fit: cover;}
.trusted-expertise-inner-wrapper::after {position: absolute;content: "";width: 100%;max-width: 70px;height: 70px;background: url(../images/trusted-experience-vector.webp) no-repeat center center/cover;left: -72px;bottom: 20px;object-fit: cover;}
.trusted-expertise-inner-wrapper h2{text-align: center;}
.trusted-expertise-inner-wrapper > p {text-align: center;margin: 0 0 20px;color: #000;font-size: 22px;}
.trusted-expertise-cards-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 30px; flex-wrap: wrap;}
.trusted-expertise-card {width: 100%;max-width: 270px;background: #EDFBEA;padding: 15px;border-radius: 10px;box-shadow: var(--box-shadow); }
.trusted-expertise-cards-wrapper  .trusted-expertise-card:nth-child(2){background: #FFDCFE;}
.trusted-expertise-cards-wrapper  .trusted-expertise-card:nth-child(3){background:#E5E0FF;}
.trusted-expertise-cards-wrapper  .trusted-expertise-card:nth-child(4){background:#FFE6E7;}

.trusted-expertise-card span{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center;}
.trusted-expertise-card span img {width: 100%;max-width: 35px;height: 35px;object-fit:contain;}
.trusted-expertise-card h3{font-size: 18px; text-align: center; margin: 5px 0 0;}






.our-expertise-main-wrapper {padding: 40px 0 100px;background: linear-gradient(180deg, rgb(222 252 255 / 0%) -32%, rgb(229 246 251) 50%);}
.our-expertise-inner-wrapper h3{margin: 0 0 25px; color: var(--dark-blue); font-weight: 600;}



   
.our-expertise-card {position: relative;border-radius: 15px;width: 100%;max-width: 400px;height: 400px;}
.our-expertise-card::before {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(to top, #00000082, #1276e100);bottom: 0;left: 0;border-radius: 0 0 0 20px;}
.our-expertise-card span::after {content: "";position: absolute;width: 50px;height: 50px;border-radius: 50%;}
.our-expertise-card span::before {right: -20px;bottom: 65px;box-shadow: 35px 35px 0 10px #e5f6fb; }
.our-expertise-card span::after {right: 65px;bottom: -17px;box-shadow: 26px 35px 0 10px #e5f6fb;transform: rotate(366deg);}
.our-expertise-card span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 50px;height: 50px;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position: relative;border:solid 1px #ec9191;}
.our-expertise-card span img{width: 100%;max-width: 20px; filter: brightness(0) saturate(100%) invert(74%) sepia(70%) saturate(3721%) hue-rotate(320deg) brightness(100%) contrast(81%);}
.our-expertise-card span::before, .ip-why-swaragh-main-card.why span::after{content: "";position: absolute;width: 50px;height: 50px;border-radius: 50%;}
.our-expertise-card .arrow {position: absolute;right: 0;bottom: 0;width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;background: #e5f6fb;border-top-left-radius: 45px;}
.our-expertise-card h4 {font-size: 22px;color: #fff;position: absolute;bottom: 20px;left: 20px;}

/* ===== DEFAULT ===== */
.our-expertise-card h4 {
    width: 100%;
    max-width: 300px;
    position: absolute;
    bottom: 30px;
    left: 20px;
    right: 20px;
    margin: 0;
    color: #fff;
    transition: all 0.3s ease;

}

.our-expertise-card p {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 30px; /* same base as h4 */
    color: #fff; /* 👈 white as you wanted */
    opacity: 0;
    transform: translateY(40px); /* hidden below */
    transition: all 0.4s ease;
    text-align: start;
}

/* ===== HOVER ===== */
.our-expertise-card:hover::before {
    background: linear-gradient(to top, #000000e0, #00000090);
    border-radius: 15px;
}

/* p comes ABOVE h4 */
.our-expertise-card:hover p {
    opacity: 1;
    transform: translateY(-80px); /* 👈 goes above h4 */
}

/* h4 stays bottom (no movement) */

/* arrow hides */
.our-expertise-card:hover .arrow {
    opacity: 0;
    transform: translateY(20px);
}


.our-expertise-cards-wrapper.owl-carousel .owl-dots, .owl-carousel .owl-nav {width: 100%;max-width: 1200px;position: absolute;right: 10px;margin: auto;height: 50px;display: flex !important;justify-content: end;align-items: center;gap: 20px;z-index: 5;top: -80px;}
.our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-prev, .our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-next {width: 50px;height: 50px;border-radius: 50%;display: flex;justify-content: center;align-items: center;top: 0;bottom: -30px;left: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border: solid 1px #ec9191; transition: ease 0.3s ;}
.our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-prev::before, .our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-next::before {content: '';position: absolute;width: 20px;background: url(../images/icons/right-arrow.webp) no-repeat center center/contain;height: 30px;z-index: 0;transform: scaleX(-1);filter: brightness(0) saturate(100%) invert(74%) sepia(70%) saturate(3721%) hue-rotate(320deg) brightness(100%) contrast(81%);;}
.our-expertise-cards-wrapper.owl-carousel .owl-dots, .owl-carousel .owl-nav span {display: none !important;}
.our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-next::before{transform: unset;}
.our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-prev:hover,
.our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-next:hover {background:#E01E20;}
.our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-prev:hover::before,
.our-expertise-cards-wrapper.owl-carousel .owl-nav button.owl-next:hover::before {filter: var(--white-filter);}





.our-services-main-wrapper{padding: 70px 0 90px;}
.our-services-inner-wrapper h2{text-align: center;}
.our-services-inner-wrapper h3{text-align: center;}
.our-services-cards-wrapper{display: flex; justify-content: center;flex-wrap: wrap; align-items: stretch; gap: 30px; padding-top: 45px;}
.our-services-card { position: relative;;width: 100%;max-width: 340px;box-shadow: var(--box-shadow);padding: 20px;border: solid 1px #9bdfff;border-radius: 25px;transition: all 0.4s ease;}
.our-services-cards-wrapper .our-services-card:first-child {max-width: 450px;}
.our-services-cards-wrapper .our-services-card:nth-child(2) {max-width: 600px;}
.our-services-card-content h4{font-size: 17px; margin: 5px 0 0;}
.our-services-card-content p {font-size: 15px;text-align: start;margin: 5px 0 0;}
.our-services-card-content  ul li{font-size: 15px;}
.our-services-inner-wrapper .common-btn{padding: 40px 0 0;}
.our-services-card-cover-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: all 0.4s ease;z-index: 2;}
.our-services-card-cover-img img {width: 100%;height: 100%;object-fit: cover; border-radius: 25px;}
.our-services-card-content {position: relative;z-index: 1;transition: all 0.4s ease;}
.our-services-card-img {position: relative;z-index: 1;margin-bottom: 10px; }
.our-services-card:hover .our-services-card-content,
.our-services-card:hover .our-services-card-img {opacity: 0;visibility: hidden;transform: translateY(20px); }
.our-services-card:hover .our-services-card-cover-img {opacity: 1;visibility: visible; }
.our-services-card-img span img{ width: 100%; max-width:25px; height: 25px; object-fit: cover;}
.our-services-card-img span{justify-content: center;align-items: center;max-width: 50px;height: 50px;display: flex;background: #4bbc364f;border-radius: 10px;}
.our-services-cards-wrapper .our-services-card:nth-child(2) .our-services-card-img span{background: #db6be026;}
.our-services-cards-wrapper .our-services-card:nth-child(3) .our-services-card-img span{background:#ff000217;}
.our-services-cards-wrapper .our-services-card:nth-child(4) .our-services-card-img span{background:#f4e3f9;}
.our-services-cards-wrapper .our-services-card:nth-child(5) .our-services-card-img span{background:#00cbbc26;}



/* Index cta */

.cta-main-wrapper{position: relative; padding:60px 0; background:url(../images/footer-bg.webp) no-repeat center  bottom/cover; }
.cta-main-wrapper::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; background: linear-gradient(90deg, rgb(34 92 111 / 79%) 57%, rgb(48 171 228 / 91%) 101%);}
.cta-inner-wrapper  h2 {text-align: center;color: #fff;font-size: 38px;position: relative;width: 100%;max-width: 1100px;margin: 0 auto;}
.cta-inner-wrapper  p{text-align: center; color: #fff; margin: 5px 0 15px;}
.cta-inner-wrapper .common-btn{display: flex; justify-content: center; align-items: center; gap: 20px; position: relative;}


/* Index cta */



.why-medordyn-main-wrapper {padding: 70px 0;background: linear-gradient(180deg, rgb(222 252 255 / 0%) -32%, rgb(229 246 251) 50%);box-shadow: 0px -6px 10px rgb(104 111 116 / 10%);}
.why-medordyn-inner-wrapper h2 , .why-medordyn-inner-wrapper  h3{text-align: center;}
.why-medordyn-card-wrapper {display: flex;justify-content: center;align-items: center;padding: 90px 0  30px; gap: 40px;}
.why-medordyn-card{width: 100%; max-width:25%;}
.why-medordyn-card-wrapper .why-medordyn-card:nth-child(2){ position: relative;;max-width: 40%; display: flex; justify-content: center; align-items: center;}
.why-medordyn-card-wrapper .why-medordyn-card:nth-child(2) img{width: 100%;  max-width: 300px;}
.why-medordyn-card-wrapper .why-medordyn-card:nth-child(2) span { position: relative;width: 100%;max-width: 350px;height: 350px;background:#e3565b;border-radius: 100%;display: flex;justify-content: center;align-items: center; box-shadow: var(--box-shadow);}
.why-medordyn-card-wrapper .why-medordyn-card:nth-child(2)::before {position: absolute;content: "";width: 100%;max-width: 450px;height: 450px;background: #C3E8F7;border-radius: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto; box-shadow: var(--box-shadow);}
.why-medordyn-card-content { width: 100%; max-width: 337px;position: relative;padding: 20px;background: #9689E8;margin: 60px 0;box-shadow: var(--box-shadow);transform: skewX(-23deg);border-radius: 7px;}
.why-medordyn-card-content h4 {font-size: 20px;text-align: center;color: #fff;transform: skewX(23deg);}
.why-medordyn-card-wrapper .why-medordyn-card:first-child .why-medordyn-card-content:last-child{background: #5FB996;}
.why-medordyn-card-wrapper .why-medordyn-card:last-child .why-medordyn-card-content:first-child{background: #E77A66;}
.why-medordyn-card-wrapper .why-medordyn-card:last-child .why-medordyn-card-content:last-child{background:#02C9B8;}
.why-medordyn-card-content::before {position: absolute;content: "";width: 10px;height: 10px;background: #9689E8;top: 0;bottom: 0;right: -34px;margin: auto 0;transform: skewX(24deg);border-radius: 100%;}
.why-medordyn-card-wrapper .why-medordyn-card:first-child .why-medordyn-card-content:last-child::before{background:#5FB996;}
.why-medordyn-card-wrapper .why-medordyn-card:last-child .why-medordyn-card-content:first-child::before{background: #E77A66; right: unset; left: -34px;}
.why-medordyn-card-wrapper .why-medordyn-card:last-child .why-medordyn-card-content:last-child::before{background: #02C9B8; right: unset; left: -34px;}
.why-medordyn-inner-wrapper .why-medordyn-card-content.last-child{margin: 60px auto 0; background: #544374;}
.why-medordyn-inner-wrapper .why-medordyn-card-content.last-child::before {right: 0;top: -20px;left: -20px;margin: 0 auto; background: #544374;}





.our-approach-main-wrapper{padding: 60px 0;}
.our-approach-inner-wrapper h2 , .our-approach-inner-wrapper h3{text-align: center;}
.our-approach-inner-wrapper p {text-align: center;margin: 10px auto;width: 100%;max-width: 700px;font-size: 16px;}
.our-approach-card-wrapper{display: flex; justify-content: center; align-items: center; gap: 60px;}
.our-approach-card-content{width: 100%; max-width: 55%;}
.our-approach-card-img{width: 100%; max-width: 45%; display: flex; justify-content: center; align-items: center; position: relative;}
.our-approach-card-img img{width: 100%; max-width: 420px;}
.our-approach-card-img-content {position: absolute;background: #ffff;bottom: -24px;left: -25px;box-shadow: var(--box-shadow);padding: 0 30px;border-radius: 6px;}
.our-approach-card-img-content p span img{width: 100%; max-width: 15px; margin-right: 10px; filter: brightness(0) saturate(100%) invert(75%) sepia(72%) saturate(2783%) hue-rotate(318deg) brightness(94%) contrast(88%);}

.our-approach-card-sub-content-wrapper{position: relative;;margin: 35px 0; width: 100%; max-width: 500px;}
/* .our-approach-card-sub-content-wrapper::before {position: absolute;content: "";width: 2px;height: 100%;border-left: dotted 2px #14A0E8;left: 25px;bottom: -43px; z-index: -1;} */
.our-approach-card-sub-content-wrapper {position: relative;}
.our-approach-card-sub-content-wrapper::before { content: ""; position: absolute; left: 25px; bottom: -43px; width: 2px; height: 100%; background: repeating-linear-gradient(
        to bottom,
        #14A0E8 0px,
        #14A0E8 4px,
        transparent 4px,
        transparent 8px
    );

    background-size: 100% 20px;
    animation: moveLine 1s linear infinite;
    z-index: -1;
}
@keyframes moveLine {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 20px;
    }
}

.our-approach-card-content .our-approach-card-sub-content-wrapper:last-child::before{display: none;}
.our-approach-card-sub-content-wrapper h4{font-size: 24px;}
.our-approach-card-sub-content-wrapper p {text-align: start;font-size: 16px;margin: 0 0 0 70px;}
.our-approach-card-sub-content {display: flex;justify-content: start;align-items: center;gap: 20px;}
.our-approach-card-sub-content span{display:flex; justify-content: center; align-items: center; width:50px; height:50px; background: #5FCB4B; border-radius: 100%; font-size: 20px; color: #fff; box-shadow: var(--box-shadow);}
.our-approach-card-content .our-approach-card-sub-content-wrapper:nth-child(2) .our-approach-card-sub-content span{background: #E278E4;}
.our-approach-card-content .our-approach-card-sub-content-wrapper:nth-child(3) .our-approach-card-sub-content span{background:#14A0E8;}





.training-programs-main-wrapper {padding: 20px 0 90px;position: relative;}
.training-programs-main-wrapper::before{position:absolute; content:""; width: 100%; max-width: 100%; height: 100%; background: url(../images/traning-programs-bg.webp) no-repeat center bottom/cover; bottom: 0; z-index: -1;}
.training-programs-inner-wrapper h2{text-align: center;}
.training-programs-inner-wrapper h3{text-align: center;}
.training-programs-inner-wrapper .tabs{padding: 40px 0 0;}
.tabs{display:flex; gap:30px; border-bottom:1px solid #ddd; margin-bottom:40px; overflow: auto;}
.tab{padding:10px; cursor:pointer; display: flex; justify-content: center; align-items: center; gap: 10px; min-width:200px;}
.tab.active{ color: var(--dark-blue); border-bottom:3px solid #5FCB4B;}
.training-programs-card {display: none;}
.training-programs-card.active {display:flex;}
.training-programs-card{justify-content: center; align-items: center; gap: 40px;}
.training-programs-card-img{width: 100%; max-width: 500px;}
.training-programs-card-content{width: 100%; max-width: 50%;}
.training-programs-card-content p{text-align: start;}
.training-programs-card-content h4{font-size: 22px;}
.training-programs-card-img  img {width: 100%;max-width: 500px;box-shadow: var(--box-shadow);border-radius: 15px;}
.training-programs-card-content .common-btn a{max-width: 250px;}
.training-programs-card-content .common-btn{justify-content: start;}







#to-top {color: #ffc304;cursor: pointer;position: fixed;bottom: 50px;right: 35px;width: 50px;height: 50px;z-index: 9;padding: 6px;border-radius: 50%;}
#to-top img {filter: brightness(0) saturate(100%) invert(70%) sepia(36%) saturate(5849%) hue-rotate(324deg) brightness(105%) contrast(98%);;transform: rotate(-45deg);}





/* footer */
.footer-main-wrapper{ width: 100%;height:100%;position: relative; background:url(../images/footer-bg.webp) no-repeat center center/cover;}
.footer-main-wrapper::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #1a6285ed;}

.footer-inner-wrapper { padding: 40px 0;}
.footer-links {position: relative; padding: 30px 0 0;}
.footer-inner-wrapper  .footer-links:first-child{display: flex; gap: 60px; align-items: center;}
.footer-inner-wrapper  .footer-links .footer-links-img{width: 100%; max-width:250px;}
.footer-inner-wrapper img{position: relative;width:100%;max-width: 250px;}
.footer-inner-wrapper  .footer-links:first-child p{font-size:18px; text-align: start;}
.footer-inner-wrapper  .footer-links  p , .footer-inner-wrapper  .footer-links ul li , .footer-links li a{color: #fff;}
.footer-inner-wrapper  .footer-links:nth-child(2) ul {display: flex;justify-content: space-around;align-items: center;background: #fff;padding: 15px ;border-radius: 30px; box-shadow: var(--box-shadow);}
.footer-inner-wrapper  .footer-links:nth-child(2) ul li a{color:var(--dark-blue); font-weight: 600;}
.footer-inner-wrapper  .footer-links:nth-child(3) {display: flex;justify-content: space-between;align-items: center;}



.footer-contact-list {display: flex;justify-content: start;align-items: center;gap: 10px;}
.footer-links ul li{padding:5px 0;}
.footer-contact-list span img{	width: 100%;max-width:30px;height: auto; filter: var(--white-filter); }
.copyrights-wrapper {position: relative;background:#0195DE;}
.copyrights {display: flex;justify-content: space-between;align-items: center; padding: 5px 0;}
.copyrights p, .copyrights a { margin: unset; font-size: 14px; color: #ffff;}
.swaragh-logo{position: relative;top: 4px;}
.copyrights a{display: flex;justify-content: space-between;align-items: center; gap:10px; }
.footer-contact-list a {transition: 1s ease;position: relative;color: #fff;width: 100%;display: flex;justify-content: center;align-items: center;}
.footer-links li a , .footer-inner-wrapper .footer-links p, .footer-inner-wrapper .footer-links ul li{font-size: 16px; transition: 1s ease;}
.footer-contact-list:hover p , .footer-links ul li:hover a{color: var(--red) !important;}

.footer-links ul li a.act-link{color: var(--red) !important;}


.inner-page-banner-wrapper {height:450px;position: relative;z-index: 0;}
.inner-page-banner-wrapper .fluid-container {height: 100%;}
.banner-text {height: 100%;display: flex;justify-content:end;align-items:start;position: relative;flex-direction: column;z-index: 2; padding-bottom: 20px;}
.banner-text span {color: #fff;font-size: 30px;text-align: start;line-height: 1.6;}
.inner-span-bredcumbs{font-style: italic; font-weight: 200;}
.breadcrumbs {display: flex;justify-content: center;align-items: center;gap: 15px;margin: 15px 0;padding: 8px 15px;border-radius: 8px;border: solid 0.5px #fff;}
.breadcrumbs li, .breadcrumbs a {color: #fff;position: relative; font-weight: 600; display: flex;}
span.breadcrumbs-active { font-size: 18px !important;}
.common-inner-page-wrapper {padding: 60px 0;}
.breadcrumbs-img {position: relative;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.breadcrumbs-img::before {content: '';position: absolute ;width: 100%;max-width: 40px;height: 40px;border-radius: 50%; }
.breadcrumbs-img img {width: 100%;max-width: 25px;filter: brightness(0) saturate(100%) invert(90%) sepia(43%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(105%);  animation: pulseRotate 2s ease-in-out infinite;}
.inner-banner-content-wrapper{width: 100%;display:flex ; justify-content: space-between; align-items: center;}













/* Conatct Us */

.contact-us-section-main-wrapper{padding: 90px 0}
.contact-us-inner-wrapper h2{text-align: start; color: #08BFF9;}
.cta-inner-wrapper{position: relative;}
.contact-section {padding: 100px 0;background: #f7f9fc;}
.contact-us-wrapper{display: flex;justify-content: center;align-items: center;gap: 20px;}
.contact-form-box{width: 100%; max-width: 55%;}
.contact-form-box h3 {font-size:26px;margin-bottom: 20px;color: #ffff;}


/* FORM STYLE */

.contact-form-box { width: 100%; max-width: 50%;background: #022D5A;padding: 40px 30px;border-radius: 20px;box-shadow: var(--box-shadow);border: solid 1px var(--red);}
.contact-img{width: 100%; max-width: 50%;}
.contact-img img{width: 100%; max-width: 600px; border-radius: 20px; box-shadow: var(--box-shadow);}
.form-group {position: relative;margin-bottom: 30px;}
.btn-submit {background: #ffca08;border: none;padding: 14px 30px;font-weight: 600;cursor: pointer;border-radius: 6px;transition: 0.3s ease;width: 100%;max-width: 200px;box-shadow: var(--box-shadow);}
.btn-submit:hover {background: #1c2b4a;color: #ffffff;}
.grecaptcha-badge{right: -500px;}
.index-contact-us-btn{width: 100%;display: flex; justify-content: start; align-items: center;}
input,textarea {width: 100%;padding: 12px 14px;border: none;border-bottom: 2px solid #ccc;background: transparent;font-size: 16px;outline: none;transition: border-color 0.3s;}
input::placeholder, textarea::placeholder {color: #999;}
input:focus{ border-color:var(--orange);}
/* Form */
.index-form { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: auto;}
.input-wrapper { position: relative; margin-bottom: 20px;width: 100%;  border-bottom: 1px solid #ffffff73;}
.index-contact-us-inner-wrapper .index-form .input-wrapper:nth-child(5){width:98%;}
.submit-btn {width: 100%;max-width:200px;padding: 10px 30px;background: linear-gradient(90deg,rgba(79, 193, 248, 1) 0%, rgba(5, 153, 224, 1) 50%);color: #fff;font-size: 20px;border: none;border-radius: 6px;cursor: pointer;transition: background 0.3s;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

/* Form */

/* Lable Animation */
.user-box input,
.user-box-readonly input,
.user-box select{ width: 100%; padding: 20px 0 10px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative;color: #ffff;}
.user-box textarea { width: 100%; margin: 20px 0 10px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative; height: 22px;color:#fff;}
.user-box label,
.user-box-readonly label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 18px; color: #fff; pointer-events: none; transition: .5s;}
.user-box-readonly label {top: -15px;}
.banner-details-right .user-box-readonly label {color: var(--blue); top: -15px;}
.user-box-readonly select {padding: 20px 0 10px;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Override background color */ transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */}
    /* input:-webkit-autofill {-webkit-text-fill-color: #fff !important;} */
form.index-page input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; /* Text color inside autofilled input */ }
.input-color input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; }
/* .user-box input{color:#000;} */
.contact-us-card-wrapper .user-box input{color: #000;}

.grecaptcha-badge{right: -500px !important;}

/* Lable Animation */


/* Conatct Us */




/* Inner page  */


.inner-page-banner-wrapper {height:400px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px;overflow: visible;position: relative;z-index: 1;}
.inner-page-banner-wrapper .fluid-container {height: 100%;}
.banner-text {height: 100%;display: flex;justify-content:end;align-items:start;position: relative;flex-direction: column;z-index: 2; padding: 0 20px 20px;}
.banner-text h1 {color: var(--white);font-size: 40px;text-align: start;line-height: 1.6;text-transform: uppercase;margin: unset;text-shadow: .5px .5px .5px rgb(0 0 0 / 43%);}
.banner-text p{ color: #fff; margin: 0 0 10px; font-size: 20px; font-weight: 500; text-align: start;}
.inner-span-bredcumbs{font-style: italic; font-weight: 200;}
.breadcrumbs {display: flex;justify-content: center;align-items: center;gap: 10px;margin: 0 0 15px;background: #00000085;padding: 10px;}
.breadcrumbs li, .breadcrumbs a {color:#fff;position: relative;  display: flex; font-size: 14px;}
span.breadcrumbs-name { font-size: 18px !important;}
.common-inner-page-wrapper {padding: 60px 0;}
.breadcrumbs-img {position: relative;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;}
.breadcrumbs-img img {width: 100%;max-width:12px; filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(258%) hue-rotate(224deg) brightness(119%) contrast(100%);}
.inner-banner-content-wrapper{width: 100%;display:flex ; justify-content:start; align-items: center;}
.breadcrumbs-black.breadcrumbs li ,  .breadcrumbs-black.breadcrumbs a{color: #000;}
.breadcrumbs-black.breadcrumbs .breadcrumbs-img img {filter: unset;}




/* About Us */

.about-us-main-wrapper{padding:70px 0 90px;}
.about-medordyn-solutions h1{text-align: center;}
.about-medordyn-solutions p{width: 100%; max-width:1100px; margin: 15px auto; text-align: center;}
.common-span-color{color: var(--red);}
.our-purpose-wrapper{padding: 40px 0;}
.our-purpose-wrapper h2{text-align: center;}
.our-purpose-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 40px;}
.our-purpose-img{width: 100%; max-width: 450px;}
.our-purpose-img img{width: 100%; max-width:450px; box-shadow: var(--box-shadow); border-radius: 15px;}
.our-purpose-content{width: 100%; max-width: 750px;}

.our-expertise-wrapper{padding:30px 0;}
.our-expertise-wrapper h2{text-align: center;}
.our-expertise-wrapper p{width: 100%; max-width: 800px; margin: 10px auto; text-align: center;}

.our-expertise-cards-wrapper {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap: 22px;margin-top: 40px;}
.our-expertise-item {width: 100%;max-width: 550px;position: relative;background: #ffffff;padding: 20px 0 20px 50px;border-radius: 0 12px 12px 0;border-top: 1px solid #5FCB4B;transition: all 0.35s ease;box-shadow: var(--box-shadow);border-bottom: 1px solid #5FCB4B;border-right: 1px solid #5FCB4B;}
.our-expertise-item::before {content: "";position: absolute;left: 0;top: 0;width: 4px;height: 100%;background: linear-gradient(180deg, #0077ff, #00c6ff);}
.our-expertise-item p {position: relative;margin: 0;font-size: 16px;color: #0a2540;line-height: 1.6;transition: 0.3s ease;text-align: start;}         
.our-expertise-item p::after {content: "";position: absolute;left: -25px;top: 10px;width: 10px;height: 10px;background: red;border-radius: 50%;transform: translateY(-50%);box-shadow: var(--box-shadow);transition: 0.3s ease;}
.our-expertise-item:hover { transform: translateX(10px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); border-color: #d6e4f5;}
.our-expertise-note{color: #000; margin: 30px auto 0 !important;}


.about-our-approach-wrapper{display: flex; justify-content: center; align-items:stretch; gap: 20px; padding: 30px 0 0;}
.about-our-approach-card {width: 100%;max-width: 50%;box-shadow: var(--box-shadow);padding: 30px;border-bottom: 5px solid #fc46ff;}
.about-our-approach-card h2{font-size: 28px; color: var(--dark-blue);}


/* About Us */





/* Training */

.training-about-main-wrapper {padding: 80px 0 60px;}
.training-about-inner-wrapper h1{text-align: center;}
.training-about-inner-wrapper > p{text-align: center;}

.training-card-wrapper{display: flex;justify-content: center;min-height: 600px; padding: 40px 0;}
.training-card-img {width: 100%;max-width: 500px;position: relative;overflow: hidden;}
.training-card-img img {width: 100%;height: 100%;object-fit: cover; border-radius: 15px; box-shadow: var(--box-shadow);}
.training-card-content {padding: 40px 50px;display: flex;flex-direction: column;justify-content: center;gap: 25px;width: 100%;max-width: 700px;}
.training-card-sub-content {position: relative;padding-left: 25px;}
.training-card-sub-content::before {content: "";position: absolute;left: 0;top: 26px;width: 3px;height: 80%;background: linear-gradient(#ff0000, #00c6ff);}


.training-areas-include-main-wrapper {background: linear-gradient(180deg, rgb(222 252 255 / 0%) -32%, rgb(229 246 251) 50%);padding: 80px 0;box-shadow: 0px -6px 10px rgb(104 111 116 / 10%);}
.training-areas-include-list-wrapper {position: relative;margin-top: 40px;}
.training-areas-include-item {margin-left: 60px;margin-bottom: 40px;position: relative;}
.training-areas-include-item p{text-align: start; margin: 10px 0;}
.training-areas-include-item span {position: absolute;left: -60px;top: 0;width: 40px;height: 40px;background:var(--red);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center; box-shadow: var(--box-shadow);}
.training-areas-include-item h3 {font-size: 20px;}
.training-areas-include-note { margin-top: 30px;}
.training-areas-include-list-wrapper::before {content: "";position: absolute;left: 20px;top: 0;bottom: 0;width: 2px;background:#9689E8;height: 95%;}

.training-enquiry-form-main-wrapper{padding: 90px 0;}
.training-enquiry-form-inner-wrapper h2{text-align: center;}
.training-enquiry-form-inner-wrapper .contact-form-box {width: 100%;max-width: 700px;margin: 50px auto 0;}
.training-enquiry-form-inner-wrapper .contact-form-box .form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.training-enquiry-form-inner-wrapper .contact-form-box .checkbox-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap:  20px;}
.training-enquiry-form-inner-wrapper .contact-form-box .checkbox-grid label{display: flex; gap: 20px;}
.training-enquiry-form-inner-wrapper .contact-form-box .checkbox-grid label , .training-enquiry-form-inner-wrapper .contact-form-box .radio-row label{color: #fff;}
.training-enquiry-form-inner-wrapper .contact-form-box .input-wrapper.user-box{color: #ffff;}
.training-enquiry-form-inner-wrapper .contact-form-box .checkbox-grid input{width: 20px;}
.radio-row {display: flex;gap: 30px;}
.form-title {margin-bottom: 10px;font-weight: 500;color: #fff;}



.training-enquiry-form-inner-wrapper {width: 100%;max-width: 700px;margin: 0 auto;padding: 50px 40px;text-align: center;background-color: #ffffff;border-radius: 20px;box-shadow:var(--box-shadow);position: relative;overflow: hidden;}
.training-enquiry-form-inner-wrapper::before {content: "";position: absolute;top: -50px;right: -50px;width: 150px;height: 150px;background: var(--red);border-radius: 50%;}
.training-enquiry-form-inner-wrapper h2 {font-weight: 700;margin-bottom: 15px;}
.training-enquiry-form-inner-wrapper h3 {font-size: 20px;font-weight: 400;color:#4F4F4F;margin-bottom: 30px;line-height: 1.6;}
.training-enquiry-form-inner-wrapper .common-btn{justify-content: center;}
.training-enquiry-form-inner-wrapper .common-btn a{max-width:250px;}




/* Training */










/* Contact Us Now */

.contact-us-main-wrapper{padding: 90px 0;}
.contact-details-list-wrapper { display: flex; justify-content: center; align-items: center; gap: 120px; padding: 0 0 90px;}
.contact-details-list-card{width: 100%; max-width: 300px;}
.contact-details-list-card-img{display: flex; justify-content: center; align-items: center;}
/* .contact-details-list-card-img span{background: url(../images/contact-list-bg.webp) no-repeat center center/cover; width: 100%; max-width: 200px; height: 200px; display: flex; justify-content: center; align-items: center;} */
.contact-details-list-card-img span img{width: 100%; max-width: 50px; filter: brightness(0) saturate(100%) invert(28%) sepia(69%) saturate(2713%) hue-rotate(340deg) brightness(83%) contrast(117%);}
.contact-details-list-card-content p{text-align: center; font-size: 22px; color: #000 ; margin: unset; line-height: 1.5;}
.contact-us-card-wrapper{display: flex; justify-content: center; align-items:stretch; background: #F2FAFD; border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.contact-us-card-img{width: 100%; max-width: 50%; display: flex;}
.contact-us-card-img img {  width: 100%;  max-width: 650px;  border-radius: 40px 0 0 40px; object-fit: cover;}
.contact-us-card-content {width: 100%;max-width: 50%;padding: 40px;}
.contact-us-card-content h3{margin: 0 0 10px;}

.contact-us-card-content .user-box label, .user-box-readonly label{color: #000;}
.contact-us-card-content  .input-wrapper {border-bottom: 1px solid #000;}




/* Services */

.common-services-main-wrapper{padding: 90px 0 140px;}
.common-services-main-wrapper.risk-management-main-wrapper {padding: 90px 0;}
.common-services-main-wrapper.sdlc-main-wrapper{padding: 90px 0 70px;}
.common-services-inner-wrapper h1 {font-size: 34px;}

.common-services-cards-wrapper{padding: 60px 0 0;}
.common-services-card {display: flex;justify-content: center;align-items: end;padding: 0 0 120px;}
.common-services-card-img{width: 100%; max-width: 45%;}
.common-services-card-img img {width: 100%;max-width: 650px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 15px;border: solid 2px var(--red);}
.common-services-card-content {width: 100%;max-width: 55%;background: #fff;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;padding: 30px;transform: translate(-80px, 40px);border-radius: 15px; border-bottom: solid 1px #02C9B8;}
.common-services-card-content  p{margin: unset;}
.common-services-cards-wrapper  .common-services-card:nth-child(2n){flex-direction: row-reverse;}
.common-services-cards-wrapper  .common-services-card:nth-child(2n) .common-services-card-content { transform: translate(80px, 40px);}
.common-services-card-content h2{font-size: 28px; color: var(--dark-blue);}
.common-services-cards-wrapper .common-services-card:last-child{padding:unset;}




.line-section-list{padding-top: 30px; position: relative;}
.line-section-card{width: 100%; max-width: 550px; padding: 20px 0; position: relative;}
.line-section-card::before {position: absolute;content: "";width: 100%;max-width: 35px;height: 35px;border: solid 4px var(--red);border-radius: 100%;top: 0;right: -87px;bottom: 0;margin: auto 0;background: #fff;z-index: 1;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.line-section-list::after { position: absolute; content: ""; width: 2px; height: 81%; background: var(--red); top:90px; left: 0; right: 0; margin: 0 auto; }
.line-section-list .line-section-card:nth-child(2n)::before{right: unset; left: -87px;}
.line-section-list .line-section-card:nth-child(2n){margin-left: auto;}
.line-section-list .line-section-card:nth-child(2n) h2 ,.line-section-list .line-section-card:nth-child(2n) p{text-align: start;}
.line-section-card h2{font-size: 24px !important; text-align: end; color: var(--dark-blue);}
.line-section-card p{text-align: end; margin: 0;font-size: 20px; line-height: 1.4; font-weight:500;}
.line-section-list::after {position: absolute;content: "";width: 2px;height: 0;background: var(--red);top: 90px;left: 0;right: 0;margin: 0 auto;animation: growLine 2s linear infinite;}

@keyframes growLine {
    0% {
        height: 0;
    }
    100% {
        height: 81%;
    }
}

.sdlc-main-wrapper .common-services-inner-wrapper p{position: relative;padding: 0 0 20px;}
.sdlc-main-wrapper .common-services-inner-wrapper p::after {content: "";position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background: linear-gradient(to right, #ff0000, #0a5faf);}
.sdlc-main-wrapper .common-services-inner-wrapper p:last-child::after{display: none;}
.sdlc-main-wrapper .common-services-inner-wrapper p:last-child{padding: unset;}


/* Services */



/* Resources */

.resources-main-wrapper{padding: 90px 0;}
.resources-inner-wrapper h1{text-align: center;}

/* Resources */



/* Quality Complience  */

.common-services-main-wrapper.quality-compliance-main-wrapper{padding: 90px 0;}
.quality-compliance-cards-wrapper {display: flex;gap: 30px;margin-top: 50px;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.quality-compliance-card{position: relative;background: #ffffff;padding: 30px;border-radius: 16px;overflow: hidden;transition: 0.4s ease;box-shadow: 0 10px 30px rgba(0,0,0,0.06);cursor: pointer;}
.quality-compliance-card::before {content: "";position: absolute;top: 0;left: 0;width: 6px;height: 100%;background: linear-gradient(#ff0000, #00c6ff);}
.quality-compliance-card-content h2{font-size: 22px;font-weight: 600;color: var(--dark-blue);transition: 0.3s;}
.quality-compliance-content p{font-size: 16px;line-height: 1.7;}
.quality-compliance-card:hover h2{color: #0599e0;}

/* Quality Complience  */



/* sitemap */
.sitemap-main-wrapper{padding: 90px 0;}
.sitemap-main-wrapper .fluid-container h1{text-align: center; margin:0 0 25px; text-align: start;}
.sitemap-inner{display: flex;justify-content: flex-start;align-items: flex-start;gap: 20px;flex-wrap: wrap;}
.sitemap-links{color: #ffffff;background-color: var(--red);padding: 10px 20px;border-radius: 5px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.sitemap-links:hover{background-color: var(--dark-blue);}

 /* sitemap */




/* Error page */
.error-inner-wrapper {padding:60px 0 ;}
.error-inner-wrapper h2{text-align: center;}
.error-inner-wrapper span {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;}
.error-inner-wrapper span img {width: 100%;max-width:300px;}
.error-inner-wrapper p {text-align: center;}
.error-inner-wrapper .common-btn {display: flex;justify-content: center;}
/* Error page */   
