@charset "UTF-8";

/*
Theme Name: Medssur Plus
*/

body{ padding: 0px; margin: 0px; list-style: none; font: normal 15px/24px var(--Inter); color: var(--secondary-color);}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none; text-decoration: none;}
a:active{ outline: none; text-decoration: none;}
a{ text-decoration: none;}
a, button, input[type="submit"], ::before, ::after{
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}
.media{display: flex; align-items: flex-start;}
.media-object{flex: 1;}
h1, h2, h3, h4, h5, h6{color: var(--secondary-color); font-weight: 600; font-family: var(--Inter);}

:root {
/* Colors */
--primary-color: #1A303E;
--secondary-color: #18333C;
--success-color: #198754;
--danger-color: #dc3545;
--dark: #000;
--light: #FFF;
--muted: #777;
--footer-color: #18323B;

/* Font Family */
--Inter: 'Inter';
--DM_Sans: 'DM Sans';
--DM_Serif_Display_italic: 'DMSerifDisplayItalic';
--icomoon: 'icomoon';

/* Heading Font Sizes */
--heading-xs: 30px;
--heading-sm: 35px;
--heading-md: 40px;
--heading-lg: 50px;
--heading-xl: 60px;
--heading-lineHeight: 1.2;

/* Paragraph Font Sizes */
--text-sm: 15px;
--text-md: 16px;
--text-lg: 18px;
--text-lineHeight: 1.9;
}

/* dm-serif-display-italic - latin */
@font-face {
font-family: 'DMSerifDisplayItalic';
src: url('assets/fonts/DMSerifDisplayItalic.eot');
src: url('assets/fonts/DMSerifDisplayItalic.eot') format('embedded-opentype'),
url('assets/fonts/DMSerifDisplayItalic.woff2') format('woff2'),
url('assets/fonts/DMSerifDisplayItalic.woff') format('woff'),
url('assets/fonts/DMSerifDisplayItalic.ttf') format('truetype'),
url('assets/fonts/DMSerifDisplayItalic.svg#DMSerifDisplayItalic') format('svg');
}

