/*Common stle*/

*,

::after,

::before {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  outline: transparent;

}



body {

  font-family: "Poppins", sans-serif;

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  background-color: #f5f5f582;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

ul {

  margin: 0;

  padding: 0;

}



a:focus,

a:hover {

  text-decoration: none;

}



img {

  width: 100%;

}



i {

  font-weight: normal;

}



p {

  font-size: 17px;

  line-height: 24px;

  color: #353535;

  font-weight: 400;

  margin: 0 0 10px;

}



section {

  padding: 22px 0;

}

.nav-sec {

  padding: 0px;

}



html {

  scroll-behavior: smooth;

}



/*Fonts*/

h1 {

  font-size: 36px;

  line-height: 44px;

}



h2 {

  font-size: 28px;

  line-height: 36px;

  margin-top: -5px;

  padding-bottom: 30px;

}



h3 {

  font-size: 24px;

  line-height: 32px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Oswald", sans-serif;

}

.pt-20 {

  padding: 20px;

}

.pt-70 {

  padding-top: 70px;

}

.text-red {

  color: #151414;

}

.bg-blue {

  background-color: #1b0b0b;

}

.profile-head {

  color: #fff;

  margin-left: 46%;

}

.f600 {

  font-weight: 600;

}



/*  Header

 -----------------------------------------------  */

.navbar-toggler {

  padding: 7px;

  font-size: 1.25rem;

  line-height: 1;

  background-color: #1f4a61;

  border: 1px solid #1f4a61;

  border-radius: 0;

  margin: 5px;

}

#header .navbar {

  padding-right: 40px;

  padding: 0px;

  box-shadow: 0 0 30px rgb(0 0 0 / 10%);

  background: #ffffff;

}

#header .navbar-nav a {

  color: #c31e36;

  font-size: 20px;

  display: inline-block;

  padding-left: 5px;

  overflow: hidden;

  text-overflow: ellipsis;

  font-weight: bolder;

  padding-right: 20px;

  /* font-family: sans-serif; */

}

#header .navbar-nav a:hover {

  color: #a00a0a;

}



/* #header .navbar-nav a:after {    

  background: none repeat scroll 0 0 transparent;

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 50%;

  position: absolute;

  background: #fff;

  transition: width 0.3s ease 0s, left 0.3s ease 0s;

  width: 0;

} */

#header .navbar-nav a:hover:after {

  width: 100%;

  left: 0;

}



#header .navbar-nav a:hover {

  /* color: #fff;

    background-color:#443c40;

    padding-right: 22px;

    border-radius: 5px; */

}

#header .dropdown-item:hover {

  color: #000;

  background: #353015;

  box-shadow: 0 0 35px 0 rgb(22 12 96 / 5%);

}

.header-social li a:hover {

  color: #fff !important;

}

.logo img {

  /*width: 32%;*/

  width: 100%;

  /* height: 36px; */

}

.dropdown-menu {

  min-width: 13rem;

}

.nav-border {

  border-left: 2px solid #e4e4e4;

  height: 34px;

}



/* header-top */

/*.navbar-expand-lg .navbar-collapse {*/

/*  display: -ms-flexbox!important;*/

/*  display: flex!important;*/

/*  -ms-flex-preferred-size: auto;*/

/*  flex-basis: auto;*/

/*  text-align: center;*/

/*  justify-content: center;*/

/*}*/

.navbar-expand-lg {

  text-align: center;

  justify-content: center;

}

.header-top-wrap {

  /* padding: 1px 0; */

  background-color: #ffffff;

}

.header-cont-info ul .header-call {

  color: #bec1c4;

  font-size: 11px !important;

}

.header-cont-info ul .header-call i {

  color: #bec1c4;

  font-size: 15px;

}

.header-cont-info.header {

  margin-left: 5px;

}



.header-cont-info {

  padding: 6px 0 0;

  padding-left: 25px;

}

.header-top li {

  display: inline-block;

  padding-right: 20px;

  color: #ffffff;

}

.header-cont-info li i {

  color: #fff;

  padding-right: 7px;

}

.fb-icon {

  background: #3b5998;

  color: white;

}

/* .linkedin-icon {

  background: #007bb5;

  color: white;

}

.youtube-icon{

  background: #bb0000;

  color: white;

} */

.instagram-icon {

  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);

  color: white;

}

.header-social li a {

  display: block;

  width: 25px;

  height: 25px;

  line-height: 25px;

  text-align: center;

  border-radius: 4px;

  color: #801d1d;

  font-size: 17px;

  text-align: center;

  font-family: "Poppins", sans-serif;

}

.header-social li a :hover {

  color: #0c0505;

}

.header-social li {

  padding: 0 5px;

}

li.header-call {

  font-size: 14px;

  font-family: "Poppins", sans-serif;

}

.header-social {

  padding: 5px;

  text-align: center;

  margin-left: 36px;

}

.dropdown-item {

  background: #ffffff;

  /* border: 2px solid #ffffff; */

  /* margin-bottom: 4px; */

  /* box-shadow: 0 0 35px 0 rgb(22 12 96 / 5%); */

  /* border-bottom: 1px solid #eee; */

  padding: 5px 0px;

}



.navbar-expand-lg .navbar-nav {

  padding-left: 6%;

}

.dropdown-menu li a {

  color: #c31e36 !important;

}


.dropdown-menu {

  /* background-color: transparent !important; */

  border: none;

  border-radius: 6px;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;

  background: #ffffff;

}

.dropdown-item.active,

.dropdown-item:active {

  color: #fff;

  text-decoration: none;

  background-color: #ffffff;

}



.dropdown-submenu {

  position: relative;

}



.dropdown-submenu > a:after {

  content: "\f0da";

  float: right;

  border: none;

  font-family: "FontAwesome";

}



.dropdown-submenu > .dropdown-menu {

  top: 0;

  left: 100%;

  margin-top: 0px;

  margin-left: 0px;

}

