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

@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&family=Protest+Revolution&family=Protest+Riot&display=swap');

/* -- */
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

select::-ms-expand { display: none; }
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:30px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Anek Odia", sans-serif;}
h2 {font-size:25px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h3 {font-size:24px;color:#222222; margin:0px 0px 10px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h4 {font-size:22px;color:#222222; margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
h5 {font-size:20px;color:#222222; margin:0px 0px 15px 0px;line-height: 1.4;font-weight:600;font-family: "Open Sans", sans-serif;}
h6 {font-size:18px;color:#222222;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:700;font-family: "Open Sans", sans-serif;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}
body {overflow-x:hidden;color:#505050;font-size:15px;line-height:1.4; margin:0px; padding:0px; outline:none;text-decoration:none;list-style:none;box-sizing: border-box;font-family: "Open Sans", sans-serif;background-color:#fff;font-weight: 400;}
body,html{padding: 0;margin: 0;}
p {color: #222222;font-size: 16px;line-height: 1.4;margin: 0px 0px 20px 0px;font-family: "Open Sans", sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}
.form-control::-webkit-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-ms-input-placeholder {color:#222222 !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:#222222 !important; opacity:1 !important;}
:focus, button:focus {outline-style:none;box-shadow:none;}
*:focus {outline: none;}
input:focus{outline:1px;}
img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;text-decoration: none;}
.header-sticky{position: fixed; z-index: 9; width: 100%; top: 0;background: #fff;}
.fixedhead{position: fixed;top: -102px; animation: slide-down 0.7s; opacity: 1;width: 100%;background: #fff;z-index: 999;left: 0px;box-shadow: 0 1px 7px 0 rgb(227 227 227 / 72%);}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.mb-50 {
    margin-bottom: 50px;
}
/* ========== Inner banner======= */
.page-title {position: relative;background-repeat: no-repeat;background-position: 50%;background-size: cover;text-align: center;}

.page-breadcrumb {font-size: 15px;line-height: normal;margin: 5px -5px 10px;}

.page-breadcrumb li {position: relative;display: inline-block;font-size: 15px;line-height: 20px;color: #096d41;padding: 0 8px;text-transform: capitalize;}

.page-breadcrumb li a {color: #fff;text-transform: capitalize;transition: all .3s ease;}

.title-outer h1{color: #fff; font-weight: 500;font-size: 45px;}

.page-breadcrumb li:after {position: absolute;top: 2px;right: -5px;content: "/";font-size: 15px;line-height: 20px;color: #fff;}

.page-breadcrumb li:nth-last-child(1):after{display: none;}

.ani-1 .ani-pl{position: absolute;right: 25px;bottom: 9px;}

.ani-1 .ani-pl2 {position: absolute;left: 15%;top: 20%;-webkit-animation: bounce 5s linear infinite;animation: bounce 5s linear infinite;}

.ani-1 .ani-pl3 {position: absolute;left: -30px;top: 40px;-webkit-animation: bounceX 5s linear infinite;animation: bounceX 5s linear infinite;}

.our-company{padding: 50px 0;background-image: url(../images/testimonial-bg-2.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.our-company__meida img {height: 350px;width: 100%;object-fit: cover;}

.our-company__meida {overflow: hidden;position: relative;}

.years-experience {background: #2558d3;padding: 20px 15px 30px;border-radius: 0px 0px 20px 20px;margin-top: 20px;}

.years-experience .number {font-size: 64px;font-weight: 700;line-height: 60px;}

.years-experience .number sup {font-size: 40px;font-weight: 400;line-height: 60px;}

.our-company__meida.border-radius {margin-top: 60px;padding-bottom: 6px;border-radius: 20px 20px 0px 0px;}

.our-company__meida .horizental-bar {left: 10px;width: 232px;height: 15px;bottom: 0px;max-width: 100%;position: absolute;background: #00990e;-webkit-animation: move-right 3s linear infinite;animation: move-right 3s linear infinite;}

.sub-title {position: relative;text-transform: uppercase;color: #00990e;font-weight: 700;font-size: 16px;line-height: 26px;padding-left: 55px;display: inline-block;margin-bottom: 14px;}

.sub-title::before{position: absolute;content: "";top: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.sub-title::after{position: absolute;content: "";bottom: 6px;left: 0;width: 40px;height: 2px;background: #00990e;}

.btn-one {background: #00990e;color: #ffffff;display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;padding: 17px 43px;text-align: center;font-weight: 700;z-index: 3;position: relative;transition: 0.4s;text-transform: uppercase;overflow: hidden;border-radius: 6px;}

.btn-one:hover{background-color: #2558d3;color: #fff;}

.btn-one i {position: relative;top: 0px;margin-left: 15px;font-size: 13px;}

button.btn-two { border: none;  background: #00990e;text-align: center; display: block;width: 100%; padding: 15px 20px;  border-radius: 5px; color: #fff; font-size: 19px;  font-weight: 500;}

.mid-menu-flex {display: flex;justify-content: space-between;align-items: center;position: relative;}

.nav-top-btns{display: flex;align-items: center;}

.nav-top-btns ul{display: flex;}

.nav-top-btns ul li{margin-left: 25px;}

.nav-top-btns .head-time{display: flex;align-items: center;}

.nav-top-btns .head-time .ht-img{ width: 40px; height: 40px; flex: 0 0 40px;    margin-right: 10px;}

.nav-top-btns .head-time .ht-img img{width: 100%; height: 100%;object-fit: contain;    filter: invert(16%) sepia(99%) saturate(7404%) hue-rotate(25deg) brightness(95%) contrast(118%);}

.nav-top-btns .head-time  .ht-txt p{  margin-bottom: 0px;font-size: 15px;font-weight: 600;}

.nav-top-btns .head-time  .ht-txt span{font-size: 14px;color: #bdbdbd;}




.mid-menu-flex  .naveen-txt{margin-right: 120px;}

.mid-menu-flex .five-t{position: absolute;top: -3px;right: 0;}

.mid-menu-flex .five-t img{width: 130px;}

.naveen-txt a{color: #7e4a33;font-weight: 700;font-size: 18px;}

.naveen-txt a span{font-weight: 400; font-size: 16px;}

.top-logo .log-1 img {width: 90px;}

.top-logo .log-2 img {width: 90px;}

.top-logo a{display: flex;align-items: center;gap: 8px;}

.top-logo a p{margin: 0;}

.mid-menu {padding: 5px 0;background: unset;}

.cart { color: #fff;position: relative;}

.cart i{ color: #fff;}

.curr span {display: block; color: #fff;}

.cart span { font-size: 12px; position: absolute; top: -11px; z-index: 22; background: #FF9900;width: 16px; height: 16px; border-radius: 50%;line-height: 16px; text-align: center; right: -10px;}

.log-box li a { color: #fff;}

.log-box li a:hover{color: #ecb102;}

.log-box {display: flex; gap: 10px;color: #fff; align-items: center;}

.call-icon {display: flex;align-items: center;gap: 10px;}

.cl-text span {display: block;}

.cl-text a {color: #363b4d;font-weight: 600;}

.cl-text {text-align: center;}

.call-icon i {font-size: 25px;font-weight: 500;}

.cl-text a:hover {color: #3368e8;}

.right-box { display: flex;align-items: center;gap: 20px;;}

.log-box li {display: inline-block;}

.log-box {display: flex;}

.log-box li{padding: 8px 12px;border-left: 1px solid #e6e6e6;margin-left: 80px;}

.curr {display: flex;align-items: center;gap: 10px;}

.curr li img{width: 22px;}

.curr li a:hover img{ animation: bg-circle-two 3s infinite alternate;    filter: invert(28%) sepia(100%) hue-rotate(1deg) saturate(3);}

.curr .dropdown-menu{--bs-dropdown-min-width: 0rem;width: 50px;}

.curr .dropdown-menu a{padding:5px 10px; text-align: center;}

.curr ul {display: flex;align-items: center;}

.curr ul .abtn { font-size: 14px; border: 1px solid #fff;color: #fff; height: 25px; width: 25px; display: flex; align-items: center;justify-content: center;border-radius: 5px;}

.curr ul .abtn a{color: #fff;}

.curr ul li a{color: #fff;}

.curr ul li {padding: 8px 12px;border-left: 1px solid #e6e6e6;}

.address-block-one .icon {width: 80px;height: 80px;background: #00990e;}

.address-block-one .title {font-size: 24px;padding: 20px 0 5px;}

.address-block-one p {line-height: 1.6em;color: #878787;}

.address-block-one {border: 1px solid #e1e1e1;border-radius: 25px;height: 100%;padding: 25px 15px;}

.contact-us-section .bg-wrapper {border-radius: 40px;padding: 55px 55px 60px;margin-top: 60px;}

.address-block-one a {color: #00990e;text-decoration: underline;font-weight: 500;}

.light-bg {background-color: #edf1ee;}

.title-one h2 {font-weight: 700;font-size: 43px;}

.form-style-one .input-group-meta input {height: 60px;padding: 0 20px;}

.mb-40 {margin-bottom: 40px;}

.mb-30 { margin-bottom: 30px;}

.mb-35 {margin-bottom: 35px;}

.map-banner {height: 600px;}

.mt-120 { margin-top: 120px;}

.contact-us-section {padding: 80px 0;}

.block-feature-one {z-index: 1;position: relative;background-color: #f7f7f7;padding: 60px 0;}

.fq-sec{padding: 50px 0;}

.card-style-two {position: relative;padding: 50px 40px 48px;background: #fff;border: 1px solid #ebf3ee;border-radius: 20px;}

.card-style-two .icon {height: 50px;}


.card-style-two h4 {margin-top: 25px;color: #00990e;}

.accordion-flush .accordion-item {border-radius: 30px;border: 1px solid #e3e3e3 !important;margin-bottom: 20px;}

.accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 30px;}

.accordion-button:focus {z-index: 3;border-color: unset !important;outline: 0 !important;box-shadow: unset !important;}

.accordion-flush .accordion-item .accordion-button:not(.collapsed) {color: #ffffff;background-color: #216db9;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}

.registration {padding: 50px 0;position: relative;}

.ani-2 .shape1{right: 2%; bottom: 14%; width: 14.52%; animation: jumpThree 6s infinite linear;position: absolute;}

.commonpage.virtualwarehouse {  max-width: 1050px;}

.ware-li li:before { position: absolute; content: ''; width: 10px; height: 10px; background: #00990e;left: 0;  top: 3px; border-radius: 5px;}

.ware-li li {padding-left: 18px; position: relative; padding-bottom: 7px; font-weight: 500;}

.curr .dropdown button { background: #fff; padding: 1px 4px; border-radius: 5px;}

.curr .dropdown img { width: 21px;}

.footer-first-col p { color: #fff;}

.dropdown-toggle::after { display: inline-block;margin-left: 0; vertical-align: 0.2rem; content: ""; border-top: 0.3em solid #000; border-right: 0.3em solid transparent;border-bottom: 0; border-left: 0.3em solid transparent;}

.color-white {color: #FFF;}

/* ---------------- */
.top-menu {background: #7e4a33;padding: 0px 0;}

.top-menu-flex { display: flex;justify-content: space-between; align-items: center;}

.top-icon ul {display: flex;}

.top-icon li {display: flex;color: #fff;  font-weight: 500; align-items: center;position: relative;padding: 8px 0px;}

.top-icon li:first-child{margin-right: 10px;padding-right: 10px; border-right: 1px solid #e6e6e6;}

img { max-width: 100%;height: auto;outline: none;}

.top-icon li a { color: #fff; padding: 0px 10px 0px 10px; text-decoration: none;}

.top-icon li a:hover{color: #00b911;}

.top-menu-navbar a {background-color: #00990E;color: white;padding: 8px 20px;border-radius: 5px;display: block;transition: all .3s ease;border: 1px solid #00990e;}

.top-menu-navbar a:hover{background-color: #00990e00;color: #00b911; border: 1px solid #00b911;}

.top-menu-navbar a:hover img{filter: brightness(50%) sepia(155) saturate(48) hue-rotate(131deg);}

.top-menu-navbar a img {margin-right: 8px;transition: all .3s ease;}

.top-icon-social { float: right;}

.top-icon-social li { display: inline-block; padding: 0px 0px 0px 15px;color: #fff;font-size: 15px;}

.top-icon-social li a { color: #fff; font-size: 25px;}

ul,
ol {list-style: none; margin: 0; padding: 0;}

.search-btn { border: 1px solid #ba3e11;color: #ba3e11; background: #ba3e11; width: 40px; height: 40px; font-size: 18px;transition: 0.5s ease;}

.wrapper .owl-stage-outer{    height: calc(100% + 30px); margin: -15px;padding: 15px !important;width: calc(100% + 30px);}

.search-btn i { color: white; font-weight: 100;}

.btn-style-one {border: 1px solid #ba3e11;background: #ba3e11; color: #fff; border-radius: 30px;  width: 150px; height: 40px; display: inline-block;transition: 0.5s ease;font-size: 15px;}

.cart-button {padding: 0;}

.mobile-menu { display: none;}

.active-products h5 {margin: 0; color: #fff;}

.link-dropdown {background-color: unset !important;order: none !important;color: black !important;}

ul { margin-bottom: 0 !important;}

.bottom-menu{ border-top: 1px solid #efefef;background-color: #b92324; box-shadow: 0 3px 13px 0 #f4f4f46e; padding: 8px 0;}

.bottom-menu .bmenu-item{ display: flex;align-items: center; justify-content: space-between;}

@keyframes  bg-circle-two {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}
  /* ======New Search{Top Search}======= */

  
.input { padding-left: var(--size-button); height: var(--size-button); font-size: 15px;  border: none;  color: #fff; outline: none;   width: var(--size-button);transition: all ease 0.3s;background-color: #191a1e00;border-radius: 50px;cursor: pointer;}
  
.input:focus, input:not(:invalid) {  cursor: text;}

.input:focus + .icon,
.input:not(:invalid) + .icon { pointer-events: all; cursor: pointer;}

.topsearch { position: relative;  --size-button: 38px; color: white; padding: 0 !important; }

.topsearch .icon {position: absolute; width: var(--size-button);height: var(--size-button); top: 0;left: 0;padding: 8px; pointer-events: none;}

.topsearch .icon svg { width: 100%; height: 100%;}

.text-custom .dropdown button {background: unset; padding: 1px 4px; border-radius: 5px; border: unset;padding: 0;}

.dropdown-toggle::after{display: none;}

.text-custom .dropdown-menu {--bs-dropdown-min-width: 0rem; width: auto;display: none; margin-left: -13px !important; border-radius: unset; padding: 8px ;}

.dropdown-menu.show {display: block;}

.text-custom ul li{padding: 0;margin-bottom: 3px;}

.text-custom   ul li a {color: #000; background: #e7e7e7;text-align: left !important;font-size: 13px; padding: 5px 6px !important; }

.text-custom  .dropdown-item:focus, 
.text-custom  .dropdown-item:hover {color: #4c4c4c;background-color: #ffd944;}

.text-custom button:hover img{filter: invert(28%) sepia(100%) hue-rotate(1deg) saturate(3);}

.text-custom .dropdown:hover .dropdown-menu {display: block !important;}

.sitemap{padding: 60px 0;}

.site-btn{text-align: center;padding: 8px 20px;background: #7e4a33;    color: #fff;}

.cl-g{ position: relative;   background: #2b3a1e;}

.cl-g::before{position: absolute; content: ""; top: 0; left: 50%;transform: translate(-50%, -50%);  width: 2px; height: 50px; background: #7e4a33;z-index: -1;}

.cl-t{position: relative;}

.cl-t::before{position: absolute;content: ""; bottom: -30px; left: 50%; transform: translate(-50%, 0%); width: 2px;height: 50px; background: #7e4a33; z-index: -1;}

.sitemap-inner{ text-align: center;}

.site-nav{margin-top: 70px;position: relative;}

.site-nav::before{position: absolute;content: ""; top: -35px; width: 100%;height: 3px; left: 0; background: #7e4a33; border-radius: 5px;}

.site-nav ul{display: flex; justify-content: space-between;}

.sit-links ul{display: block;}

.sub-site-btn { background: #3f8a18; padding: 8px 10px;position: relative;}

.sub-site-btn::before{position: absolute; content: " "; top: 50%; left: -8px;height: 2px;width: 20px; background: #3f8a18; transform: translate(-50%, -50%);}

.sub-site-btn a{font-size: 12px;color: #fff;}

.sit-links{ height: 390px; position: relative;}

.sit-links ul{ position: absolute;width: 145px;left: 10px;  top: 7px;border-left: 2px dashed #3f8a18; padding-left: 17px;}

.impact-modal-body{height: 550px;margin-bottom: 10px;overflow-x: auto;}

.impact-modal-body::-webkit-scrollbar {width: 2px;}

.impact-modal-body::-webkit-scrollbar { width: 6px; background-color: #D6DADD;border-radius: 10px;}

.impact-modal-body::-webkit-scrollbar-thumb { background: #7e4a33; border-radius: 10px;}

.impact-modal .modal-dialog .modal-header{border-bottom: unset; padding: 10px 10px 0 0;}

.impact-img{height: 300px;width: 500px;}

.impact-img img{width: 100%;height: 100%;object-fit: cover;}

.video-gal{padding: 60px 0;}

/* -- ---- Make Appointment ---- -- */

.continue-application {
    --color: #fff;
    --background: #404660;
    --background-hover: #3A4059;
    --background-left: #2B3044;
    --folder: #F3E9CB;
    --folder-inner: #BEB393;
    --paper: #FFFFFF;
    --paper-lines: #BBC1E1;
    --paper-behind: #E1E6F9;
    --pencil-cap: #fff;
    --pencil-top: #275EFE;
    --pencil-middle: #fff;
    --pencil-bottom: #5C86FF;
    --shadow: rgba(13, 15, 25, .2);
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    padding: 17px 29px 17px 69px;
    transition: ease 0.3s;
    color: #ffffff;
    background: #8290f7;
  }
  
  .continue-application > div { top: 0; left: 0;  bottom: 0;   width: 53px; position: absolute;  overflow: hidden;  border-radius: 5px 0 0 5px; background: #0c0d3b;}
  
  .continue-application > div .folder {width: 23px;  height: 27px; position: absolute;  left: 15px; top: 13px; }
  
  .continue-application > div .folder .top {left: 0; top: 0;z-index: 2;  position: absolute; transform: translateX(var(--fx, 0)); transition: transform 0.4s ease var(--fd, 0.3s);}
  
  .continue-application > div .folder .top svg { width: 24px; height: 27px; display: block;fill: var(--folder); transform-origin: 0 50%; transition: transform 0.3s ease var(--fds, 0.45s);  transform: perspective(120px) rotateY(var(--fr, 0deg));  }
  
  .continue-application > div .folder:before, .continue-application > div .folder:after,
  .continue-application > div .folder .paper {content: "";position: absolute; left: var(--l, 0);top: var(--t, 0); width: var(--w, 100%);height: var(--h, 100%);  border-radius: 1px; background: var(--b, var(--folder-inner)); }
  
  .continue-application > div .folder:before {box-shadow: 0 1.5px 3px var(--shadow), 0 2.5px 5px var(--shadow), 0 3.5px 7px var(--shadow); transform: translateX(var(--fx, 0));   transition: transform 0.4s ease var(--fd, 0.3s); }
  
  .continue-application > div .folder:after,
  .continue-application > div .folder .paper {--l: 1px; --t: 1px;--w: 21px;--h: 25px; --b: var(--paper-behind); }
  
  .continue-application > div .folder:after { transform: translate(var(--pbx, 0), var(--pby, 0)); transition: transform 0.4s ease var(--pbd, 0s); }
  
  .continue-application > div .folder .paper { z-index: 1; --b: var(--paper); }
  
  .continue-application > div .folder .paper:before, .continue-application > div .folder .paper:after {content: ""; width: var(--wp, 14px);height: 2px; border-radius: 1px; transform: scaleY(0.5); left: 3px; top: var(--tp, 3px); position: absolute;  background: var(--paper-lines);box-shadow: 0 12px 0 0 var(--paper-lines), 0 24px 0 0 var(--paper-lines); }
  
  .continue-application > div .folder .paper:after {
    --tp: 6px;
    --wp: 10px;
  }
  
  .continue-application > div .pencil {height: 2px;width: 3px;border-radius: 1px 1px 0 0; top: 8px; left: 105%; position: absolute;z-index: 3; transform-origin: 50% 19px; background: var(--pencil-cap); transform: translateX(var(--pex, 0)) rotate(35deg); transition: transform 0.4s ease var(--pbd, 0s); }
  
  .continue-application > div .pencil:before, .continue-application > div .pencil:after {content: ""; position: absolute; display: block; background: var(--b, linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%));width: var(--w, 5px); height: var(--h, 20px); border-radius: var(--br, 2px 2px 0 0); top: var(--t, 2px); left: var(--l, -1px);}
  
  .continue-application > div .pencil:before {clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px); }
  
  .continue-application > div .pencil:after {
    --b: none;
    --w: 3px;
    --h: 6px;
    --br: 0 2px 1px 0;
    --t: 3px;
    --l: 3px; border-top: 1px solid var(--pencil-top); border-right: 1px solid var(--pencil-top);}
  
  .continue-application:before, .continue-application:after { content: "";position: absolute;width: 10px; height: 2px; border-radius: 1px; background: var(--color); transform-origin: 9px 1px;transform: translateX(var(--cx, 0)) scale(0.5) rotate(var(--r, -45deg));top: 26px; right: 16px;transition: transform 0.3s;}
  
  .continue-application:after {
    --r: 45deg;
  }
  
  .continue-application:hover {
    --cx: 2px;
    --bg: var(--background-hover);
    --fx: -40px;
    --fr: -60deg;
    --fd: .15s;
    --fds: 0s;
    --pbx: 3px;
    --pby: -3px;
    --pbd: .15s;
    --pex: -24px;
  }

  .appointment span{font-size: 18px;}

  /* -- Banner -- */


  .banner-section .top-banner{height: 80vh;}

  .banner-section .fc-banner-item{ width: 80%; position: relative;margin: 0 auto; height: 75vh;display: flex; align-items: center;justify-content: center;}

  .banner-section .fc-banner-img{ position: absolute; right: 0; top: 50%;    height: 67vh; width: 100%; max-width: 1100px; transform: translate(0%, -50%);}

  .banner-section .fc-banner-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}

  .banner-section .fc-banner-img::before{position: absolute;content: ""; width: 50%; height: 102%; top: -2px;left: -2px;background: linear-gradient(90deg, white, transparent);    z-index: 1;}

  .banner-section  .fc-banner{height: 100%;}

  .banner-section  .fc-banner .owl-stage-outer {height: 100% !important ;}

  .banner-section{padding-top: 175px;    position: relative;}

  .banner-section::before{position: absolute;content: ""; height: 75%; width: 50%; right: 0; top: 0;  background-color: #fafafa;}

  .banner-section::after{ position: absolute; content: " ";  height: 500px;  width: 500px;bottom: 0; left: 0;background-image: url(../images/bg-03.jpg);  background-size: contain;  background-position: center; background-repeat: no-repeat;}

  .banner-section .fc-banner-txt{ position: relative;z-index: 2;}

  .banner-section .fc-banner-txt h2{ font-size: 50px;color: #b92324;}

  .banner-section .fc-banner-txt  p{ color: #606060;font-size: 18px;}

  .fc-banner .owl-nav{display: none;}

  .fc-banner .owl-dots { right: 0;left: 10%;bottom: 15%;justify-content: flex-start;width: 100%;}

  .fc-banner .active .fc-banner-txt h2 {animation-fill-mode: both; animation-name: fadeIntop;animation-delay: .5s; animation-duration: 1s;}

  .fc-banner .active .fc-banner-txt p{animation-fill-mode: both; animation-name: fadeIndown;animation-delay: .5s; animation-duration: 1s;}

  .fc-banner .active .fc-banner-txt  a{animation-fill-mode: both; animation-name: fadeIndown;animation-delay: .9s; animation-duration: 1s;}

  .fc-banner .active .fc-banner-img img{ animation-fill-mode: both; animation-name: fadeInRight;animation-delay: .9s; animation-duration: 1s;}

  @keyframes fadeIntop {
        0% {
        opacity:0;
        transform: translate(50px, -50px);
        }
        100% {
        opacity:1;
        transform:translate(0, 0)
        }
    }

    @keyframes fadeIndown {
        0% {
        opacity:0;
        transform: translate(-50px, 50px);
        }
        100% {
        opacity:1;
        transform:translate(0, 0)
        }
    }

  /* -- lg btn -- */

  .lg-btnn {display: flex; width: fit-content;height: 50px;border-radius: 10px;border: 1px solid #b92324;position: relative; overflow: hidden;transition: all 0.5s ease-in;z-index: 1;align-items: center;  justify-content: center;margin-top: 25px;padding: 10px 25px;}
   
  .lg-btnn::before,
  .lg-btnn::after {content: '';position: absolute;  top: 0; width: 0; height: 100%; transform: skew(15deg); transition: all 0.5s; overflow: hidden;z-index: -1;}

  .lg-btnn::before { left: -10px; background: #b92324; }

  .lg-btnn::after { right: -10px; background: #00bac3; }

  .lg-btnn:hover::before,
  .lg-btnn:hover::after { width: 58%;}

  .lg-btnn:hover {  border: 1px solid #b92324; }

  .lg-btnn span {color: #b92324; font-size: 18px; transition: all 0.3s ease-in;}
  .lg-btnn:hover span { color: #ffffff; transition: 0.3s;}

  .cl-bright .lg-btnn {border: 1px solid #ffffff;}

  .cl-bright .lg-btnn::before { background: #0c0d3b;}

  .cl-bright .lg-btnn::after { background: #05055f}

  .cl-bright .lg-btnn span {color: #ffffff;}

  .cl-bright .lg-btnn:hover {border: 1px solid #0c0d3b;}



   /* -- Home Service-- */

  .home-service{padding: 60px 0;background-color: #fafafa  ;}

  .header.heder-pos-lef{text-align: center;width: 80%;margin: 0 auto;    margin-bottom: 30px;}

  .header h2{font-size: 40px;color: #b92324;}

  .header h3{font-size: 36px;color: #0c0d3b;}

  .header span{color: #b92324;font-size: 20px;}

  .home-service .home-service-cont{ background-color: #fff;border: 1px solid #f5f5f5;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 6px;padding: 30px;transition: all 450ms ease-in-out;display: flex;height: 100%;}

  .home-service .home-service-cont:hover{background-color: #fafafa;border: 1px solid #f5f5f5;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);}

  .home-service .home-service-cont .hsc-img{ flex: 0 0 60px; width: 60px; height: 60px;margin-right: 20px;}

  .home-service .home-service-cont .hsc-img img{    filter: invert(16%) sepia(99%) saturate(7404%) hue-rotate(25deg) brightness(95%) contrast(118%);}

  .home-service .home-service-cont .hsc-cont p{margin: 0;font-size: 14px;}

  .home-service .home-service-cont .hsc-cont  h4{font-size: 20px;margin: 0px 0px 10px 0px;}

  .home-service .home-service-cont .hsc-cont  h4 a{color: #b92324;}

  .home-service  .hs-time{background-color: #bf8f00;border: 1px solid #bf8f00; color: #fff; box-shadow: none;padding: 35px 40px 30px;border-radius: 6px;}

  .home-service  .hs-table td{font-size: 16px; padding: 16px 0;border-top: none; border-bottom: 1px dashed rgba(255, 255, 255, .6); background: unset;  color: #fff;}

  .home-service  .hs-table  .table{margin-top: 15px; margin-bottom: 20px;  background: unset;}

  .home-service  .hs-table .text-right{text-align: right;    font-weight: 700;}

  .home-service  .hs-time p{color: #fff;}

  .home-service  .hs-time h3{color: #fff;}

  .home-service  .hs-time h6{color: #fff;}

  .home-service .hs-time-down{margin-top: 40px;}


   /* -- Home Contact -- */

  .home-contact-us{ padding: 0px 0 60px;}
  
  .home-contact-us .row .col-lg-4{ padding: 0;}
  
  .home-contact-item.highlighted-box{ padding: 0;background: #8290f7; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; }
  
  .home-contact-item.highlighted-box .highlighted-box-title{ height: 100%;display: flex;align-items: center; padding: 0 30px; }
  
  .home-contact-item.highlighted-box .highlighted-box-title h2{ font-size: 32px; color: #ffff; }
  
  .home-contact-item.highlighted-box .appointment-wrap a{background-color: #bf8f00; padding: 20px; display: block; text-align: center; color: #ffff;  font-size: 18px; font-weight: 500; text-transform: capitalize;transition: all 0.3s ease-in-out; }
  
  .home-contact-item.highlighted-box .appointment-wrap a:hover{ background-color: #005458;}
 
  .home-contact-item.highlighted-box .appointment-wrap a i{ margin-left: 5px;}
  
  .home-contact-item{ background: #b92324;padding: 40px;  height: 100%; }
  
  .home-contact-item.box-border{position: relative; }
  
  .home-contact-item.box-border::before{content: "";display: block; position: absolute; top: 50%;right: 0;bottom: 50%; width: 1px; height: 90%; background: #ffffff9e; transform: translateY(-50%);}
  
  .home-contact-item .contact-icon{ margin-bottom: 30px;}
  
  .home-contact-item .contact-content h3{font-size: 26px; color: #ffff; text-transform: capitalize; margin-bottom: 10px; }
  
  .home-contact-item .contact-content p{font-size: 18px;color: #FFF; } 


/* -- Department -- */

.home-department{padding: 60px 0;}

.home-department .nav-pills{justify-content: center;}

.home-department .nav-pills .nav-link{padding: 15px;background: #fafafa; margin-right: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);transition: all .3s ease-in;}

.home-department .nav-pills .nav-link.active{background-color: #b92324;}

.home-department .nav-pills .nav-link .hd-btn img{ width: 40px;margin-bottom: 15px;}

.home-department .nav-pills .nav-link .hd-btn h4{ margin: 0;font-size: 16px;color: #b92324;    font-weight: 500;  }

.home-department .nav-pills .nav-link.active .hd-btn h4{color: #fff;}

.home-department .nav-pills .nav-link.active .hd-btn img{    filter: brightness(100);}

.home-department .nav-pills .nav-link:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);}

.home-department .hd-tab-cont-img{height: 430px;}

.home-department .hd-tab-cont-img img{ height: 100%; width: 100%;object-fit: cover;}

.home-department .hd-tab-cont-txt{height: 100%; display: flex; flex-direction: column;justify-content: center; padding: 60px; background: #b92324;}

.home-department .hd-tab-cont-txt span{color: #fff;    font-weight: 700;}

.home-department .hd-tab-cont-txt h3{color: #fff;    font-size: 36px;}

.home-department .hd-tab-cont-txt p{color: #fff; margin: 0;}

.home-department .hd-tab{margin-top: 25px;}

.home-department .tab-content{margin-top: 30px;}


/* -- Running Swiper -- */

.pbmit-tag-wrapper {
  padding-left: 50px;
  margin-left: 50px;
  position: relative;
}
.pbmit-tag-wrapper::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067 ";
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 45px;
  line-height: 45px;
  transform: translateY(-50%);
  color: #b92324;
}
.pbmit-element-title {
  font-size: 80px;
  line-height: 110px ;
  position: relative ;
  overflow: visible ;
  display: flex;
  font-weight: 800 ;
  overflow: visible ;
  text-shadow: 1px 1px 0 rgb(185 35 36), -1px -1px 0 rgb(185 35 36), 1px -1px 0 rgb(185 35 36), -1px 1px 0 rgb(185 35 36), 1px 1px 0 rgb(185 35 36);
  -webkit-text-fill-color: #fafafa;
  -webkit-text-stroke-width: 0;
  color: transparent;
  letter-spacing: 0.8px;
}
.pbmit-element-title:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  content: attr(data-text);
  transition: max-width .8s cubic-bezier(.22, .61, .36, 1);
  -webkit-text-fill-color: #b92324;
  -webkit-text-stroke: transparent;
  max-width: 0;
}

.running-txt .marque-inner{display: flex;align-items: center;justify-content: center;}

.pbmit-element-title:hover:before { max-width: 100%;}


/* -- Doctor -- */

.doctor{padding-bottom: 60px; position: relative;} 

.doctor::before{position: absolute; height: 150%;width: 100%;  content: " ";top: -80%;left: 0;background: #fafafa; z-index: -1;}

.doctor .dci-top{display: flex;}

.doctor .dci-top .dci-img{flex: 0 0 100px; margin-right: 25px; width: 100px;height: 100px;border-radius: 50%;}

.doctor .dci-top .dci-img img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}

.doctor  .dci-txt h4{color: #b92324;margin: 0px 0px 5px 0px;}

.doctor  .dci-txt span{ font-size: 13px;color: #8d8d8d;}

.doctor .dci-txt li{ display: flex; align-items: center;}

.doctor .dci-txt li .dci-in-img{ flex: 0 0 20px;margin-right: 15px;}

.doctor .dci-txt li .dci-in-txt p{margin: 0 ;    font-size: 14px;}

.doctor .dci-txt li{margin-top: 10px;}

.doctor .dci-bot  .lg-btnn{margin: 0;}

.doctor .dci-bot{ display: flex; align-items: center; justify-content: space-between;padding-top: 15px;border-top: 1px solid #0baeb56b; margin-top: 15px;}

.doctor  .doctor-slide-item{ padding: 25px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 10px;    position: relative;background-color: #fff;}

.doctor .dci-bot-time p{margin: 0; color: #b92324;}

.doctor .lg-btnn span { font-size: 14px;}

.doctor .dept{ position: absolute; top: 0; right: 0; padding: 10px 25px; margin: 0;  background: #b92324; border-radius: 0 10px 0;}

.doctor .dept p{ margin: 0;color: #fff;}

.doctor .owl-dots {bottom: -40px;}

.doctor .owl-nav{display: none !important;}



.video-container {margin-bottom: 20px;height: 100%; width: 100%;}

/* .play-pause-btn { margin-top: 10px;} */

/* -- home success --  */

.success{padding: 60px 0; background: linear-gradient(90deg, #fafafa 50%, #b9232414 50%);    margin-top: 45px;position: relative;}

.success::before{ position: absolute;content: " ";height: 100%; width: 50%; background-image: url(../images/dcto-bg.jpg);background-position: center;background-size: cover; top: 0; right: 0;}

.success::after{ position: absolute; content: " "; height: 100%; width: 50%;background: linear-gradient(90deg, #fafafa, #b9232400); top: 0;right: 5px;}

.success .success-inner{position: relative;z-index: 2;}

.success .nav-pills .nav-link{padding: 5px; margin-right: 10px; background: #d5d5d5;}

.success .nav-pills .nav-link.active{background-color: #b92324;}

.success  .vdo-btn{position: relative;height: 80px;}

.success  .vdo-btn::before{position: absolute;content: " "; top: 0; left: 0;height: 100%;  width: 100%; background-color: #0000008f;}

.success .vdo-btn .sbg{ width: 100px; height: 100%;}

.success .vdo-btn .sbg img{ width: 100%; height: 100%;}

.success .thumb-txt{position: absolute; left: 50%;top: 50%; width: 100%;transform: translate(-50%, -50%);    z-index: 2;}

.success .thumb-txt p{margin: 0;color: #fff;}

.success .tab-vdo { position: relative; width: 100%; height: 350px;padding: 5px;background: #b92324;border-radius: 5px;}

.success .tab-vdo .video-container video{width: 100%;height: 100%; object-fit: fill;}

.success .tab-vdo .btn-play{height: 70px;width: 70px;  position: absolute; top: 4%;right: 4%;}

.success .nav.nav-pills{  justify-content: space-between;}



.success .accordion-item{border-radius: unset;border-left: unset; border-right: unset;border-top: unset;    border: unset;      background: unset;}

.success .acc-head{ color: #000000;font-weight: 700;display: flex; align-items: center;}

.success .accordion-button:not(.collapsed){background-color: unset; box-shadow: unset}

.success .accordion-button:not(.collapsed)  .acc-head{ color: #b92324;}

.success .accordion-button:not(.collapsed)  .acc-head i{ border: 1px solid #b92324;background: #b92324;color: #fff;}

.success .accordion-button:not(.collapsed)::after {color: #b92324;content: '\f068';}

.success  .accordion-body p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: #797979;margin: 0;}

.success  .accordion-body a{position: relative;color: #b92324;font-weight: 700;z-index: 2;}

.success  .accordion-body a span{position: relative;z-index: 1;}

.success  .accordion-body a::before{ position: absolute;content: " ";  height: 40px;width: 40px;background-color: #b9232491; left: -8px;top: -10px; border-radius: 50%;transition: all .3s ease;}

.success  .accordion-body a:hover::before{ width: 115%;border-radius: 5px;background: #b92324; z-index: -1;}

.success  .accordion-body a:hover{color: #fff;}

.success .accordion-button::after{content: '\f067'; font-family: "Font Awesome 5 Free"; position: absolute;left: 20px; top: 50%; bottom: auto; transform: translate(-20px, -10px);display: flex;  align-items: center; justify-content: center; font-weight: 900;font-size: 16px;width: 20px;height: 20px; padding: 5px;color: #000000;background-image: unset;}

.success .member-cont{margin-left: 25px;}

.success .accordion-button{padding-left: 30px;    background: unset;}

.success .accordion-body{padding-top: 0;}

.success .history-item{    background: #b92324; width: 100%;height: 140px;display: flex;align-items: center;justify-content: center; text-align: center;    flex-direction: column;}

.success .history-item.of-color{    background: #bf8f00;}

.success .history-item h2{font-size: 45px; color: #fff;}

.success .history-item p{font-size: 15px; color: #fff;margin: 0;}




/* --play btn --  */


.play-btn {
  position: absolute;
  appearance: none;
  width: 100% !important;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(#b92324, #009aa2);
  cursor: pointer;
  outline: none;
}

.play-btn::before {
  content: "";
  position: absolute;
  width: 93%;
  height: 93%;
  background-color: #000;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.play-btn:checked {
  animation: borderAnimate 700ms ease-in-out 1;
  animation-fill-mode: forwards;
}

@keyframes borderAnimate {
  0% {
    transform: rotate(0);
    background: conic-gradient(#b92324, transparent 20%);
  }

  80% {
    background: conic-gradient(#b92324, transparent 90%);
  }

  100% {
    transform: rotate(360deg);
    background: conic-gradient(#b92324, #b92324);
  }
}

.play-icon {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 60%;
  top: 50%;
  background-color: #b92324;
  transform: translate(-60%, -50%) rotate(90deg);
  clip-path: polygon(50% 15%, 0% 100%, 100% 100%);
  transition: all 400ms ease-in-out;
  cursor: pointer;
}

.play-btn:checked + .play-icon {
  clip-path: polygon(0 100%, 0% 100%, 100% 100%);
}

.pause-icon {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.pause-icon::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #b92324;
  left: 0;
}

.pause-icon::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #b92324;
  right: 0;
}

.play-btn:checked ~ .pause-icon::before {
  animation: reveal 300ms ease-in-out 350ms 1;
  animation-fill-mode: forwards;
}

.play-btn:checked ~ .pause-icon::after {
  animation: reveal 300ms ease-in-out 600ms 1;
  animation-fill-mode: forwards;
}

@keyframes reveal {
  0% {
    width: 0;
  }

  100% {
    width: 35%;
  }
}

/* -- Testimonial -- */

.testimonial{padding: 60px 0;    margin-bottom: 25px;}

.testimonial .testimonial-item{position: relative;}

.testimonial .testimonial-item .ti-inner{    clip-path: polygon(6.726% 100%, 93.274% 100%, 93.274% 100%, 94.364% 99.896%, 95.399% 99.594%, 96.364% 99.111%, 97.245% 98.464%, 98.029% 97.668%, 98.701% 96.741%, 99.249% 95.698%, 99.657% 94.556%, 99.912% 93.332%, 100% 92.042%, 100% 28.912%, 100% 28.912%, 99.732% 25.399%, 98.988% 22.786%, 97.863% 20.91%, 96.447% 19.608%, 94.835% 18.717%, 93.119% 18.071%, 91.39% 17.508%, 89.742% 16.865%, 88.268% 15.977%, 87.061% 14.682%, 87.061% 14.682%, 86.147% 12.968%, 85.483% 11.096%, 84.946% 9.146%, 84.409% 7.198%, 83.749% 5.331%, 82.839% 3.624%, 81.556% 2.158%, 79.775% 1.012%, 77.369% 0.266%, 74.215% 0%, 6.726% 0%, 6.726% 0%, 5.636% 0.104%, 4.601% 0.406%, 3.636% 0.889%, 2.755% 1.536%, 1.971% 2.332%, 1.299% 3.259%, 0.751% 4.302%, 0.343% 5.444%, 0.088% 6.668%, 0% 7.958%, 0% 92.042%, 0% 92.042%, 0.088% 93.332%, 0.343% 94.556%, 0.751% 95.698%, 1.299% 96.741%, 1.971% 97.668%, 2.755% 98.464%, 3.636% 99.111%, 4.601% 99.594%, 5.636% 99.896%, 6.726% 100%);
  cursor: pointer; object-fit: cover;width: 100%;background: aliceblue;padding: 35px;position: relative;}

.testimonial .testimonial-item .ti-cont{display: flex;align-items: center; border-top: 1px dashed #b923244a; padding-top: 20px;}

.testimonial .testimonial-item .ti-cont .ti-img{ width: 80px; height: 80px;flex: 0 0 80px;}

.testimonial .testimonial-item .ti-cont .ti-img img{border-radius: 50%;}

.testimonial .testimonial-item .ti-txt{    margin-left: 25px;}

.testimonial .testimonial-item .ti-txt h6{    font-size: 16px;color: #b92324;    font-weight: 400;    margin-bottom: 10px;}

.testimonial .testimonial-item .ti-txt span{font-size: 14px;  }

.testimonial .quote-small{position: absolute;top: 0px;right: 10px; height: 45px; width: 45px; background: #b92324;z-index: 4;color: #ffffff; display: flex; align-items: center;justify-content: center;border-radius: 50%;}

.testimonial .owl-dots { bottom: -35px;}

.testimonial .owl-nav{display: none !important;}






/* -- Rating -- */

.rating {
  display: inline-block;
}

.rating input {
  display: none;
}

.rating label {
  float: right;
  cursor: pointer;
  color: #b92324;
  transition: color 0.3s;
}

.rating label:before {
  content: '\2605';
  font-size: 25px;
}

.rating input:checked ~ label,
.rating label:hover,
.rating label:hover ~ label {
  color: #0c0d3b;
  transition: color 0.3s;
}
/* -- --- Footer --- -- */

footer{padding: 60px 0; background-color: #ffdcdc;position: relative; }

footer::before{position: absolute;content: ""; height: 100%; width: 100%;left: 0;top: 0;background-image: url(../images/footer-bg.jpg); background-position: center; background-size: cover;    opacity: .1;}

.footer-inner{position: relative; z-index: 2;}

footer .footer-log-site img{width: 90px;margin-bottom: 25px;}

footer  .copy-right{margin-top: 25px;padding-top: 25px; border-top: 1px solid #acacac;}

footer  .copy-right p{    text-align: end; color: #acacac;    font-size: 14px;margin: 0;}

.socila ul{display: flex; gap: 15px;}

.socila ul a{ height: 35px; width: 35px;background: #ffffff;display: flex;align-items: center; justify-content: center;color: #b92324; border-radius: 50px;font-size: 13px;    border: 1px solid #b92324;}

.socila ul a:hover{background-color: #b92324;color: #ffffff}

footer  .footer-title h4{font-size: 32px;color: #0c0d3b;    font-weight: 400;}

footer  .f-lk-tit h5{ font-size: 18px;color: #b92324; border-bottom: 1px solid #b92324;width: fit-content;padding-bottom: 6px;}

footer  .f-lk-tit p{color: #4e4e4e;font-size: 14px;    margin-bottom: 15px;}

footer  .f-lk-tit li{font-size: 14px;margin-bottom: 8px;}

footer  .f-lk-tit.imp-link ul{margin-left: 10px;padding-left: 15px;}

footer  .f-lk-tit.imp-link ul li{  list-style-type: square;}

footer  .f-lk-tit.imp-link ul li a{ color: #4e4e4e;}

footer  .f-lk-tit.imp-link ul li a:hover{color: #b92324;}

footer  .f-lk-tit  ul li a{ color: #4e4e4e;margin-left: 5px;}

footer  .f-lk-tit  ul li a:hover{color: #b92324;}

footer .footer-log-site{padding-right: 60px;}


/* --About-- */

.page-title{margin-top: 100px;background-size: cover; background-position: right;position: relative;}
.page-title::before{position: absolute;content: ""; top: 0;left: 0;height: 100%;width: 100%;background-color: #00000070;}
.back-btn {position: absolute;bottom: -0;z-index: 8;}
.page-title-inner {position: relative;padding: 160px 0;}
.title-outer{text-align: center;}
.back-btn a {  padding: 10px 25px; background: #b92324; color: #fff;}
.back-btn a i {margin-right: 8px;transform: rotateY(180deg);}
.page-breadcrumb {font-size: 15px;line-height: normal; margin: 5px -5px 10px;}
.page-breadcrumb li { position: relative; display: inline-block;   font-size: 15px; line-height: 20px; color: #b92324; padding: 0 8px; text-transform: capitalize;}  
.page-breadcrumb li a {color: #fff; text-transform: capitalize; transition: all .3s ease;}
.page-breadcrumb li:after {position: absolute;top: 2px; right: -5px;content: "/";  font-size: 15px; line-height: 20px; color: #fff;}
.page-breadcrumb li:nth-last-child(1):after{display: none;}
.title-outer h1{font-size: 50px;color: #ffffff;}
.about-img-cont  .abt-txt{position: absolute; top: 0;left: 0; right: 0; width: 100%; height: 100%;   margin: 0 auto; text-align: center;display: flex;flex-direction: column;justify-content: center;}
.about-img .abt-img{position: relative;height: 230px;border-radius: 5px;overflow: hidden;box-shadow: 0 0 11px 0 #d5d5d599;}
.about-img .abt-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.about{padding: 60px 0;position: relative;}
.about::before{ position: absolute;content: " "; bottom: 20px; right: 0; height: 144px;width: 200px; background-image: url(../images/telescope.png); background-size: contain;  background-repeat: no-repeat; z-index: -1}
.abt-back{position: relative; }
.abt-back::before{position: absolute;top: 0;left: 0;content: ""; height: 100%;width: 100%;background-color: #c3af00;}
.about .abt-txt h2{font-size: 130px;line-height: 80px;color: #fff; margin: 0; display: flex; align-items: center;justify-content: center;font-style: italic;}
.about .abt-txt h2 span{font-size: 50px;margin-left: 14px;}
.about .abt-back p{color: #fff;margin-top: 25px; margin-bottom: 0;}
.about .abt-img-right{margin-top: 30px;}

.service-item-bx { background: #fff; box-shadow: 0 0 40px rgba(182,182,182,0.3); border-radius: 5px; padding: 45px 30px; text-align: center;height: 100%;}
.service-item-bx img { width: 75px;filter: brightness(100); margin-bottom: 20px;}
.service-item-bx h4 { color: #c3af00; text-transform: capitalize; margin: 0 0 10px; font-size: 25px;   line-height: 30px;  }
.service-item-bx p {   color: #000000;font-size: 17px;font-weight: 400;}
.servc-img{height: 80px; width: 80px; background: #c3af00; padding: 15px;border-radius: 50%;margin: 0 auto 20px;}
.service-item h4{font-size: 30px;margin: 0;}
.service-item p{font-size: 18px;margin: 0;}
.about-1{padding: 60px 0 60px;}

/* =========== */
.about-section-heading{ text-align: center;}
.about-section-heading h4{font-size: 30px;}
#about-section{padding: 2rem 0 3rem;background-color: #f0f0f0;color: #000;}
.about-section-outer{display: -webkit-box;display: -ms-flexbox;display: flex; justify-content: center;}
.about-section-outer>*{width: 50%;}
.about-section-inner p{padding: 30px; background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);transition: all .3s ease;position: relative;margin-bottom: 0;}
.about-section-inner:hover{box-shadow: 0 10px 25px -10px rgba(0,0,0,0.3);}
.about-section-inner{margin-bottom: 20px;}
.about-section-outer.about-section-outer-even .about-section-inner{margin-left: 60px;position: relative;}
.about-section-outer.about-section-outer-even::before{height: 100%;width: 2px;position: absolute;content: '';left: 50%;background-color: #b92324;top: 0;}

    
.mission{position: relative; background-size: cover;padding: 80px 0; background-position: center;background-repeat: no-repeat;}
.mission::before{position: absolute;content: " "; top: 0;left: 0;height: 100%;width: 100%;}
.mission .mission-text{text-align: center;width: 80%;margin: 0 auto;position: relative;}
.mission .mission-text p{font-size: 20px;}
.mission .mission-text  h4{font-size: 30px;}


.cim-2 img{border-radius: 70px 0px 70px 70px;}
.cim-2{border-radius: 70px 0px 70px 70px;}
.cim-1 img{border-radius: 0px 70px 70px 70px;height: 220px;}
.care-img [class*=col-]{position: relative;}
.cim-1{text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -43%);width: 80%; border-radius: 0px 70px 70px 70px;height: 220px;overflow: hidden;}
.cim-3 img{object-fit: cover; border-radius: 50px; height: 100%; width: 100%;}
.cim-3 {height: 255px;    border-radius: 50px;}
.care-img{padding-right: 30px;}
.care-txt{padding-left: 30px;}
.care-txt p{ width: 80%;}
.care-item-inn { border: 1px solid; padding: 20px; gap: 15px; border-radius: 5px; box-shadow: 0px 0px 8px 0px #93939375;overflow: hidden;position: relative;transition: all .4s ease-in-out;    background: #fff;}
.care-item-inn img{width: 40px; transition: all .3s ease-in-out;position: relative;}
.care-item-inn h5{margin-bottom: 0;position: relative;transition: all .5s ease;font-size: 18px;}
.cal-1{border-color: #2cf0ff; }
.cal-1:hover{background-color: #2cf0ff;}
.cal-2{border-color: #14ff7e; }
.cal-2:hover{background-color: #14ff7e; }
.cal-3{border-color: #ffc108; }
.cal-3:hover{background-color: #ffc108; }
.cal-4{border-color: #a23bff; }
.cal-4:hover{background-color: #a23bff; }
/* .cal-1::before{position: absolute;content: ""; width: 0; height: 0 ; top: 0;left: 0; background-color: #2cf0ff;transition: all .4s ease-in-out;}
.cal-2::before{position: absolute;content: ""; width: 0; height: 0 ; top: 0;left: 0; background-color: #14ff7e;transition: all .4s ease-in-out;}
.cal-3::before{position: absolute;content: ""; width: 0; height: 0 ; top: 0;left: 0; background-color: #ffc108;transition: all .4s ease-in-out;}
.cal-4::before{position: absolute;content: ""; width: 0; height: 0 ; top: 0;left: 0; background-color: #a23bff;transition: all .4s ease-in-out;} */
 .care-item{    margin-top: 35px;}
.care-item-inn:hover img{animation: toTopFromBottom 0.5s forwards;    filter: brightness(500);}
.care-item-inn:hover::before{height: 100%;width: 100%;}
.care-item-inn:hover h5{color: #fff;}
.cal-2:hover img {filter: brightness(0) invert(100) !important;}
.care::before{    position: absolute; content: " "; top: 0; left: 0; height: 100%; width: 100%;background-image: url(../images/pattern-11.png); background-size: contain;background-repeat: no-repeat; background-position: left;}
.shape{position: absolute; left: 23%;transform: rotate(16deg); opacity: .5; top: 4%;width: 65px; height: 65px;
  /* animation-name: rotating_invers; */
  animation-duration: 10s;animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: both;}
.shape1{position: absolute;  left: 40%; top: 65%; transform: rotate(0deg); opacity: .5; height: 65px; width: 150px;    animation: zoom-fade 6s infinite linear;}
.care-img-inner {overflow: hidden;}
.care-img-inner  img:hover{animation: zzoom-in-zzoom-out 5s ease alternate;}
.care-inner{position: relative;}

@keyframes toTopFromBottom {
  49% {
      transform: translateY(-100%);
  }
  50% {
      opacity: 0;
      transform: translateY(100%);
  }
  51% {
      opacity: 1;
  }
}


  /* --Contact-- */
  .contact-box{height: 100%;padding: 25px; padding-top: 75px ;box-shadow: 0 0 7px 0px #e1e1e180;    background: #f6eaff; border-radius: 10px; position: relative;}
  .contact-1{padding: 90px 0 0px;}
  .contact-box .contact-shape-top{position: absolute; top: -25px;left: -1px; height: 90px; width: 80px;    background: #b92324;padding: 5px;clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%); transition: all .3s ease;}
  .contact-box .contact-shape-top i{ position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 32px;color: #f6eaff;transition: all .3s ease;}
  .contact-box .contact-txt{ text-align: center;position: relative;}
  .contact-box .contact-txt h5{margin-bottom: 10px;font-size: 20px;transition: all .3s ease;color: #000000;}
  .contact-box .contact-txt p{margin: 0;transition: all .3s ease;color: #000000;}
  .contact-box::before{position: absolute; content: " "; top: -25px;left: -1px; height: 90px; width: 80px;background: #b92324;padding: 5px;clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);transition: all .3s ease-in-out;border-radius: 5px;display: none;}
  .contact-form{padding: 60px 0 0px;position: relative;background-image: url(../images/sl_122221_47450_06.jpg); background-size: cover; background-repeat: no-repeat; background-position: bottom;}
  .contact-form .contact-form-inner{border-radius: 10px; padding: 15px;background: #fff;position: relative;z-index: 1;}
  .con-form{height: 100%;padding: 15px;  border-radius: 5px;}
  .contact-map{height: 300px;border-radius: 10px 10px 0 0;overflow: hidden;}
  .con-form .form-control:focus {box-shadow: none;border-color: #b92324;border: 1px solid #b92324;}
  .con-form .form-control{background-color: #fbf6ff87; border: 1px solid #c98aff59; border-radius: 10px 0 10px 0;}
  .con-form  .con-form-txt{text-align: center;margin-bottom: 35px;}

  .contact-head .conthead-img{width: 80px; height: 80px;border: 1px dashed #ea5513;flex: 0 0 80px; border-radius: 100%;display: flex;align-items: center; justify-content: center;}
  .contact-head .conthead-img img{width: 40px;height: 40px; object-fit: cover;}
  .contact-head .contact-head-item{display: flex;align-items: center;padding: 15px; box-shadow: 0 0 10px 0 #00000026; border-radius: 5px;background: #fff;}
  .contact-head .conthead-txt p{margin: 0 0 0 25px;}
  .contact-head {padding: 60px 0 30px;position: relative;}
  .contact-form .form-control{border: 1px solid #d9d9d9; background: #fff;}
  .contact-form .form-row label{padding-bottom: 10px;}
  .contact-form .form-row label span{color: red;}
  .contact-form .form-control:focus {background-color: #f4f4f4;border-color: #0066ff70;box-shadow: unset;}
  .contact-head-inner{border-bottom: 1px solid #00000021; padding-bottom: 50px;}
  .submit-btn {margin-top: 25px;}
  .submit-btn a{padding: 8px 25px;border: 1px solid #ea5513; color: #ffffff;font-size: 18px; background: #ea5513;}
  .submit-btn a:hover{color: #ea5513;font-size: 18px; background: #ffffff;}
  .contact-form h4{font-size: 30px;margin: 0px 0px 0px 0px;}
  .map-inner{width: 100%; height: 350px;}
  .contact{padding: 0px 0  60px;}


  /* -- ----- Service ----- -- */

.service-page{padding: 60px 0; position: relative; background-color: #fff; z-index: 2;}

.service-page .service-sidebar { background: #fff;  padding: 30px; border-radius: 10px; box-shadow: 0 10px 35px 0 rgb(223 72 177 / 22%); position: sticky;position: sticky;top: 100px;}

.service-page .service-menu li {border-bottom: 1px dashed #e1e1e1; padding-bottom: 20px; margin-bottom: 20px;}

.service-page .service-menu li a { color: #16072f  ; display: block; font-size: 18px; position: relative;}

.service-page .service-menu .active a{font-weight: 600;color: #b92324;}

.service-page  .service-menu li a:before {position: absolute; content: ""; top: 0;right: 0; background-image: url(../images/right-arrow.gif); width: 35px; height: 35px; display: flex; z-index: 1; color: #b92324;justify-content: center; align-items: center;background-size: cover;}

.service-page  .contact-widget { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 20px ; padding: 30px 30px 180px;background-image: url(../images/contact-1.jpg);}

.service-page .contact-widget h5{font-size: 26px;color: #b92324;}

.service-page .contact-widget p{ font-size: 18px;}

.service-page .sc-img{width: 100%;height: 500px;}

.service-page .sc-img img{width: 100%; height: 100%;border-radius: 10px;object-fit: cover;}

.service-page .strategy ul{display: flex;align-items: center;flex-wrap: wrap;width: 90%;justify-content: space-between;}

.service-page .strategy ul li{  width: 48%;    margin-bottom: 15px;}

.service-page .strategy ul li i{ margin-right: 10px;color: #b92324;}

.service-page .service-accordian .accordion-item{border: unset; border-radius: unset; margin-bottom: 15px;box-shadow: 0 0 10px 0 #e7e7e7;}

.service-page .service-accordian .accordion-button{font-size: 18px;font-weight: 600;}

.service-page .accordion-button:not(.collapsed){color: #7d10b9; background-color: #dcdcdc;}

.service-page .service-accordian .accordion-body p{margin: 0;}

.free-service{ position: relative;background-image: url(../images/consult-bg.jpg);height: 100%; width: 100%;background-size: cover;padding: 60px 0;}

.free-service .free-cons-btn{ display: flex;gap: 15px; margin-top: 30px;padding-top: 30px;border-top: 1px dashed #787878;}

.free-service .free-cons-btn li a{height: 100px;width: 150px;display: block; box-shadow: inset 0 0 9px 0 #d0d0d0;border-radius: 5px;padding: 5px;    background: #fff;}

.free-service .free-cons-btn li a img{ width: 100%; height: 100%; object-fit: contain;}

.free-service  .free-service-inner-img  {height: 370px;width: 600px;margin: 0 auto;}

.free-service  .free-service-inner-img img{ width: 100%; height: 100%; object-fit: contain;}

.service-page .accordion-body ul{ margin-left: 15px;margin-top: 15px;}

.service-page .accordion-body ul li{margin-bottom: 10px; list-style-type: disclosure-closed; margin-left: 15px;}

.service-page .accordion-body ul li::marker{color: #7d10b9;  }

.service-item ul li a{  border-radius: 5px;font-size: 16px;padding: 15px;display: block; position: relative;box-shadow: 0 5px 45px -3px rgba(0, 0, 0, 0.1); color: #38563f;}

.service-item ul {display: flex;flex-wrap: wrap; align-items: center;}

.hvrEfc {width: 48%; margin-right: 15px;}

.hvrEfc a::before { content: "";position: absolute;left: 0;top: 0; z-index: -1; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #38563f, #b92324);transition: 0.5s;}

.hvrEfc:hover a{ color: #fff;}

.hvrEfc a:hover::before {width: 100%}

.service-sidebar ul {margin-bottom: 15px;}

.service-card .s-card-inner{padding: 5px;box-shadow: 0 0 10px 0 #00000042;border-radius: 5px;border: 1px solid #b7b7b7;background: #efefef;}

.service-card .s-card-inner .sci-img{width: 100%; height: 230px; object-fit: contain; display: flex; align-items: center; justify-content: center;  border-radius: 5px; background: #fff;overflow: hidden;}

.service-card .s-card-inner .sci-img img{object-fit: cover;transition: all .3s ease;}
  
.service-card .s-card-inner .sci-txt{padding: 5px;}

.service-card .s-card-inner .sci-txt a{align-items: center;justify-content: space-between;}

.service-card .s-card-inner .sci-txt p{margin: 0;font-size: 14px;transition: all .3s ease;}

.service-card .s-card-inner .sci-txt span{ display: flex ;width: 50px; height: 50px;   flex: 0 0 50px;align-items: center;  justify-content: center; margin-left: 5px;}

.service-card .s-card-inner .sci-txt span i{font-size: 35px;font-weight: 300;color: #626262; transition: all .3s ease;}

.service-card .s-card-inner:hover .sci-img img{transform: scale(1.1);}

.service-card .s-card-inner:hover .sci-txt p{color: #b92324;}

.service-card .s-card-inner:hover .sci-txt span i{color: #b92324;}

.service-page .service-items ul{ display: flex ;flex-wrap: wrap;}

.service-page .service-items ul li{ width: 48%;margin-top: 15px; padding-left: 10px;}

.service-page .service-items ul li i{ color: #b62223; padding-right: 5px;}















/* ====================responssive==================== */   



@media only screen and (min-width: 1480px) and  (max-width: 1920px)  {
    /* .container{
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
    } */
}
@media only screen and (min-width: 1680px) and  (max-width: 1766px)  {

}
@media only screen and (min-width: 1599px) and  (max-width: 1681px)  {

    
}
@media only screen and (min-width: 1481px) and  (max-width: 1600px)  {


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

  .banner-section .fc-banner-txt h2 { font-size: 42px;}

  .header h2 {  font-size: 36px;}

}
@media only screen and (min-width: 1366px) and  (max-width: 1439px)  {

  .banner-section .fc-banner-txt h2 { font-size: 35px;}

  .home-department .nav-pills .nav-link .hd-btn h4 {font-size: 14px;}

  .home-department .nav-pills .nav-link { padding: 10px;}

  .home-service .home-service-cont { padding: 15px;}

  .home-service .hs-time {padding: 30px 20px 30px;}

  .success .vdo-btn .sbg {width: 95px;}

  .success .nav-pills .nav-link {margin-right: 3px;}

  .header h2 { font-size: 32px;}

    
}
@media only screen and (min-width: 1180px) and  (max-width: 1299px)  {

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

  .header h2 { font-size: 28px;}

  p{font-size: 15px;}

  .container{width: 100%;  max-width: 90%;  margin: 0 auto;}

  .top-logo .log-1 img {width: 70px;}

  .contact-box { padding: 10px;padding-top: 75px;padding-bottom: 15px;}

  .fixedhead { position: fixed; top: -80px;}

  .contact-box .contact-shape-top { height: 80px; width: 70px;}

  .banner-section .fc-banner-txt h2 { font-size: 28px;}

  .banner-section .fc-banner-img {  height: 50vh;}

  .banner-section .fc-banner-item { height: 50vh;}

  .banner-section .top-banner { height: 60vh;}

  .home-contact-item {padding: 15px;}

  .home-contact-item .contact-content h3 {font-size: 20px;}

  .home-contact-item .contact-content p { font-size: 15px;}

  .home-contact-item.highlighted-box .highlighted-box-title h2 {font-size: 26px;}

  .home-service .home-service-cont {flex-wrap: wrap;  padding: 15px;}

  .home-service .home-service-cont .hsc-img {flex: 0 0 50px;width: 50px; height: 50px;margin-right: 0; margin-bottom: 10px;}

  .home-service .hs-time {   padding: 35px 15px 30px;}

  .home-department .hd-tab  .nav-pills{ display: -webkit-inline-box;flex-wrap: nowrap; width: 100%;overflow: scroll;}

  .home-department .hd-tab-cont-img { height: 330px;}

  .home-department .hd-tab-cont-txt h3 { font-size: 26px;}

  .success .tab-vdo {height: 300px;}

  .home-department .hd-tab-cont-txt { padding: 20px;}

  .success .nav.nav-pills{ display: -webkit-inline-box;flex-wrap: nowrap; width: 100%;overflow: scroll;}

  .success .history-item h2 {font-size: 30px;}

  .service-item-bx { margin-top: 25px; padding: 25px;}

  .service-item-bx h4 { font-size: 20px;}

  .service-item-bx p { font-size: 15px;}

  .about .about-txt{margin-top: 25px;}

  .service-page .sc-img { height: 300px;}

  .service-content .top-heading{margin-top: 25px;}

  .service-page .service-menu li a { font-size: 15px;}

  .service-page .contact-widget { padding: 20px 20px 180px;}

  .service-page .contact-widget p {font-size: 16px;}

  .service-card .s-card-inner .sci-img { height: 200px;}

}
@media only screen and (min-width: 767px) and  (max-width: 990px)  {   
  .header h2 { font-size: 28px;}

  p{font-size: 15px;}

  .container{width: 100%;  max-width: 90%;  margin: 0 auto;}

  .top-logo .log-1 img {width: 70px;}

  .contact-box { padding: 10px;padding-top: 75px;padding-bottom: 15px;}

  .fixedhead { position: fixed; top: 0px;}

  .contact-box .contact-shape-top { height: 80px; width: 70px;}

  .banner-section .fc-banner-txt h2 { font-size: 28px;}

  .banner-section .fc-banner-img {  height: 50vh;}

  .banner-section .fc-banner-item { height: 50vh;}

  .banner-section .top-banner { height: 60vh;}

  .home-contact-item {padding: 15px;}

  .home-contact-item .contact-content h3 {font-size: 20px;}

  .home-contact-item .contact-content p { font-size: 15px;}

  .home-contact-item.highlighted-box .highlighted-box-title h2 {font-size: 26px;}

  .home-service .home-service-cont {flex-wrap: wrap;  padding: 15px;}

  .home-service .home-service-cont .hsc-img {flex: 0 0 50px;width: 50px; height: 50px;margin-right: 0; margin-bottom: 10px;}

  .home-service .hs-time {   padding: 35px 15px 30px;}

  .home-department .hd-tab  .nav-pills{ display: -webkit-inline-box;flex-wrap: nowrap; width: 100%;overflow: scroll;}

  .home-department .hd-tab-cont-img { height: 330px;}

  .home-department .hd-tab-cont-txt h3 { font-size: 26px;}

  .success .tab-vdo {height: 300px;}

  .home-department .hd-tab-cont-txt { padding: 20px;}

  .success .nav.nav-pills{ display: -webkit-inline-box;flex-wrap: nowrap; width: 100%;overflow: scroll;}

  .success .history-item h2 {font-size: 30px;}

  .service-item-bx { margin-top: 25px; padding: 25px;}

  .service-item-bx h4 { font-size: 20px;}

  .service-item-bx p { font-size: 15px;}

  .about .about-txt{margin-top: 25px;}

  .service-page .sc-img { height: 300px;}

  .service-content .top-heading{margin-top: 25px;}

  .service-page .service-menu li a { font-size: 15px;}

  .service-page .contact-widget { padding: 20px 20px 180px;        box-shadow: 0 0 10px 0 #0000004f;}

  .service-page .contact-widget p {font-size: 16px;}

  .service-card .s-card-inner .sci-img { height: 200px;}

  .bottom-menu .bmenu-item { display: block;}

  .nav-top-btns{display: none;}

  .appointment{display: none;}

  .bottom-menu {padding: 0;}

  .page-title { margin-top: 40px;}

  .page-title-inner {padding: 90px 0;}

  .title-outer h1 { font-size: 36px;}

  .contact-form {  padding: 25px; background: #ffe9e9; border-radius: 20px;}

  .mission .mission-text { width: 100%;}

  .mission .mission-text h4 { font-size: 24px;}

  .mission .mission-text p {  font-size: 15px;}

  .about-1-inner .col-md-6{margin-top: 25px;}

  .service-item p {font-size: 15px;}

  footer .footer-title h4 { font-size: 18px; margin-top: 15px;}

  .service-sidebar{margin-bottom: 35px;}

  .pbmit-element-title {font-size: 40px;    line-height: 40px;}

  .about .abt-txt h2 {font-size: 70px;line-height: 50px;}
    
}
@media only screen and (max-width: 767px) {
 
  .header h2 { font-size: 24px;}

  p{font-size: 14px;}

  h5 {font-size: 17px}

  h4 { font-size: 18px;}

  h3 { font-size: 20px;}

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

  .top-logo .log-1 img {width: 70px;}

  .contact-box { padding: 10px;padding-top: 75px;padding-bottom: 15px;}

  .fixedhead { position: fixed; top: 0px;}

  .contact-box .contact-shape-top { height: 80px; width: 70px;}

  .banner-section .fc-banner-txt h2 { font-size: 28px;}

  .banner-section .fc-banner-img {  height: 40vh;}

  .banner-section .fc-banner-item { height: 40vh;width: 90%;}

  .banner-section .fc-banner-txt { padding: 25px}

  .home-contact-item.highlighted-box .highlighted-box-title { padding: 30px;}

  .banner-section .top-banner { height: 45vh;}

  .banner-section {padding-top: 120px;}

  .home-contact-item {padding: 15px;}

  .home-contact-item .contact-content h3 {font-size: 20px;}

  .home-contact-item .contact-content p { font-size: 15px;}

  .home-contact-item.highlighted-box .highlighted-box-title h2 {font-size: 26px;}

  .home-service .home-service-cont {flex-wrap: wrap;  padding: 15px;}

  .home-service .home-service-cont .hsc-img {flex: 0 0 40px;width: 40px; height: 40px;margin-right: 0; margin-bottom: 10px;}

  .home-service .hs-time {   padding: 35px 15px 30px;}

  .home-department .hd-tab  .nav-pills{ display: -webkit-inline-box;flex-wrap: nowrap; width: 100%;overflow: scroll;}

  .home-department .hd-tab-cont-img { height: auto;}

  .home-department .hd-tab-cont-txt h3 { font-size: 22px;margin-top: 5px;}

  .home-department .hd-tab-cont-txt span { font-weight: 700;}

  .success .tab-vdo {height: 300px;}

  .home-department .hd-tab-cont-txt { padding: 20px;}

  .success .nav.nav-pills{ display: -webkit-inline-box;flex-wrap: nowrap; width: 100%;overflow: scroll;}

  .success .history-item h2 {font-size: 30px;}

  .service-item-bx { margin-top: 25px; padding: 25px;}

  .service-item-bx h4 { font-size: 20px;}

  .service-item-bx p { font-size: 15px;}

  .about .about-txt{margin-top: 25px;}

  .service-page .sc-img { height: 300px;}

  .service-content .top-heading{margin-top: 25px;}

  .service-page .service-menu li a { font-size: 15px;}

  .service-page .contact-widget { padding: 20px 20px 180px;        box-shadow: 0 0 10px 0 #0000004f;}

  .service-page .contact-widget p {font-size: 16px;}

  .service-card .s-card-inner .sci-img { height: 200px;}

  .bottom-menu .bmenu-item { display: block;}

  .nav-top-btns{display: none;}

  .appointment{display: none;}

  .bottom-menu {padding: 0;}

  .page-title { margin-top: 40px;}

  .page-title-inner {padding: 90px 0;}

  .title-outer h1 { font-size: 36px;  margin-bottom: 0px;}

  .contact-form {  padding: 25px; background: #ffe9e9; border-radius: 20px;}

  .mission .mission-text { width: 100%;}

  .mission .mission-text h4 { font-size: 24px;}

  .mission .mission-text p {  font-size: 15px;}

  .about-1-inner .col-md-6{margin-top: 25px;}

  .service-item p {font-size: 15px;}

  footer .footer-title h4 { font-size: 18px; margin-top: 15px;}

  .service-sidebar{margin-bottom: 35px;}

  .banner-section .fc-banner-txt p {  font-size: 14px;display: none;}

  .header.heder-pos-lef {width: 100%;}

  .home-department .nav-pills .nav-link .hd-btn img { width: 30px;}

  .home-department .nav-pills .nav-link {padding: 15px 25px;}

  .home-contact-us {padding: 30px 0 60px;}

  .lg-btnn span {font-size: 14px;}

  .lg-btnn { height: 40px;    padding: 10px 15px;  }

  .pbmit-element-title { font-size: 40px;    line-height: 40px;}

  .about .abt-txt h2 {font-size: 70px;line-height: 50px;}

  .home-contact-item.box-border { border-bottom: 1px solid #fba9a961;}

  .success .member-cont {margin-left: 0;}

  .home-service .home-service-cont .hsc-cont h4 {font-size: 18px;}

  .logo-2{ width: 140px;}

  .si-left{margin-top: 35px;}

  .service-page .sc-img {height: 250px;}

  footer .footer-log-site { padding-right: 0;}
  
.banner-section::after { height: 200px; width: 300px;}
}
@media only screen and (max-width:420px){

  .banner-section .fc-banner-txt h2 { font-size: 20px;}

  .success .tab-vdo { height: 250px;}
    
}