html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul {margin:0; }
li{list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
* { outline: none; }
/* 1.1 Defaults */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; margin:0; padding:0; }
i, em { font-style: italic; }
.left { float: left; }
.right { float: right; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
textarea {overflow: auto; resize: vertical; }
a {color:#282828; text-decoration: none; cursor:pointer; }
a:hover {text-decoration: none; }
address { font-style: normal; }
p {margin:0; padding:0; }
p:empty{display:none; padding:0; margin:0;}
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
/* input */
.input, select, textarea {background:#fff; width:100%; float: left; height:50px; padding:5px 20px; line-height:40px; font-size:13px; color: #282828; font-family: "Poppins", sans-serif; border:0;border-radius:5px;}
textarea {width:100% !important; resize: vertical; }
.input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #7b7b7b;opacity:1;}
.input:-moz-placeholder,
textarea:-moz-placeholder {color: #7b7b7b;opacity:1;}
.input::-moz-placeholder,
textarea::-moz-placeholder {color:#7b7b7b;opacity:1;}
.input::-ms-input-placeholder,
textarea::-ms-input-placeholder {color: #7b7b7b;opacity:1;}
.input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #7b7b7b;opacity:1;}

/* scroll-top */
.scroll-top{background-color:#4482c0; width:46px; height:46px; cursor:pointer; position:fixed; right:10px; bottom:80px; border:2px solid #fff; z-index:4; display:none;}
.scroll-top:after{content:''; width:12px; height:12px; border-top:3px solid #fff; border-right:3px solid #fff; position:absolute; left:15px; top:18px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.scroll-top:hover{background-color:#282828;}

/* btn1 */
.btn1{background-color:#d1a43e; display:inline-block; font-size:25px; line-height:53px; color:#fff; font-family: "Poppins", sans-serif; font-weight:700; text-transform:uppercase; box-shadow:none; border:0; cursor:pointer; padding:10px 50px; position:relative; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; }
.btn1:hover{background-color:#206aab; color:#fff;}



/* css *//* css */
body{background-color:#fff; font-size:17px; line-height:24px; color:#282828; font-family: "Poppins", sans-serif; font-weight: 400;}
.container{width:100%; max-width:1470px; padding:0 15px; margin: 0 auto;}
.container2{width:100%; max-width:1770px; padding:0 15px; margin: 0 auto;}
.container3{width:100%; max-width:1200px; padding:0 15px; margin: 0 auto;}

:root {
    --main-color: #0f766e;
  }

.header-wrap{background:#fff; width:100%;left:0px; top:0px; z-index:10;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);}
.header-btm .container{display: flex; justify-content: space-between; align-items: center;max-width: 1487px;}
.header-top{width: 100%; background:#EBF7F7; text-align: right; padding:8px 0px 8px 0px;}
.header-top .container{display: flex; justify-content: end; align-items: center; gap: 12px;padding: 0px;max-width: 1490px;}
.header-top .top-nav{margin-right: 12px;}
.header{width:100%; padding:6px 30px 0;}
.header-left{display: flex;min-height:80px;align-items:center; width: 100%; justify-content: space-between;transition:all ease 0.5s;}
.header .logo{float:left;}
.header .logo a{display:inline-block;}
.header-right{display: flex;height:100%;}
.header-right .search-btn{width: 30px; height: 40px; cursor: pointer;display:flex;align-items:center;justify-content:center;position:relative; margin-top: 1px;}
.header-right .search-btn svg{color:#a1a1aa;}
.header-right .search-btn .search-p{width:320px; padding: 20px; position: absolute; left: -140px; top:50px; background: #fff; border-radius: 15px; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);display:none;}
.header-right .search-btn .search-p .input{border:1px solid #888;}
.header-right .search-btn .search-p h3{margin-bottom: 15px;}
.header-btm{border-bottom: 1px solid #e8e6e6;position: sticky;top: 0px;background: #fff;z-index:9999;}


.header-right .connect-with{font-size: 16px; color:#3795ae;padding:9px 15px 5px 12px;cursor:pointer;}
.header-right .connect-with i{padding-left:8px;color:#a1a1aa;font-size:20px;position:relative;top:2px;}
.logo{width: 150px; margin-right: 20px;margin-left: 12px; margin-top: 1px;transition:all ease 0.5s;}
.logo img{transition: all ease 0.5s;}
.global .g-btn{background: #fff; padding: 4px 15px 4px 12px; font-size: 12px;display:inline-block; color: #3795ae; border-radius: 6px; cursor: pointer;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);font-weight:500;}
.global .g-btn i{font-size: 14px;padding-left:4px;}

.header-btm.fixed .logo{width: 110px;}
.header-btm.fixed .header-left{min-height: 60px;}


.global .g-btn svg{position: relative; top:3px;}
.global{position: relative;}
.global-menu{background: #fff;position:absolute;right:0px;width:180px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);z-index:99;display:none; z-index:999999;}
.global-menu li a{padding: 6px 15px ; display: block; text-align: left;font-size:14px;}
.global-menu li a:hover{background: #f3f4f6;}
.global .g-btn.active i{ transform: rotate(-182deg);}

.social ul{display: flex; margin: 0px; padding: 0px; gap: 12px;}
.social li{list-style: none;}
.social li a{width: 30px; height: 30px; background: #fff; border-radius: 7px;display:flex; align-items: center; justify-content: center; }
.social li a svg{color:#000000;}
.social li a:hover svg{color:#4FACAA}
.top-nav ul{display: flex;gap:25px;}
.top-nav li a{font-size:12px; color: var(--main-color);}
.header-left .m-div{ display: flex;align-items: center;width: 100%;}

/* nav-menu */
.nav-menu{float:right; padding:0 0 0 0; margin-right: auto;}
.nav-menu li{float:left; font-size:14px;  margin:0 27px 0 7px; position:relative;}
.nav-menu li a{color:#374151; padding:5px 13px 3px; display:inline-block; position:relative;font-weight:500; line-height: 57px;}
.nav-menu li:first-child a{color:#3795ae;}
.nav-menu li sub{font-size:10px; position:relative; top:-3px;}
.nav-menu li .arrow{position:absolute; right:-4px; top:21px;}
.nav-menu li .arrow i{color:#a8a8b1; font-size:16px;}
.nav-menu li:hover a{color: #f93476;}
.nav-menu li:hover .arrow {transform: rotate(180deg);}
/*.nav-menu li:nth-child(2) ~ li:hover a{color: #3795ae;}*/
.nav-menu li:nth-child(3){margin-right: 6px;}
.nav-menu li:nth-child(4){margin-right: 7px;}
.nav-menu li:nth-child(5){margin-right: 7px;}
/* drop-down */
.nav-menu li > ul{background:rgba(255,255,255,.8); width:300px; position:absolute; left:0; top:71px; padding:5px 0; -webkit-box-shadow: rgba(0,0,0,.3)0px 4px 5px; -moz-box-shadow: rgba(0,0,0,.3)0px 4px 5px; -ms-box-shadow: rgba(0,0,0,.3)0px 4px 5px; -o-box-shadow: rgba(0,0,0,.3)0px 4px 5px; box-shadow: rgba(0,0,0,.3)0px 4px 5px; display:none;}
.header-wrap.sticky .nav-menu li > ul{background:rgba(255,255,255,1);}
.nav-menu li > ul:before{content:''; width:100%; height:47px; position:absolute; left:0; top:-46px;}
.nav-menu li:last-child > ul{left:inherit; right:-75px;}
.nav-menu li li{width:100%; float:left; margin:0;}
.nav-menu li li a{padding:10px 10px; display:block;line-height:normal}
.nav-menu li li ~ li{border-top:1px solid #c3cbd4;}
.nav-menu li li a, .nav-menu li:hover li a{color:#606068; }
.nav-menu li li a:hover{background-color:#ebf4f4; color:#319997;}
.nav-menu li:hover > ul{display:block;}

.nav-menu li li{display: flex;align-items:center;gap:5px;}
.nav-menu li li .icon{display: flex; gap: 2px; width: 55px; justify-content: end;}
.nav-menu li li a{width:calc(100% - 55px);}
.nav-menu li li .icon img{width: 12px; align-items: center; }
/* drop-down 2nd level*/
.nav-menu li li > ul,
.nav-menu li li:last-child > ul{top:0; left:300px;}
.nav-menu li li a{padding-right:8px; font-size: 14px; color: #606068;  font-weight: normal;}
.nav-menu li li .arrow{right:10px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.nav-menu li li .arrow span i{-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.nav-menu .dd-menu .left-menu li a{color: #000;}

/* menu-icon */
.menu-icon{width:35px; height:36px; text-align:center; display:none;}
.menu-icon i{font-size:30px; color:#002e53; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.menu-icon .fa-times{display:none;}
.menu-icon.active .fa-bars{display:none;}
.menu-icon.active .fa-times{display:block;}
.nav-menu .dd-menu{position: absolute;width:900px;display:flex;box-shadow:0 7px 9px 0 rgba(0,0,0,.08);display:none;background:#fff;z-index:99}
.nav-menu .dd-menu .left-menu{width: 25%;padding: 20px 0px 20px 20px;border-right: 1px solid #ebf4f4;}
.nav-menu .dd-menu .left-menu li a{border: none;border-right:4px transparent;font-size:16px; width: 100%;}
.nav-menu .dd-menu .right-content{width: 80%; display: flex;gap:5px;display:none;}
.nav-menu .dd-menu .right-content .col{width: 33%;padding:20px 15px;border-right: 1px solid #e2f0f2;}
.nav-menu .dd-menu .right-content .col:nth-child(4) {border: none;}
.nav-menu .dd-menu .left-menu li{border:none !important}
.nav-menu .dd-menu .left-menu li:hover a,.nav-menu .dd-menu .left-menu li.active a{background-color: #ebf4f4 !important;color:#3795ae; border-right: 4px solid #3795ae;}
.nav-menu .dd-menu .right-content li{border: none;}
.nav-menu li:hover .dd-menu{display: flex;}
.nav-menu .dd-menu .right-content.active{display: flex;}




.nav-menu .dd-menu.dd-three {width:1160px;}
.nav-menu .dd-menu.dd-three .left-menu{width: 20%;}
.nav-menu .dd-menu.dd-two {width:900px;}
.nav-menu .dd-menu.dd-two .left-menu{width: 25%;}
.nav-menu .dd-menu.dd-two .right-content{width: 75%;}
.nav-menu .dd-menu.dd-one {width:700px;}
.nav-menu .dd-menu.dd-one .left-menu{width: 30%;}
.nav-menu .dd-menu.dd-one .right-content{width: 70%;}
.nav-menu .dd-menu.dd-one .right-content .col{width: 50%;}

.nav-menu .dd-menu.dd-two .right-content .col:nth-child(3){border:none;}
.nav-menu .dd-menu.dd-one .right-content .col:nth-child(2){border:none;}

.c-btn{background: #EC4797;
    background: linear-gradient(90deg,rgba(236, 71, 151, 1) 0%, rgba(243, 62, 134, 1) 53%, rgba(248, 53, 119, 1) 100%);font-size:14px;padding:7px 25px; border-radius: 5px; color: #fff; display: inline-block; font-weight: 500;border: none; cursor: pointer;}
.mid-section{width: 100%;}
body{color: #09090b;}
.healthcare{width: 100%;background: #FCF2F8;padding:60px 0px;
    background: linear-gradient(90deg,rgba(252, 242, 248, 1) 0%, rgba(249, 243, 250, 1) 53%, rgba(245, 244, 252, 1) 100%);}
.healthcare .container{display: flex; gap: 30px; align-items: center; padding-right: 80px;}
.healthcare .textb{width: 60%;}
.healthcare .textb h1{font-size: 48px; color:#000; font-weight: 600; line-height: 52px;margin-bottom:20px}
.healthcare .textb p{font-size: 18px;line-height:30px;color:#71717a;max-width: 65%; padding-bottom: 30px;}
.healthcare .imgb{width: 38%;}
.who-we-are{width: 100%; padding: 60px 0px;}
.who-we-are .container{display: flex; gap: 30px; justify-content: space-between;}
.who-we-are .textb{width: 45%;}
.who-we-are .textb h4{font-size: 16px; color:#47b5b7; font-weight: 500; margin-bottom: 10px;}
.who-we-are .textb h3{font-size: 36px; line-height: 42px;  font-weight: normal; margin-bottom: 10px;}
.who-we-are .textb p{color: #71717a;font-size: 18px;line-height:30px;padding-bottom:20px;}
.who-we-are .textb ul{display: flex; flex-flow: wrap; gap: 30px; margin-bottom: 40px;}
.who-we-are .textb li{width: calc(50% - 30px);color: #71717a;font-size: 16px;line-height:22px;position:relative; padding-left: 40px;}
.who-we-are .textb li:before{content: ""; background: #9bcad6; width: 24px; height: 24px; border-radius: 24px; position:absolute; left: 0px; top:4px;}
.who-we-are .imgb{width: 40%;}
.portfolio{width: 100%; padding: 60px 0px;}
.portfolio,.portfolio .title{width: 100%;}
.portfolio .title{text-align: center;}
.portfolio .title h4{font-size: 16px; color:#47b5b7; font-weight: 500; margin-bottom: 10px;}
.portfolio .title h3{font-size: 36px; line-height: 42px;  font-weight: normal; margin-bottom: 50px;}
.portfolio ul{width: 100%; display: flex; gap: 20px;}
.portfolio li{width: calc(33.33% - 20px); text-align: center;}
.portfolio li img{width: 100%; margin-bottom: 20px;}
.portfolio li h3{font-size: 22px; font-weight: normal;}


.booklet{background:#ebf4f6; margin: 30px 25px 30px 25px; border-radius: 20px;display:flex;}
.booklet .col{width: 50%;padding:30px; display: flex; justify-content: center; align-items: center; gap: 20px; border-right: 1px solid #c2d3d7;}
.booklet .col2{width: 50%;padding:30px; display: flex;align-items:center;}
.booklet .col2 .c-btn{min-height: 50px;}
.booklet .col2 img{margin-right: 25px;}
.booklet .container{display: flex;}

.location{width: 100%; background: #eff6ff; padding: 64px 0px;}
.location .container{display: flex; gap: 50px; align-items: center;}
.location .map{width: 60%;}
.location .textb h4{font-size: 16px; color:#47b5b7; font-weight: 500; margin-bottom: 10px;}
.location .textb h3{font-size: 36px; line-height: 42px;  font-weight: normal; margin-bottom: 40px;}
.location .textb{width: 40%;}
.location .box-row{display: flex; gap: 20px; margin-bottom: 30px;}
.location .box-row .col{width: 144px; height: 132px; background:#fce7f3;border-radius: 8px; display: flex; flex-flow: column; justify-content: center; align-items:center;}
.location .box-row .col:last-child{background: #e5e7eb;}
.location .box-row .col p{font-size: 14px;color:#db2777}
.location .box-row .col strong{font-size: 36px; padding: 7px 0px;color:#db2777}
.location .box-row .col:last-child p{color:#52525b;}
.location .box-row .col:last-child strong{color:#52525b;}
.location li{font-size: 14px; margin-bottom: 8px;position:relative;padding-left:20px;}
.location li:before{content: ""; background: #db2777; width: 12px; height: 12px; border-radius: 24px; position:absolute; left: 0px; top:6px;}



.our-client{width: 100%; padding: 60px 0px;}
.our-client .container{display: flex; gap: 30px;}
.our-client .textb{width:40%;padding-top:100px;}
.our-client .textb h4{font-size: 16px; color:#47b5b7; font-weight: 500; margin-bottom: 10px;}
.our-client .textb h3{font-size: 36px; line-height: 42px;  font-weight: normal; margin-bottom: 40px;}
.our-client .tab-box{width:60%;}
.our-client .tab-box .client-tabnav{width: 100%;}
.our-client .tab-box .client-tabnav ul{display: flex;width:100%;border-bottom:1px solid #c9c9c9;gap:20px;}
.our-client .tab-box .client-tabnav li a{padding:5px 30px;font-size:13px;display:block;color:#71717a}
.our-client .tab-box .client-tabnav li a.active{background:#ebf4f6; border-bottom: 1px solid #3795ae; color: #37a1c8;}
.our-client .tab-box .tab-content{padding: 25px 0px;display:none;}
.our-client .tab-box .tab-content ul{display: flex; gap: 30px; flex-flow: wrap;}
.our-client .tab-box .tab-content li{width: calc(20% - 25px);}
.our-client .tab-box .tab-content.active{display: block;}

.news-event{width: 100%; padding:0px 0px 60px 0px;}
.news-event .container{padding: 0 150px;}
.news-event .title{width: 100%;}
.news-event .title h4{font-size: 16px; color:#47b5b7; font-weight: 500; margin-bottom: 10px;}
.news-event .title h3{font-size: 36px; line-height: 42px;  font-weight: normal; margin-bottom: 20px;}
.news-event .column{width: 100%; display: flex;}
.news-event .column .imgb{width: 58%; position: relative; overflow: hidden; border-radius: 10px;}
.news-event .column .imgb:before{content:""; width:100%;height:100%;background:rgb(0,0,0,0.5);position:absolute;left:0px;top:0px;z-index:99;}
.news-event .column .imgb .caption{position: absolute; left: 20px; bottom: 30px; z-index: 10;padding:10px; z-index: 100;}
.news-event .column .imgb .tag-box{background: #10b981;color: #fff;display: inline-block;font-size: 12px;padding: 2px 13px;border-radius: 15px;line-height: 20px;
font-weight: 500;}
.news-event .column .imgb .caption h3{font-size: 24px;color:#fff;line-height:32px;margin:10px 0 15px 0;}
.news-event .column .imgb .caption .user .icon-img{width: 32px;}
.news-event .column .imgb .caption .user .icon-img img{border-radius: 100%;}
.news-event .column .imgb .caption .user{display: flex; gap: 10px; align-items: center;}
.news-event .column .imgb .caption .user p{font-size: 14px; color: #fff;}
.news-event .column .imgb img{transition: all .3s ease-out;height: 100%;}
.news-event .column .imgb:hover img{transform: scale(1.1);}
.news-event .column .news-list{margin-left: 30px; width: 42%;}
.news-event .column .news-list ul{width: 100%;}
.news-event .column .news-list li{display: flex; gap: 15px;align-items:start;margin-bottom:20px;}
.news-event .column .news-list li .textb{width:calc(100% - 210px);}
.news-event .column .news-list li .imgb{width: 210px;}
.news-event .column .news-list li .textb .tag-box{background: #10b981;color: #fff;display: inline-block;font-size: 12px;padding: 2px 13px;border-radius: 15px;line-height: 20px; font-weight: 500;}
.news-event .column .news-list li .textb h3{font-size: 16px; line-height: 27px; margin:5px 0px 3px 0px;font-weight:600;}
.news-event .column .news-list li .textb h3 a{color: #000;}
.news-event .column .news-list li .textb p{font-size: 14px;}
.news-event .column .news-list li .user{width: 100%; padding-top: 8px; border-top: 1px solid #eaeaea; margin-top: 7px;}
.news-event .column .news-list li .user .icon-img{width: 20px;}
.news-event .column .news-list li .user .icon-img img{border-radius: 100%;}
.news-event .column .news-list li .user{display: flex; gap: 10px; align-items: center;}
.news-event .column .news-list li .user p{font-size: 14px; color: #000;}
.news-event .column .news-list li .textb .tag-box.red{background-color: #dc2626;}
.news-event .column .news-list li .textb .tag-box.blue{background-color: #2563eb;}
.news-event .column .news-list li .textb .tag-box.purple{background-color: #9333ea;}
.news-event .column .news-list li .textb .tag-box.green{background-color: #16a34a;}
.news-event .column .news-list li:hover h3 a{color: #47b5b7;}

.testimonials{width: 100%; padding: 60px 0px 80px 0px;}
.testimonials .title h4{font-size: 16px; color:#47b5b7; font-weight: 500; margin-bottom: 10px;}
.testimonials .title h3{font-size: 36px; line-height: 42px;  font-weight: normal; margin-bottom: 20px;}
.testimonials .column{width: 100%; display: flex; gap: 25px;}
.testimonials .column .col{padding: 25px; border: 1px solid #ebf4f6; border-radius: 15px;width:100%;}
.testimonials .column .col .user{width: 48px;}
.testimonials .column .col h4{font-size: 16px; margin: 15px 0px;}
.testimonials .column .col p{font-size: 16px; color: #71717a; line-height: 27px;}

/*========= owl-carousel ============*/
.testimonials-slide.column,.testimonials.column .owl-item {-webkit-tap-highlight-color: transparent;position: relative;padding:0px;}
.testimonials-slide.column{display: block;width: 100%;z-index: 1;position: relative;}
.testimonials-slide.column .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;moz-backface-visibility: hidden;}
.testimonials-slide.column .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.testimonials-slide.column .owl-stage-outer {position: relative;overflow: hidden;}
.testimonials-slide.column .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;padding: 0 12px;}
.testimonials-slide.column .owl-nav{position: absolute; right: 32px; top:-60px;}
.testimonials-slide.column .owl-nav button{text-align: center; font-size:24px; color: #09090b;  border: none; cursor: pointer; font-size: 14px;border:1px solid #cbd5e1;background:none;padding:14px 15px 9px 15px;border-radius:7px; }
.testimonials-slide.column .owl-nav button i{color: #3795ae;font-size:13px;}
.testimonials-slide.column .owl-nav button span{position: relative; top:-1px}
.testimonials-slide.column .owl-nav .owl-next{margin-left: 12px;}
.testimonials-slide.column .owl-nav button:hover{background: #f4f4f5; }
.testimonials-slide.column .owl-nav button:before{content: "";}
/*========= owl-carousel ============*/

.footer{width: 100%; font-size: 14px; background: rgba(239,246,255,.5); padding:40px 0px;color:#71717a;}
.footer .container{display: flex;}
.footer .col{width: 20%;}
.footer .col .logo{margin-bottom: 15px;}
.footer .col  h5{font-size: 16px;color:#000;margin-bottom:15px;}
.footer .col li{margin-bottom: 5px;}
.footer .col li a{color:#71717a;}
.footer .col form{width: 100%; display: flex; margin: 10px 0px;}
.footer .col .newsletter-f{width: 100%;}
.footer .col .newsletter-f p{font-size: 12px; line-height: 16px;}


.common-text{width: 100%;padding:30px 0px 30px 0px;}
.top-tittle {font-size: 40px;text-transform: uppercase;margin-bottom: 40px;text-align: center;}
.common-text h3 {font-size: 22px;line-height: 30px;margin-bottom: 8px;color:#0f766e;position:relative;padding-bottom:8px;}
.common-text h3:before{content:"";height:4px;width:40px;background:#0f766e;position:absolute;left:0px;bottom:0px;}
.common-text h4 {font-size: 20px;line-height: 28px;margin-bottom: 5px;color:#0f766e;}
.common-text p, .common-text li {font-size: 16px;line-height: 23px;color: #000;}
.common-text p{padding-bottom:10px;}
.common-text a{ color:#0f766e; font-weight:500;}
.common-text a:hover{color:#b5934f;text-decoration:none;}
.common-text .list-dot, .common-text .list-no {padding-left: 20px;}
.common-text .list-dot li {list-style: disc;margin-bottom: 10px;}
.common-text .list-no li {list-style: auto;margin-bottom: 10px;}

.header-right .connect-box{position: relative;}
.header-right .connect-box .get-in-touch{width: 390px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);padding:15px;border-radius:10px; position: absolute; right: 0px; background: #fff;display:none;}
.header-right .connect-box .get-in-touch .input,
.header-right .connect-box .get-in-touch .textarea{border:1px solid #dbdbdb; margin-bottom: 10px;height: 45px;}
.header-right .connect-box .get-in-touch .textarea{height: 100px;}
.header-right .connect-box .get-in-touch .c-btn{width: 100%; padding: 12px 25px;}
.header-right .connect-box .get-in-touch h3{font-size: 22px; margin: 10px 0px;}
.header-right .connect-box .get-in-touch h3 span{color: #0f766e;}
.header-right .connect-box .get-in-touch p{font-size: 13px; line-height: 20px; padding: 0px 0px 15px 0px;color:#52525b;}

.top-banner{width: 100%;display:flex;height:300px; position: relative;}
.top-banner .imgb{width: 50%; position: relative;}

:root {
    --tw-gradient-from: #e1f6f9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(225, 246, 249, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    
}
.top-banner .imgb:before{content: ""; position: absolute;left: 0px; height: 100%;background-image: linear-gradient(to right, var(--tw-gradient-stops));}
.top-banner .imgb img{width: 100%; height: 100%;}
.top-banner .textb{width: 50%; background:#e1f6f9;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.top-banner .textb h1{font-size: 36px;font-weight:700;color:#3795ae;margin-bottom:18px;}
.top-banner .textb p{font-size: 15px; color:#3795ae;font-weight:300;}
.about{width: 100%; padding:50px 25px 0px 25px;}
.about h2{    font-size: 24px;
    font-weight: 600;
    color: #4FACAA;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 20px;}
.about h3{font-size:22px; font-weight: 600;color: #4FACAA;margin: 15px 0px 10px 0px;}
.about p{font-size: 16px;
    line-height: 30px;
    color: #60697B;
    padding-bottom: 10px;}
.about p strong{font-size: 17px;}

.contact-banner{ min-height:30px;display: flex;flex-flow: column;justify-content: center; padding-left: 20px; position: relative;}
.contact-banner h1{font-size: 36px;font-weight:700;color:#fff;margin-bottom:15px; position: relative; z-index: 100;}
.contact-banner p{font-size: 24px; color:#fff;position: relative; z-index: 100;}
.contact-banner:before{content: "";width: 100%;height: 100%;background: rgb(0, 0, 0, 0.2);position: absolute;left: 0px;top: 0px;z-index: 99;}
.contact-banner img{display: none;}

.contact-info{width: 100%; padding-right: 17%; padding: 60px 0px; background: #eff6ff url(images/bg-contact.jpg) left bottom no-repeat;background-size:100% 100%;}
.contact-info .container{display: flex; justify-content: space-around;}
.contact-info .address{width: 50%; padding:0 ;}
.contact-info .address ul{display: flex; flex-flow: wrap; justify-content: center;}
.contact-info .address li{width: 50%;}
.contact-info  .get-in-touch{width: 450px;}
.contact-info .address li{display: flex; gap: 15px; margin-bottom: 35px;}
.contact-info .address li .icon{width: 60px; height: 60px; line-height: 60px; text-align: center;color:#3b82f6; background:#dbeafe;display: flex;
align-items: center;justify-content: center;border-radius: 100%;}
.contact-info .address li .icon svg{width: 60px;}
.contact-info .address li p{font-size: 14px; color:#71717a;}
.contact-info .address li .textb a{font-size: 22px;}
.contact-info .get-in-touch-c{padding: 20px; position: relative; top:-140px; z-index: 999; margin-bottom: -140px;}
.contact-info .get-in-touch-c h3{margin-bottom: 15px;}
.contact-info .get-in-touch-c p{font-size: 15px;}
.contact-info .get-in-touch-c .input{margin-bottom: 13px;}
.contact-info .get-in-touch-c .c-btn{padding: 14px 20px;}


.get-in-touch-c{width: 400px;}
.get-in-touch-c{width: 450px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);padding:15px;border-radius:10px; background: #fff;display:none;}
.get-in-touch-c .input,
.get-in-touch-c .textarea{border:1px solid #dbdbdb; margin-bottom: 10px;height: 45px;}
.get-in-touch-c .textarea{height: 100px;}
.get-in-touch-c .c-btn{width: 100%; padding: 12px 25px;}
.get-in-touch-c h3{font-size: 22px; margin: 10px 0px;}
.get-in-touch-c h3 span{color: #3795ae;}
.get-in-touch-c p{font-size: 13px; line-height: 20px; padding: 0px 0px 15px 0px;color:#52525b;}

.address-column{width: 100%; padding: 60px 0px;background: #eff6ff;}
.address-column .inner-box{background-color: #fff;padding:60px 15% 60px 35px; display: flex; align-items: center;justify-content: space-between;position:relative;}
.address-column .inner-box .textb{width: 40%;}
.address-column .inner-box .textb h3{font-size: 48px; font-weight: normal; line-height:60px; margin-bottom: 15px;}
.address-column .inner-box .textb p{font-size: 14px; line-height: 22px; padding-bottom: 20px;}
.address-column .inner-box .map{width: 50.5%; position: relative; z-index:9;} 
.address-column .inner-box .map iframe{border-radius: 20px; width: 100%;}
.address-column .inner-box .textb .address h5{font-size: 18px; font-weight: normal; color: #71717a;}
.address-column .inner-box .textb .address p{font-size: 15px; line-height: 28px; color:#71717a ;}
.address-column .inner-box:after{content:"";width:356px;background:#3795ae;height:100%;position:absolute;right:0px;top:0px;z-index:4;}
.bg-white{background: #fff;}
.nav-menu .dd-menu .right-content .col:last-child{background: #e9e9e9;padding:0px;}
.nav-menu .dd-menu .right-content .col .textb{width: 100%; padding: 15px;}
.nav-menu .dd-menu .right-content .col .textb h3{font-size: 16px; margin: 10px 0px;}
.nav-menu .dd-menu .right-content .col .textb p{font-size: 14px; line-height: 22px; padding-bottom: 20px;}

.csr-banner{min-height:400px; background-size: 100% 400px; position: relative;}
.csr-banner .textb2{width: 100%; height: 100%; display: flex; flex-flow: column; align-items: start; justify-content: center; height:100%}
.csr-banner .textb2 h2{font-size: 36px; line-height: 42px; color: #fff; font-weight: 400;margin-bottom:30px}
.csr-banner .textb2 p{font-size: 20px; line-height:30px; color: #dddddd;font-weight:300; }
.csr-section{width: 100%; padding: 50px 0px;}
.csr-section .tab-nav{width: 100%; margin-bottom: 30px;}
.csr-section .tab-nav ul{display: flex; gap: 10px;}
.csr-section .tab-nav li a{font-size: 14px;line-height:20px;padding:4px 16px;display:inline-block;border:1px solid #d1d5db;border-radius:5px;}
.csr-section .tab-nav li a:hover,.csr-section .tab-nav li a.active{background: #f3f4f6;}
.csr-section .blog-list{display: none;}
.csr-section .blog-list.active{display: block;}
.csr-section .blog-list ul{padding: 0px; margin: 0px; display: flex; flex-flow: wrap; gap: 25px;}
.csr-section .blog-list li{width: calc(33% - 15px); list-style:none;margin-bottom:25px;}
.csr-section .blog-list li .imgb,.blog-list li .textb{width: 100%;}
.csr-section .blog-list li .textb .cate-tag{font-size: 13px; text-transform: uppercase;font-weight: 500;display:block;padding:11px 0;}
.csr-section .blog-list li .textb h3{font-size: 18px; margin: 0 0 5px 0;}
.csr-section .blog-list li .textb p {padding-bottom: 0;color: #52525b;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;font-size: 14px; line-height: 26px; color: #60697B;}
.csr-section .blog-list li .admin-info{width: 100%; padding: 20px 0px 0px 0px; display: flex; align-items: center;}
.csr-section .blog-list li .admin-info .admin-icon{width: 50px; margin-right: 10px;}
.csr-section .blog-list li .admin-info .admin-text{width: calc(100% - 70px);}
.csr-section .blog-list li .admin-info .admin-text p strong{font-weight: normal; color: #000;font-weight:500;}
.csr-section .blog-list li .admin-info .admin-text p {font-size: 13px; color: #71717e; line-height: 16px;}
.csr-section .blog-list li .admin-info .admin-text p span{line-height: 20px;}

.course{width: 100%; background: #f5fafa; padding:60px 0px 70px 0px;} 
.course .container{display: flex;padding:0 14% 0 64px;justify-content: space-between;}
.course .imgb{width: 350px;}
.course .textb{width: 60%;padding-top: 92px;}
.course .textb h4{font-size: 16px; color:#47b5b7; font-weight: 300; margin-bottom: 25px;}
.course .textb h4 strong{font-weight: 500;}
.course .textb h3{font-size: 36px; line-height: 42px;  font-weight: 500; margin-bottom: 25px;}
.course .textb p{color: #52525b;font-size: 16px;line-height:28px;padding-bottom:20px;}
.latest-post{width: 100%;padding:50px 0px 60px 0px;}
.latest-post .top-row{width: 100%;}
.latest-post .top-row .left-tab{width: 80%;}
.latest-post .top-row .left-tab ul{width: 100%; display: flex;gap:16px}
.latest-post .top-row .left-tab li button{font-size: .875rem;line-height: 1.25rem;font-weight: 300; padding: .6em 1rem; cursor: pointer;border:none;background:none;border-radius:20px; color:#52525b;font-family: inherit;}
.latest-post .top-row .left-tab li button.active,.latest-post .top-row .left-tab li button.active:hover{background: #3795ae; color: #fff;}
.latest-post .top-row .left-tab li button:hover{background:#f3f4f6;}
.latest-post h2{font-size: 24px; color: #111827; font-weight: 600; margin-bottom: 28px;}
.latest-post .top-row{display: flex; justify-content: space-between;margin-bottom:32px;}
.latest-post .right-tab ul{display: flex; width: 100%; gap:7px;}
.latest-post .right-tab li{width: 32px; height: 32px; border-radius: 32px; background: #f4f4f5;display:flex;align-items:center;justify-content:center;cursor:pointer}
.latest-post .right-tab li svg{width: 16px;}
.latest-post .right-tab li.active{background: #3795ae; color: #fff;}
.latest-post .container{max-width: 1453px;}


.items-container .item{border-radius:0px 0px 12px 12px;}
.items-container .item .imgb{width: 100%; position: relative; border-radius: 12px 12px 0px 0px;}
.items-container .item .imgb .img-tag{background: #f9740f; font-size:12px; padding:0px 16px 0px 16px; display: inline-block; color: #fff; position: absolute; left: 0px; top:12px}
.items-container .item .imgb img{display: block;border-radius: 12px 12px 0px 0px;width: 100%;}
.items-container .item .tag-text{background: #d7eaef; font-size: 12px; padding: 0px 4px 0px 3px; color: #3795ae; border-radius: 4px; font-weight: 500;display:inline-block;}
.items-container .item h3{font-size: 16px;font-weight: 700;margin: 8px 0px 10px 0px;line-height: 28px;}
.items-container .item .user-info .icon{width: 24px;}
.items-container .item .user-info{display: flex; width: 100%; align-items: center;gap:7px;font-size:13px;}
.items-container .item .user-info p{color: #595961; margin: 0px;font-size: 14px;}
.items-container .item .textb{width: 100%;  border-top:none; padding: 15px 20px 17px 15px;border-radius:0px 0px 12px 12px;} 
.items-container {display: flex;flex-wrap: wrap;gap: 26px;}
.items-container.grid-view .item {width: calc(33.333% - 20px);box-sizing: border-box;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.items-container.list-view {flex-direction: column;}
.items-container .item:hover{cursor: pointer;}
.items-container .item:hover h3 a{color:#3795ae;}
.items-container.list-view .item{display: flex;}
.items-container.list-view .item .imgb{width: 355px;}
.items-container.list-view .item .textb{width: calc(100% - 355px);}
.items-container.list-view .item .textb h3{font-size: 16px;margin-bottom:5px;}
.items-container.grid-view .item .textb p{display: none;}
.items-container.list-view .item .textb p{font-size: 14px;line-height:25px; padding-bottom: 10px;color: #52525b;}
.items-container.list-view .review p{display: block;}
.items-container.grid-view .item .user-info p{display: block;}
.items-container.grid-view .item .textb .review{text-align: center;display:none}
.items-container.list-view .item .textb .review p{font-size: 12px;font-weight:300;}
.items-container.list-view .item .textb .review p span{font-weight: 500;font-size:13px;}
.items-container.list-view .item .textb .review a{font-size: 14px;color: #51a6cb;}
.items-container.list-view .item .textb .review a:hover{text-decoration: underline;}
.items-container.list-view .item .textb .review{text-align: center;display:block;}
.items-container.list-view .item .user-info{align-items: center;}
.items-container.list-view .item .user-info p{font-size: 12px;}
.items-container.list-view .item .user-info p span{display: block;font-weight:600;}
.items-container.list-view .item .user-info span + img{display: none;}
.items-container.list-view .item .textb{width: 55%;}
.items-container.list-view .item .textb .review p{padding-bottom: 5px;}
.items-container.list-view .item{border: 1px solid #f3f3f3;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); border-radius: 12px 0px 0px 12px;align-items: start;}
.items-container.list-view .item .textb{border: none;padding:15px 15px 0px 15px}
.items-container.list-view .item .imgb img{border-radius: 12px 0px 0px 12px; width: 100%;}
.items-container.list-view .item .user-info {border-top: 1px solid #ddd;padding-top:5px;}

.latest-post .btn-row{width: 100%; text-align: center; padding: 50px 0px;}
.latest-post .btn-row a{font-size: .875rem;line-height: 1.25rem;  border: 1px solid #3795ae; display: inline-block; border-radius: 5px; color: #3795ae; padding: 12px 20px;}
.latest-post .btn-row a:hover{background-color:#3795ae ; color: #fff;}

.upcoming-event{width: 100%;}
.upcoming-event .container{padding: 0px 60px;max-width: 1467px;}
.upcoming-event .top-text{width: 100%; text-align: center;margin-bottom: 20px;}
.upcoming-event .top-text h4{font-size: 14px; color:#47b5b7; font-weight: 300; margin-bottom:7px;text-transform:uppercase;}
.upcoming-event .top-text h3{font-size: 36px; line-height: 42px;  font-weight: 700; margin-bottom: 15px; color: #1a2b47;}
.upcoming-event .top-text p{color: #52525b;font-size: 16px;line-height:28px;padding-bottom:20px;}
.upcoming-event ul{width: 100%;display:flex; gap: 20px;flex-flow:wrap;}
.upcoming-event li{position: relative; width:calc(25% - 15px);border: 1px solid #e4e4e7;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); border-radius: 12px;}
.upcoming-event li .imgb .img-tag{background: #3795ae; font-size:16px; padding:4px 15px 4px 16px; display: inline-block; color: #fff; position: absolute; left: 0px; top:12px;font-weight: 500;}
.upcoming-event li .textb{padding: 15px 15px 15px 16px; width: 100%;} 
.upcoming-event li .imgb img{border-radius: 12px 12px 0px 0px;}
.upcoming-event li .textb h5{font-size: 16px; color: #1a2b47;letter-spacing:-0.4px}
.upcoming-event li .textb .top-title{display: flex; justify-content: space-between; margin-bottom: 9px;}
.upcoming-event li .textb .top-title a{font-size: 12px;color: #4cc9c9; font-size: 12px;}
.upcoming-event li .textb .top-title a:hover{text-decoration: underline;}
.upcoming-event li .textb p{color: #71717a;font-size: 14px;line-height:20px;padding-bottom:0;}

.upcoming-event .btn-row{width: 100%; text-align: center; padding: 50px 0px;}
.upcoming-event .btn-row a{font-size: .875rem;line-height: 1.25rem;  border: 1px solid #3795ae; display: inline-block; border-radius: 5px; color: #fff; padding: 12px 63px; background-color: #3795ae;}
.upcoming-event .btn-row a:hover{background-color:#2d8a8a ; color: #fff;}




.our-team .input, .our-team .select, .our-team .textarea {background:#fff; width:100%; float: left; height:43px; padding:5px 15px; line-height:33px; font-size:14px; color: #282828; font-family: "Poppins", sans-serif; border:0;border: 1px solid #e4e4e7; border-radius: 6px;}
.our-team{max-width:1200px; margin: 90px auto 50px auto;}
.our-team .formb{width: 100%;padding:42px 35px 1px 35px; background: #fff; border-radius: 20px; box-shadow:0 10px 15px 3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);}
.our-team .formb .row-f{width: 100%; display: flex; justify-content: space-between;margin-bottom:35px;}
.our-team .formb .row-f .col-f{width:48.8%;}
.our-team .formb .row-f .col-f-w{width: 100%;}
.our-team .formb .input{border: 1px solid #e4e4e7; border-radius: 6px;height:43px;line-height: 33px;}
.our-team .formb label{display: block; font-size: 14px; color: #09090b; padding-bottom: 10px; font-weight: 500;}
.our-team .formb .select{appearance: none;-webkit-appearance: none;-moz-appearance: none; background: url(images/bg-select.jpg) right center no-repeat; padding-right: 40px;}
.our-team .current-employee{width: 100%;}
.our-team h4{font-size:18px; font-weight: 500; margin-bottom: 20px;color: #111827;}
.our-team .formb .textarea{min-height: 113px;}
.our-team .formb .upload-box{width: 100%;}
.our-team .formb .upload-box label{width: 100%; border: 2px dashed #d1d5db;padding: 27px 20px 22px 20px;display: flex; justify-content: center; align-items: center; flex-flow: column;border-radius:7px;cursor: pointer; }
.our-team .formb .upload-box .upload-input{display: none;}
.our-team .formb .upload-box .file-name{font-size: 18px; color: #52525b;margin-bottom:10px;}
.our-team .formb .upload-box .upload-text{width: 100%;display:block;text-align: center;}
.our-team .formb .upload-box .max-file{font-size: 12px; color: #71717a;}
.our-team .formb .upload-box img{margin-bottom: 10px;}
.our-team .textb{width: 100%; text-align: center;margin-bottom:50px;}
.our-team .textb h3{font-size: 36px; font-weight: 700; margin-bottom: 25px; letter-spacing: -0.5px; color: #111827;}
.our-team .textb p{font-size: 18px; line-height: 26px;color:#52525b;padding: 0 15%;}
.our-team .formb .upload-box label:hover{border-color: #777777;}
.our-team .formb .c-btn{width: 100%;background:#3795ae;padding:12px 25px;}
.our-team .formb .c-btn:hover{background:#3fa6c3;}


.news{min-height:300px; background-size: 100% 300px;}
.news .textb2{width:100%; height: 100%; display: flex; flex-flow: column; align-items: start; justify-content: center; padding-left: 30px; position: absolute; left: -21px;top:0px;}
.news .textb2 h2{font-size: 36px; line-height: 42px; color: #fff; font-weight: 700;letter-spacing: 0.5px;margin-bottom:8px; letter-spacing:-0.2px;}
.news .textb2 p{font-size: 20px; line-height:28px; color: #dfdfdf;font-weight:300; }
.news-events{width: 100%; padding:51px 0px 48px 0px;}
.news-events .title{width: 100%;margin-bottom:22px;}
.news-events .title h3{font-size:24px; color: #111827; font-weight: 700;}
.news-events .title span{font-size:#71717a;font-size:14px;color:#6b7280;}
.news-events .container{max-width: 1456px;}
.news img{width: 100%;}

.shoplist {display: flex;flex-wrap: wrap;gap: 20px;}
.shoplist .item {width: calc(20% - 16px);box-sizing: border-box;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);border:1px solid #f3f3f3;border-radius:10px;}
.shoplist .item .imbg{width: 100%;}
.shoplist .item .imbg img{width: 100%;border-radius:10px 10px 0px 0px;}
.shoplist .item .textb{width: 100%;padding:15px; }
.shoplist .item .textb h3 {font-size: 16px;font-weight: 700;margin: 12px 0px 15px 0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.shoplist .item .textb p {padding-bottom: 0;color: #52525b;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;font-size: 14px; line-height: 26px; color: #60697B;}
.shoplist .item .textb .tag-text {background: #dbe7f3;font-size: 13px;padding: 0px 6px;color: #51a6cb;border-radius: 4px;font-weight: 500;display: inline-block;}
.shoplist .item .textb .btm-row{width: 100%; text-align: center;}


.csr-banner.hub {min-height: 400px;background-size: 100% 400px;}
.csr-banner.hub img{width: 100%;}
.csr-banner.hub .container{display: flex; align-items: center;}
.csr-banner.hub .textb2{padding-left: 0px;margin-left: -17px;}
.csr-banner.hub .textb2 h2{margin-bottom: 7px;}
.csr-banner.hub .textb2 p{font-size: 20px;}
.csr-banner.hub .rightb{width: 50%;}
.csr-banner.hub .rightb .whiteb{background: #fff;  border-radius: 10px; padding:23px 35px 35px 32px; max-width: 448px;}
.csr-banner.hub .rightb .whiteb .tag-text {background: #3795ae;font-size: 12px;padding:0px 4px 0px 3px;color: #ffffff;border-radius: 4px;font-weight: 500;display: inline-block;} 
.csr-banner.hub .rightb .whiteb h3{font-size: 24px; line-height: 32px; color: #111827; margin-top: 8px; font-weight: 600;}

.csr-banner.hub .innerb{position: absolute; left: 0px; top:0px;height:100%;width:100%;}
.csr-banner.hub .innerb .container{height: 100%;}

.news-slider{background: url(https://vslaravel.online/assets/uploads/news-events/e12fa7b9-daff-4f7a-b6e0-137c2b0a7266.jpg) left top no-repeat;background-size: 100% 385px;border-radius:10px;padding:20px 45px; min-height:385px;}
.news-slider .col{padding: 20px 20px 13px 15px;background:#fff;border-radius:10px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); border:1px solid #ddd;}
.news-slider .col .tag{display: flex; gap: 5px;}
.news-slider .col .tag .tag-text {background: #3795ae;line-height:20px;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 500;
    display: inline-block;}
.news-slider .col .tag .tag-text.green{background: #22c55e;}
.news-slider .col .tag .tag-text.orange{background: #f97316;}
.news-slider .col h3{font-size:16px; font-weight: 700; line-height: 28px; color: #111827; margin: 12px 0px 5px 0px;overflow: hidden;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-slider .col .view{width: 100%; display: flex; align-items: center;}
.news-slider .col .view span{font-size: 13px; color:#71717a;;}
.news-slider .col .view span img{width: 15px;}
.news-slider .col .date{font-size: 12px; color:#71717a;padding-top: 5px;}

/*========= owl-carousel ============*/
.news-slider,.news-slider .owl-item {-webkit-tap-highlight-color: transparent;position: relative;padding:0px;}
.news-slider {display: block;width: 100%;z-index: 1;position: relative;}
.news-slider .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;moz-backface-visibility: hidden; padding: 0px 3px 0 3px;}
.news-slider.owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.news-slider .owl-stage-outer {position: relative;overflow: hidden;}
.news-slider .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;padding: 0 12px; position: relative; top:160px;}
.news-slider .owl-nav{position: absolute; right: 32px; top:25px;}
.news-slider .owl-nav button{width: 40px; height: 40px; text-align: center; font-size:24px; color: #fff; background: #3795ae;  border: none; border-radius: 100%; cursor: pointer; }
.news-slider .owl-nav button span{position: relative; top:-1px}
.news-slider .owl-nav .owl-next{margin-left: 12px;}
.news-slider .owl-nav button:hover{background: #f93476;}
/*========= owl-carousel ============*/


.news-events2 .title{width: 100%;margin-bottom:25px;}
.news-events2 .title h3{font-size:24px; color: #111827; font-weight: 700;}
.news-events2 .title span{font-size:#71717a;font-size:14px;color:#6b7280;}
.news-events2 .column{width: 100%; display: flex;}
.news-events2 .column .leftcol{width: 315px;}
.news-events2 .column .rightcol{width: 74%;padding-left:31px;margin-left:19px;border-left: 1px solid #e4e4e7;}
.news-events2 .column .leftcol .post-count{width: 100%; background: #f9fafb; border-radius: 10px;padding:10px 10px 20px 15px;position: sticky;top: 0px;}
.news-events2 .column .leftcol .post-count li{border-bottom: 1px solid #f3f4f6; padding: 15px 0px 13px 0px; font-weight: 500;}
.news-events2 .column .leftcol .post-count li .checkbox{ width: 16px; height: 16px; color: #111827; margin-right: 5px;}
.news-events2 .column .leftcol .post-count li {font-size: 16px; display: flex; gap: 5px;}
.news-events2 .column .leftcol .post-count li span{color: #a1a1aa;font-weight:300}

.pagination{width: 100%;padding:40px;}
.pagination ul{display: flex; justify-content: center;}
.pagination li{width: 32px; height: 32px;text-align:center;line-height:32px;border-radius:100%; color: #52525b; cursor: pointer;}
.pagination li.active{background: #3795ae; color: #fff;}
.pagination li:hover{background: #f3f4f6;}

.news-events2 .column .rightcol .items-container.list-view .item .imgb{width: 265px;}
.news-events2 .column .rightcol .items-container.list-view .item .textb{width: calc(100% - 265px);}
.news-slider .col:hover h3{color: #3795ae;}
.m-heading{ display: none;}
.header-left .m-div .close-btn{display: none;}  


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

    /* Hide the default checkbox */
   .news-events2 .column .leftcol .post-count li input[type="checkbox"] {
      display: none;
    }

    /* Custom checkbox style */
    .custom-checkbox {
      width: 16px;
      height: 16px;
      border: 1px solid #3795ae;
      border-radius: 4px;
      display: inline-block;
      position: relative;
      cursor: pointer;
      transition: all 0.2s;position: relative;
    top: 4px;margin-right: 3px;
    box-shadow: rgb(55, 149, 174, 0.58) 0px 0px 1px;
    }

    /* Checkmark (visible when checked) */
.custom-checkbox::after {
content: "";
position: absolute;
top: 2px;
left: 5px;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.2s;
}

    /* When checkbox is checked */
.news-events2 .column .leftcol .post-count li input[type="checkbox"]:checked + .custom-checkbox {
background-color: #3795ae;
border-color: #3795ae;
}

.news-events2 .column .leftcol .post-count li input[type="checkbox"]:checked + .custom-checkbox::after {
opacity: 1;
}

.news-events2 .column .leftcol .post-count li label {
cursor: pointer;
}





/* transition *//* transition *//* transition *//* transition *//* transition */
.global-menu li a,.nav-menu li .arrow,.csr-section .tab-nav li a{-webkit-transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s;}


/* appearance *//* appearance *//* appearance *//* appearance *//* appearance */
.input, input[type="submit"], select, textarea, .button, .scroll-top { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
input[type=number] {-moz-appearance: textfield;}


.detail-p{width: 100%; padding: 60px 0px;}
.detail-p .tag-text{background: #14b8a6; font-size: 13px; padding: 0px 6px; color: #fff; border-radius: 4px; font-weight: 500;display:inline-block;}
.detail-p h1{font-size: 30px; color: #1f2937;line-height:36px; margin:10px 0px 15px 0px}
.detail-p h2{font-size: 28px; color: #1f2937;line-height:34px;margin:10px 0px 15px 0px}
.detail-p h3{font-size: 26px; color: #1f2937;line-height:32px;margin:10px 0px 15px 0px}
.detail-p h4{font-size: 24px; color: #1f2937;line-height:30px;margin:10px 0px 15px 0px}
.detail-p h5{font-size: 22px; color: #1f2937;line-height:28px;margin:20px 0px 10px 0px}
.detail-p h6{font-size: 16px; color: #1f2937;line-height:26px;margin:10px 0px 15px 0px}
.detail-p .user-info .icon{width: 24px;}
.detail-p .user-info{display: flex; width: 100%; align-items: center;gap:10px;font-size:13px;}
.detail-p .user-info p{color: #657380; margin: 0px;padding:0px;}
.detail-p .full-img{width: 100%; margin: 20px 0px 20px 0px;}
.detail-p .full-img img{width: 100%;}
.detail-p p{font-size: 16px; line-height:26px;color:#60697B;padding-bottom:15px;}
.detail-p .un-list{ width: 100%;margin:10px 0px 15px 0px}
.detail-p .un-list li{font-size: 15px; line-height:23px;color:#374151;padding-bottom:10px;padding-left:18px; position: relative;}
.detail-p .un-list li:before{content: ""; width: 8px; height: 8px; background: #2d2d2d; border-radius: 100%;position:absolute;left:0px;top:7px; }

.detail-p .un-list li ul{margin-top: 15px;margin-left:15px;}
.detail-p .un-list li ul li{list-style: auto; padding: 0px 0px 10px 0px;}
.detail-p .un-list li ul li:before{display: none;}

.detail-p .full-img img{border-radius: 12px;}

.detail-p .or-list{ width: 100%;margin:10px 0px 15px 0px}
.detail-p .or-list li{font-size: 13px; line-height:23px;color:#374151;padding-bottom:15px;list-style:auto;list-style-position: inside;}
.detail-p .column{display: flex; gap: 20px; margin: 45px 0px;}
.detail-p .column .imgb{width: 50%;}
.detail-p .column .imgb.two{display: flex; gap: 10px;box-shadow:2px 3px 6px rgba(0, 0, 0, 0.1);border-radius: 8px;border: 1px solid #e4e4e4; padding: 10px;}

.detail-p .column .imgb img{width: 100%; border-radius: 12px;}
.detail-p .column .imgb.two img{ width: 50%;}
.detail-p .column .textb{width: 50%;}
.detail-p .column .textb p{text-align: justify;}
.detail-p .column .textb h5{margin-top: 0px;;}

.detail-p .column-1-3{display: flex; gap: 20px; margin: 45px 0px;}
.detail-p .column-1-3 .imgb{width: 341px;}
.detail-p .column-1-3 .imgb img{border-radius: 12px;}
.detail-p .column-1-3 .textb{width: calc(100% - 341px);}
.detail-p .column-1-3 .textb p{text-align: justify;}
.detail-p .column-1-3 .textb h5{margin-top: 0px;;}

.detail-p .grey-box{background: #f6f6f7; padding: 20px;border-radius:12px;margin:20px 0px;}
.detail-p .grey-box p{padding: 0px;}

.detail-p .column.reverse{flex-direction: row-reverse;}
.detail-p .column.reverse .textb p{text-align: justify;}
.detail-p .column.two-img .imgb{width: calc(50% - 10px);}
.detail-p .column.two-img .imgb img{box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 1px solid #e4e4e4;}
.detail-p .column.three-img .imgb,.detail-p .column.three-img .col{width: calc(33% - 10px);}
.detail-p .column.three-img .imgb img{width: 100%; border-radius: 12px;}
.detail-p .column.four-img .imgb{width: calc(25% - 10px);}
.detail-p table {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;}
.detail-p th{font-weight: bold;}
.detail-p td, .detail-p th {border: 1px solid #dddddd;text-align: left;padding: 8px;}
.detail-p tr:nth-child(even) {background-color: #dddddd;}
.detail-p .container{max-width: 1300px;}
.detail-p .blockquote{font-size: 16px; line-height:26px;color:#374151;padding-left:20px; position: relative;font-style:italic;border-left:4px solid #d1d5db;margin:15px 0px 30px 0px;}
.detail-p .column.wrap-col{ flex-flow: wrap;}
.detail-p .column.wrap-col .imgb{width:calc(50% - 10px);}
.detail-p .column.wrap-col .textb{width:calc(50% - 10px);}

.detail-p .column.three-img.center{justify-content: center;}
.detail-p .column.single-col{flex-flow: column;justify-content: center;align-items: center;}
.detail-p .column.single-col p{text-align: center;}
.detail-p .column.single-col .full-img{margin-top: 0px;text-align:center;}
.detail-p .column.single-col .full-img img{width: auto;}
.detail-p .btn-row{width: 100%; text-align: center;}


.term-content{width: 100%; padding: 50px 0px; display: flex;justify-content: space-between;}
.term-content h2{ font-size:54px; line-height: 73px; color:#2D6E85; font-weight: 600;margin-bottom:52px;}
.term-content h4{font-size:24px; font-weight: 600;color: #4FACAA;margin: 15px 0px 8px 0px;}
.term-content p{font-size: 16px; line-height: 30px; color: #60697B;padding-bottom:10px;}
.term-content .leftcol{width:calc(100% - 350px);padding-right:7%;}
.term-content .rightcol{width: 350px;}
.term-content .rightcol .tab-nav{position: sticky;background:#EDF9F9; padding:10px 0px;width:100%; top:0px;}
.term-content .rightcol .tab-nav li{font-size: 16px; line-height: 30px;color: #2D6E85;padding:11px 0 11px 20px; cursor: pointer;border-left:2px solid transparent;}
.term-content .rightcol .tab-nav li.active{background: #D7F2F2; color:#4FACAA; font-weight: 600; border-left: 2px solid #4FACAA;}

.banner-top-term{width: 100%; position: relative;}
.banner-top-term img{width: 100%;}
.banner-top-term .textb{position: absolute;left:0px;top:0px;height:100%;width:100%;display: flex;align-items: center;}
.banner-top-term .textb h2{ font-size:54px; line-height: 73px; color:#fff; font-weight: 600;}


.request-quotes{position: fixed;z-index: 999999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5); display: none;}
.request-quotes .innerb {background-color: #fff;padding: 30px;border: 1px solid #888;width: 80%;/* min-height: 300px; */max-width: 600px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 16px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border: 5px solid #4FACAA;}
.request-quotes .innerb label {display: block;font-size: 13px;color: #25252c;padding-bottom: 5px;font-weight: 500;}
.request-quotes .innerb .input {border: 1px solid #e4e4e7;border-radius: 6px;height: 43px;line-height: 33px;float:none;}
.request-quotes .innerb .col-f{width: 100%; margin-bottom: 15px}
.request-quotes .innerb .select{appearance: none;-webkit-appearance: none;-moz-appearance: none; background: url(images/bg-select.jpg) right center no-repeat; padding-right: 40px;border: 1px solid #e4e4e7; float: none; height: 43px; line-height: 35px;}
.request-quotes .innerb .textarea {min-height: 80px;border: 1px solid #e4e4e7;float:none;line-height:24px;}
.request-quotes .innerb .c-btn{width: 100%;background:#3795ae;padding:12px 25px;}
.request-quotes .innerb .close-btn{position:absolute; right: 10px; top:10px;width:30px;border:2px solid #000; cursor: pointer;  border-radius: 5px;text-align:center}
.request-quotes .innerb .close-btn img{width: 20px;}
.request-quotes.active{display: block;}
.csr-banner.shop-b{background: none; position: relative;}
.csr-banner.shop-b .textb2{position: absolute; left: 0px; top:0px; width: 100%;}
.csr-banner.shop-b img{width: 100%;}

.social li{position: relative;}
.facebook-p{width: 170px;position: absolute;z-index: 9999999;padding:10px 15px 15px 15px;background: #fff; border-radius: 8px;top: 32px;left:0px;display:none;border:1px solid #ddd}
.facebook-p img{width: 100%; border-radius: 10px;}
.facebook-p a{width: auto !important; height: auto !important; background: none !important; color: #2d2d2d;}
.facebook-p h3{font-size: 12px; margin-bottom: 0px; font-weight: 600; color: #2d2d2d;}
.facebook-p .close-btn{width: 25px; height: 25px; text-align: center; line-height: 25px; background: #fff; border-radius: 5px; padding-top: 2px; cursor: pointer;    position: absolute;right: 8px;top: 8px;}
.facebook-p.active{display: block;}
.facebook-p ul{display: flex;  flex-flow: wrap; gap: 5px;}
.facebook-p li{width: 100%; display: flex; gap: 5px; align-items: center; padding-top: 5px;}
.facebook-p li img{width: 15px;}
.facebook-p li a{font-size: 11px;}
.facebook-p li ~ li{ border-top: 1px solid #e1eeee;}
.facebook-p h3 a{display: table;}

.new-tab{width: 100%;padding:50px 0px;}
.new-tab .top-nav2{width: 100%; text-align: center;margin-bottom:30px;}
.new-tab .top-nav2 ul{width: 100%; justify-content: center; display: flex; gap: 15px;}
.new-tab .top-nav2 li{font-size: 16px; padding: 14px 30px; background: #f1f2f3;color: #2d2d2d; cursor: pointer; border-radius: 5px; text-transform: uppercase;}
.new-tab .top-nav2 li:hover{background:#525252; color: #fff;}
.new-tab .top-nav2 li.active{background: #EC4797;background: linear-gradient(90deg,rgba(236, 71, 151, 1) 0%, rgba(243, 62, 134, 1) 53%, rgba(248, 53, 119, 1) 100%); color: #fff;}
.tab-content-n,.slider-sec{width: 100%;}
.tab-content-n{display: none;}
.tab-content-n.active{display: block;}
#tab01{height: 400px;}
.slider-sec{ gap: 0px;}
.slider-sec .col{background: #f1f2f3; border-radius: 10px;height: 458px;}
.slider-sec .col img{border-radius: 10px 10px 0px 0px;}
.slider-sec .col .textb{padding: 15px; text-align: center;}
.slider-sec .col .textb h4{font-size: 15px; font-weight: 600; margin-bottom: 12px; line-height: 24px;}
.slider-sec .col .textb p{font-size: 14px; line-height: 24px; padding-bottom: 12px;}
.slider-sec .col .textb a{padding: 8px 25px; font-size: 14px; background: #2d2d2d; color: #fff; border-radius: 4px; display: inline-block;}

.slider-sec .owl-item {-webkit-tap-highlight-color: transparent;position: relative;padding:0px;}
.slider-sec {display: block;width: 100%;z-index: 1;position: relative;}
.slider-sec .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;padding: 0px 3px 0 3px; width: 100%;}
.slider-sec.owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.slider-sec .owl-stage-outer {position: relative;overflow: hidden;width:100%;}
.slider-sec .owl-item {float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;padding: 0 12px; }
.slider-sec .owl-nav.disabled{display: none;}

.pdf-section{width: 100%;}
.pdf-section ul{width: 100%; display: flex; gap:15px; flex-flow: wrap; justify-content: center;}
.pdf-section li{width: calc(16% - 13px); text-align: center;border: 2px solid #f1f2f3; border-radius: 5px; padding: 20px; cursor: pointer;}
.pdf-section li h3{font-size: 14px; font-weight: 600;line-height: 20px;}
.pdf-section.video-sec li{width: calc(20% - 13px); text-align: center;border: 2px solid #f1f2f3; border-radius: 5px; padding: 20px; cursor: pointer;}
.pdf-section.video-sec li iframe{width: 100%; height: auto;}
.pdf-section.video-sec li{padding: 0px;}
.pdf-section.video-sec li h3{padding: 0px 15px;}
.pdf-continer{width: 100%; padding: 60px 0px;}
.pdf-continer h2{text-transform: uppercase; text-align: center;background: #EC4797;background: linear-gradient(90deg,rgba(236, 71, 151, 1) 0%, rgba(243, 62, 134, 1) 53%, rgba(248, 53, 119, 1) 100%); color: #fff; display: inline-block; padding: 12px 30px; border-radius: 5px;} 
.pdf-continer .title-top{width: 100%; text-align: center;margin-bottom:40px;} 

.logo-box {border: 1px solid #ccc;padding: 10px;width: 150px;height: 150px;display: flex;align-items: center;justify-content: center;background-color: #f9f9f9;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);border-radius: 8px;}

.image-box {width: 222px;height: 145px;background-color: #f4f4f4;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.image-box img {max-width: 100%;max-height: 100%;object-fit: contain;}

.d-banner{width: 100%; background: #326497;}
.download-list .container{max-width: 1300px;}
.d-banner .container{display: flex; justify-content: center; align-items: center;}
.d-banner .textb h3{font-size: 18px; font-weight: 500; line-height: 24px; color: #fff;}
.d-banner .textb h2{font-size: 24px; font-weight: 700; line-height: 24px; color: #fff;}
.d-banner img{max-height: 220px;}
.download-list{padding: 50px 0px;}
.download-list,.download-list .title{width: 100%;}
.download-list .title{padding-bottom: 20px;}
.download-list .title p{font-size: 18px; font-weight: 500; line-height: 24px; color: #1B1144;}
.download-list ul{width: 100%;display:flex; flex-flow: wrap; gap: 18px; justify-content: center;}
.download-list li{width: 196px;border-radius:8px;position:relative;}
.download-list li img{border-radius: 8px;}
.download-list li .caption{border-radius:8px;position:absolute;left:0px;bottom:0px; width: 100%;background: url(../img/bg_overlay.png) left bottom repeat-x; color: #fff; text-align: center;padding:0 10px 10px 10px;min-height: 170px;display: flex;flex-direction: column;    justify-content: end;}
.download-list li .caption p{font-size: 14px;line-height:24px; text-align: center; padding-bottom: 10px; }
.download-list li .caption a{border: 1px solid #fff;font-size: 14px;line-height:32px;border-radius:5px;color: #fff; display: block;transition:all ease 0.5;}
.download-list li .caption a:hover{background:#F53576; border-color: #F53576;}
.download-list li .icon-pdf{position: absolute; left: 10px; top:10px;width:27px;}
.download-list li .icon-pdf img{border-radius: 0px;}



/* responsive *//* responsive *//* responsive *//* responsive *//* Responsive */

@media only screen and (max-width:1599px){/*1500*/
}
@media only screen and (max-width:1499px){/*1400*/
.contact-info .address li .textb a{font-size: 18px;}


}
@media only screen and (max-width:1399px){/*1300*/
.container{max-width: 1250px;}
.nav-menu li{margin: 0 23px 0 7px;}
.our-client .tab-box .client-tabnav li a{padding: 5px 22px;}
.header-top .container{padding: 0 15px;}
.header-btm .container{max-width: 1266px;}
.news-event .container{padding: 0 50px;}
.booklet .col{padding: 20px 0px;}
.address-column .inner-box .textb h3{font-size: 40px;}
}
@media only screen and (max-width:1280px){/*1200 - 1024*/
    .header-left .m-div{display: none;position: fixed;right: -100%;width: 85%;padding: 20px;background: #fff;top:0px;height: 100%; overflow-y: auto; align-items: start; overflow-x: hidden; z-index: 9999;}
    .header-left .m-div.active:before{content: ""; width: 100%; height: 100%; position: fixed; background: rgb(255, 255, 255, 0.9); left: 0px; top:0px;}

    .container,.header-btm .container{max-width:1024px;}
    .menu-icon{display: block; padding-top: 7px;}
    .header-left .m-div{flex-flow: column;}
    .nav-menu li{width: 100%;}
    .healthcare .textb h1{font-size: 36px;line-height:42px; }
    .healthcare .container{padding-right: 0px;}
    .healthcare .imgb{width: 45%;}
    .healthcare .textb p{max-width: 100%;}
    .who-we-are .textb{width: 55%;}
    .who-we-are .imgb{width: 35%;}
    .who-we-are .container{align-items: center;}
    .who-we-are .textb p{font-size: 16px; line-height: 28px;}
    .who-we-are .textb li{font-size: 14px;}
    .portfolio li h3{font-size: 20px;}
    .our-client .tab-box .client-tabnav li a{padding:5px 14px 2px 14px;}
    .our-client .textb{width: 35%;}
    .our-client .tab-box{width: 65%;}
    .our-client .tab-box .tab-content li{width: calc(18% - 15px);}
    .nav-menu .dd-menu .right-content.active{flex-flow: column;gap:0px;}
    .nav-menu .dd-menu{box-shadow: none;}
    .nav-menu .dd-menu .right-content .col{width: 100%;padding:0px;}
    .m-heading h3{font-weight: 500;padding-left:10px;}
    .nav-menu .dd-menu .right-content .col:last-child{display: none;}
    .nav-menu .dd-menu{position: inherit; flex-flow: column;}
    .nav-menu li:hover .dd-menu{display: none; width: 100%;}
    .nav-menu li a{line-height: 40px;}
    .header-right .connect-box .get-in-touch{position: fixed; right: auto; left: 50%; top:50%;transform:translate(-50%, -50%); max-width: 340px;}
    .nav-menu .dd-menu .right-content{width: 100%;display:block; float: left;}
    .m-heading{margin: 15px 0px 0px 0px;}
    .nav-menu .dd-menu{width: 100%;}
    .nav-menu li .arrow{right:0px;top:11px;}
    .nav-menu a:first-child{width: 100%;}
    .nav-menu li li a{font-size: 14px; color: #606068 !important;}
    .nav-menu li a{padding: 5px 13px 3px 9px;}
    .nav-menu li{margin-left: 0px;}
     .header-left .m-div{display: flex;width: 400px;}
    .header-left .m-div.active{right: 0px;box-shadow: rgba(0, 0, 0, 0.8) -5px 0px 6px;}

    .header-left .m-div{-webkit-transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; -o-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s;}
    .header-left .m-div .close-btn{float: right; position: relative; left:calc(100% - 15px);display:block;}
    .contact-info .address li .textb a{font-size: 15px;}
    .course .container{padding: 0px;}
    .course .textb h3{font-size: 32px; line-height: 40px;}
    .shoplist .item{width: calc(33% - 16px);}
    
}
@media only screen and (max-width:1199px){/*1024 */
    .container,.header-btm .container{max-width:984px;}
    .healthcare .textb h1{line-height: 40px;}
    .who-we-are .textb{width: 60%;}
    .portfolio .title h3{margin-bottom: 30px;}
    .booklet .col{padding: 18px 0px;}
    .our-client .tab-box .client-tabnav ul{gap: 14px;}
    .contact-info .address{padding-left: 10%;}
    .contact-info{padding-bottom: 0px;}
    .term-content .rightcol .tab-nav li{padding:11px 10px 11px 15px;}
    .banner-top-term .textb h2{font-size: 42px;line-height:62px}
    .contact-info .address{padding-left: 0px;}
    .contact-info .get-in-touch-c{width: 400px;}
    .contact-info .address li .icon{width: 50px; height: 50px; line-height: 50px;}
    .contact-info .address{width: 53%;}
    .csr-banner.hub{min-height: auto;}
    .latest-post .top-row .left-tab ul{gap: 10px;}
    .latest-post .top-row .left-tab li button{font-size: 13px;padding:10px;}
    .items-container.grid-view .item{width: calc(50% - 20px);}
    .course .container{align-items: center;}
    .course .textb{padding: 0px;}
    .course .textb h3{font-size: 26px; line-height: 32px;;}
    .course .textb p br{display: none;}
    .upcoming-event li{width: calc(33.33% - 15px);}
}
@media only screen and (max-width:1023px){/*768*/
    .container,.header-btm .container{max-width:728px;}
    .who-we-are .imgb{display: none;}
    .who-we-are .textb{width: 100%;}
    .booklet{flex-flow: column;}
    .booklet .col{width: 100%;}
    .booklet .col2{width: 100%;}
    .location .container{flex-flow: column;}
    .location .map,.location .textb{width: 100%;}
    .our-client .textb{width: 100%;}
    .our-client .container{flex-flow: column;}
    .our-client .tab-box{width: 100%;}
    .our-client .textb{padding-top: 0px;}
    .news-event .column .imgb{display: none;}
    .news-event .column .news-list li .textb{width: 100%;}
    .news-event .column .news-list li .imgb{display: block;}
    .news-event .column .news-list{width: 100%; margin: 0px;}
    .news-event .container{padding: 0 15px;}
    .footer .container{flex-wrap: wrap;}
    .footer .col{width: 33.33%;margin-bottom: 30px;}
    .contact-info .address{padding-left: 0px;}
    .contact-info .address li{margin-bottom: 20px;}
    .contact-info .address li .textb a{font-size: 18px;}
    .address-column .inner-box{padding-right: 10%;}
    .address-column .inner-box .textb h3{font-size: 30px; line-height: 30px;}
    .address-column .inner-box .textb{width: 44%;}
    .term-content .leftcol{padding-right: 15px;width: calc(100% - 250px);}
    .term-content .rightcol{width: 250px;}
    .term-content .rightcol .tab-nav li{font-size:14px; line-height: 20px; padding: 7px 10px  7px 15px;}
    .term-content p{font-size: 14px;line-height:28px;}
    .banner-top-term .textb h2{font-size: 28px; line-height: 36px;}
    .term-content h4{font-size: 20px;}
    .contact-info .address li{width: 100%;}
    .contact-info .get-in-touch-c{margin-bottom: -80px;}
    .csr-banner.shop-b{height: auto; min-height: auto;}
    .shoplist .item{width: calc(50% - 10px);}
    .csr-banner.hub .rightb .whiteb h3{font-size: 18px; line-height: 26px;}
    .upcoming-event li {width: calc(50% - 15px);}
  .news-events2 .column .rightcol .items-container.list-view .item{flex-flow: column;}
    .news-events2 .column .rightcol .items-container.list-view .item .imgb{width: 100%;}
    .news-events2 .column .rightcol .items-container.list-view .item .imgb img{width: 100%; border-radius: 12px 12px 0px 0px;}
    .news-events2 .column .rightcol .items-container.list-view .item .textb{width: 100%;}
.csr-section .blog-list li{width: calc(50% - 15px);}
.csr-section .blog-list li .textb p{margin-bottom: 0px;}


    .csr-banner .textb2 h2,.news .textb2 h2{font-size: 28px;}
    .csr-banner.hub .textb2 p,.news .textb2 p{font-size: 18px; line-height: 24px;}
    .news-slider{background-size: cover; background-position: center;}
    .our-team .textb p{padding: 0px;}
  .detail-p h1{font-size: 24px; line-height: 31px;}

}
@media only screen and (max-width:767px){
    .header-top{display: none;}
    .healthcare .container{flex-flow: column; justify-content: center;}
    .healthcare .textb{width: 100%;}
    .healthcare .imgb{width: 80%;}
    .portfolio ul{flex-flow: column; gap: 25px;}
    .portfolio li{width: 100%;}
    .our-client .tab-box .client-tabnav ul{flex-flow: wrap;gap:0px;}
    .footer .col{width: 100%; margin-bottom: 15px;}
    .container,.healthcare .container{padding: 0 20px;}
    .who-we-are .textb ul{gap: 15px;}
    .who-we-are .textb li{width: 100%;padding-left:30px}
    .who-we-are .textb li:before{width: 18px;height: 18px;top: 3px;}
    .portfolio li img{margin-bottom: 10px;}
    .booklet .col{flex-flow: column;gap:12px;}
    .booklet .col2{flex-flow: column;}
    .booklet .col2 img{margin-bottom: 15px;}
    .booklet .col2 .c-btn{width: 100%; margin-top: 5px;}
    .booklet .col2 .input{text-align: center;}
    .location .textb h3,.our-client .textb h3{margin-bottom: 20px;}
    .our-client{padding-bottom: 0px;}
    .our-client .container{gap: 10px;}
    .our-client .tab-box .client-tabnav ul li{width: 33.33%; text-align: center;margin-bottom:15px;}
    .our-client .tab-box .tab-content ul{gap: 10px;}
    .our-client .tab-box .tab-content li{ width: calc(25% - 8px);}
    .testimonials-slide.column .owl-nav{top:auto;margin-top:20px; right: auto;}
    .testimonials-slide.column .owl-item{padding: 0px;}
    .footer .col h5{margin-bottom: 5px;}
    .testimonials .column .col p{font-size: 14px; line-height: 22px;}


    .healthcare .textb h1,.who-we-are .textb h3,
    .portfolio .title h3,.location .textb h3,.our-client .textb h3,
    .news-event .title h3,.testimonials .title h3{font-size: 26px;line-height:30px;}
    .healthcare .textb p,.who-we-are .textb p{font-size: 16px; line-height: 24px;}
    .who-we-are .textb h3 br{display: none;}
    .news-event .column .news-list li .textb h3{font-size: 14px; line-height: 20px;}
    .booklet .col{border: none;}
    .booklet .container{display: block; padding: 0px;}
    .top-banner .imgb{display: none;}
    .top-banner .textb{width: 100%;}
    .about{padding: 30px 0px;}
    .top-banner{height: 200px;}
    .top-banner .textb h1,.contact-banner h1{font-size: 26px; margin-bottom: 10px;}
    .about p{line-height: 24px;}
    .contact-banner h1{text-align: center;}
    .contact-banner p{font-size: 16px; text-align: center;}
    .contact-info .get-in-touch-c{top:0px;}
    .contact-info .container{display: block;}
    .contact-info .address{width: 100%;}
    .contact-info .address li .icon{width: 50px; height: 50px; line-height:50px;}
    .contact-info .address li .icon svg{width: 18px;;}
    .contact-info .get-in-touch-c{width: 100%;}
    .contact-info{padding-bottom: 40px;}
    .address-column .inner-box{display: block;}
    .address-column .inner-box:after{display: none;}
    .address-column .inner-box .textb,
    .address-column .inner-box .map{width: 100%;}
    .address-column .inner-box{padding: 20px;}
    .contact-banner{padding: 0px;}
    .header-left .m-div{display: flex;}
    .m-heading{display: block;}
    .m-heading h3{font-size: 16px; color: #3795ae;}
    .nav-menu .dd-menu .left-menu{display: none;}
    .header-right{height: auto;}
    .common-text p, .common-text li{font-size: 14px; line-height: 22px;}
     .term-content .leftcol{width: 100%;padding:0px;}
    .term-content .rightcol{width: 100%;display:none;}
    .term-content{flex-flow:column;flex-direction: column-reverse;padding:30px 0px;}
    .banner-top-term img{height: 100px;}
    .banner-top-term .textb h2{font-size: 25px;line-height:35px;}
    .term-content p{font-size: 14px; line-height: 26px;}
    .term-content h4{font-size: 18px;}
    .contact-info{padding: 30px 0px;}
    .contact-info .get-in-touch-c{margin-bottom: 0px;}
    .address-column{padding: 30px 0px;}
    .address-column .inner-box .textb h3{font-size: 24px;}
    .shoplist .item{width:100%;}
    .request-quotes .innerb{ width: 96%;}



.csr-banner.hub .rightb .whiteb,.csr-banner.hub .rightb{display: none;}
.latest-post .top-row{flex-flow: column;}
.latest-post .top-row .left-tab{width: 100%; margin-bottom: 15px;}
.latest-post .top-row .right-tab{width: 100%;}
.latest-post .top-row .left-tab ul{flex-flow: wrap; width: 100%;}
.latest-post .right-tab ul{justify-content: end;}
.items-container{flex-flow: column;gap:0px}
.items-container.grid-view .item{width: 100%;margin-bottom:10px;}
.items-container .item h3{line-height: 24px;}
.items-container.list-view .item{flex-flow: column;margin-bottom:10px;}
.items-container.list-view .item .textb{width: 100%;}
.items-container.list-view .item .imgb img{border-radius: 12px 12px 0px 0px;}

.csr-banner .textb2{width: 100%;margin:0px;}
.csr-banner.hub .textb2{margin: 0px; width: 100%;}
.shoplist .item{width:100%;}
.csr-banner.hub .rightb .whiteb h3{font-size: 18px; line-height: 26px;}
.course .container{flex-flow: column;padding:0 20px}
.course .textb{width: 100%;}
.course .imgb{width: 100%;}
.course .textb h3{font-size: 24px; line-height: 30px;;}
.upcoming-event li {width: 100%;}
.upcoming-event .container{padding: 0 20px;}
.news{min-height: auto;}
.news-events2 .column{flex-flow: column;}
.news-events2 .column .rightcol{width: 100%;padding:0px;margin:0px;border:none;}
.news-events2 .column .leftcol{width: 100%; margin-bottom: 30px;}
.csr-section .blog-list li{width:100%; margin-bottom: 15px;}
.csr-section .blog-list li .textb p{margin-bottom: 0px;}
.csr-section .tab-nav ul{flex-flow: wrap;}
.csr-banner{min-height: auto;}
.csr-banner .textb2 h2 br{display: none;}
.csr-section .tab-nav li a{font-size: 12px;}
.detail-p .column-1-3,.detail-p .column,.detail-p .column.wrap-col{flex-flow: column;}
.detail-p .column.reverse{flex-direction: column;}
.detail-p .column-1-3{margin: 25px 0px;}
.detail-p .column-1-3 .imgb,
.detail-p .column-1-3 .textb,
.detail-p .column.three-img .imgb, .detail-p .column.three-img .col,
.detail-p .column .imgb,.detail-p .column .textb,.detail-p .column.wrap-col .imgb,.detail-p .column.wrap-col .textb,.detail-p .column.two-img .imgb,.detail-p .column.four-img .imgb,
.detail-p .column .imgb{width: 100%;}
.detail-p .column-1-3 .imgb img,
.detail-p .column.three-img .imgb img{width: 100%;}
.detail-p h3{margin-bottom: 5PX;}
.detail-p .column{margin: 30px 0px;}

.detail-p h1{font-size: 28px;}
.detail-p h2{font-size: 26px;}
.detail-p h3{font-size: 24px;}
.detail-p h4{font-size: 22px;}
.detail-p h5{font-size: 20px;}
.detail-p h6{font-size: 18px;}


.csr-banner .textb2 h2,.upcoming-event .top-text h3{font-size: 28px;line-height:32px;}
.csr-banner.hub .textb2 p,.csr-banner .textb2 p{font-size: 18px; line-height: 24px;}
.upcoming-event .top-text p,.about p,.detail-p p{font-size: 14px; line-height: 24px;;}
.upcoming-event .top-text p br{display: none;}
.csr-banner .textb2 h2{font-size: 22px;;}
.csr-banner .textb2 p br{display: none;}
.about h2,.detail-p h1{font-size: 24px;}
.about h3{font-size: 20px;}
.nav-menu .dd-menu.dd-two,
.nav-menu .dd-menu.dd-one,
.nav-menu .dd-menu.dd-three{width: 100%;}
.header-left .m-div{width: 85%;}

.nav-menu li:hover .arrow{transform: rotate(0deg);}
.nav-menu .dd-menu .right-content .col{border: none !important;}
.our-team .textb p{padding: 0px;}
.nav-menu .dd-menu.dd-two .right-content{width: 100%;}
.detail-p .un-list li{font-size: 13px;line-height: 20px;    padding-bottom: 7px;}
.new-tab .top-nav2 ul{gap: 10px;}
.new-tab .top-nav2 li{font-size: 13px;padding: 8px 16px;}
}
@media only screen and (max-width:374px){
}