.dropdown-toggle::after {

  display: none;

}

a.nav-link.header-action-items-layout1 {

  font-size: 14px;

  display: inline-block;

  padding: 4px 24px;

  margin-left: 20px;

  color: #ffffff;

  background-color: #8abf00;

  text-transform: uppercase;

  font-weight: 500;

  border: 2px solid;

  border-color: #d0df56;

  cursor: pointer;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

a.nav-link.header-action-items-layout1 i {

  margin-left: 10px;

}

a.nav-link.header-action-items-layout1:hover {

  background-color: transparent;

  color: #062a4d;

}

.carousel .carousel-item .caption {

  /* margin-top: -180px; */

  width: 100%;

  position: absolute;

  top: 5%;

}

.left-46 {

  margin-left: 46% !important;

}

.carousel .carousel-item .caption .banner2 {

  padding: 32px 0px 0px 64px;

  width: 100%;

  margin-left: 10;

  /* box-shadow: 8px 8px 3px 0px #f7f4f4; */

  margin-left: 0%;

}

.carousel .carousel-item .caption .banner2 h3 {

  /* color: #17a2b8; */

  font-weight: 900;

  font-size: 40px;

  line-height: 60px;

}

.theme_btn {

  color: #fff;

  text-align: center;

  display: inline-block;

  font-weight: bold;

  position: relative;

  background: #443c40;

  font-size: 15px;

  padding: 5px 20px;

}

.theme_btn:hover {

  color: #000;

}



.banner-btn2 {

  margin-top: 4%;

}

.heading-top1 {

  /*position: relative;

   

    width: 100%;

    font-weight: 700;

    margin-bottom: 50px;

    display: inline-block;

    padding-left: 10px;

    border-left: 4px solid;

      border-image-source: linear-gradient(-23deg, #F6961F, #0d70a2 100%);

    border-image-slice: 1;*/

  position: relative;

  width: 100%;

  /* font-weight: 700; */

  margin-bottom: 18px;

  display: inline-block;

  padding-left: 10px;

  /* border-left: 4px solid; */

  /* border-image-source: linear-gradient(-23deg, #F6961F, #0d70a2 100%); */

  /* border-image-slice: 1; */

  background: url(../images/new-public-bg.png) no-repeat center center;

  text-align: center;

  background-size: 100%;

}

.sub-title {

  /*line-height: 20px;*/

  line-height: 25px;

  font-size: 17px;

}

.inner-list {

  padding-left: 93px;

  /* list-style: none; */

  margin-top: 0px;

  line-height: 30px;

  padding-bottom: 15px;

}

.inner-list .list a {

  margin: 0 5px 0 -22px;

  color: #3e393a;

  background: url(../images/spl-li.png) no-repeat 0px center;

  padding: 4px 20px;

  line-height: 22px;

  font-size: 16px;

}

.about-para {

  padding-left: 17px;

  color: #231f20;

  font-weight: 600;

  text-align: justify;

}



.header-border {

  left: 34%;

  position: relative;

  background: url(../images/header-bg-copy.png) no-repeat center top;

  top: 8px;

  width: 170px;

  height: 11px;

  display: block;

}

.inner-list2 {

  padding-left: 40px;

  list-style: none;

  margin-top: 0px;

  line-height: 30px;

  padding-bottom: 15px;

}

.inner-list2 .list a {

  margin: 0 5px 0 -22px;

  /* color: #616161; */

  background: url(../images/spl-li.png) no-repeat 0px center;

  border-bottom: 1px dotted #213d6c;

  font-weight: 800;

  font-size: 18px;

  padding: 13px 34px;

}

.inner-list2 .list a:hover {

  color: black;

}

/* .test-video .serviceBox{

   text-align: center;

    padding: 0px 11px 15px;

    position: relative;

    border: solid 1px #dadada;

    height: 230px;

    border-bottom: solid 5px #01a2b6;

    box-shadow: 0 5px 20px rgba(0,0,0,0.15);

        background-color: white;

}

.testi 

.serviceBox{

   text-align: center;

    padding: 0px 11px 15px;

    position: relative;

    border: solid 1px #dadada;

    height: 230px;

    border-bottom: solid 5px #01a2b6;

    box-shadow: 0 5px 20px rgba(0,0,0,0.15);

        background-color: white;

}

.serviceBox{

   text-align: center;

    padding: 0px 11px 15px;

    position: relative;

    border: solid 1px #dadada;

    height: 425px;

    border-bottom: solid 5px #01a2b6;

    box-shadow: 0 5px 20px rgba(0,0,0,0.15);

        background-color: white;

}



.serviceBox .service-icon{

       /* color: #fff; */

/* background: #e6e5e5;

    font-size: 40px;

    line-height: 80px;

    width: 230px;

    height: 140px;

    margin:35px auto 40px;

    box-shadow: 7px 0 10px rgba(0,0,0,0.3), 0 0 0 10px #fff, 5px 0 20px rgba(0,0,0,0.4);

    border-radius: 10px;

    /* transform: rotate(45deg); */

/* position: relative;

    transition: all 0.3s ease 0s;

    margin-top: 45px;

        margin-bottom: 48px; */

/* }

.serviceBox  img

{

  margin-left: -112px; */

/* width: 158px; */

/* margin-top: -9px;

    position: absolute;

    top: 0px;

} */

.serviceBox .service-icon i {

  transform: rotate(-45deg);

}

.serviceBox .title {

  color: #01a2b6;

  /* font-size: 20px;*/

  font-weight: 800;

  text-transform: capitalize;

  margin: 0 0 10px;

}

*/ .serviceBox .description {

  /*  color: #888;

    font-size: 15px;

    line-height: 24px;*/

  margin: 0;

}

*/ .serviceBox.blue:before,

.serviceBox.blue .service-icon {

  background-color: #3359a5;

}

.serviceBox.blue .title {

  color: #3359a5;

}

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

  .serviceBox {

    margin: 0 0 115px;

  }

}