/* inter-100 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 100;
src: url('assets/fonts/inter-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 200;
src: url('assets/fonts/inter-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 300;
src: url('assets/fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url('assets/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 500;
src: url('assets/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 600;
src: url('assets/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 700;
src: url('assets/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 800;
src: url('assets/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 900;
src: url('assets/fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* dm-sans-100 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 100;
src: url('assets/fonts/dm-sans-v17-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-200 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 200;
src: url('assets/fonts/dm-sans-v17-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 300;
src: url('assets/fonts/dm-sans-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
src: url('assets/fonts/dm-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
src: url('assets/fonts/dm-sans-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
src: url('assets/fonts/dm-sans-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
src: url('assets/fonts/dm-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
src: url('assets/fonts/dm-sans-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'DM Sans';
font-style: normal;
font-weight: 900;
src: url('assets/fonts/dm-sans-v17-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
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-Vector40:before {
content: "\e901";
}
.icon-Arrow-15:before {
content: "\e902";
}
.icon-Vector46:before {
content: "\e903";
}
.icon-Vector45:before {
content: "\e904";
}
.icon-Vector44:before {
content: "\e905";
}
.icon-Vector43:before {
content: "\e908";
}
.icon-Vector42:before {
content: "\e909";
}
.icon-Arrow-5:before {
content: "\e90c";
}
.icon-Arrow-14:before {
content: "\e90d";
}
.icon-Vector41:before {
content: "\e90e";
}
.icon-tiktok:before {
content: "\e911";
}
.icon-Vector-9:before {
content: "\e900";
}
.icon-instagram1:before {
content: "\e90a";
}
.icon-instagram:before {
content: "\e907";
}
.icon-linkedin:before {
content: "\e906";
}
.icon-twitter:before {
content: "\e90b";
}
.icon-facebook-logo:before {
content: "\e91b";
}
.icon-youtube-logo:before {
content: "\e915";
}
.icon-phone-call:before {
content: "\e918";
}
.icon-email:before {
content: "\e919";
}
.icon-pinterest:before {
content: "\e934";
}
.icon-whatsapp:before {
content: "\ea93";
}
.icon-spotify:before {
content: "\ea94";
}
.icon-youtube:before {
content: "\ea9d";
}
.icon-soundcloud:before {
content: "\eac3";
}
.icon-pinterest1:before {
content: "\ead1";
}




.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;}


@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}




.hdrmnu .sub-menu-toggle{display: none;}
ul.slimmenu li .sub-toggle{width: 13px; height: 13px; background: url(assets/images/caret_icon.png) no-repeat center center;
top: 7px; right: -16px;}
ul.slimmenu li .sub-toggle i{display: none;}
ul.slimmenu li .sub-toggle::before{content: none;}
ul.slimmenu li > ul{width: 200px; background: #FFf; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding: 10px; border-radius: 8px;}
ul.slimmenu li > ul > li{width: 100%; background: transparent; margin: 0;}
ul.slimmenu li > ul > li > a{display: block; text-transform: capitalize; color: #2D2F2B; width: 100%; background: transparent;
padding: 8px 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.09) !important; border-radius: 0px !important;}
ul.slimmenu li > ul > li > a:hover{background: var(--primary-color); color: #FFF; border-color: var(--primary-color) !important;
border-radius: 6px !important;}
ul.slimmenu li > ul > li:last-child > a{border: 0 !important;}


p{letter-spacing: -0.32; color: var(--textColor); font-size: var(--text-lg); line-height: var(--text-lineHeight);font-weight: 400;}
.pagehding h2{font-weight: 600; font-size: var(--heading-xl); line-height: var(--heading-lineHeight);}


.headersec{position: absolute; top: 0; left: 0; z-index: 99; width: 100%; padding: 20px 0;}
.hderrght{display: inline-flex; align-items: center; position: relative;}
.hderbtminr{position: relative; display: flex; align-items: flex-end; justify-content: space-between;}
.hdertop{position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; z-index: 9;}
.hdertopinr, .hdertopinr ul{display: inline-flex; align-items: center;}
.hdertopinr ul{pointer-events: visible;}
.hdertopinr{width: 100%; justify-content: flex-end; position: relative; padding: 19px 0;}
.hdrmnu{margin-right: 62px;}
ul.slimmenu > li > a{display: inline-block; color: #15303A; font-size: var(--text-lg); font-family: var(--DM_Sans);}
ul.slimmenu > li{margin-right: 60px;}
ul.slimmenu > li:last-child{margin: 0;}
ul.slimmenu > li.current-menu-item > a, ul.slimmenu > li > a:hover{color: var(--primary-color);}
ul.slimmenu > li.current-menu-item > a{font-weight: 500;}
.hdersocil li:first-child{font-size: 14px; color: var(--light); margin-right: 10px;}
.hdersocil li{margin-right: 22px;}
.hdersocil li:last-child{margin: 0;}
.hdersocil li a{color: var(--light); font-family: var(--DM_Serif_Display);font-weight: 400;
font-style: Italic;font-size: 14px;line-height: 20px;}
.hderinfo li a{display: inline-flex; align-items: center; color: var(--light); font-size: 14px;}
.hderinfo li i{color: var(--light); margin-right: 10px; display: inline-flex;}
.hderinfo li{margin-right: 38px;}
.hderinfo li:last-child{margin: 0;}
ul.hderinfo{margin-right: 85px;}
ul.slimmenu > li.current-menu-item > a{font-weight: 700;}

.themebtn{display: inline-flex; align-items: center; color: var(--light); background: var(--primary-color); height: 53px;
padding: 0 23px; border-radius: 45px; border: 2px solid transparent; font-size: 18px;}
.themebtn span{margin-left: 20px; font-size: 12px;}
.themebtn:hover{color: var(--secondary-color); background: transparent; border-color: var(--secondary-color);}

.hdertopinr::before{position: absolute; content: ""; bottom: 0; top: 0; left: 227px; right: 0; z-index: -1;
background: url(assets/images/hdershpe.png) no-repeat 0 0; background-size: 100% 100%;}
.headersec::before{position: absolute; content: ""; right: 0; top: 0; width: 20%; height: 62.33px; background: #15303A;}

.footerSec{width: 100%; background: var(--footer-color); overflow: hidden;}
.foterlgo a{display: inline-flex; width: 200px; min-height: 180px; background: #E5ECE5; border-radius: 0 0 30px 30px;
align-items: center; justify-content: center;}

.bannerSec{position: relative; width: 100%;}
.bnrimg{width: 100%; position: relative;}
.bnrtxt{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.bnrimg > img{width: 100%;}
.bnrtxtinr h1{font-weight: 500;font-size: 100px;line-height: 102px;letter-spacing: -0.64px;text-transform: uppercase;}
.bnrtxtinr h1 span{font-weight: 700;}
.bnrtxtinr strong{display: inline-flex; font-weight: 600;font-size: 30px;line-height: 35px;letter-spacing: -0.64px;color: #1A303D;
background: #E5ECE5; transform: rotate(-14deg); padding: 15px 48px; border-radius: 47px;}
.bnerbotm{position: absolute; bottom: -63px; left: 0; width: 100%;}
.bnerbotmright{width: 100%; max-width: 1200px; float: right;}
.bnercegrey{width: 100%; background: #19303D; border-radius: 15px; min-height: 250px; padding: 27px 30px; position: relative;
display: flex; align-items: flex-end; transition: all 0.3s ease-in-out; overflow: hidden;}
.bnercegrey h3{color: var(--light); font-weight: 400;font-size: 30px;line-height: 34px; margin: 0;transition: all 0.3s ease-in-out;}
.arelink{display: flex; align-items: center; justify-content: center; background: var(--light); width: 74px; height: 74px;
color: var(--primary-color); border-radius: 100%; top: 12px; right: 12px; position: absolute;}
.bnerbotmright .row{margin: 0 -4.5px;}
.bnerbotmright .row > div{padding: 0 4.5px;}
.bnercegrey:hover{background: #E5ECE5;}
.bnercegrey:hover h3{color: #1A303D;}
.bnercegrey:hover .arelink{background: #19303D; color: #FFF;}
.linkarwall{position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%;}

.why_medssurplus_sec{padding: 190px 0 130px; width: 100%;}
.why_medssurplus_pnel > .media{flex-direction: row-reverse;}
.why_medssurplusImg{width: 100%; max-width: 673px; margin-left: 60px;}
.why_medssurplusImg img{width: 100%; border-radius: 35px;}
.why_medIcon h3{color: var(--secondary-color); font-size: 24px; line-height: 30px;}
.why_medIcon .media{align-items: center;}
.why_medIcon .media span{background: #E5ECE5; width: 80px; height: 80px; border-radius: 12px; color: var(--secondary-color);
font-size: 16px; margin-right: 27px; display: flex; align-items: center; justify-content: center; font-size: 36px;}
.page-id-8 .why_medIcon .media span{background: #E5ECE5; width: 60px; height: 60px; border-radius: 12px; color: var(--secondary-color); margin-right: 20px; display: flex; align-items: center; justify-content: center; font-size: 25px;}
.why_medIcon{margin-top: 45px;}
.bigestHding{margin: 0; text-align: center; font-weight: 700;
font-size: 162px;line-height: 130px;text-transform: uppercase;color: rgba(24, 51, 60, 0.21);}
.surfacecont h2{font-weight: 600;font-size: 60px;line-height: 63px;}
.surfacecont{width: 100%; max-width: 765px;}
.medicalitem .surfacecont{max-width: 850px; position: relative;}
.problem_solutionMain{width: 100%; position: relative; padding: 150px 0 115px;}
.surfaceimg{position: absolute; top: 100px; right: 0;}
.medicalitem{position: relative;}
.medicalimg{position: absolute; bottom: -115px; left: -65px;}
.medicalitem{margin-top: 160px; position: relative; display: flex; justify-content: flex-end; padding-right: 70px;}
.surfaceitem .surfacecont{margin-left: 300px;}
.medicalitem .surfacecont::before{position: absolute; content: ""; width: 187px; height: 149px; top: -50%; left: -33%;
background: url(assets/images/dotedline.png) no-repeat 0 0; z-index: -1;}

.fotertop{display: flex; align-items: flex-start; justify-content: space-between;}
.fotertop h3{color: var(--light); font-weight: 500;font-size: 24px;line-height: 30px; margin-bottom: 31px;}
.ftrlink, .newsletterfter{padding-top: 77px;}
.ftrlink li a{color: #9E9E9E; font-weight: 400;font-size: 18px;line-height: 24px;}
.ftrlink li{padding-left: 18px; position: relative; margin-bottom: 16px;}
.ftrlink li::before{content: "\e902"; font-family: var(--icomoon); color: var(--light); position: absolute; left: 0;font-size: 10px;}
.ftrlink li a:hover{color: var(--light);}
.ftrfrem{width: 100%; max-width: 360px; position: relative; display: flex; align-items: center;}
.ftrfrem input[type="email"]{width: 100%; border: 0; outline: none; background: transparent; color: #9E9E9E;
border-bottom: 1px solid rgba(255, 255, 255, 0.21); font-weight: 500; font-size: 18px; height: 65px; padding-right: 55px;}
.ftrfrem span { display:block; position:relative;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background:#fff;}
.ftrfrem input[type="email"]::placeholder{opacity: 1; color: #9E9E9E;}
.ftrfrem input[type="submit"]{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;
border-radius: 100%; background: #FFF url(assets/images/rtarow.png) no-repeat center center; padding: 0;
position: absolute; right: 0; top:7px;}
.ftrbtm{text-align: center; padding: 27px 0; border-top: 1px solid rgba(255, 255, 255, 0.21); margin-top: 30px; position: relative;
z-index: 1;}
.ftrbtm p{font-weight: 400;font-size: 16px;line-height: 20px;letter-spacing: -0.32px; color: var(--light);}
.ftrbtm p a{color: var(--light); font-weight: 700;}
.ftrbtm p a:hover{text-decoration: underline;}
.ftrlink li:last-child{margin-bottom: 0;}
.footerSec h2{font-weight: 700;font-size: 251px;line-height: 180px;text-transform: uppercase;color: rgba(255, 255, 255, 0.21);
text-align: center;}
.footerSec h2 span{font-style: normal; position: relative; display: inline-flex;}
.footerSec h2 span::before{position: absolute; content: ""; width: 147px; height: 180px; right: 145px; top: -84px;
background: url(assets/images/capsule.png) no-repeat 0 0;}

.headersec.fixed_header{background: #FFF; padding: 12px 0;}
.headersec.fixed_header .hdertop{display: none;}
.headersec.fixed_header::before{content: none;}
.headersec.fixed_header .hderbtminr{align-items: center;}
.headersec.fixed_header .hdrlgo{max-width: 120px;}

.bnrtxtinr p{font-size: 24px;}
.surfacecont h2{margin-bottom: 25px;}

.inrpagebnrtxt { position: absolute; top: auto; bottom: 50px; left: 0; width: 100%; }
p#breadcrumbs {font-size: 24px;line-height: 30px;color: #15303A; font-weight: 500;}
p#breadcrumbs a { color: #AFAFAF;}
p#breadcrumbs a:hover { color: #15303A;}
.about_tab { position: relative;width: 100%;padding: 60px 0px 20px;}
.about_sec_1 { position: relative;width: 100%;padding: 100px 0px 100px;}
.about_feature_image, .abt_apart_img { position: relative; }
.about_feature_image img, .abt_apart_img img { width: 100%; border-radius: 20px;}
.about_wel_info { display: flex; gap: 30px;}
.about_wel_info .abtList { width: 50%; }
.abtList h2, .about_btm_info h2, .section_title h2 { font-weight: 600; font-size: 60px; line-height: 70px; letter-spacing: -0.64px; color: #15303A;margin-bottom: 10px;}
.about_btm_info { margin-top: 50px; }
.about_sec_1 .row { align-items: center; }
.about_sec_2 { position: relative;width: 100%;padding: 100px 0px 100px; }
.principle_box { margin-top: 45px; }
.principle_box h3 { font-weight: 500; font-size: 30px; line-height: 40px; letter-spacing: -0.64px; color: #15303A; margin-bottom: 0px;}
.principle_box span { display: block; margin-bottom: 30px; }
.principle_box span img { width: 60px; }
.principle_box em { display: block; font-style: normal;font-size: 18px;line-height: 25px;color: #18333C;margin-bottom: 20px;font-weight: 500; }

.abt_apart_right_items { display: flex; gap: 30px; flex-wrap: wrap;}
.abt_apart_right_items .apart_list { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
.abt_apart_img { margin-right: 30px;}
.about_sec_3 .row { align-items: center; }
.apart_list .why_medIcon .media {  margin-bottom: 15px; }
.apart_list .why_medIcon .media figure { margin: 0px;margin-right: 25px;}
.apart_list .why_medIcon {margin-top: 30px;}
.abt_apart_right .section_title h2 { margin-bottom: 25px;}
.about_sec_3 { position: relative;width: 100%;padding: 100px 0px 60px;}
.about_sec_4 { position: relative;width: 100%;padding: 60px 0px 100px;}

.team-grid {display: flex; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; gap: 0px;margin-top: 50px;}
.team-box {flex: 1;border-left: 1px solid #e5e5e5;padding: 40px 20px 20px;background: #fff;transition: all 0.4s ease;
cursor: pointer;display: flex;flex-direction: column;justify-content: flex-start; height: 295px; }
.team-box:last-child {flex: 1;border-right: 1px solid #e5e5e5;}
.team-box .icon img { width: 50px;margin-bottom: 25px;}
.team-box h3.teamTitle {color: #18333C;font-size: 24px; line-height: 30px;margin-bottom: 0;transition: margin 0.3s ease; padding-top: 60px; margin-bottom: 30px; }
.team-box p {opacity: 0;max-height: 0;overflow: hidden;margin-top: 0;font-size: 18px;line-height: 1.5;transition: all 0.35s ease; }
.team-box:hover { flex: 2;}
.team-box:hover p { opacity: 1;max-height: 100px;}
.team-box:hover h3.teamTitle { padding-top: 0px;}
.nav-item{margin:10px;}
.nav-tabs {border-bottom: 2px solid #192f3c;padding-bottom: 10px;}
.nav-tabs .nav-link.active {background-color: #1a303e;color:#fff;border-radius: 10px;border:3px solid #ccc;}
.nav-link {color: #1a303e;}
.nav-link:hover {color: #1a303e;}
.nav-tabs .nav-link:not(.active) {background-color: #0000000f;border-radius: 10px;}
.page-id-2 .about_wel_info .abtList {width: 100%;}
.page-id-30 .about_wel_info .abtList {width: 100%;}
.page-id-34 .about_wel_info .abtList {width: 100%;}
.page-id-8 .about_wel_info .abtList {width: 100%;}
.page-id-8 .about_tab {padding: 60px 0px 0px;}
.page-id-8 .about_tab a{color:#18313a;}
.abtList ul{list-style:disc;padding-left: 30px;margin-bottom: 13px;}
.about_tab .wpcf7-submit{display: inline-flex;
align-items: center;
color: var(--light);
background: var(--primary-color) !important;
height: 53px;
padding: 0 23px;
border-radius: 45px;
border: 2px solid transparent;
font-size: 18px;
}
.contact-info-box {
background: #ffffff;
transition: 0.3s ease;
}

.contact-item {
transition: 0.3s ease;
}

.contact-icon {
width: 55px;
height: 55px;
background: linear-gradient(135deg, #0d6efd, #0a58ca);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
margin-right: 18px;
transition: 0.3s ease;
}

.contact-text h6 {
margin: 0;
font-weight: 600;
font-size: 14px;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 1px;
}

.contact-text a {
font-size: 18px;
font-weight: 600;
color: #212529;
text-decoration: none;
transition: 0.3s ease;
}

.contact-item:hover .contact-icon {
transform: scale(1.1);
}

.contact-item:hover a {
color: #0d6efd;
}
.principle_box img {
filter: brightness(0) saturate(100%) 
invert(14%) sepia(23%) saturate(1193%) 
hue-rotate(158deg) brightness(94%) contrast(92%);
}
.about_sec_5 { padding-bottom:30px;}
.about_feature_image span { width:150px; position:absolute; left:-50px; top:-50px;}
.custom-404 ,.custom-thankyou{display: flex;align-items: center;justify-content: center;text-align: center;padding: 150px 0 115px;}
.custom-thankyou{padding: 80px 0 75px;}
.error-content ,.thanku-content{max-width: 600px;margin: auto;display: grid;gap: 20px;}
.thanku-content{background-color:var(--footer-color) ; color: var(--light);padding: 50px 0;max-width: 750px;border-radius: 50px;}
.thanku-buttons .themebtn{border-color: var(--light);background: transparent;}
.thanku-buttons .themebtn:hover{background:  var(--light);color: var(--primary-color);}
.error-image img {
max-width: 250px;
margin-bottom: 30px;
}

.error-title ,.thanku-title{
font-size: 100px;
font-weight: 700;
margin: 0;
color: var(--primary-color);
}
.thanku-title{color: var(--light);}

.error-heading {
font-size: 28px;
margin: 10px 0 15px;
}

#subscriber-login, .custom_login_form form {width: 600px; margin: auto; padding: 30px; border-radius: 15px; margin-bottom: 50px; border: #ced4da 1px solid;} 
#loginform-custom p label, .custom_login_form p label{padding-bottom: 10px;}
#loginform-custom input[type="text"], #loginform-custom input[type="password"], .custom_login_form input[type="text"], .custom_login_form input[type="password"]{width: 100%; border-radius: .375rem; border: 1px solid #ced4da; outline: none; padding: 10px 10px; line-height: normal;}
#loginform-custom input[type="submit"], .custom_login_form input[type="submit"]{background: #18333c; color: #fff; width: 100%; border-radius: 30px; padding: 10px 10px; line-height: normal; border: #18333c 2px solid; font-size: 18px;}
#loginform-custom input[type="submit"]:hover, .custom_login_form input[type="submit"]:hover{color: #18333c; background: #fff;}
#loginform-custom .login-remember label, #loginform-custom .login-remember label input[type="checkbox"], .custom_login_form .login-remember label, .custom_login_form .login-remember label input[type="checkbox"]{cursor: pointer;}
#wp-submit:disabled{cursor: not-allowed; opacity: 0.6; /* optional - makes it look disabled */}

