@charset "utf-8";

:root{ --primary: #3853A2; }

html { scroll-behavior: smooth; }

/*---- Bootstrap 5 ----*/
.w-100{ width: 100%; }
.h-100{ height: 100%; }

.img-fluid { max-width: 100%; height: auto; }
img { vertical-align: middle; border-style: none; max-width: 100%; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }

.d-flex { display: -ms-flexbox !important; display: flex !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.mx-auto{ margin-left: auto; margin-right: auto; }
.mt-auto{ margin-top: auto; }
.mb-auto{ margin-bottom: auto; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }
.row > [class*="col-"] { position: relative; /*width: 100%;*/ padding-right: 10px; padding-left: 10px; }

.row.space > [class*="col-"] { margin-top: 10px; margin-bottom: 10px; }
.row.vline [class*='col-']:not(:first-child):after { background: #e6e4e4; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }


hr { margin-top: 15px; margin-bottom: 15px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid #c5c6c6; }

.media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.form-group{ margin-bottom: 20px; }
.form-label{ padding-bottom: 10px; display: block; }
.form-control{ font-family: 'Montserrat'; background-color: #f6f7f6; display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; outline: none; }

.input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }
.input-group-append { margin-left: -1px; }
.input-group-append, .input-group-prepend { display: -webkit-box; display: -ms-flexbox; display: flex; }
/*---- Bootstrap 5 End ----*/


body { font-family: 'Montserrat'; font-size: 16px; font-weight: 500; color: #000000; overflow: hidden; overflow-y: auto; line-height: normal; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; line-height: normal; }
*, ::after, ::before { box-sizing: border-box; }
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?cgw4z5');
  src:  url('../fonts/icomoon.eot?cgw4z5#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?cgw4z5') format('truetype'),
    url('../fonts/icomoon.woff?cgw4z5') format('woff'),
    url('../fonts/icomoon.svg?cgw4z5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {  
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bathtub:before { content: "\e900"; }
.icon-bed:before { content: "\e901"; }
.icon-checkmark:before { content: "\e902"; }
.icon-cross:before { content: "\e903"; }
.icon-error:before { content: "\e904"; }


.font-gotham{ font-family: 'Gotham'; font-weight: normal; }


[class*="font-"] { line-height: 1.5 !important; }

.font-10 { font-size: 10px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important; }
.font-28 { font-size: 28px !important; }
.font-30 { font-size: 30px !important; }
.font-32 { font-size: 32px !important; }
.font-34 { font-size: 34px !important; }
.font-36 { font-size: 36px !important; }
.font-38 { font-size: 38px !important; }
.font-40 { font-size: 40px !important; }
.font-44 { font-size: 44px !important; }
.font-50 { font-size: 50px !important; }
.font-54 { font-size: 54px !important; }
.font-60 { font-size: 60px !important; }


.light{ font-weight: 300 !important; }
.normal{ font-weight: normal !important; }
.medium{ font-weight: 500 !important; }
.sbold{ font-weight: 600 !important; }
.bold{ font-weight: 700 !important; }
.xbold{ font-weight: 800 !important; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

.lineH{ line-height: normal !important; }
.lineH-2{ line-height: 1.2 !important; }
.lineH-4{ line-height: 1.4 !important; }
.lineH-6{ line-height: 1.6 !important; }

.letter-spacing1{ letter-spacing: 1.5px; }


a { 
    color: #000000; outline: none; text-decoration: none;
    -webkit-transition: all 300ms ease; -moz-transition: all ease 300ms; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;
}
a:hover, a:focus { text-decoration: none; color: #000000; outline: none; }

p { line-height: 1.5; font-size: 16px; padding-bottom: 20px; color: #000000; }
p:last-child { padding-bottom: 0px; }

.btn{ font-family: 'Montserrat'; transition: all 0.3s; }
.btn:focus { box-shadow: none; }

.btn1 {
    background-color: var(--primary); border: 0px; border-radius: 4px; color: #ffffff; font-size: 18px; font-weight: bold; text-decoration: none; padding: 0px 30px; cursor: pointer; 
    min-height: 56px; min-width: 170px; display: inline-flex; align-items: center; justify-content: center; 
}
.btn1:hover, .btn1:focus { background-color: #b64b4c; color: #ffffff; }

.btn2 {
    background-color: #ffffff; border: 0px; border-radius: 6px; color: #000000; font-size: 18px; font-weight: bold; text-decoration: none; padding: 0px 30px; cursor: pointer; 
    min-height: 36px; min-width: 170px; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 1.5px;
}
.btn2:hover, .btn2:focus { background-color: #000000; color: #ffffff; }

.white{ color: #ffffff !important; }
.black{ color: #000000 !important; }
.blue{ color: var(--primary); }

.whiteBg{ background-color: #ffffff; }
.blueBg{ background-color: var(--primary); }
.blackBg{ background-color: #000000 !important; }
.blackgoldBg{ background-color: #494D4D; }

.row12 { margin-left: -12px; margin-right: -12px; }
.row12 > [class*="col-"] { padding-left: 12px; padding-right: 12px; margin-top: 20px; margin-bottom: 20px; }


.row4 { margin-left: -4px; margin-right: -4px; }
.row4 > [class*="col-"] { padding-left: 4px; padding-right: 4px; }

.row16 { margin-left: -16px; margin-right: -16px; }
.row16 > [class*="col-"] { padding-left: 16px; padding-right: 16px; }

.row20 { margin-left: -20px; margin-right: -20px; }
.row20 > [class*="col-"] { padding-left: 20px; padding-right: 20px; }

.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }

.row.vdivide [class*='col-']:not(:first-child):after { background-color: #000; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }

.p-0{ padding: 0px !important; }
.pb-1{ padding-bottom: 5px !important; }
.pb-2{ padding-bottom: 10px !important; }
.pb-3{ padding-bottom: 15px !important; }
.pb-4{ padding-bottom: 20px !important; }
.pb-5{ padding-bottom: 30px !important; }
.pt-0{ padding-top: 0px !important; }
.pt-1{ padding-top: 5px !important; }
.pt-2{ padding-top: 10px !important; }
.pt-3{ padding-top: 15px !important; }
.pt-4{ padding-top: 20px !important; }
.pt-5{ padding-top: 30px !important; }

.pl-1{ padding-left: 8px; }
.pr-1{ padding-right: 10px; }
.pr-2{ padding-right: 20px; }
.pr-3{ padding-right: 30px; }

.m-0{ margin: 0px !important; }
.mb-1{ margin-bottom: 8px !important; }
.mt-0{ margin-top: 0px !important; }
.mt-1{ margin-top: 5px !important; }
.mt-2{ margin-top: 10px !important; }
.mx-2{ margin-left: 10px !important; margin-right: 10px !important; }
.my-0{ margin-top: 0px !important; margin-bottom: 0px !important; }
.my-1{ margin-top: 5px !important; margin-bottom: 5px !important; }
.ml-1{ margin-left: 10px !important; }
.mr-0{ margin-right: 0px !important; }
.mr-1{ margin-right: 10px !important; }

.radius1{ border-radius: 8px; }

.wrapper { width: 1080px; height: 1920px; margin: 0 auto; position: relative; overflow: hidden; }

/*--- Header ---*/
.header{ 
    background-color: #ffffff; position: relative; padding: 0px 38px; height: 146px; border-radius: 0px 0px 10px 10px; box-shadow: inset 0px 0px 0px 1px #dcdee0; 
}

.header > .row { height: 100%; align-items: center; }
.logo{ text-align: center; }

.header p{ font-size: 18px; }
.header-right{ text-align: right; }
.header-timebox { min-height: 52px; border-radius: 5px; padding: 0px 10px; display: inline-flex; align-items: center; justify-content: center; border: solid 1px #838586; font-size: 24px; font-weight: bold; min-width: 140px; text-align: center; margin-bottom: 8px; }
.header-timebox.weather {  }
.header-timebox.weather img{ margin-left: 15px; }

/*.mr-2 { margin-right: 20px; }
.ml-2 { margin-left: 20px; }*/

/*.header-left{ display: none; }
.header-left img{ margin-right: 10px; }
.header-right{ display: none; }
.header.active .header-left, .header.active .header-right{ display: unset; }*/

.header-radius{ border-radius: 0px 0px 10px 10px; color: #ffffff; }
.header-sub1{ padding: 18px 30px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
/*--- Header End ---*/

/*--- Footer and Video ---*/
.footer{ height: 616px; /*height: 696px;*/ }
.video-box { position: relative; overflow: hidden; 
    background-color: #000000;
}
.video-menu{ background-color: var(--primary); position: absolute; width: 100%; color: #ffffff; padding: 14px 15px; top: 0px; border-radius: 0px 0px 15px 15px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5); }
.site_add { width: 1080px; margin: 0 auto; border: 0; /*height: 650px;*/ height: 616px; display: block; }
.ft-left{ padding-left: 15px; }
.ft-right{ text-align: right; }
/*--- Footer and Video End ---*/

.main{ /*height: 1190px;*/ height: 1158px; position: relative; 
  display: flex; flex-direction: column;
}
.whitebox{ background-color: #f6f7f6; border-radius: 10px; padding: 22px; }


/*-- Medical Page 1 --*/
.bluetxt{ color: #3b549d; }

.wrapper-1{ padding: 15px 0px; width: 100%; max-width: 966px; margin-left: auto; margin-right: auto; }

.list-box{ background-color: #f1f1f1; border-radius: 6px; border: solid 1px #CFD1D0; padding: 12px; position: relative; overflow: hidden; transition: all 0.2s linear; }
.list-box:hover{ border-color: var(--primary); }
/*.list-box-image{ overflow: hidden; height: 256px; width: 100%; margin-bottom: 10px; }
.list-box-image img{ object-fit: cover; object-position:top; height: 100%; width: 100%; border-radius: 6px; }
.list-box h4{ font-family: 'Gotham'; font-size: 26px; font-weight: bold; padding-bottom: 5px; color: #3b549d; line-height: 1; 
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}*/
.list-box p{ font-size: 14px; padding: 0px 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-box .btn1{ width: 100%; font-weight: 600; min-height: 58px; font-size: 18px; margin-top: 20px; }

.list-box-thumb-main{ overflow: hidden; position: relative; border-radius: 6px; margin-bottom: 15px; }
.list-box-thumb{ height: 256px; }
.list-box-thumb img{ width: auto; height: 100%; object-fit: cover; }
.list-box-data{ 
  position: absolute; left: 0px; right: 0px; bottom: 0px; min-height: 200px; /*border-radius: 0px 0px 6px 6px;*/  
  background: linear-gradient(to bottom,  rgba(22,12,12,0) 0%,rgba(4,2,2,1) 80%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-family: 'Gotham'; font-weight: normal; color: #ffffff; padding: 20px;
  display: flex; flex-direction: column; justify-content: flex-end;
}
.list-box-data.plain{ background: none !important; }
.list-box-data h4{ font-size: 30px; font-weight: bold; padding-bottom: 0px; color: #ffffff; }


.graybox1{ background-color: #f1f1f1; padding: 15px; border-radius: 12px; }
.graybox1.space25{ padding: 20px 25px; }
.graybox1.space30{ padding: 20px 30px; }

/*-- Medical Page 1 End --*/


/*-- Medical Page 2 --*/
.greenBg{ background-color: #56b417 !important; }
.wrapper-900{ width: 100%; max-width: 900px; margin: 0px auto; }

.titletwo{ background-color: #f1f1f1; display: flex; align-items: center; justify-content: center; min-height: 115px; border-radius: 0px 0px 8px 8px; }
.titletwo h2{ font-family: 'Gotham'; font-size: 36px; font-weight: bold; color: #000000; }

.top-title-space{ padding-top: 45px; padding-bottom: 45px; }

.howwedo-box{ border: solid 1px #cbcbcb; border-radius: 7px; padding: 30px 22px; margin-bottom: 30px; }
.howwedo-box:last-child{ margin-bottom: 0px; }
.howwedo-boxleft{ /*max-width: 355px;*/ margin-left: 10px; }
.howwedo-boxleft h4{ padding-bottom: 10px; }
.howwedo-boxleft p{ font-size: 18px; }

.rating-main{ text-align: center; max-width: 365px; margin-left: auto; margin-right: 10px; }
.rating{ display: flex; }
.rating img{ margin: 8px 9px; }
.rating-leavefeedback{ font-size: 18px; font-weight: 300; }

.marquee-text-main{ background-color: #000000; min-height: 84px; font-size: 30px; color: #ffffff; text-align: center; font-weight: bold; /*margin-top: auto; */
    display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: clip;    
}
/*-- Medical Page 2 End --*/

/*-- Page 2 --*/
.page3-full-thumb{  }
.page3-full-thumb img{ width: 100%; height: 426px; object-fit: cover; object-position: bottom; }

.wrapper-1000{ padding-top: 25px; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }
.wrapper-1014{ padding-top: 25px; width: 100%; max-width: 1014px; margin-left: auto; margin-right: auto; }

.qrcode-box{ border-radius: 12px; border: solid 1px #c1c3c3; padding: 20px 25px; margin-top: 20px; }
.qrcode-box p{ padding-bottom: 15px; }
.qrcode{ margin: 15px 0px; }
/*-- Page 2 End --*/

/*-- FAQ Page --*/
/*.wrapper-780{ width: 100%; max-width: 780px; margin: 0px auto; padding-top: 25px; }*/
.faq-wrapper{ width: 100%; max-width: 780px; margin: 0px auto; padding-top: 25px; }
.faq-wrapper p[class*="font-"] { line-height: 1.4 !important; }
/*-- FAQ Page End --*/

/*-- Noticeboard Page --*/
.noticeboard{ width: 100%; max-width: 825px; margin: 35px auto 0px; }
/*.noticeboard.first { margin-top: 40px !important; }*/
.noticeboard-image{ /*overflow: hidden; height: 100%;*/ }
.noticeboard-image img{ border-radius: 8px 0px 0px 8px; height: 100%; object-fit: cover; }
.noticeboard-data{ border: solid 1px #c1c3c3; border-radius: 0px 8px 8px 0px; padding: 18px 30px 20px; }
.noticeboard-data h4{ font-size: 32px; font-weight: 700; padding-bottom: 5px; line-height: 1.2 !important; }
.noticeboard-data p{ font-size: 18px; padding-bottom: 15px; }
/*-- Noticeboard Page End --*/

.wrapper-980{ width: 100%; max-width: 980px; margin: 0px auto; padding-top: 35px; }


.row8 { margin-left: -8px; margin-right: -8px; }
.row8 > [class*="col-"] { padding-left: 8px; padding-right: 8px; margin-top: 8px; margin-bottom: 8px; }

.ourservices-box{ overflow: hidden; position: relative; border-radius: 6px; }
.ourservices-box-thumb{ height: 278px; }
.ourservices-box-thumb img{ width: 100%; height: 100%; /*min-height: 210px;*/ object-fit: cover; }
.ourservices-box-data{ 
  position: absolute; z-index:1; left: 0px; right: 0px; bottom: 0px; min-height: 200px;   
  background: linear-gradient(to bottom,  rgba(22,12,12,0) 0%,rgba(4,2,2,1) 80%,rgba(0,0,0,1) 100%);
  font-family: 'Gotham'; font-weight: normal; color: #ffffff; padding: 20px;
  display: flex; flex-direction: column; justify-content: flex-end;
}
.ourservices-box-data h5{ font-size: 35px; font-weight: bold; padding-bottom: 3px; color: #ffffff; }
.ourservices-box-data p{ font-size: 18px; color: #ffffff; }


/*-- Meet The Team Page Start --*/
.btn-min-width{ min-width: 220px; }

.team-list-main{ padding-top: 15px; width: 100%; max-width: 974px; margin-left: auto; margin-right: auto; }
.team-list{ background-color: #ffffff; border-radius: 12px; border: solid 1px #CFD1D0; padding: 16px; position: relative; overflow: hidden; transition: all 0.2s linear; }
.team-list:hover{ border-color: var(--primary); }
.team-list-image{ overflow: hidden; height: 225px; width: 100%; margin-bottom: 15px; }
.team-list-image img{ object-fit: cover; object-position:top; height: 100%; width: 100%; }
.team-list h4{ font-family: 'Gotham'; font-size: 20px; font-weight: bold; padding-bottom: 3px; }
.team-list p{ font-size: 18px; padding: 0px; }
.team-list .btn1{ width: 100%; font-weight: 700; min-height: 46px; font-size: 18px; border-radius: 8px; }
.team-list hr{ margin: 8px 0px 12px; }

/*.team-list .phone-btn-label{ width: 100%; }*/

.card-blue{ background-color: var(--primary); color: #ffffff; padding: 20px; border-radius: 12px; height: 100%; display: flex; flex-direction: column; }
.card-blue p{ color: #ffffff; }
.card-blue-footer{ margin-top: auto; }
/*-- Meet The Team Page End --*/

/*.sold{ background-color: var(--primary); position: absolute; right: 0; top: 0; line-height: 1; z-index: 1; color: #ffffff; font-size: 14px; text-transform: uppercase; font-weight: 600; border-radius: 0px 0px 0px 6px; padding: 8px 16px; }*/


/*-- Page 11 --*/
.row7 { margin-left: -7px; margin-right: -7px; }
.row7 > [class*="col-"] { padding-left: 7px; padding-right: 7px; }

.bookyour-jab-wrapper{ padding-top: 25px; padding-bottom: 25px; width: 100%; max-width: 1008px; margin-left: auto; margin-right: auto; height: 100%; }

.bookyour-jab-today{ position: relative; display: flex; flex-direction: column; justify-content: center; }
.bookyour-jab-today-thumb{ border-radius: 0px 0px 10px 10px; overflow: hidden; }
.bookyour-jab-today-thumb img{ width: 100%; height: 356px; object-fit: cover; object-position: bottom; }

.bookyour-jab-card{ 
  background-color: #3b549d; border-radius: 8px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); color: #ffffff;
  position: absolute; top: auto; bottom: auto; max-width: 412px; width: 100%; padding: 35px 45px; text-align: center; margin-left: 60px;
}
.bookyour-jab-card h3{ font-size: 34px; font-weight: 700; padding-bottom: 10px; }
.bookyour-jab-card h4{ font-size: 24px; font-weight: 700; padding-bottom: 10px; }
.bookyour-jab-card p{ font-size: 18px; color: #ffffff; font-weight: normal; line-height: 1.4; }
.bookyour-graybox{ background-color: #f6f6f6; padding: 32px 38px; }
.bookyour-graybox h5{ font-size: 18px; font-weight: 700; padding-bottom: 10px; padding-top: 8px; }
.bookyour-graybox p{ font-size: 12px; padding-bottom: 15px; }
.bookyour-graybox p:last-child{ padding-bottom: 0px; }



/*-- Image Loading --*/
.img { line-height: 0px; padding: 0 0 0; height: 100%; width: 100%; /*position: relative;*/ position: relative; }
.img-loading img{ width: 70px !important; height: 70px !important; object-position: unset !important; position: absolute; transform: translate(-50%,-50%); left:50%; top:50%;}
.lazy-tmb{ max-width: 100%; height: auto; }
/*-- Image Loading End --*/


.popup { position: absolute; z-index: 200; width: 100%; max-width: 600px; transform: translateX(-50%); left: 50%; top: 20px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; }
.popup.active { visibility: visible; opacity: 1; }
.popup-close { line-height: 0px; position: absolute; right: 0px; top: 0px; width: 60px; height: 60px; cursor: pointer; background-color: var(--primary); border-radius: 4px; color: #ffffff; font-size: 34px; display: flex; align-items: center; justify-content: center; z-index: 1; }
.popup-overlay { background-color: rgba(0,0,0,0.30); position: absolute; left: 0; /*top: -120px; height: calc(100% + 120px);*/ top: -146px; height: calc(100% + 146px); width: 100%; z-index: 100; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; }
.popup-overlay.active { visibility: visible; opacity: 1; }

.popup.popup-lg { max-width: 850px; }
.popup-middle{ left: 0px; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; margin: 1.75rem auto; transform: none; }

.popup-title{ padding-bottom: 30px; }
.popup .form-one{ width: 100%; max-width: 400px; margin: 0px auto; }
.popup .form-one .btn1{ max-width: 200px; }

.popup .popup-content { background-color: #ffffff; padding: 80px 50px; width: 100%; text-align: center; border-radius: 4px; position: relative; overflow: hidden; }
.popup.thanks .popup-form { display: none; }
.popup .popup-thanks-msg { display: none; }
.popup.thanks .popup-thanks-msg { display: block; }

.popup .popup-clear-filter {  }

.frm-error-msg{ background-color: #E72726; color: #ffffff; position: absolute; left: 15px; right: 15px; bottom: 10px; padding: 15px 15px; text-align: center; border-radius: 4px; font-size: 14px; display:none; }
.frm-error-msg.display-error{ display:block; }

.success-checkmark{ color: #43A447; font-size: 60px; line-height: 0px; padding-bottom: 20px; }


.pagination {
  width: 100%; margin-left: auto; margin-right: auto; margin-top: auto; padding-top: 20px; padding-bottom: 20px; 
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none;
}
.pagination .page-item { margin: 3px; }
.pagination .page-link {
  position: relative; display: block; text-decoration: none;
  min-width: 36px; min-height: 36px; display: flex; align-items: center; justify-content: center;
  padding: .375rem .75rem; background-color: #F1F1F1; color: #000000;
}
.pagination .page-link:hover { background-color: #000000 !important; color: #ffffff !important; }
.pagination .page-item.active .page-link { z-index: 3; background-color: var(--primary); color: #ffffff; font-weight: 600; }
.pagination .page-item:first-child{ margin-right: 25px; }
.pagination .page-item:last-child{ margin-left: 25px; }
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{ background-color: var(--primary); color: #ffffff; border-radius: 4px; min-width: 110px; min-height: 52px; }
.pagination .page-item.disabled .page-link { color: #ffffff; pointer-events: none; background-color: #c1c3c3; }



/*.pagination .btn1{ min-width: 110px; padding-left: 15px; padding-right: 15px; min-height: 52px; }
.pagination .btn1:first-child{ margin-right: 20px; }
.pagination .btn1:last-child{ margin-left: 20px; }
.pagination ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-left: 15px; padding-right: 15px; }
.pagination ul li a{ background-color: #F1F1F1; color: #000000; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; margin: 3px; }
.pagination ul li a:hover { background-color: #000000; color: #ffffff; }
.pagination ul li a.active{ background-color: var(--primary); color: #ffffff; font-weight: 600; }*/




.modal-person{ background-color: #f6f6f6; }
.modal-person-thumb{  }
.modal-person-thumb img{ width: 100%; object-fit: cover; }
.modal-person h4{ font-family: 'Gotham'; font-size: 20px; font-weight: bold; padding-bottom: 3px; padding-inline: 15px; }
.modal-person p{ font-size: 18px; padding-inline: 15px; }
.modal-person-details{ padding: 30px 45px 40px; }
.modal-btn1{ border-radius: 12px; border: solid 1px #c1c3c3; font-size: 12px; padding: 5px 10px; }

/*---- Screensaver ----*/
.screensaver{ position: absolute; /*top: 0px;*/ left: 0px; width: 100%; /*height: 100%;*/ display: none; z-index: 501; background-color: #ffffff; 
  top: 84px; height: calc(100% - 84px);
}
.screensaver.active{ display:block; }
.property-slider{ /*margin-top: 25px;*/ margin-top: 60px; }
.property-slider .slider-items { margin: 0px -50px; position: relative; /*padding: 0px 0px;*/ transform: scale(0.9); opacity: 0.5; transition: all 0.3s linear; cursor: pointer; }
.property-slider .slider-items.slick-center.slick-active{ transform: scale(1); opacity: 1; transition: all 0.3s linear; z-index: 5; }

.propertSlideBox{ border-radius: 10px; border: solid 1px #a35356; /*padding: 42px 55px;*/ padding: 20px; background-color: #f1f1f1; position: relative; overflow: hidden; /*max-width: 626px; */ }
.propertSlideBox .sold{ font-size: 22px; padding: 15px 25px; border-radius: 0px 0px 0px 10px; }

.propertSlide-thumb{ height: 372px; /*min-height: 340px;*/ display: flex; align-items: center; justify-content: center; }
.propertSlide-thumb img{ width: 100%; height: 100%; max-height: 372px; object-fit: cover; border-radius: 10px; }

.propertSlideDetails{ padding: 30px 30px 20px; min-height: 515px; display: flex; flex-direction: column; flex-wrap: wrap; }
.propertSlideDetails-title{ padding-bottom: 25px; }
.propertSlideDetails-title h3{ font-size: 46px; font-weight: bold; font-family: 'Gotham'; color: #3b549d; line-height: 1.3; padding-bottom: 20px; }
.propertSlideDetails-title p{ font-size: 24px; line-height: 1.3; padding-bottom: 10px; }

.advertisement{  }
.advertisement-image{ width: 100%; max-height: 890px; object-fit: cover; object-position: top; border-radius: 10px; }

.time-weather {
    background-color: #f1f1f1; border: 0px; border-radius: 4px; color: #000000; font-size: 25px; font-weight: bold; text-decoration: none; padding: 0px 20px;  
    min-height: 56px; min-width: 160px; display: inline-flex; align-items: center; justify-content: center; 
}

.copyright{ text-align: center; font-size: 18px; font-weight: normal; padding-top: 30px; }
/*---- Screensaver End ----*/


.scrollbar-one{ max-height: 570px; }


/*---- Marquee ----*/
.marquee {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    /*width: 300px;*/
    width: 100%;
}

.marquee-item {
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-name: marquee-content;
    animation-timing-function: linear;
    padding: 0px 5px;
}
.marquee:hover .marquee-item {
    animation-play-state: paused;
}

@keyframes marquee-content {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}
/*---- Marquee End ----*/

/*.inner-marquee{ min-height: 100px; }*/


.maroon{ color: #b54b4c !important; }
.welcome-wrapper{ padding: 78px 100px; width: 100%; max-width: 964px; margin: 52px auto; border-radius: 5px; border: solid 1px #b15052; height: 100%; }
.welcome-lg-text{ font-family: 'Gotham'; font-size: 72px; color: #3b549d; font-weight: bold; padding-bottom: 30px; padding-top: 40px; }
.welcome-row{ padding-top: 170px; }
.welcome-box{ background-color: #f1f1f1; border-radius: 5px; min-height: 354px; padding: 105px 40px 48px; position: relative; }
.welcome-box h4{ font-family: 'Gotham'; font-size: 36px; font-weight: bold; color: #3b549d; padding-bottom: 28px; }
.welcome-box p{ margin-bottom: 10px; }
.touch-me-thumb{ position: absolute; top: -78px; left: 0; right: 0; width: 100%; }


/*---- About Us ----*/
.view-team-profiles{ height: 246px; border-radius: 8px; overflow: hidden; margin-bottom: 12px; }
.view-team-profiles img{ height: 100%; object-fit: cover; }


.welcome-popup-form{ padding-top: 20px; }

.form-one{  }
.form-one .form-control{ min-height: 52px; border-radius: 6px; border-color: #838586; font-size: 14px; }
.form-one .form-control::placeholder{ font-style: italic; letter-spacing: 0.8px; }
.form-one .form-group{ margin-bottom: 22px; }



/*
.light{ font-weight: 300 !important; }
.normal{ font-weight: normal !important; }
.medium{ font-weight: 500 !important; }
.sbold{ font-weight: 600 !important; }
.bold{ font-weight: bold !important; }
*/

/*---Responsive---*/
@media (min-width: 576px) {
    .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
    .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
    .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}


@media (min-width: 1200px) {
	/*.container { max-width: 1200px; }*/
}
@media (max-width: 1800px) {  }
@media (max-width: 1600px) {  }
@media (max-width: 1400px) {

  .font-26 { font-size: 24px !important; }
  .font-30 { font-size: 26px !important; }
  .font-32 { font-size: 28px !important; }
  .font-34 { font-size: 30px !important; }
  .font-38 { font-size: 34px !important; }
  .font-40 { font-size: 36px !important; }
  .font-50 { font-size: 46px !important; }

}/*1400 End*/

@media (max-width: 1300px) {
    
  .font-26 { font-size: 22px !important; }
  .font-30 { font-size: 26px !important; }
  .font-32 { font-size: 26px !important; }
  .font-34 { font-size: 28px !important; }
  .font-38 { font-size: 30px !important; }
  .font-40 { font-size: 32px !important; }
  .font-50 { font-size: 44px !important; }
  .font-54 { font-size: 50px !important; }    

}/*1300 End*/


@media (max-width: 1199px) {

  .font-24 { font-size: 22px !important; }
  .font-28 { font-size: 24px !important; }
  .font-38 { font-size: 28px !important; }
  .font-40 { font-size: 30px !important; }
  .font-50 { font-size: 40px !important; }
  .font-54 { font-size: 46px !important; }

}/*1199 End*/

@media (max-width: 1023px) {  }

/*@media (min-width: 992px) {
	.mainmenu li.nav-item.dropdown:hover .dropdown-menu{ display: block; }
}*/

@media (max-width: 991px) {
    
  .font-22 { font-size: 18px !important; }
  .font-24 { font-size: 18px !important; }
  .font-26 { font-size: 20px !important; }
  .font-28 { font-size: 22px !important; }
  .font-30 { font-size: 24px !important; }
  .font-34 { font-size: 26px !important; }
  .font-40 { font-size: 28px !important; }
  .font-50 { font-size: 36px !important; }

  /*.btn-normal { padding: 10px 20px; }*/
  /*.btn.font-16 { font-size: 14px !important; }*/

}/*991 End*/

@media (max-width: 767px) {

  .font-22 { font-size: 16px !important; }
  .font-28 { font-size: 20px !important; }
  .font-30 { font-size: 22px !important; }
  .font-34 { font-size: 24px !important; }
  .font-38 { font-size: 26px !important; }
  .font-40 { font-size: 28px !important; }
  .font-50 { font-size: 32px !important; }

  /*.commonSpaceTwo { padding: 40px 0px; }*/

}/*767 End*/

@media (max-width: 575px) {

  .font-18 { font-size: 14px !important; }
  .font-20 { font-size: 16px !important; }
  .font-22 { font-size: 18px !important; }
  .font-26 { font-size: 18px !important; }
  .font-30 { font-size: 20px !important; }
  .font-34 { font-size: 22px !important; }
  .font-38, .font-40 { font-size: 24px !important; }
  .font-50 { font-size: 30px !important; }

  /*.commonSpaceTwo { padding: 30px 0px; }*/

}/*575 End*/