.item .title {

  display: inline-block;

  font-size: 18px;

  /* font-weight: 700; */

  color: #ffffff;

  text-transform: capitalize;

  margin: 0;

}

.footer .icon-social a {

  display: inline-block;

  height: 40px;

  width: 40px;

  line-height: 40px;

  border: 1px solid #fff;

  border-radius: 50%;

  text-align: center;

  margin: 0 10px;

  transition: all 0.4s;

}

/*.footer .icon-social*/

/*{*/

/*      margin-top: 24px;*/

/*}*/

.footer .icon-social i {

  font-size: 20px;

  position: relative;

  width: 32px;

  height: 32px;

  /* font-size: 12px; */

  color: #01a2b6;

  line-height: 32px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  background-color: #eeebeb;

  -webkit-box-shadow: 0px 0px 0px 4px #1aa0b0b0;

  -ms-box-shadow: 0px 0px 0px 4px #1aa0b0b0;

  box-shadow: 0px 0px 0px 6px #ffffff;

}

.footer {

  background-color: #f9f9f9;

}

.footer a,

.footer ul li,

.footer h2 {

  color: #ffffff;

}

.footer ul {

  /*border-bottom: solid 1px #eeebeb;*/

  border-top: solid 1px #eeebeb;

  border-bottom: sold 1px;

  padding: 10px;

}

.footer ul li a {

  padding: 18px;

}

.footer .footer-contact p {

  position: relative;

  padding-left: 37px;

  /* border-bottom: 1px dotted #ececec; */

  margin-bottom: 12px;

  font-size: 16px;

}

.footer .footer-contact p i {

  position: absolute;



  margin-left: -40px;

  font-size: 24px;

  color: #212529;

}

h3.text-uppercase.font-weight-bold.pb-2.clinic-h3 {

  font-size: 20px;

}

.footer-nav-menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

.footer-nav-menu li:first-child {

  padding-left: 0;

}

.footer-nav-menu li {

  display: inline-block;

  padding-left: 2px;

  padding-right: 16px;

  font-size: 14px;

  padding-bottom: 0;

  color: #fff;

}

ul.footer-nav-menu li:not(:last-child):after {

  position: absolute;

  content: "|";

  padding-left: 7px;

}

.footer .footer-contact1 h3::before {

  content: "";

  position: absolute;

  bottom: 288px;

  left: 15px;

  width: 100px;

  height: 3px;

  background-color: #b0bacf;

}



.footer-style {

  padding-top: 20px;

  /* padding-bottom: 30px; */

  font-size: 15px;

}



.footer-subtext {

  font-size: 17px;

  color: #b0bacf;

}

.articles-bg {

  background-color: #f2eeff;

}

a.direct {

  color: #01a2b6;

}

.page-banner {

  background: url(../images/page-banner.jpg) no-repeat center right;

  background-size: cover;

  /*padding: 40px 0;*/

  position: relative;

  height: 112px;

}

.panel-default {

  margin-bottom: 10px;

}

#accordion2 .panel-title a {

  display: block;

  padding: 4px 15px 12px 54px;

  background: linear-gradient(to bottom, #fefefe, #cdcdcd);

  border: 1px solid #c3c3c3;

  border-radius: 3px;

  font-size: 25px;

  font-weight: 600;

  color: #212529;

  text-shadow: 1px 1px 1px #fff;

  position: relative;

}

#accordion2 .panel-title a:before {

  content: "\f068";

  font-family: "Font Awesome 5 Free";

  width: 25px;

  height: 25px;

  line-height: 25px;

  border-radius: 50%;

  background: #01a2b6;

  font-size: 12px;

  font-weight: 900;

  color: #fdfbfb;

  text-align: center;

  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);

  text-shadow: none;

  position: absolute;

  top: 8px;

  left: 15px;

}

#accordion2 .panel-title a.collapsed:before {

  content: "\f067";

}

#accordion2 .panel-body {

  padding: 0px 15px;

  /* font-size: 25px; */

  color: #222;

  /* line-height: 27px; */

  border: none;

  background-color: white;

  padding: 27px 29px;

}

#accordion2 .panel-body p {

  margin-bottom: 0;

}

.serviceBox2 {

  background: #fff;

  height: 325px;

  text-align: center;

  padding: 0px 25px 40px;

  margin: 20px 0 0;

  border-radius: 20px;

  position: relative;

  transition: all 0.3s ease;

}

.serviceBox2:hover {

  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);

}

.serviceBox2:before,