.login_title{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 1rem;}
.login_title p{margin-bottom: 0; line-height: normal; font-weight: 600; background: #eeffe5; padding: 7px 15px; border-radius: 10px;}
.login_title a{color: #fff; background: #18333c; border-radius: 30px; display: inline-block; line-height: normal; padding: 7px 15px;}
.login_form{margin-bottom: 50px; margin-top: 2rem;}


.nw_br_mem_sec { margin-top:40px; text-align:center;}
.nw_br_mem_sec h2 { padding-bottom:30px;}
/* .brd_mem_wrap { display:flex;} */
.nw_br_mem_sec .brd_mem { width:31%; padding:25px 20px; background-color: #0000000f; border-radius: 10px; margin:15px 1%; display:inline-block;}











/* RESPONSIVE */
@media screen and (min-width:1600px) {

.container{max-width: 1584px;}

}

@media (min-width: 1700px) and (max-width: 1799px) {

.footerSec h2 {font-size: 226px;line-height: 167px;}
.bigestHding {font-size: 145px; line-height: 114px;}


}

@media (min-width: 1600px) and (max-width: 1699px) {

.footerSec h2 {font-size: 203px;line-height: 153px;}
.surfaceimg {top: 120px;max-width: 510px;}
.footerSec h2 span::before{width: 121px; background-size: 121px;height: 155px;right: 114px;top: -65px;}
.bigestHding {font-size: 133px; line-height: 105px;}
.bnercegrey h3 {font-size: 25px; line-height: 32px;}
.bnercegrey {min-height: 213px;}
.bnerbotmright {max-width: 1150px;}
.arelink {width: 63px;font-size: 13px; height: 63px;}
.bnrtxtinr h1 {font-size: 85px; line-height: 88px;}

}

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

.surfacecont h2 {font-size: 50px;line-height: 57px;}
p {font-size: var(--text-md);}
.fotertop h3 {font-size: 20px; line-height: 25px; margin-bottom: 27px;}
.ftrlink li a {font-size: 16px; line-height: 23px;}
.footerSec h2 {font-size: 181px; line-height: 130px;}
.footerSec h2 span::before{width: 120px; background-size: 120px;height: 150px;right: 100px;top: -68px;}
.ftrbtm p {font-size: 15px;}
.ftrfrem input[type="email"]{font-size: 16px; line-height: 20px;}
.foterlgo a {width: 170px; min-height: 160px; border-radius: 0 0 25px 25px;}
.ftrlink, .newsletterfter {padding-top: 60px;}
.foterlgo img{max-width: 132px;}
.bigestHding {font-size: 120px; line-height: 91px;}
.pagehding h2{font-size: var(--heading-lg);}
.why_medssurplusImg img {border-radius: 30px;}
.why_medssurplusImg {max-width: 50%;margin-left: 55px;}
.why_medIcon h3 {font-size: 20px; line-height: 26px;}
.why_medssurplus_pnel .pagehding h2 br{display: none;}
.why_medIcon .media span {width: 75px; height: 75px; border-radius: 10px; margin-right: 22px;}
.why_medssurplus_pnel .row > div.col-sm-7{width: 56%;}
.why_medssurplus_pnel .row > div.col-sm-5{width: 44%;}
.problem_solutionMain ,.custom-404,.custom-thankyou{padding: 115px 0 90px;}
.medicalimg {bottom: -90px; left: -48px; max-width: 300px;}
.medicalitem {margin-top: 120px; padding-right: 60px;}
.surfacecont {max-width: 612px;}
.surfaceitem .surfacecont {margin-left: 250px;}
.surfaceimg {top: 90px;max-width: 477px;}
.medicalitem .surfacecont {max-width: 755px;}
.medicalitem .surfacecont::before{width: 145px; background-size: 145px;height: 120px;top: -45%;left: -25%;}
.why_medssurplus_sec {padding: 160px 0 110px;}
.bnercegrey h3 {font-size: 24px; line-height: 32px;}
.bnercegrey {border-radius: 12px; min-height: 215px; padding: 25px 27px;}
.arelink {width: 64px; height: 64px; top: 12px; right: 12px; font-size: 13px;}
.bnerbotmright {max-width: 1015px;}
.bnrtxtinr h1 {font-size: 75px; line-height: 82px;}
.bnrtxtinr strong {font-size: 25px; line-height: 30px; padding: 13px 39px;}
ul.slimmenu > li > a{font-size: var(--text-md);}
ul.slimmenu > li {margin-right: 52px;}
.hdrmnu {margin-right: 55px;}
.themebtn {height: 50px; padding: 0 22px;font-size: 16px;}
.themebtn span {margin-left: 15px;font-size: 10px;}
.hderinfo li {margin-right: 30px;}
ul.hderinfo {margin-right: 65px;}
.headersec::before {height: 63.33px;}

.headersec.fixed_header .hdrlgo {max-width: 115px;}
.bnrtxtinr p {font-size: 18px;}
p#breadcrumbs { font-size: 20px;line-height: 25px;}
.about_sec_1, .about_sec_2 { padding: 80px 0px 80px;}
.abtList h2, .about_btm_info h2, .section_title h2 { font-size: 50px; line-height: 60px; margin-bottom: 5px;}
.about_btm_info { margin-top: 40px;}
.principle_box span img { width: 50px;}
.principle_box { margin-top: 40px;}
.principle_box span {  margin-bottom: 25px;}
.principle_box em { font-size: 16px; line-height: 23px;  margin-bottom: 15px;}
.principle_box h3 { font-size: 23px;line-height: 30px;}
.about_sec_3 { padding: 80px 0px 45px;}
.about_sec_4 { padding: 40px 0px 80px;}
.team-grid { margin-top: 35px;}
.team-box .icon img { width: 40px;margin-bottom: 20px;}
.team-box h3.teamTitle { font-size: 20px; line-height: 27px;  padding-top: 40px; margin-bottom: 20px;}
.team-box { padding: 35px 20px 20px; height: 260px;}
.team-box p { font-size: 16px; }

}

@media only screen and (max-width: 1399px) {

p {font-size: var(--text-sm);}
.surfacecont h2 {font-size: 44px;line-height: 52px;}
.pagehding h2 {font-size: var(--heading-md);}
.footerSec h2 {font-size: 153px;line-height: 109px;}
.ftrlink li a {font-size: 15px;line-height: 21px;}
.ftrlink li {padding-left: 15px;margin-bottom: 14px;}
.ftrlink li::before {font-size: 9px;}
.fotertop h3 {font-size: 19px;line-height: 24px;margin-bottom: 25px;}
.foterlgo a {width: 150px;min-height: 145px;border-radius: 0 0 21px 21px;}
.foterlgo img {max-width: 115px;}
.ftrlink, .newsletterfter {padding-top: 45px;}
.ftrfrem input[type="email"] {font-size: 15px;line-height: 20px;height: 59px;}
.ftrfrem input[type="submit"] {width: 46px; height: 46px;}
.footerSec h2 span::before {width: 100px;background-size: 100px;height: 127px;right: 88px;top: -58px;}
.problem_solutionMain ,.custom-404,.custom-thankyou{padding: 88px 0 70px;}
.medicalitem {margin-top: 90px;padding-right: 45px;}
.medicalimg {bottom: -70px;left: -38px;max-width: 250px;}
.bigestHding {font-size: 103px;line-height: 81px;}
.surfaceitem .surfacecont {margin-left: 205px;}
.surfacecont {max-width: 545px;}
.surfaceimg {max-width: 410px;}
.medicalitem .surfacecont {max-width: 665px;}
.why_medssurplusImg img {border-radius: 24px;}
.why_medssurplusImg {max-width: 535px;margin-left: 44px;}
.why_medIcon h3 {font-size: 17px;line-height: 24px;}
.why_medIcon .media span {width: 70px;height: 70px;border-radius: 8px;margin-right: 17px;}
.why_medssurplus_pnel .row > div.col-sm-5 {width: 46%;}
.why_medssurplus_pnel .row > div.col-sm-7 {width: 54%;}
.why_medIcon {margin-top: 38px;}
.why_medssurplus_sec {padding: 135px 0 95px;}
.bnercegrey h3 {font-size: 21px;line-height: 29px;}
.bnercegrey {border-radius: 10px;min-height: 180px;padding: 22px;}
.arelink {width: 55px;height: 55px;font-size: 12px;}
.bnerbotmright {max-width: 900px;}
ul.slimmenu > li > a {font-size: var(--text-sm);}
ul.slimmenu > li {margin-right: 40px;}
.hdrmnu {margin-right: 48px;}
.headersec {padding: 12px 0;}
.hdrlgo{max-width: 140px;}
.hdertopinr {padding: 15px 0;}
.headersec::before {height: 55.33px;}
.bnrtxtinr h1 {font-size: 65px;line-height: 70px;}
.bnrtxtinr strong {font-size: 22px;line-height: 28px;padding: 10px 30px;}
.bnrtxt {top: 54%;}
.themebtn{font-size: 15px;}
.bnrtxtinr p {font-size: 16px;}
p#breadcrumbs { font-size: 16px;line-height: 23px;}
.about_sec_1, .about_sec_2, .about_sec_3 { padding: 60px 0px 60px;}
.abtList h2, .about_btm_info h2, .section_title h2 { font-size: 40px; line-height: 50px; margin-bottom: 5px;}
.about_btm_info { margin-top: 30px;}
.principle_box h3 {font-size: 18px;line-height: 25px;}
.principle_box em {font-size: 14px;line-height: 20px;}
.principle_box span img {width: 40px;}
.principle_box span {margin-bottom: 20px;}
.abt_apart_img { margin-right: 20px;}
.apart_list .why_medIcon {margin-top: 20px;}
.abt_apart_right .section_title h2 { margin-bottom: 20px;}
.about_sec_3 { padding: 60px 0px 35px;}
.about_sec_4 { padding: 30px 0px 60px;}
.team-grid { margin-top: 30px;}
.team-box .icon img { width: 38px;margin-bottom: 15px;}
.team-box h3.teamTitle { font-size: 16px; line-height: 25px; padding-top: 30px; margin-bottom: 15px;}
.team-box { padding: 30px 20px 20px; height: 215px;}
.team-box p { font-size: 15px; }

.about_feature_image span { width:100px; position:absolute; left:-30px; top:-30px;}

}

@media only screen and (max-width: 1199px) {

.footerSec h2 {font-size: 128px;line-height: 91px;}
.footerSec h2 span::before {width: 80px;background-size: 80px;height: 100px;right: 75px;top: -45px;}
.ftrlink li a {font-size: 14px;line-height: 20px;}
.ftrlink li {padding-left: 14px;margin-bottom: 12px;}
.foterlgo a {width: 130px;min-height: 135px;border-radius: 0 0 16px 16px;}
.foterlgo img {max-width: 100px;}
.surfacecont h2 {font-size: 35px;line-height: 40px;}
.pagehding h2 {font-size: var(--heading-sm);}
.problem_solutionMain ,.custom-404,.custom-thankyou{padding: 70px 0 60px;}
.medicalimg {bottom: -60px;left: -30px;max-width: 200px;}
.medicalitem {margin-top: 70px;padding-right: 15px;}
.surfaceitem .surfacecont {margin-left: 165px;}
.surfaceimg {max-width: 330px;}
.surfacecont {max-width: 470px;}
.medicalitem .surfacecont {max-width: 610px;}
.bigestHding {font-size: 85px;line-height: 70px;}
.why_medssurplusImg img {border-radius: 18px;}
.why_medssurplusImg {max-width: 370px;margin-left: 30px;}
.why_medIcon {margin-top: 33px;}
.bnerbotmright {max-width: 100%; float: none;}
.why_medssurplus_sec{padding: 72px 0;}
.bnerbotm {position: static; margin-top: 35px;}
.bnrtxtinr h1 {font-size: 45px;line-height: 55px;}
.bnrtxtinr strong {font-size: 19px;line-height: 25px;padding: 8px 25px;}
ul.slimmenu > li {margin-right: 27px;}
.hdrmnu {margin-right: 35px;}
.themebtn {height: 47px; padding: 0 20px;font-size: 14px;}
.themebtn span {margin-left: 13px;font-size: 9px;}
.hdrlgo {max-width: 125px;}
.hderinfo li {margin-right: 25px;}
ul.hderinfo {margin-right: 49px;}
.hdertopinr::before {left: 150px;}
.bnrtxt {top: 60%;}
.bnrtxtinr p {font-size: 15px;}
.abtList h2, .about_btm_info h2 { font-size: 30px; line-height: 40px; margin-bottom: 3px;}
.about_btm_info { margin-top: 25px;}
.principle_box h3 {font-size: 15px;line-height: 23px;}
.inrpagebnrtxt { bottom:20px;}
.thanku-content {border-radius: 40px;}
	.nw_br_mem_sec .brd_mem { width:47%;}
}

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

.collapse-button{right: 0px; background: transparent !important; border-radius: 0px; padding: 0px; width: auto;justify-content: center;
display: flex;flex-direction: column;align-items: flex-end;}
.collapse-button .icon-bar{background: #383632; height: 3px; border-radius: 5px; width: 27px; margin: 3px 0;
transition: all 0.45s ease-in-out;}
.collapse-button .icon-bar:first-child{margin-top: 0; width: 22px;}
.collapse-button .icon-bar:last-child{margin-bottom: 0; width: 22px;}
ul.slimmenu{background: var(--secondary-color); position: fixed; top: 0; flex-wrap: initial; right: -82%; height: 100vh !important; width: 80%; z-index: 999; padding: 100px 20px 20px;
transition: all 0.45s ease-in-out; overflow-x: auto; display: flex !important; flex-direction: column; justify-content: flex-start;}
body.sideMenu{overflow: hidden;}
.menuOvrly{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0.92); z-index: 99;
transition: all 0.45s ease-in-out; opacity: 0; visibility: hidden;}
.sideMenu .menuOvrly{opacity: 1; visibility: visible;}
.sideMenu ul.slimmenu{right: 0;}
ul.slimmenu > li{border-bottom: 1px solid rgba(255,255,255,.1); transition: all 0.75s ease-in-out; padding: 5px 0;
padding-left: 65px;}
ul.slimmenu > li > a{padding: 10px 0; color: #FFF; border: 0 !important;}
ul.slimmenu > li:last-child{border: 0;}
ul.slimmenu li .sub-toggle{background: transparent; height: 43px !important; width: 43px; display: flex; top: 5px;
align-items: center; justify-content: center;}
.sideMenu ul.slimmenu > li{padding-left: 0px; margin: 0;}
.closeMenu{position: absolute; right: 82%; top: 20px; width: 32px; height: 32px; z-index: 999; opacity: 0; visibility: hidden;
transform: rotate(-25deg); transition: all 0.45s ease-in-out; transition-delay: 0.2s;}
.closeMenu::before, .closeMenu::after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #333;}
.closeMenu::before {transform: rotate(45deg);}
.closeMenu::after {transform: rotate(-45deg);}
.sideMenu .closeMenu{transform: rotate(0deg); opacity: 1; visibility: visible;}
ul.slimmenu > li > a:hover{padding-left: 8px; opacity: .6;}
ul.slimmenu li .sub-toggle i{display: none;}
ul.slimmenu li .sub-toggle::before{content: none;}
ul.slimmenu li .sub-toggle::after{border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #fff; 
height: 0; width: 0; position: absolute; content: "";}
ul.slimmenu.collapsed li > ul{width: 100%; background: #FFF; float: left;}
ul.slimmenu.collapsed li > ul > li{background: transparent;}
ul.slimmenu.collapsed li > ul > li > a{padding: 10px 12px; color: #383632; text-transform: capitalize;}
ul.slimmenu.collapsed li > ul > li i{display: none;}
ul.slimmenu.collapsed li > ul > li > a:hover{background: var(--secondary-color); color: #FFF;}

.footerSec h2 {font-size: 97px;line-height: 70px;}
.headersec{background: var(--light); padding: 0;}
.headersec .container{max-width: 100%;}
.headersec::before, .hdertopinr::before {content: none;}
.hdertop {position: static;background: #15303A;}
.hdertopinr {padding: 10px 0; justify-content: space-between;}
ul.hderinfo {margin-right: 0;}
.hderbtm{padding: 12px 0;}
.hdrlgo {max-width: 90px;}
.hderinfo li i {font-size: 12px;}
.hderbtminr {align-items: center;}
.hdrmnu {margin: 0;}
.hderbtminr .themebtn{margin-right: 55px;}
ul.slimmenu > li.current-menu-item > a, ul.slimmenu > li > a:hover {color: #9E9E9E; opacity: 1;}
.bannerSec{margin-top: 139px;}
.bnrtxt {top: 50%;}
.bnrtxtinr h1 {font-size: 44px; line-height: 50px;}
.bnrtxtinr strong {font-size: 17px;line-height: 24px;padding: 5px 20px;}
.bnercegrey h3 {font-size: 18px;line-height: 25px;}
.bnercegrey {border-radius: 8px;min-height: 155px;padding: 15px;}
.arelink {width: 47px;height: 47px;font-size: 11px;}
.bigestHding {font-size: 67px;line-height: 58px;}
.surfaceitem .surfacecont {margin-left: 0;}
.surfacecont h2 {font-size: 30px;line-height: 36px;}
.fotertop{flex-wrap: wrap;}
.foterlgo{width: 40%; text-align: center;}
.newsletterfter, .ftrlink:nth-child(2){width: 360px;}
.footerSec h2 span::before {width: 60px;background-size: 60px;height: 77px;right: 55px;top: -30px;}
.why_medssurplus_pnel > .media{display: inline-block;}
.why_medssurplusImg {float: right;}
.why_medssurplus_pnel .row{width: 100%; margin: 0;}
.why_medssurplus_pnel .row > div{padding: 0;}
.pagehding h2 {font-size: var(--heading-xs);}
.why_medssurplus_pnel .pagehding{padding-top: 70px;}
.why_medssurplusImg {max-width: 340px;margin-left: 25px;}
.surfaceitem {display: flex; flex-direction: column-reverse;}
.surfaceimg {position: static; margin: 0 auto 0;}
.surfaceitem .surfacecont {text-align: center;max-width: 100%;}
.medicalitem .surfacecont {max-width: 100%;text-align: center; padding-top: 25px;}
.medicalimg {position: static; margin: 14px auto 0; max-width: 160px;}
.medicalitem {margin-top: 0px;padding: 0;flex-wrap: wrap;flex-direction: column-reverse;}
.problem_solutionMain {padding: 55px 0 0;}
.why_medssurplus_sec {padding: 60px 0;}
.medicalitem .surfacecont::before{content: none;}

.headersec.fixed_header .hdrlgo {max-width: 90px;}
.headersec.fixed_header{padding: 0;}
.surfacecont h2 {margin-bottom: 16px;}
p#breadcrumbs { font-size: 14px;line-height: 21px;}
.about_wel_info { flex-direction: column;}
.about_wel_info .abtList {width: 100%;}
.about_sec_1 .row { align-items: flex-start; }
.principle_box {margin-top: 30px;}
.abt_apart_img {margin-right: 0px; margin-bottom: 20px; }
.apart_list .why_medIcon {margin-top: 10px;}
.abt_apart_right_items { gap: 15px;}
.team-box, .team-box:hover { flex: 1; }
.team-grid { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; }
.team-box {flex: 0 0 50%; max-width: 50%; height: auto;}
.team-box { border-bottom: 1px solid #e5e5e5; }
.team-box:nth-child(1), .team-box:nth-child(2), .team-box:nth-child(3), .team-box:nth-child(4) { border-right: 1px solid #e5e5e5; }
.team-grid { border-bottom: none; }
.team-box p { opacity: 1; overflow: visible; max-height: none; }
.team-box h3.teamTitle { padding-top: 15px;margin-bottom: 10px;}
.team-box:hover { flex: 1;}
.team-box:hover p { opacity: 1;max-height: none;}
.team-box:hover h3.teamTitle { padding-top: 15px;}
.team-box h3.teamTitle br, .team-box p br {display: none; }
.bnrtxtinr h1 {font-size: 40px;line-height: 50px; }
.inrpagebnrtxt { bottom:20px;}
h2.error-title ,h2.thanku-title{font-size: 85px;}
.custom-404 .error-content,.thanku-content{gap:15px;}
	
}

@media only screen and (max-width: 767px){

.animated {
-webkit-animation-duration: initial;
animation-duration: initial;
-webkit-animation-fill-mode: initial;
animation-fill-mode: initial;}

.why_medssurplusImg {max-width: 100%;margin: 0 0 25px; float: none;}
.why_medssurplus_pnel .pagehding{padding: 0;}
.bigestHding {font-size: 55px;line-height: 50px;}
.footerSec h2 {font-size: 74px;line-height: 50px;}
.footerSec h2 span::before {width: 50px;background-size: 50px;height: 65px;right: 15px;top: -30px;}
.foterlgo{width: 100%;}
.ftrlink, .newsletterfter {padding-top: 30px;}
.ftrlink:nth-child(2) {width: auto;}
.newsletterfter {width: 100%;}
.ftrfrem {max-width: 100%;}
.problem_solutionMain {padding: 40px 0 0;}
.why_medssurplus_sec {padding: 47px 0;}
.bnerbotmright .row > div{width: 100%;}
.bnercegrey{margin-top: 14px;min-height: 100px;}
.bnerbotm {margin-top: 28px;}
.bnrtxtinr h1 {font-size: 37px;line-height: 40px;}
.hderinfo li span{display: none;}
.hderinfo li a {width: 30px;height: 30px;justify-content: center;border-radius: 100%;background: var(--light);}
.hderinfo li{display: inline-flex;margin-right: 17px;}
.hderinfo li i{margin: 0; color: var(--secondary-color);}
.bannerSec {margin-top: 145px;}
.ftrbtm { border-top:none;}
.about_btm_info { margin-bottom: 30px; }
.principle_box em {  margin-bottom: 7px;}
.apart_list .why_medIcon .media figure { margin-right: 15px;}
.abtList h2, .about_btm_info h2, .section_title h2 { font-size: 30px; line-height: 40px;}
h2.error-title,h2.thanku-title{ font-size: 50px; line-height: 60px;}
.thanku-content {padding:40px 20px;}
.error-content ,.thanku-content{gap: 10px;}
.about_tab {padding: 40px 0px 20px;}
.nav-item {margin: 5px;font-size: 13px;}
.wpcf7-form {margin-top:30px;}
.page-id-8 .why_medIcon .media span{background: #E5ECE5; width: 45px; height: 45px; border-radius: 12px; color: var(--secondary-color); margin-right: 20px; display: flex; align-items: center; justify-content: center; font-size: 20px;}

.page-template-page-how-it-works .about_feature_image { margin-top:30px;}
.about_feature_image span { width:80px; position:absolute; left:-10px; top:-10px;}
.about_sec_1, .about_sec_2, .about_sec_3{padding:40px 0px 40px;}

.login_title a{padding: 7px 13px; font-size: 13px;}
.nw_br_mem_sec .brd_mem { width:100%;}

}

@media only screen and (max-width: 575px){

.bnrimg > img{height: 300px; object-fit: cover;}
.innpge_bnr .bnrimg > img{height: 130px; object-fit: cover;}
.why_medssurplus_pnel .row > div{width: 100% !important;}
.why_medIcon br{display: none;}
.why_medIcon {margin-top: 15px;}
.bnrtxtinr h1 {font-size: 33px;line-height: 37px;}
.bigestHding {font-size: 46px;line-height: 44px;}
.ftrlink{width: 100%;}
.fotertop h3 {font-size: 18px;line-height: 23px;margin-bottom: 15px;}
.footerSec h2 {font-size: 60px;line-height: 40px;}
.footerSec h2 span::before{content: none;}
.about_sec_2 .col-lg-3.col-md-3.col-sm-6 { width: 50%; }
.abt_apart_right_items .apart_list { flex: 0 0 100%; max-width: 100%; }  
.team-grid { flex-direction: column;}
.team-box { flex: 0 0 100%; max-width: 100%;}

.login_title{flex-direction: column; align-items: flex-start; padding: 5px 10px; padding-bottom: 10px; gap: 0;}
.login_title a{padding: 5px 10px; font-size: 14px;}


	

}

@media only screen and (max-width: 480px){ 
.nav-item {margin: 5px;font-size: 12px;}
.hdersocil li:first-child{display: none;}
.hderbtminr .themebtn {margin-right: 40px;}
.hderbtminr .themebtn span{display: none;}
.footerSec h2 {font-size: 39px;line-height: 28px;}
.surfacecont h2, .pagehding h2 {font-size: 25px;line-height: 32px;}
.bnrtxtinr h1 {font-size: 25px;line-height: 32px;}
.bnrtxtinr br{display: none;}


}