.serviceBox2:after {

  content: "";

  background: linear-gradient(to top, #01a2b6, #4690b6);

  width: 10px;

  border-radius: 0 100px 100px 0;

  position: absolute;

  top: 110px;

  bottom: 35px;

  left: 0;

}

.serviceBox2:after {

  border-radius: 100px 0 0 100px;

  left: auto;

  right: 0;

}

.serviceBox2 .service-icon {

  color: #fff;

  background: linear-gradient(-45deg, #0d70a0 49%, #0d6fa0c2 50%);

  font-size: 32px;

  line-height: 70px;

  width: 100px;

  height: 100px;

  margin: 0 auto;

  border-radius: 100px;

  border: 15px solid #fff;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  transform: translateY(-20px);

  transition: all 0.3s ease;

}

.serviceBox2:hover .service-icon i {

  transform: rotateX(360deg);

  transition: all 0.3s;

}

.serviceBox2 .title {

  color: #01a2b6;

  font-size: 17px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 0 0 10px;

}

.serviceBox2 .description {

  color: #444;

  font-size: 13px;

  line-height: 24px;

  margin: 0;

}

.list-service {

  margin-bottom: 45px;

  border: 3px solid #b8b8b8;

  padding-top: 15px;

  position: relative;

}

.list-service h1 {

  text-transform: uppercase;

  font-size: 32px;

}

.list-service a {

  /*color: #01a2b6;*/

  display: block;

  padding: 15px 10px 15px 40px;

  position: relative;

  font-weight: 600;

  font-size: 17px;

  line-height: 30px;

  font-weight: 600;

  box-shadow: 0 5px 10px -10px #333;

  white-space: break-spaces;

}

.text-blue {

  /* color: #01a2b6; */

  color: #482567;

  padding-left: 80px;

}

.list-service::after {

  content: "";

  background: url(../images/serv-s-shadow.png) no-repeat bottom center;

  height: 20px;

  width: 100%;

  bottom: -19px;

  position: absolute;

}

.list-service a {

  background-image: url(../images/lung-icon-orange.png);

  background-repeat: no-repeat;

  background-repeat: no-repeat;

  background-position: 10px center;

  padding: 15px 0px 24px 78px;

  display: block;

  background-size: 64px auto;

}

.page-title {

  margin-top: -23px;

  margin-right: 41%;

}

.page-title h1 {

  font-size: 24px;

}

.page-title p {

  font-size: 14px;

}

.service-section .section-title {

  font-size: 30px;

}

.service-section img {

  margin-bottom: 20px;

}

.list-service li a:hover,

.list-service li.active a {

  background: #01a2b6 url(../images/lung-icon-white.png) no-repeat 6px center;

  color: white;

  background-size: 64px auto;

}

/*about css*/

/* .about-page{

  background-color:#f2eeff ;

} */



.fa-arrow-circle-o-right:before {

  content: "\f18e";

  color: #01a2b6;

}

/*gallery css*/



.btn:focus,

.btn:active,

button:focus,

button:active {

  outline: none !important;

  box-shadow: none !important;

}



#image-gallery .modal-footer {

  display: block;

}



.thumb {

  margin-top: 15px;

  margin-bottom: 15px;

}

#image-gallery .modal-footer {

  display: block;

  position: relative;

  margin-top: -278px;

  /* margin-left: -31px; */

}

.modal-content {

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  pointer-events: auto;

  background-color: #71717121;

  background-clip: padding-box;

  border: none !important;

  border-radius: 0.3rem;

  outline: 0;

}

.modal-footer {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: end;

  justify-content: flex-end;

  padding: 1rem;

  border-top: none !important;

  border-bottom-right-radius: 0.3rem;

  border-bottom-left-radius: 0.3rem;

}

.modal-header {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 1rem 1rem;

  border-bottom: none !important;

  border-top-left-radius: 0.3rem;

  border-top-right-radius: 0.3rem;

}

.btn-secondary {

  color: #fff;

  background-color: #1b1c1d;

  border-color: #6c757d;

  border-radius: 50%;

}

.text {

  font-weight: bold;

  padding-top: 2px;

}



.servic-sec {

  background-color: #f2eeff;

}



.servic-sec .item-sec {

  background: url(../images/hme-spec-off-bg.png) no-repeat center top;

  position: relative;

  display: inline-block;

  vertical-align: top;

  height: 466px;

  /* margin: 0 -10px; */

  width: 100%;

  padding: 0px 42px 0px 38px;

}

.servic-sec .service-img {

  position: absolute;

  content: "";

  width: 235px;

  height: 200px;

  left: 16px;

  right: 0px;

  margin: 0 auto;

  top: -20px;

  background: url(../images/hme-spec-hip.png) no-repeat center top;

  background-size: cover;

}

.servic-sec .theme_btn {

  background-color: transparent;

  color: #19a2b6;

  font-size: 17px;

  margin-top: 55px;

  font-weight: 700;

  position: absolute;

  left: 30%;

}

.servic-sec .service-img img {

  width: 74%;

  margin-left: 12px;

  margin-top: 12px;

}

.servic-sec .service-wrap {

  margin-top: 199px;

  text-align: center;

  color: white;

}



.animate-text {

  /*  -webkit-animation: glow 1s ease-in-out infinite alternate;*/

  /*-moz-animation: glow 1s ease-in-out infinite alternate;*/

  /*animation: glow 1s ease-in-out infinite alternate;*/

  text-shadow: 2px 13px 6px rgba(0, 0, 0, 0.2), 0px -5px 16px rgba(255, 255, 255, 0.3);

}

#more {

  display: none;

}

.color-yellow {

  color: #f6961f;

}

#more1 {

  display: none;

}

.color-yellow {

  color: #f6961f;

}

#more3 {

  display: none;

}

.color-yellow {

  color: #f6961f;

}

/*------------------------------ Sign Up ----------------------------*/



h2.fib-head,

h3.fib-head,

h4.fib-head {

  margin-bottom: 15px;

}



/* Upcoming events */



/* .upcoming{

  background-color: #f2eeff;

} */



.post-slide {

  margin: 0 15px;

  position: relative;

  background: #fff;

}

.heading-top2 {

  position: relative;

  width: 100%;

  font-weight: 700;



  margin-bottom: 43px;

  margin-top: 35px;



  display: inline-block;

  padding-left: 10px;

  /* border-left: 4px solid; */

  /* border-image-source: linear-gradient(-23deg, #F6961F, #0d70a2 100%); */

  /* border-image-slice: 1; */

  background: url(../images/new-public-bg.png) no-repeat center center;

  text-align: center;

  background-size: 100%;

}

.post-slide .post-img {

  position: relative;

  overflow: hidden;

}

.post-slide .post-img img {

  width: 100%;

  height: auto;

}

.post-slide .over-layer {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  background: rgba(0, 0, 0, 0.6);

  transition: all 0.3s ease;

}

.post-slide:hover .over-layer {

  opacity: 1;

}

.post-slide .post-link {

  margin: 0;

  padding: 0;

  position: relative;

  top: 45%;

  text-align: center;

}



.post-slide .post-link li {

  display: inline-block;

  list-style: none;

  margin-right: 20px;

}

.post-slide .post-link li a {

  color: #fff;

  font-size: 20px;

}

.post-slide .post-link li a:hover {

  color: #482567;

  text-decoration: none;

}



.post-slide .post-date {

  position: absolute;

  top: 10%;

  left: 4%;

}

.post-slide .date {

  display: inline-block;

  border-radius: 3px 0 0 3px;

  padding: 5px 10px;

  color: #fff;

  font-size: 20px;

  font-weight: bold;

  text-align: center;

  background: #333;

  float: left;

}

.post-slide .month {

  display: inline-block;

  border-radius: 0 3px 3px 0;

  padding: 5px 13px;

  color: #fff;

  font-size: 20px;

  font-weight: bold;

  background: #482567;

}

.post-slide .post-content {

  padding: 30px;

}

.post-slide .post-title {

  margin: 0 0 15px 0;

}

.post-slide .post-title a {

  font-size: 18px;

  font-weight: bold;

  color: #333;

  display: inline-block;

  text-transform: capitalize;

  transition: all 0.3s ease 0s;

}

.post-slide .post-title a:hover {

  text-decoration: none;

  color: #482567;

}

.post-slide .post-description {

  font-size: 14px;

  line-height: 24px;

  color: #808080;

}

.post-slide .read-more {

  color: #333;

  font-size: 14px;

  font-weight: bold;

  text-transform: uppercase;

  position: relative;

  transition: color 0.2s linear;

}

.post-slide .read-more:hover {

  text-decoration: none;

  color: #482567;

}

.post-slide .read-more:after {

  content: "";

  position: absolute;

  width: 30%;

  display: block;

  border: 1px solid #482567;

  transition: all 0.3s ease;

}

.post-slide .read-more:hover:after {

  width: 100%;

}

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

  .post-slide .month {

    font-size: 14px;

  }

  .post-slide .date {

    font-size: 14px;

  }

}



/* end Upcoming events */



/* services start  */



:root {

  --main-color: #d82126;

}

.serviceBox {

  color: var(--main-color);

  font-family: "Nunito", sans-serif;

  text-align: center;

  padding: 0 0 20px;

  border-bottom: 2px solid var(--main-color);

}

.serviceBox .service-icon {

  font-size: 40px;

  /* line-height: 80px; */

  height: 150px;

  width: 230px;

  margin: 35px auto 20px;

  border-radius: 10%;

  /* border: 2px solid #ddd; */

  box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.5);

}

.btn-services {

  color: #fff;



  /* text-align: center;

    display: inline-block;

    position: relative;

    background: #482567;

    font-size: 15px;

    margin: 5px  0 0 ;

   padding: 5px 20px; */

  color: #fff;

  /* color: #fff; */

  text-align: center;

  display: inline-block;

  font-weight: bold;

  position: relative;

  background: #c51e37;

  border-radius: 5px;

  font-size: 15px;

  padding: 9px 16px;

  /* margin-top: 10px;

  /* margin-top: 10px; */

}

.theme_btn_abt {

  margin-left: 72px;

  color: #fff;

  text-align: center;

  display: inline-block;

  font-weight: bold;

  position: relative;

  background: #443c40;

  font-size: 15px;

  border-radius: 3px;

  padding: 5px 20px;

  margin-top: 10px;

}



.btn-services:hover {

  color: #fff;

  /* background-color: #fff; */

}

.serviceBox .title {

  color: #000;

  background: linear-gradient(#f1f1f1, #bbb);

  font-size: 20px;

  font-weight: 600;

  text-transform: capitalize;

  padding: 10px 5px 8px;

  margin: 0 0 20px;

}

.serviceBox .description {

  font-size: 16px;

  line-height: 25px;

  padding: 15px 30px;

  /* padding-top: 130px; */

  letter-spacing: 0.3px;

  margin: 0;

  color: #231f20;

  font-weight: 600;

  text-align: justify;

}

.serviceBox.orange {

  --main-color: #e86a04;

}

.serviceBox.purple {

  --main-color: #7e64a5;

}

.serviceBox.green {

  --main-color: #33d1b8;

}

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

  .navbar-expand-lg .navbar-nav {

    padding-left: 0% !important;

  }

}

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

  #header .navbar-nav a {

    font-size: 15px;

  }

  .navbar-expand-lg .navbar-nav {

    padding-left: 0% !important;

  }

}

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

  #header .navbar-nav a {

    font-size: 15px;

  }

  .navbar-expand-lg .navbar-nav {

    padding-left: 0% !important;

  }

}

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

  .navbar-expand-lg .navbar-nav {

    padding-left: 0% !important;

  }

}

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

  .serviceBox {

    margin: 0 0 40px;

  }



  .btn-services {

    margin-bottom: 6px;

    margin-left: 33%;

  }

  .logo img {

    width: 60%;

  }

  #header .navbar-nav a {

    font-size: 13px;

    padding-right: 15px;

  }

  .header-social {

    padding: 5px;

    text-align: center;

    margin-left: 36px;

  }



  .page-title {

    margin-top: 0px;

  }

  .profile-head {

    margin-left: 28%;

  }

}



/*@media only screen and (max-width: 1200px) {*/

/*  #header .navbar-nav a {*/

/*    font-size: 16px;*/

/*    padding-right: 15px;*/

/*  }*/



/*  .btn-services{*/

/*    font-size: 13px;*/

/*  }*/



/*}*/

/* services end  */

/* contactUS */

:root {

  --main-color: #482567;

  --light-bg: #9d84b3;

}

.demo {

  background-color: #f2eeff;

}

.pricingTable {

  font-family: "Nunito", sans-serif;

  text-align: center;

  margin-top: 72px;

  margin-bottom: 70px;

}

/* .pricingTable .price-value{

    color: var(--main-color);

    background-color: var(--light-bg);

    font-size: 40px;

    font-weight: 800;

    padding: 14px 15px 10px;

    margin: 0 0 10px;

    border-radius: 50px;

} */

.pricingTable .pricingTable-header {

  color: #fff;

  background-color: var(--main-color);

  padding: 35px 15px 30px;

  border-radius: 50px 50px 0 0;

}

.pricingTable .title {

  font-size: 35px;

  font-weight: 800;

  letter-spacing: 1px;

  text-transform: uppercase;

  margin: 0;

}

.pricingTable .pricingTable-header span {

  font-size: 19px;

  text-transform: capitalize;

}

.pricingTable .pricing-content {

  background-color: var(--light-bg);

  padding: 30px 25px;

  border-radius: 0 0 100px 100px;

}

.pricingTable .pricing-content ul {

  text-align: left;

  padding: 0;

  margin: 0 0 25px;

  list-style: none;

  display: inline-block;

}

.pricingTable .pricing-content ul li {

  color: var(--main-color);

  font-size: 18px;

  font-weight: 500;

  line-height: 35px;

  letter-spacing: 0.5px;

  padding: 0 0 0 28px;

  margin: 0 0 12px;

  position: relative;

}

.pricingTable .pricing-content ul li:last-child {

  margin: 0;

}

.pricingTable .pricing-content ul li:before {

  content: "\f00c";

  color: var(--main-color);

  font-family: "Font Awesome 5 free";

  font-size: 16px;

  font-weight: 900;

  position: absolute;

  top: 1px;

  left: 0;

}

/* .pricingTable .pricing-content ul li.disable:before{ content: "\f00d"; }

.pricingTable .pricingTable-signup a{

    color: #fff;

    background-color: var(--main-color);

    font-size: 22px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 10px 30px 8px;

    border-radius: 50px;

    display: inline-block;

    transition: all 0.3s ease 0s;

} */

/* .pricingTable .pricingTable-signup a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.5); }

.pricingTable.blue{

    --main-color: #00A3FF;

    --light-bg: rgba(0,163,255,0.15);

} */

/* .pricingTable.green{

    --main-color: #29BF30;

    --light-bg: rgba(41,191,48,0.15);

} */

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

  .pricingTable {

    margin: 0 0 40px;

  }

}

/* contactUs end */



/* specializes section start  */

.features-bg h2 {

  /* color: rgb(87 46 130); */

  padding-top: 30px;

  padding-bottom: 27px;

  font-weight: bold;

  text-align: center;

}

.features-icon {

  width: 100%;

  text-align: center;

}

.features-caption h4 {

  text-align: center;

  padding-top: 10px;

  color: rgb(7, 5, 8);

}

.features-icon img {

  width: 50%;

  height: 50%;

}

/* .row-sec-div{

  flex: 0 0 20% !important;

    max-width: 20%;

} */



/* @media only screen and (max-width: 990px){

    .row-sec-div{ 

       flex: 0 0 16% !important;

    max-width: 16%;



     }

} */



/* specializes section end  */

#banner {

  margin: 0;

  padding: 0;

}

.serviceBox {

  font-family: "Poppins", sans-serif;

  text-align: center;

  height: 100%;

  border: 2px solid #231f20;

  border-radius: 34px;

}

.icon {

  color: #504e4e;

  padding-top: 15px;

}

.services-heading {

  padding: 6px 10px;

  font-size: 31px;

  color: #6b3817;

  /* padding-bottom: 2px; */

}



/* FAQ  START */

.faq-container {

  display: flex;

  justify-content: center;

  flex-direction: column;

}

.hr-line {

  width: 60%;

  margin: auto;

}

/* Style the buttons that are used to open and close the faq-page body */

.faq-page {

  /* background-color: #eee; */

  color: #444;

  cursor: pointer;

  padding: 19px 20px;

  width: 100%;

  border: none;

  outline: none;

  transition: 0.4s;

  margin: auto;

}

.faq-body {

  margin: auto;

  /* text-align: center; */

  width: 95%;

  padding: auto;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */



/* Style the faq-page panel. Note: hidden by default */

.faq-body {

  padding: 0 18px;

  background-color: white;

  display: none;

  overflow: hidden;

}

.faq-page:after {

  content: "\02795";

  /* Unicode character for "plus" sign (+) */

  font-size: 13px;

  color: #777;

  float: right;

  margin-left: 5px;

}

.active:after {

  /* content: "\2796"; */

  /* Unicode character for "minus" sign (-) */

}



/* FAQ  END */



/* membaers corner start  */

.column {

  float: left;

  width: 33.3%;

  margin-bottom: 16px;

  padding: 0 8px;

}



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

  .column {

    width: 100%;

    display: block;

  }

  .btn-executive a {

    padding-left: 150px;

  }

}



.card {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

}



.container {

  padding: 0 16px;

}



.container::after,

.row::after {

  content: "";

  clear: both;

  display: table;

}



.title {

  color: grey;

}



.button {

  border: none;

  outline: 0;

  display: inline-block;

  padding: 8px;

  color: white;

  background-color: #6b173b;

  text-align: center;

  cursor: pointer;

  width: 100%;

}



.button:hover {

  background-color: #c488a2;

  color: #fff;

}

/* membaers corner end  */



/* about apge start */

#who-we-are {

  margin: 0;

  padding: 0;

}

.banner img {

  height: 200px;

}

.about-who {

  padding-top: 20px;

  /* padding-top: 80px; */

  padding-bottom: 35px;

}

.abt {

  padding-top: 25px;

}

.serviceBoxabt {

  text-align: left;

  border: solid 1px #dadada;

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);

  background-color: white;

  padding-left: 10px;

}



.name a {

  color: #6b173b;

}

/*.name:hover {*/

/*  background: linear-gradient(#6b173b, #c5a3b2);*/

/*}*/



.national-adjs {

  margin-left: 30px;

}

.bearers-adjs {

  margin-left: 5px;

}

.btn-secondary {

}



/* .icon a{

  font-size: 27px;

    font-family: sans-serif;

    font-weight: bold;

  } */



/* about page end  */



/* Contact US start  */



.contactus {

  font-family: "Poppins", sans-serif;

  text-align: center;

  height: 100%;

  background-color: #6b173b;

  border: 5px solid #eee;

  padding-bottom: 23px;

}

.icon-abt {

  color: #fff;

  padding-top: 15px;

}

.contactname {

  padding-top: 23px;

  color: #fff;

  font-size: 20px;



  /* padding-bottom: 2px; */

}

.email {

  color: #ebe8e8;

  text-align: center;

}



.btn-executive a {

  color: #fff;

  color: #fff;

  text-align: center;

  display: inline-block;

  font-weight: bold;

  position: relative;

  background: #6f1d40;



  font-size: 12px;

  padding: 4px 15px;

}



/* about page end  */

/* our partner start */

.slider-brand {

  height: 250px;

  margin: auto;

  position: relative;

  width: 90%;

  display: grid;

  place-items: center;

  overflow: hidden;

}



.slide-track {

  display: flex;

  /* width: calc(250px * 18); */

  animation: scroll 40s linear infinite;

}

@keyframes scroll {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(calc(-250px * 25));

  }

}

.slide-img {

  /* height: 200px; */

  width: 250px;

  align-items: center;

  padding: 40px;

  /* perspective: 100px; */

}



.slide-bg img {

  background-color: #d9d9d9;

  padding: 7px;

  border-radius: 8px;

}



.slide-img img {

  width: 100%;

  transition: transform 1s;

  /* padding-top: 10px;

  margin-top: 10px; */

}

.slide-img img:hover {

  /*transform: translateZ(20px);*/

  transform: scale(1.3);

}



.slider-brand::before,

.slider-brand::after {

  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);

  content: "";

  height: 100%;

  position: absolute;

  width: 15%;

  z-index: 2;

}



.slider-brand::before {

  left: 0;

  top: 0;

}

.slider-brand::after {

  right: 0;

  top: 0;

  /* transform: rotatez(180deg); */

  transform: rotateZ(180deg);

}



/* our partner end */

/* our facilty start */

.our-faculti-map {

  padding-top: 80px;

}

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

  .our-faculti-map {

    margin-top: 40px;

  }

}

/* our facilty end */



/* natuonal myeloma start */

.national-myeloma-head {

  margin: 0;

  padding: 0;

}

.national-myeloma {

  background-color: #fbfbfb;

  height: 100px;

}

.pagetitle__heading {

  color: #161616;

  text-align: center;

  padding-top: 15px;

}



.breadcrumb {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 0.75rem 1rem;

  margin-bottom: 1rem;



  list-style: none;

  background-color: #fbfbfb !important;

  border-radius: 0.25rem;

}

.breadcrumb a {

  color: #717881 !important;

}

.text-myeloma {

  padding-left: 50px;

  background-color: #ffffff;

  padding-top: 47px;

}



.heading h4 {

  font-size: 18px;

  padding-bottom: 10px;

}

.heading li {

  font-size: 15px;

  margin-left: 21px;

}

.heading-pera {

  margin-left: 25px;



  background-color: #ffffff;

}



/* natuonal myeloma end */

/* our fallowship start  */

.column {

  float: left;

  width: 33.33%;

  padding: 5px;

}

.btn-viewmore a {

  color: #fff;

  margin-top: 10px;

  text-align: center;

  display: inline-block;

  font-weight: bold;

  position: relative;

  background: #6f1d40;



  font-size: 12px;

  padding: 4px 15px;

}

/* our fallowship end */



/* student of the year start  */

#studentoftheyear {

  margin-top: 30px;

}

.border {

  /* border-radius: 1px #000; */

  box-shadow: #000;

}

/* student of the year  end */



/* Care4Myeloma App  start */



.care4myeloma {

  background-color: #e0e0e0;

  margin-top: 33px;

}



.careapp img {

  width: 70%;

  height: auto;

  padding-top: 23px;

}

.care4 h3 {

  margin-top: 86px;

  font-size: 36px;

}

.care4-subheading p {

  font-size: 20px !important;

  color: #444242;

  font-family: math;

}

.payment img {

  width: 141px;

  margin-top: 28px;

}

/* Care4Myeloma App  end */



/* images and honour start */



/* images and honour start */

.img-honour h3 {

  width: 100%;

  height: 50%;

  background-color: #ffffff;

}

.images-honour h1 {

  background-color: #ffffff;

  height: 200px;

  margin-top: 68px;

}



.honor-awards {

  margin-top: 70px;

  padding-bottom: 10px;

}



.container .btn_honor {

  position: absolute;

  top: 91%;

  width: 338px;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  background-color: #f9f9f9;

  color: #6d1c3f;

  font-family: "Oswald";

  font-size: 20px;

  padding: 10px 10px;

  border: none;

  cursor: pointer;

  border-radius: 5px;

  text-align: center;

}

.container .btn_honor1 {

  position: absolute;

  top: 90%;

  width: 338px;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  background-color: #f9f9f9;

  color: #6d1c3f;

  font-family: "Oswald";

  font-size: 20px;

  padding: 10px 10px;

  border: none;

  cursor: pointer;

  border-radius: 5px;

  text-align: center;

}

.container .btn_honor:hover {

  background-color: #a8708c;

}

.btn_honor a {

  color: #6d1c3f !important;

}

.btn_honor a:hover {

  color: #050505 !important;

  /* background-color: #d66c9a; */

}

/* imgages and honour  end */



/* imgages and honour  end */



/* news letter  end */

/* .news-letter img{

  padding-top: 100px;

} */

/* news letter  end */



/* members benifit  end */

.members-benifit {

  margin-top: 20px;

}

.members {

  margin-top: 80px;

}

.members-beni {

  font-family: "Poppins", sans-serif;

  text-align: center;

  height: 100%;

  /* background-color: ; */

  border: 5px solid #eee;

  padding-bottom: 5px;

}

.membes-msg {

  color: #070606;

  text-align: left;

  font-size: 14px;

}

.mem-abt {

  /* padding-top: 6px; */

  margin: 6px;

}

.otherbenifits {

  /* margin-bottom: 10px; */

  margin-top: -84px;

}

/* members benifit  end */



/* resources */



/* journal_club start */

.journal_club {

  /* padding-top: 20px; */

  height: 383px;

  background-color: #fff;

}

.journal {

  padding-top: 90px;

  text-align: center;

}



.journal_para {

  text-align: center;

  padding-top: 12px;

  color: #717881;

}



/* journal_club end */



/* myeloma-publication start */

.myeloma-publication {

  margin-top: 30px;

  background: #ffff;

}

/* myeloma-publication end */



/* scientific imc start  */

img {

  vertical-align: middle;

}

.numbertext img {

  width: 50%;

  padding-right: 100px;

}



/* Position the image container (needed to position the left and right arrows) */

.container {

  position: relative;

}



/* Hide the images by default */

.mySlides {

  display: none;

}



/* Add a pointer when hovering over the thumbnail images */

.cursor {

  cursor: pointer;

}



/* Next & previous buttons */

.prev,

.next {

  cursor: pointer;

  position: absolute;

  top: 40%;

  width: auto;

  padding: 16px;

  margin-top: -50px;

  color: white;

  font-weight: bold;

  font-size: 20px;

  border-radius: 0 3px 3px 0;

  user-select: none;

  -webkit-user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover,

.next:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* Container for image text */

.caption-container {

  text-align: center;

  background-color: #222;

  padding: 2px 16px;

  color: white;

}



.row:after {

  content: "";

  display: table;

  clear: both;

}



/* Six columns side by side */

.column {

  float: left;

  width: 16.66%;

}



/* Add a transparency effect for thumnbail images */

.demo {

  opacity: 0.6;

}



.active,

.demo:hover {

  opacity: 1;

}

.scientific {

  margin-bottom: 64px;

  margin-top: 55px;

}

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

  /* .scientific{

    margin: 251px;

} */

}

/* scientific imc end  */

/* internation start  */



/*.icon img {*/

/*  height: 200px;*/

/*}*/

.international-f {

  margin-top: 10px;

}

.btn-internation a {

  color: #fff;

  text-align: center;

  display: inline-block;

  font-weight: bold;

  position: relative;

  background: #6f1d40;



  font-size: 12px;

  margin-bottom: 20px;

  padding: 4px 15px;

}



/* internation end  */

/* myeloma guidlinex start  */

/*.myeloma-guid {*/

/*  margin-top: 30px;*/

/*}*/

.myeloma-guidline {

  margin-top: -74px;

}

.membes-inter {

  text-align: justify;

  font-size: 13px;

  /* line-height: 1px; */

  padding-left: 11px;

  padding-right: 11px;

  font-family: revert;

  color: rgb(48, 40, 40);

}

.mye-btn {

  font-size: 18px;

  text-align: justify;

  padding-left: 12px;

}

/* myeloma guidlinex end  */

/* ongoing start  */



.ongoing {

  /* height: 353px; */

  background-color: #fff;

  margin-top: 30px;

}

.search-bar input button {

  width: 40%;

}

/* ongoing end  */



.comming {

  font-size: 40px;

  padding-top: 30px;

  color: #6d1d3f;

  padding-left: 45%;

}



/* donetion start  */



.donetion-acc {

  color: #6d1d3f;

  /* padding-left: 42%; */

}

#donetion {

  margin-bottom: -25px;

}

.raise {

  text-align: center;

  padding-top: 43px;

  font-size: 30px;

}

.donetion-contibute {

  margin-top: 20px;

}

.contactname a {

  padding-top: 23px;

  color: #fff;

  font-size: 20px;



  /* padding-bottom: 2px; */

}



/* donetion end  */



/* News and update start */

.page-title-news {

  margin-top: -23px;

  margin-right: 41%;

}

.page-title-news h1 {

  font-size: 30px;

}

.page-title-news p {

  font-size: 14px;

}

.box {

  /* box-shadow:1px #000 salmon; */

  border: 1px solid;

  padding: 3px;

  box-shadow: 2px 5px #888888;

  height: 340px;

}



/* News and update end */



@media all and (min-width: 992px) {

  .dropdown-menu li {

    position: relative;

  }

  .nav-item .submenu {

    display: none;

    position: absolute;

    left: 100%;

    top: -7px;

  }

  .nav-item .submenu-left {

    right: 100%;

    left: auto;

  }

  .dropdown-menu > li:hover {

    background-color: #f1f1f1;

  }

  .dropdown-menu > li:hover > .submenu {

    display: block;

  }

}

/* ============ desktop view .end// ============ */



/* ============ small devices ============ */

@media (max-width: 991px) {

  .dropdown-menu .dropdown-menu {

    margin-left: 0.7rem;

    margin-right: 0.7rem;

    margin-bottom: 0.5rem;

  }

}



/* about  */



.aboutimg1 {

  /* border: 2px solid black; */

  display: flex;

  flex-direction: column;

  align-items: center;

}

.aboutimg2 {

  display: flex;

  justify-content: center;

  /* padding: 0px 400px; */

}



.aboutimgi {

  border: 2px solid #c02137;

  border-radius: 12px;

  transition: all 1s;

}



.aboutimgi:hover {

  border: 2px solid #c02137;

  border-radius: 100%;

}



.aboutp {

  font-family: "sans-serif";

  font-size: 22px;

  padding: 10px;

  border-radius: 10px;

}



.aboute {

  display: flex;

  flex-direction: column;

  align-items: center;

  font-family: "sans-serif";

  font-size: 20px;

}



.aboutl {

  margin: 0px 18px;

}



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

  .aboutimg2 {

    display: flex;

    flex-direction: column;

  }



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

    .map {

      width: 380px;

    }

  }

}