:root { --primary: #F86C41; --Seconday: #db1c25; --text-color: #ffffff; --white-color: #ffffff; --black-color: #000000; }
body {font-family: "DM Sans", sans-serif;font-size: 20px; background: #fff; color: #222; font-weight: normal; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-family: "Rubik", sans-serif; margin-bottom: 0; font-size: 30px; line-height: 40px; font-weight: 600;letter-spacing: -1%;color: #23262E; }
a { color: #222; text-decoration: none; }
a:hover { text-decoration: none; color: #000; }
p { margin-bottom: 0; font-size: 16px; line-height: 24px; font-weight: 300; }
.container { padding-right: 10px; padding-left: 10px; max-width: 1200px; }
.container-fluid { padding: 0; }
.img100 { width: 100%; }
.btn-check:focus + .btn,
.btn:focus { box-shadow: unset; }

/* common */
.sticky { position: fixed; background: #fff; top: 0 !important; z-index: 9999999; margin-top: 0; left: 0; right: 0; width: 100%; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: 0px 10px 20px 0px rgba(0, 29, 8, 0.1); }
.navbar-toggler:focus { box-shadow: none; }
.section-read-more-btn a { color: var(--Seconday); font-size: 14px; text-transform: uppercase; border: 1px solid var(--Seconday); padding: 5px 20px; transition: all 0.3s ease; }
.section-read-more-btn a > i { margin-left: 10px; }
.section-read-more-btn a:hover { color: var(--primary); border: 1px solid var(--primary); }

/* back-to-top */
#button { display: inline-block; background-color: var(--primary); width: 40px; height: 40px; text-align: center; position: fixed; bottom: 30px; right: 30px; transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; z-index: 1000; box-shadow: 0 0px 0px 10px rgba(150, 83, 47, 0.2); animation: backtotop 2s infinite; }
#button::after { font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#button:hover { cursor: pointer; background-color: var(--primary); }
#button:active { background-color: var(--primary); }
#button.show { opacity: 1; visibility: visible; }
#button i { font-size: 20px; line-height: 40px; color: #fff; }
@keyframes backtotop { 0% { bottom: 45px; } 50% { bottom: 30px; } 100% { bottom: 45px; } }

/* header-area */
.header-top { padding: 5px 0; background: var(--primary); border-bottom: 1px solid #eee; }
.header-top-left address { margin-bottom: 0; }
.header-top-left p { font-size: 14px; color: #fff; }
.header-top-left p > i { border: 1px solid #fff; width: 25px; height: 25px; text-align: center; line-height: 24px; border-radius: 50%; margin-right: 3px; font-size: 10px; }
.header-top-right p i { border: 1px solid #fff; width: 25px; height: 25px; text-align: center; line-height: 24px; border-radius: 50%; margin-right: 3px; font-size: 10px; }
.header-top-right { display: flex; gap: 15px; }
.header-top-right ul { padding: 0; margin: 0; display: flex; }
.header-top-right ul li { display: flex; margin-left: 20px; }
.header-top-right ul li { font-size: 13px; color: #fff; }
.header-top-right ul li a { font-size: 13px; color: #fff; }
.header-top-right ul li a:hover { color: var(--primary); }
.header-top-right p a {
  font-size: 14px; color: #fff; }

/* toggle-menu */
.toggle-menu{
  display: none;
}
.toggle-menu .offcanvas-header-wrap{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.toggle-menu .offcanvas-top{
  height: 370px;
  border-radius: 0 0 24px 24px;
}
.toggle-menu .navbar-nav{
  text-align: center;
}
.toggle-menu .navbar-nav .nav-link{
  font-size: 18px!important;
  color: #23262E!important;
}
.toggle-menu .navbar-nav .nav-link:hover{
    background: unset!important;
    color: #F86C41!important;
    border-radius: unset!important;
}
.offcanvas-header .btn-close {
  font-size: 14px;
  padding:3px;
  line-height: 1;
  width: 32px;
  height: 24px;
  opacity: 0.7;
  margin-left: 20px;
  color: #23262E;
  background-color: #E3E8F0;
  border-radius: 8px;
}
/* .offcanvas-header .btn-close::before{
  content: '\f00d';
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
} */
.toggle-menu .btn i {
  font-size: 32px;
  padding-right: 0;
}
.toggle-menu .btn.btn-primary{
  /* padding: 5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 11px; */
  padding: 0;
  color: #23262E;
  background-color: unset;
  border-color: unset;
  border: unset;
  outline: unset;
}


/* main-menu */
.main-menu { padding: 6px 0; }
.logo img { width: 182px; }
.sticky.main-menu .navbar { padding: 0; }
.main-menu ul li:hover .dropdown-menu { display: block; padding-bottom: 0; border: 0; border: unset; }
.navbar-light .navbar-brand { padding: 0; }
.main-menu .navbar-light .navbar-nav .nav-link {border-radius: 8px; position: relative; z-index: 9; color: #686F86; font-size: 15px; font-weight: 600; padding: 3px 10px; letter-spacing: 0.2px; text-decoration: none; }
.main-menu .navbar-light .navbar-nav .nav-link:hover { background: #686f8638; color: #F86C41;
  border-radius: 8px;}
.main-menu .navbar-light .navbar-nav .nav-item{margin-right: 24px; border-radius: 8px;}
.main-menu .navbar-light .navbar-nav .nav-link.active{
  background: #FFE3DB;
  color: #F86C41;
  border-radius: 8px;
}
.main-menu .navbar-light .navbar-nav .nav-item.active > a{
  color: var(--primary);
}
.navbar-expand-lg .navbar-nav .dropdown-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.main-menu .dropdown-menu { padding: 0; border-radius: 0; background: #fff; margin-top: 0; z-index: 999999; }
.main-menu .dropdown-item { padding: 8px 15px; border-bottom: 1px solid #fff; color: var(--Seconday); font-weight: 700; }
.main-menu .dropdown-item:hover { color: var(--primary); background: #fff; }
.main-menu .dropdown-menu li:last-child .dropdown-item { border-bottom: 0; }
.main-menu .navbar-light .navbar-toggler{         padding: 0;
        border: unset; }
.main-menu .navbar-light .navbar-toggler-icon { background-image: none; }
.main-menu .navbar-light .navbar-toggler-icon i { font-size: 25px;
        color: #000;}
.main-menu .menuAll-wrap{
    display: flex;
    gap: 20px;
    align-items: center;
   }
.loginBTN { padding: 10px 0px; }
.loginBTN .btn:hover { border: 1px solid var(--primary); background: var(--primary); color: var(--white-color); transition: 0.3s;}
.loginBTN .btn { border: 1px solid var(--primary); background-color: var(--white-color); color: var(--primary);
font-size: 14px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 10px;
  margin-left: 24px;
  line-height: 1;}
.loginBTN.for-MB{
  display: none;
}
.main-menu .navbar {
    background-color: transparent;
    padding: 0;
    width: 100%;
    z-index: 9999;
}
.main-menu.sticky .navbar{
  position: relative;
  background: #fff;
}

/* header-search */
/* .searchbox-wrap { position: relative; margin-left: 60px; }
.searchBox { border: 1px solid rgba(255, 255, 255, 0.3); position: absolute; display: flex; justify-content: space-between; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); width: 50px; height: 45px; transition: all 300ms ease; right: 0; }
.searchBox.active { transition: all 200ms ease; width: 300px; background: #fff; }
.searchBox.active .close { transition: 500ms; scale: 1; }
.searchBox .search, .searchBox .close { position: relative; min-width: 50px; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 25px; cursor: pointer; }
.searchBox i { font-size: 18px; color: var(--Seconday); line-height: 45px; }
.searchBox .close { scale: 0; }
.searchBox .searchInput { position: relative; width: 100%; opacity: 0; }
.searchBox.active .searchInput { opacity: 1; }
.searchBox .searchInput form { height: 100%; }
.searchBox .searchInput input { border: 0; outline: 0; width: 100%; height: 100%; font-size: 16px; } */

/* hero-area */
.hero-area { 
  position: relative; 
  background-image: url(../../media/imgAll/bg/heroFrame3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-captions .hero-content .hero-content-top{
  text-align: center;
  padding: 105px 105px 0 105px;
  margin-bottom: 54px;
}
.hero-captions .hero-content{
  position: relative;
}
.hero-bg-position-img{
  position: absolute;
  top: 134px;
    left: 22px; 
}
.hero-bg-position-img img{
  width: 100%;
  margin: auto;
}
.hero-captions h5{font-size: 36px;line-height: 46px;margin-bottom: 16px;}
.hero-captions h1 { font-size: 42px; line-height: 52px; margin-bottom: 5px; font-weight: 600; color:#23262E; margin-bottom: 32px;}
.hero-captions p { margin-bottom: 16px; font-size: 18px; line-height: 28px; color: #000; margin-bottom: 20px; }
.hero-captions .seeMore .btn { padding: 12px 16px; line-height: 9px; text-align: center; font-size: 15px; }
.hero-btn-wrap { display: flex; gap: 30px; justify-content: center; }
.see-more-btn { background: var(--Seconday); font-size: 16px; color: #fff; font-weight: 600; padding: 12px 25px; border-radius: 50px; transition: all 0.3s ease; }
.see-more-btn > i { margin-left: 5px; }
.see-more-btn:hover { background: var(--primary); color: #fff; }
.hero-img-fluid {position: absolute;
    bottom: 0;
  width: 100%; }
.hero-img-fluid2 {position: absolute;
    bottom: -1px;
  width: 100%; 
  display: none;
}

/* Common CSS */
.section-title { text-align: center; line-height: 18px; margin-bottom: 10px; }
.section-title h2 {font-size: 34px;
  line-height: 50px; color: #1e1e1e; font-weight: 600; }
.section-title p{font-size: 20px;line-height: 30px;margin-top: 10px;font-weight: 200;}
.seeMore { margin-top: 30px; text-align: center; }
.seeMore .btn { font-size: 16px; font-weight: 700; color: #fff; background: var(--Seconday); padding: 8px 18px; border-radius: 50px; }
.seeMore .btn > i { font-size: 12px; }
.seeMore .btn:hover { background: var(--primary); transition: 0.3s; }

/* Common PageBG area */
.common-pageBG-area{
  position: relative; 
  background-image: url(../../media/imgAll/bg/others-page.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.common-pageBG-area .common-pageBG-content-top{
    text-align: center;
    padding: 61px 62px 62px 62px;
    margin-bottom: 30px;
}
.common-pageBG-area .common-pageBG-content{
  position: relative;
}
.common-pageBG-position-img{
  position: absolute;
    top: 54px;
    left: 0px; 
}
.common-pageBG-position-img img{
  width: 100%;
  margin: auto;
}
.common-pageBG-captions h5{font-size: 36px;line-height: 46px;margin-bottom: 16px;color: var(--primary);}
.common-pageBG-captions h1 { font-size: 42px; line-height: 52px; margin-bottom: 5px; font-weight: 600; color:#23262E; margin-bottom: 32px;}

/* Service area CSS */
.service-area { padding: 40px 0 80px 0; }
.service-contentBox { text-align: center; background: #04978e17; padding: 20px; border-radius: 10px; }
.service-contentBox .service-images img { width: 55px; margin-bottom: 15px; }
.service-contentBox h3 { font-size: 20px; line-height: 30px; margin-bottom: 5px; }
.service-contentBox p { font-size: 16px; line-height: 26px; margin-bottom: 15px; color: #585858; }

/* about-us-area */
.about-us-area { padding-bottom: 80px; }
.about-warpper{
  margin-bottom: 50px;
}
.about-warpper .section-title{text-align: start;}
.about-warpper p { font-size: 16px; line-height: 24px; letter-spacing: -1%;margin-bottom: 12px;color: #686F86;}
.about-warpper blockquote p{font-size: 18px; line-height: 28px; font-weight: 700; color:#F86C41; font-style: italic;}
.about-writer {
  gap: 15px;
  display: flex;
  margin-top: 20px;
  align-items: center;
}
.about-writer img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.about-writer .about-writer-content h5 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  color: #23262E;
  font-family: "DM Sans", sans-serif;
}
.about-writer .about-writer-content p{
  font-size: 14px;
  line-height: 22px;
  color: #686F86;
  margin-bottom: 0;
  font-weight: 600;
  letter-spacing: -1%;
}

/* Counter Area CSS */
.Counter-area { 
  background: #B96348;
  background-repeat: no-repeat; background-position: center; background-size: cover; padding: 70px 0px; position: relative; z-index: 1; margin-bottom: 80px; }
.counter-box-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--primary); opacity: 0.9; z-index: -1; }
.counter-box-wrap { 
  margin-bottom: 24px;
  width: 100%;
}
.Counter-area .count-items .col-lg-6:nth-last-child(-n+2) .counter-box-wrap{
  margin-bottom: 0;
}
.Counter-area .count-content{
  position: relative;
  z-index: 999999;
}
.Counter-area .count-content img{
  position: absolute;
    left: -85px;
    top: -122px;
    width: 282px;
}
.Counter-area .count-content h3{
  font-size: 42px;
  line-height: 60px;
  color: var(--white-color);}
/* .counter-box-wrap i { font-size: 32px; color: #fff; margin: 10px; background: #006a64; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; } */
.counter-box-wrap h5 { font-size: 36px; line-height: 46px; color: #fff; margin: 10px 0 5px 0; }
.counter-box-wrap p { color: #fff;font-size: 18px;
  line-height: 28px; font-weight: 200;}

/* Campaigns CSS Start */
.campaigns-area{
  background: #B96348;
  padding: 70px 0px;
  position: relative;
  /* margin-bottom: 80px; */
}
.campaigns-area .section-title{
  margin-bottom: 40px;
}
.campaigns-area .section-title h2{
  color: var(--white-color);
}
.campaigns-area .section-title p{
  color: #dfdfdf;
}
.campaigns-wrapper{position:relative;}
.big-campaigns-sec {
  padding-top: 10px;
}
.campaigns-wrapper .col-md-6 .campaigns-items.campaigns-list:last-child{
  margin-bottom: 0;
}

.big-campaigns-sec .campaigns-content h2{
   height: 68px;
}
.campaigns-media img{
  border-radius: 10px;
  aspect-ratio: 1.29;
  object-fit: cover;
}
.campaigns-big .campaigns-media img{
  aspect-ratio: 1.76;
  object-fit: cover;
}
.campaigns-items{
  background-color: var(--white-color);
  padding: 18px;
  border-radius: 10px;
}
.campaigns-items p{
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -1%;
  color: #F86C41;
  margin-bottom: 10px;
}
.campaigns-items p:last-child{
  margin-bottom: 0;
}
.campaigns-items{
  background-color: #FFFFFF;
  padding: 20px 20px 20px 20px;
  border-radius: 12px;
}
.campaigns-items.campaigns-list{
  /* background-color: #FFFFFF;
  padding: 16px 24px 16px 16px;
  border-radius: 12px; */
  margin-bottom: 20px;
}
.campaigns-list .campaigns-items{
  margin-bottom: 24px;
}
/* .campaigns-items:hover .campaigns-content h2{
  color: var(--primary);
} */
.campaigns-content h2 {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -1%;
  font-weight: 600;
  color: #23262E;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* .campaigns-big .campaigns-items .campaigns-media img{
  aspect-ratio: 1.87;
} */
.campaigns-list .campaigns-content h2{
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -1;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.campaigns-list .campaigns-content p{
  color: var(--primary);
}
/* .campaigns-wrapper .big-campaigns-sec{background:#000;}
.campaigns-wrapper .big-campaigns-sec .card-content{width:100%;bottom:0;position:absolute;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85) 80%);z-index:10;padding:25px 20px 10px;}
.campaigns-wrapper .big-campaigns-sec .card-content h2{line-height:32px;font-size:26px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.campaigns-wrapper:hover .card-content h2{color:var(--Seconday);}
.latest-campaigns-sec .campaigns-media{overflow:hidden;}
.campaigns-media img{transition:transform .5s;}
.latest-campaigns-sec .campaigns-media img{aspect-ratio:1.57;object-fit:cover;object-position:center;width:100%;}
.campaigns-wrapper:hover .campaigns-media img{transform:scale(1.1);transition:all 0.3s ease-out;overflow:hidden;}
.sm-campaigns-wrapper:hover .campaigns-media img{transform:scale(1.1);}
.sm-campaigns-wrapper{margin-bottom:15px;}
.campaigns-media{overflow:hidden;}
.latest-campaigns-sec .card-content-type{font-size:17px;line-height:25px;margin-bottom:6px;}
.latest-campaigns-sec .card-title{font-size:24px;font-weight:600;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.sm-campaigns-wrapper:hover .card-content h2{color:var(--Seconday);} */
/* Campaigns End */

/* Blindness-we-cure Area CSS */
.blindness-we-cure-sec{
  background: #23262E;
  padding: 64px 0px;
  position: relative;
}
.blindness-we-cure-sec .section-title h2{
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.blindness-we-cure-sec .section-title p{
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  font-weight: 200;
  margin-top: 0;
}
.blindness-we-cure-top{
  margin-bottom: 72px;
}
.blindness-we-cure-wrapper{
  position: relative;
}
.blindness-we-cure-sec .blindness-position-img1{
  position: absolute;
  top: 0;
  right: -40px;
}
.blindness-we-cure-sec .blindness-position-img2{
  position: absolute;
  bottom: 0;
  left: -82px;
}
.blindness-we-cure-items-list {
    margin-bottom: 40px;
}

.blindness-we-cure-items .blindness-we-cure-items-list h4{
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  border-bottom: 2px solid #3b3e46;
  padding-bottom: 18px;
  margin-bottom: 18px;
  font-weight: 500;
}
.blindness-we-cure-items .blindness-we-cure-items-list h3{
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  margin-bottom: 12px;
  font-weight: 500;
}
.blindness-we-cure-items .blindness-we-cure-items-list:hover h4{
  color: var(--primary);
   border-bottom: 2px solid var(--primary);
    transition: all 0.3s ease-out;
}
.blindness-we-cure-items .blindness-we-cure-items-list:hover .lMore-btn a{
  color: var(--primary);
    transition: all 0.3s ease-out;
}
.blindness-we-cure-items .blindness-we-cure-items-list:hover .lMore-btn a > i{
  color: var(--primary);
  transition: all 0.3s ease-out;
}

.blindness-we-cure-items .blindness-we-cure-items-list p{
  margin-bottom: 28px;
  font-size: 14px;
  line-height: 24px;
  color: #adadad;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.blindness-we-cure-items .blindness-we-cure-items-list .lMore-btn{
  line-height: 0;
}
.blindness-we-cure-items .blindness-we-cure-items-list .lMore-btn a{
  font-size: 13px;
  line-height: 23px;
  color: #686F86;
}
.blindness-we-cure-items .blindness-we-cure-items-list .lMore-btn a > i{
  font-size: 11px;
  padding-left: 5px;
    color: #686F86;
}

/* Our Impacts Area CSS */
.our-impact-global{
  padding: 56px 0;
  background: #FFE3DB;
}
.our-impact-global .section-title{
  margin-bottom: 56px;
}
.our-impact-global-list .our-impact-global-list-items{
  border-left: 3px solid var(--primary);
  padding-left: 20px;
  margin-bottom: 40px;
}
.our-impact-global-list .our-impact-global-list-items-title{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.our-impact-global-list .our-impact-global-list-items-title img{
  width: 24px;
  height: 24px;
}
.our-impact-global-list .our-impact-global-list-items-title p{
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.our-impact-global-list-items h5{
  font-size: 24px;
  line-height: 34px;
}


/* About Page Area CSS */
.about-pageAll-area {
    margin-top: 72px;
}
.about-pageTop-area {
    margin-bottom: 72px;
}
.about-pageTop-area .about-patient-treatment{
  display: flex;
  margin-top: 22px;
}
.about-page-warpper .about-page-img{
  position: relative;
}
/* .about-page-warpper .about-page-img::before{
    position: absolute;
    content: "";
    left: 6px;
    bottom: -6px;
    width: 100%;
    height: 100%;
    border: 2px solid var(--primary);
    border-radius: 24px;
    background: var(--primary);
} */
.about-page-warpper .about-page-img img{
  z-index: 0;
  position: relative;
  border-radius: 20px;
  width: 100%;
}
.about-pageTop-area .about-patient-treatment .about-patient-treatment-content h5{
  font-size: 24px;
  line-height: 34px;
  color: var(--primary);
}
.about-pageTop-area .about-patient-treatment .about-patient-treatment-content p{
  font-size: 20px;
  line-height: 30px;
  color: #454B5F;
  margin-bottom: 0;
}
.about-pageTop-area .about-patient-treatment .about-patient-treatment-content{
  border-right: 1px solid #C0C6CE;
  padding-right: 60px;
  margin-right: 60px;
}
.about-pageTop-area .about-patient-treatment .about-patient-treatment-content:last-child{
  border-right: unset;
}

.about-page-warpper .section-title {
    text-align: start;
}
.about-page-warpper .about-page-contentAll p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    margin-bottom: 12px;
    color: #686F86;
}
.about-page-secBG{
  background: #FFF7F2;
  padding: 72px 0;
  margin-bottom: 64px;
}
.about-page-story .about-page-story-wrapper{
  text-align: center;
}
.about-page-secBG .about-page-story-wrapper h5{
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 16px;
}
.about-page-secBG .about-page-story-wrapper p{
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 60px;
  color: #686F86;
}
.about-page-story-wrapper .about-page-story-video{
  width: 80%;
  margin: auto;
  position: relative;
  border-radius: 20px;
  margin-bottom: 80px;
}
.about-page-story-wrapper .about-page-story-video img{
  border-radius: 20px;
  z-index: 0;
  position: relative;
}
.about-page-story-wrapper .about-page-story-video::before{
    position: absolute;
    content: "";
    left: 6px;
    bottom: -6px;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-radius: 24px;
    background: #000;
}
.about-page-story-video-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  line-height: 56px;
}
.about-page-story-video-icon img {
  border-radius: 50%;
}
.about-page-story-wrapper .about-page-story-video::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../media/imgAll/bg/overlay.png);
  border-radius: 20px;
}
.about-page-story .why-choose-app{
  background: #FFE3DB;
  padding: 48px;
  border-radius: 20px;
}
.about-page-story .why-choose-app .section-title{
  margin-bottom: 48px;
}
.about-page-story .why-choose-app .why-choose-app-items{
  text-align: center;
}
.about-page-story .why-choose-app .why-choose-app-items img{
  width: 52px;
  height: 52px;
  border-radius: 10px;
  margin-bottom: 24px;
}
.about-page-story .why-choose-app .section-title h2{
  font-size: 36px;
}
.about-page-story .why-choose-app .why-choose-app-items h4{
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.about-page-story .why-choose-app .why-choose-app-items p{
  font-size: 15px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #686F86;
}
.about-user-shared-area .section-title{
  margin-bottom: 40px;
}
.about-user-shared-area .section-title h2{
  font-size: 42px;
}
.about-user-shared-area .about-user-shared-items{
  border: 1px solid #E3E8F0;
  box-shadow: rgb(50 50 93 / 5%) 0px 2px 5px -1px, rgb(0 0 0 / 10%) 0px 1px 3px -1px;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 16px;
  width: 100%;
}
.about-user-shared-area .about-user-shared-items:hover{
  border: 1px solid var(--primary);
  transition: 0.3s;
}
.about-user-shared-area .col-lg-4:nth-last-child(-n+3) .about-user-shared-items{
  margin-bottom: unset;
}
.about-user-shared-area .about-user-shared-items p{
  font-size: 16px;
  line-height: 26px;
  color: #23262E;
  height: 102px;
  overflow: hidden;
}
.about-user-shared-ppl{
  gap: 15px;
  display: flex;
  margin-top: 22px;
  align-items: center;
}
.about-user-shared-ppl img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.about-user-shared-ppl .about-user-shared-ppl-content h5 {
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  color: #23262E;
  font-family: "DM Sans", sans-serif;
}
.about-user-shared-ppl .about-user-shared-ppl-content p{
  font-size: 14px;
  line-height: 22px;
  color: #686F86;
  margin-bottom: 0;
  letter-spacing: -1%;
  height: unset;
}
.usershared-slider .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
}


.slick-dots li button::before{content:unset;}
.slick-dots{padding:0;text-align:center;position:absolute;bottom: -34px;left:50%;transform:translateX(-50%);}
.slick-dots li{margin: 0 5px;position:relative;display:inline-block;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;padding:0px;cursor:pointer;color:transparent;outline:none;background:var(--primary);opacity:0.5;border-radius: 5px;
    width: 22px;
    height: 4px;}
.slick-dots li.slick-active button{opacity:1 !important;}
.usershared-slider .priv_arrow{position:absolute;left:-34px;;top:45%;z-index:1;transition:all 0.3s ease;color:var(--Seconday);cursor:pointer;}
.usershared-slider .priv_arrow i{font-size: 22px;
    color: var(--primary);
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #FFF7F2;
    text-align: center;
     border-radius: 2px;
  }
    
.usershared-slider .next_arrow{position:absolute;right:-34px;top:45%;z-index:1;transition:all 0.3s ease;color:var(--Seconday);cursor:pointer;}
.usershared-slider .next_arrow i{    font-size: 22px;
    color: var(--primary);
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #FFF7F2;
    text-align: center;
    border-radius: 2px;
  }

section.about-user-shared-area {
    margin-bottom:84px;
}
.pagination,
.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.pagination {
  margin-bottom: 64px;
}

.pagination .btn-nav,
.pagination .btn-page {
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.pagination .btn-nav {
    width: 24px;
    height: 24px;
    border: unset;
    color: #686F86;
    line-height: 16px;
}
.pagination .btn-page {
  border: none;
  width: 24px;
  height: 24px;
  font-size: 15px;
  color: #686F86;
}

.pagination .btn-selected {
  background-color: var(--primary);
  color: #fff;
}

/* Event Page Area */
.campaigns-event-page-area{
  margin-bottom: 56px;
}
.campaigns-event-page-area .campaigns-area{
  padding: 48px 0;
  margin-bottom: 56px;
}
.eventAll-items{
  padding: 8px;
  border: 1px solid #E3E8F0;
  box-shadow: rgb(50 50 93 / 5%) 0px 2px 5px -1px, rgb(0 0 0 / 10%) 0px 1px 3px -1px;
  border-radius: 14px;
  margin-bottom: 20px;
}
.eventAll-items:hover{
  border: 1px solid var(--primary);
  transition: 0.3s;
}
.eventAll-items img{
  border-radius: 10px;
  margin-bottom: 16px;
  width: 100%;
  aspect-ratio: 1.83;
}
.eventAll-items h5{
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.eventAll-items p{
  font-size: 15px;
  line-height: 25px;
  color: #686F86;
}

/* Event Details Page */
.go-backBtn .btn{
  border: 1px solid #C0C6CE;
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 8px 15px;
  font-size: 14px;
  color: #454B5F;
  font-weight: 600;
}
.go-backBtn .btn i{
    font-size: 14px;
    color: #454B5F;
    margin-right: 6px;
}
.go-backBtn .btn:hover{
  background: #FFE3DB;
    border: 1px solid var(--primary);
    color: var(--primary);
    transition: 0.3s;
}
.go-backBtn .btn:hover i{
  color: var(--primary);
  transition: 0.3s;
}
.event-details-wrapper .event-details-left{
  margin-bottom: 56px;
}
.event-details-wrapper .event-details-left h5{font-size:24px;line-height:34px;font-weight:600;margin: 32px 0 5px 0;}
.event-details-wrapper .event-details-left span{font-size:14px;line-height:20px;color:#bb2736;margin-bottom:10px;}
.event-details-wrapper .event-details-left ul{padding-left:13px;}
.event-details-wrapper .event-details-left li{font-size:15px;line-height:21px;margin-bottom:7px;color:#666;}
.event-details-wrapper .event-details-left img{width:100%;border-radius: 10px;}
.event-details-wrapper .event-details-left p{font-size:18px;line-height:28px;color: #686F86;font-weight: 300;margin-bottom: 20px;}
.events-widget{padding:24px;border:1px solid #E3E8F0;margin-bottom:20px;border-radius: 10px;background: #F8F9FB;}
.events-widget .events-widget-items{border-bottom: 1px solid #C0C6CE;padding-bottom: 14px;margin-bottom: 14px;}
.events-widget .events-widget-items:last-child{border-bottom: unset;padding-bottom: unset;margin-bottom: unset;}
.events-widget h4{font-size:18px;line-height:28px;font-weight:500;}
.events-widget p{color: #868686;;font-size:16px;line-height:26px;margin-bottom: 2px;}
.events-widget p > a{text-decoration:underline;color:#777;}
.events-widget p > a:hover{color:#bb2736;}
.event-gallary-items{margin-top:20px;}
.event-gallary-items .event-gallary-info{margin-bottom:24px;}
.event-gallary-items .event-gallary-info img{aspect-ratio:1.27;object-fit:cover;object-position:center;width:100%;}
.fancybox__container { z-index: 99999999 !important; }

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  /* max-width: 600px; */
}

.gallery-grid a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.gallery-grid img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.overlay-box .overlay-text {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  padding: 8px 12px;
  border-top-left-radius: 8px;
  width: 100%;
  height: 100%;
}
.overlay-box .overlay-text p{
 font-size: 36px;
 line-height: 45px;
 color: #fff;
 font-weight: 600;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Campaigns Page CSS */
.campaigns-page-area{
  margin-bottom: 56px;
}
.campaigns-page-area .campaigns-page-tabs{
  margin: 40px 0;
}
.campaigns-page-area .campaigns-page-tabs .nav-pills .nav-link{
  padding: 12px 18px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  border: 1px solid #C0C6CE;
  color: #454B5F;
}
.campaigns-page-area .campaigns-page-tabs .nav-pills .nav-link.active{
  background: var(--primary);
  border: 1px solid var(--primary);
  color: #fff;
}
.campaigns-page-area .campaigns-page-tabs .nav-pills .nav-link:hover{
  background: #FFE3DB;
  color: var(--primary);
  border: 1px solid var(--primary);
  transition: 0.3s;
}
.campaigns-page-area .campaigns-page-tabs .nav-pills .nav-link.active:hover{
  background: #1e1e1e;
  color: #fff;
  transition: 0.3s;
}
.campaigns-page-area .campaigns-page-tabs .nav{
  justify-content: center;
  gap: 12px;
}
.campaigns-page-area .eventAll-items span{
  padding: 3px 8px;
  color: #fff;
  border-radius: 20px;
  font-size: 15px;
}
.campaigns-page-area .eventAll-items h5{
  margin-top: 8px;
}
.campaigns-page-area .eventAll-items .up-C{
  background: var(--primary);
}
.campaigns-page-area .eventAll-items .up-O{
  background: #3769D1;
}
.campaigns-page-area .eventAll-items .Compl{
  background: #369869;
}
.campaigns-page-area .eventAll-list{
  margin-top: 56px;
}

/* Contact Page CSS */
.contact-page-wrapper{
  background: #FFE3DB;
  padding: 56px 0;
  margin-bottom: 56px;
}
.contact-itemBox{
  background: #fff;
  padding: 28px 32px;
  border-radius: 12px;
  width: 100%;
}
.contact-itemBox h5{
  font-size: 20px;
  line-height: 30px;
  color: #23262E;
  margin-bottom: 8px;
}
.contact-itemBox p{
  font-size: 16px;
  line-height: 26px;
  color: #686F86;
  margin-bottom: 18px;
}
.contact-itemBox ul{
  list-style: none;
  padding-left: 0;
  margin-bottom: 18px;
}
.contact-itemBox ul li{
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
}
.contact-itemBox ul li > a{
  color: var(--primary);
}
.contact-itemBox ul li > img{
  margin-right: 12px;
}
.contact-itemBox ul:last-child{
  margin-bottom: unset;
}

/* FAQ CSS */
.FAQ-wrapper {
margin-bottom: 56px;
}
.FAQ-content-items {
    border: 1px solid #C0C6CE;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: 48px;
    position: relative;
}

    .accordion-button:not(.collapsed) {
      color: #23262E;
      background-color: #fff;
      box-shadow: unset;
      padding-bottom: 2px;
    }
    .accordion-item:first-of-type {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
  .accordion-item:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
    .accordion-item:last-of-type .accordion-button.collapsed{
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
    }
    .accordion-item:first-of-type .accordion-button{
      border-radius: 10px 10px 0 0;
    }
    .accordion-item:last-of-type .accordion-button{
      border-radius: 10px 10px 0 0;
    }
    .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
    .accordion-item:last-of-type .accordion-button:not(.collapsed) {
    border-radius: 0;
}
    .accordion-item {
    border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1;
    }
    .accordion-item:hover{
      border-bottom: 1px solid var(--primary);
      transition: 0.3s;
    }
    .accordion-button {
      font-weight: 500;
      font-size: 18px;
      color: #686F86;
    }
  .accordion-button:not(.collapsed)::after{
    /* background-image: url(../../media/imgAll/bg/chevron-up.png); */
    /* transform: unset; */
    background-image: unset;
    color: var(--primary);
    line-height: 18px;
    font-size: 16px;

  }
.accordion-button::after{
  background-image: unset;
  content: '\f078';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-display: block;
  line-height: 18px;
  font-size: 16px;
}

.accordion-body{
  padding-top: 0;
}
.accordion-body p{
  font-size: 16px;
  line-height: 26px;
  color: #686F86;
}
.accordion-button:focus{
    border-color: unset;
    outline: 0;
    box-shadow:unset;
}
.FAQ-content-position-img1{
  position: absolute;
    top: -94px;
    right: -105px;
}
.FAQ-content-position-img2{
  position: absolute;
  bottom: 60px;
  left: -130px;
}

/* Contact Form */
.contact-form-wrapper{
  padding: 56px 0;
}
.contact-form-wrapper .contact-form{
  margin-top: 48px;
}
.contact-form input, .contact-form textarea {
  padding: 10px 10px;
  border-color: #C0C6CE;
  border-radius: 10px;
}
.form-control:focus{
  border-color: var(--primary);
  box-shadow: unset;
}
.contact-form input::placeholder {
  font-size: 16px;
  color: #969CB1;
}
.contact-form label{
  font-size: 16px;
  line-height: 26px;
  color: #000;
}
.submit-btn .btn{
  font-size: 16px;
  color: #fff;
  padding: 10px 18px;
  margin-top: 20px;
  display: inline-block;
  background: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 12px;
}
.contact-form-wrapper .section-title p{
  color: #686F86;
}

/* Footer */
.footer-area { position: relative; display: block; padding: 60px 0px 0px; z-index: 1; background-color: #23262E; }
.FLogo img { width: 273px;}
.logoWrap p { font-size: 16px; line-height: 26px;color: #fff;margin-top: 24px; }
.Footer-Title { font-size: 18px; color: #fff; margin-bottom: 12px;font-weight: 400;}
.FooterAbout p { font-size: 15px; line-height: 23px; padding: 15px 0; color: #efefef; }
.footer-content ul { padding-left: 0; }
.footer-content ul li { font-size: 15px; list-style: none; padding-bottom: 10px; }
.footer-content ul li a { color: #C0C6CE; }
.DFooterTop a { display: block; }
.contactInfo p{display: flex; gap: 10px; align-items: center;margin-bottom: 12px; }
.contactInfo p > a{
  color: #C0C6CE;font-size: 15px; 
}
.FSocialLink ul { list-style: none; padding-left: 0; display: flex; gap: 16px;margin-bottom: 0; }
.FSocialLink ul li a { font-size: 20px;color:#AEB6CE; }
/* .FSocialLink ul li a:hover { color: var(--Seconday); transition: 0.3s; } */
.footer-bottom {
    border-top: 1px solid #3d414e;
    padding: 16px 0;
}
.footer-bottom-text p{
  font-size: 16px;
  color:#AEB6CE; 
}
.footer-bottom-text p > a{
  font-size: 15px;
  color:#AEB6CE; 
}

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .loginBTN.for-MB{
    display: block;
  }
  .logo img {width: 182px; }
  .navbar-collapse .nav-item{
    margin-bottom: 20px;
  }
  .logo img {width: 182px; }
  .loginBTN .btn{ margin-left: 15px; }
  .header-top{ display: none; }
   .loginBTN.for-MB{
    display: block;
  }
  .loginBTN.mobile-hide{
    display: none;
  }
   .menuAll-items{
    display: none;
   }
  .toggle-menu{
    display: block;
  }
  .hero-captions h5 { font-size: 24px; line-height: 34px; }
  .hero-captions h1 { font-size: 36px; line-height: 46px; }
  .hero-captions p{font-size: 15px; line-height: 25px; color: #454B5F; }
  .hero-content-img{
    display: none;
  }

  /* Hero Area */
  .hero-area{
     background-position: left;
  }
  .hero-bg-position-img{
    display: none;
  }
  .hero-captions .hero-content .hero-content-top{
    padding:48px 0 32px 0;
  } 
   .hero-img-fluid{
    display: none!important;
  }
  .hero-img-fluid2{
    display: block!important;
  }
  .Counter-area .count-content img{
    display: none;
  }
  .Counter-area{
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .Counter-area .count-content h3{
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    font-weight: 500;
  }
  .count-content{
    margin-bottom: 25px;
  }
  .counter-box-wrap h5{
    font-size: 24px;
    line-height: 36px;
  }
  .counter-box-wrap p {
    font-size: 15px;
    line-height: 25px;
}
.counter-box-wrap{
  text-align: center;
  margin-bottom: 32px;
}
.section-title h2{
    font-size: 24px;
    line-height: 34px;
}
.section-title p{
  font-size: 16px;
  line-height: 26px;
}
.about-warpper p{
    font-size: 15px;
    line-height: 25px;
}
.about-warpper span{
   font-size: 16px;
    line-height: 26px;
}
.about-contentAll{
  margin-bottom: 40px;
}
.about-warpper{
  margin-bottom: 40px;
}
.about-us-area{
  padding-bottom: 0;
}
.campaigns-area{
  padding: 40px 0;
}
.campaigns-area .section-title{
  margin-bottom: 32px;
}
.campaigns-items{
  margin-bottom: 16px;
}
.campaigns-items.campaigns-list:last-child{
  margin-bottom: 0;
}
.campaigns-list .campaigns-content{
  padding-top: 10px;
}
.blindness-we-cure-sec .blindness-position-img1{
  display: none;
}
.blindness-we-cure-sec .blindness-position-img2{
  display: none;
}
.blindness-we-cure-sec{
  padding: 40px 0;
}
.blindness-we-cure-sec .section-title h2{
  font-size: 24px;
  line-height: 34px;
}
.blindness-we-cure-top{
  margin-bottom: 40px;
}
.blindness-we-cure-items .blindness-we-cure-items-list .lMore-btn{
  display: none;
}
.blindness-we-cure-items .blindness-we-cure-items-list{
 margin-bottom: 40px;
}
.blindness-we-cure-items .col-lg-4:last-child .blindness-we-cure-items-list{
  margin-bottom: 0;
}
.our-impact-global{
  padding: 40px 0;
}
.our-impact-global-wrap .our-impact-global-map-img{
  margin-bottom: 32px;
}
.our-impact-global-list-items:last-child{
  margin-bottom: unset;
}
.footer-area{
  padding: 32px 0 0 0;
}
.logoWrap{
  text-align: center;
  margin-bottom: 40px;
}
.footer-area .col-lg-2.col-6.justify-content-end{
  justify-content: start!important;
}
.footer-bottom{
  text-align: center;
}
.footer-bottom .footer-bottom-text{
  margin-bottom: 12px;
}
.footer-bottom .justify-content-end{
  justify-content: center!important;
}
.footer-area .col-lg-4.col-12.justify-content-end{
  justify-content: start!important;
}

/* About Us page */
.common-pageBG-area{
   background-position: right;
}
.common-pageBG-area .common-pageBG-content-top{
  padding: 48px 0;
  margin-bottom: 0;
}
.common-pageBG-position-img{
  display: none;
}
.common-pageBG-captions h5{
  font-size: 24px;
  line-height: 34px;
}
.common-pageBG-captions h1{
  font-size: 36px;
  line-height: 46px;
}
/* Others Page */
.about-pageAll-area{
  margin-top: 40px;
}
.about-page-contentAll{
  margin-top: 40px;
  text-align: center;
}
.about-page-warpper .section-title{
  text-align: center;
}
.about-pageTop-area .about-patient-treatment{
  display: block;
}
.about-pageTop-area .about-patient-treatment .about-patient-treatment-content{
  border-right: unset;
  margin-right: 0;
  padding-right: 0;
}
.about-patient-treatment-content{
  margin-bottom: 16px;
}
.about-pageTop-area{
  margin-bottom: 40px;
}
.about-page-secBG{
  padding: 40px 0;
}
.about-page-secBG .about-page-story-wrapper h5{
  font-size: 24px;
  line-height: 34px;
}
.about-page-secBG .about-page-story-wrapper p{
  margin-bottom: 24px;
}
.about-page-story-wrapper .about-page-story-video{
  width: 100%;
  margin-bottom: 40px;
}
.about-page-story .why-choose-app{
  padding: 20px 10px;
}
.about-page-story .why-choose-app .why-choose-app-items img{
  margin-bottom: 16px;
}
.why-choose-app-items{
  margin-bottom: 20px;
}
.about-page-story .why-choose-app .col-lg-4:last-child .why-choose-app-items{
  margin-bottom: 0;
}
.about-page-story .why-choose-app .why-choose-app-items h4{
  font-size: 16px;
  line-height: 26px;
}
.about-user-shared-area .col-lg-4:nth-last-child(-n+3) .about-user-shared-items {
    margin-bottom: 16px;
}
.about-user-shared-area .col-lg-4:nth-last-child(-n+2) .about-user-shared-items {
    margin-bottom: unset;
}

/* Contact Page */
.contact-itemBox{
  margin-bottom: 16px;
}
.contact-page-wrapper .col-lg-4:nth-last-child(-n+1) .contact-itemBox{
  margin-bottom: 0;
}
.FAQ-content-position-img1{
  display: none;
}
.FAQ-content-position-img2{
  display: none;
}
.FAQ-content-items{
  margin-top: 24px;
}
}

/* Extra small Device. */
@media (max-width: 767px) {
  .navbar-collapse .nav-item{
    margin-bottom: 20px;
  }
  .logo img {width: 164px; }
  .loginBTN .btn{ margin-left: 15px; }
  .header-top{ display: none; }
   .loginBTN.for-MB{
    display: block;
  }
  .loginBTN.mobile-hide{
    display: none;
  }
   .menuAll-items{
    display: none;
   }
  .toggle-menu{
    display: block;
  }
  .hero-captions h5 { font-size: 24px; line-height: 34px; }
  .hero-captions h1 { font-size: 36px; line-height: 46px; }
  .hero-captions p{font-size: 15px; line-height: 25px; color: #454B5F; }
  .hero-content-img{
    display: none;
  }

  /* Hero Area */
  .hero-area{
     background-position: left;
  }
  .hero-bg-position-img{
    display: none;
  }
  .hero-captions .hero-content .hero-content-top{
    padding:48px 0 32px 0;
  } 
   .hero-img-fluid{
    display: none!important;
  }
  .hero-img-fluid2{
    display: block!important;
  }
  .Counter-area .count-content img{
    display: none;
  }
  .Counter-area{
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .Counter-area .count-content h3{
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    font-weight: 500;
  }
  .count-content{
    margin-bottom: 25px;
  }
  .counter-box-wrap h5{
    font-size: 24px;
    line-height: 36px;
  }
  .counter-box-wrap p {
    font-size: 15px;
    line-height: 25px;
}
.counter-box-wrap{
  text-align: center;
  margin-bottom: 32px;
}
.section-title p{
  font-size: 16px;
  line-height: 26px;
}
.about-warpper p{
    font-size: 15px;
    line-height: 25px;
}
.about-warpper span{
   font-size: 16px;
    line-height: 26px;
}
.about-contentAll{
  margin-bottom: 40px;
}
.about-warpper{
  margin-bottom: 40px;
}
.about-us-area{
  padding-bottom: 0;
}
.campaigns-area{
  padding: 40px 0;
}
.campaigns-area .section-title{
  margin-bottom: 32px;
}
.campaigns-items{
  margin-bottom: 16px;
}
.campaigns-items.campaigns-list:last-child{
  margin-bottom: 0;
}
.campaigns-list .campaigns-content{
  padding-top: 10px;
}
.blindness-we-cure-sec .blindness-position-img1{
  display: none;
}
.blindness-we-cure-sec .blindness-position-img2{
  display: none;
}
.blindness-we-cure-sec{
  padding: 40px 0;
}
.blindness-we-cure-sec .section-title h2{
  font-size: 24px;
  line-height: 34px;
}
.blindness-we-cure-top{
  margin-bottom: 40px;
}
.blindness-we-cure-items .blindness-we-cure-items-list .lMore-btn{
  display: none;
}
.blindness-we-cure-items .blindness-we-cure-items-list{
 margin-bottom: 40px;
}
.blindness-we-cure-items .col-lg-4:last-child .blindness-we-cure-items-list{
  margin-bottom: 0;
}
.our-impact-global{
  padding: 40px 0;
}
.our-impact-global-wrap .our-impact-global-map-img{
  margin-bottom: 32px;
}
.our-impact-global-list-items:last-child{
  margin-bottom: unset;
}
.footer-area{
  padding: 32px 0 0 0;
}
.logoWrap{
  text-align: center;
  margin-bottom: 40px;
}
.footer-area .col-lg-2.col-6.justify-content-end{
  justify-content: start!important;
}
.footer-bottom{
  text-align: center;
}
.footer-bottom .footer-bottom-text{
  margin-bottom: 12px;
}
.footer-bottom .justify-content-end{
  justify-content: center!important;
}
.footer-area .col-lg-4.col-12.justify-content-end{
  justify-content: start!important;
}

/* About Us page */
.common-pageBG-area{
   background-position: right;
}
.common-pageBG-area .common-pageBG-content-top{
  padding: 48px 0;
  margin-bottom: 0;
}
.common-pageBG-position-img{
  display: none;
}
.common-pageBG-captions h5{
  font-size: 24px;
  line-height: 34px;
}
.common-pageBG-captions h1{
  font-size: 36px;
  line-height: 46px;
}
/* Others Page */
.about-pageAll-area{
  margin-top: 40px;
}
.about-page-contentAll{
  margin-top: 40px;
  text-align: center;
}
.about-page-warpper .section-title{
  text-align: center;
}
.about-pageTop-area .about-patient-treatment{
  display: block;
}
.about-pageTop-area .about-patient-treatment .about-patient-treatment-content{
  border-right: unset;
  margin-right: 0;
  padding-right: 0;
}
.about-patient-treatment-content{
  margin-bottom: 16px;
}
.about-pageTop-area{
  margin-bottom: 40px;
}
.about-page-secBG{
  padding: 40px 0;
}
.about-page-secBG .about-page-story-wrapper h5{
  font-size: 24px;
  line-height: 34px;
}
.about-page-story-wrapper .about-page-story-video{
  width: 100%;
  margin-bottom: 40px;
}
.about-page-story .why-choose-app .why-choose-app-items img{
  margin-bottom: 16px;
}
.why-choose-app-items{
  margin-bottom: 20px;
}
.about-page-story .why-choose-app .col-lg-4:last-child .why-choose-app-items{
  margin-bottom: 0;
}
.about-user-shared-area .col-lg-4:nth-last-child(-n+3) .about-user-shared-items {
    margin-bottom: 16px;
}
.about-user-shared-area .col-lg-4:nth-last-child(-n+1) .about-user-shared-items {
    margin-bottom: unset;
}

/* Contact Page */
.contact-itemBox{
  margin-bottom: 16px;
}
.contact-page-wrapper .col-lg-4:nth-last-child(-n+1) .contact-itemBox{
  margin-bottom: 0;
}
.FAQ-content-position-img1{
  display: none;
}
.FAQ-content-position-img2{
  display: none;
}
.FAQ-content-items{
  margin-top: 24px;
}
.usershared-slider .slick-list{margin-left:-10px;margin-right:-10px;padding:0 20% 0 0;}
.usershared-slider .next_arrow{right: 0%;
        top: 40%;}
.usershared-slider .priv_arrow{left: 0%;
        top: 40%;}

.usershared-slider .next_arrow i{
  background: unset;
  width: unset;
  height: unset;
}
.usershared-slider .priv_arrow i{
  background: unset;
    width: unset;
  height: unset;
}

/* New Added */
.section-title h2{
  font-size: 24px;
  line-height: 34px;
}
.about-user-shared-area .section-title h2{
    font-size: 24px;
    line-height: 34px;
}
.about-page-story .why-choose-app .section-title h2{
  font-size: 24px;
    line-height: 34px;
}
.about-page-contentAll .section-title h2{
  font-size: 24px;
  line-height: 34px;
}
.about-warpper blockquote p{
  font-size: 16px;
  line-height: 26px;
}
.about-writer .about-writer-content h5{
  font-size: 14px;
  line-height: 24px;
}
.about-writer .about-writer-content p{
  font-size: 12px;
  line-height: 22px;
}
.our-impact-global-list .our-impact-global-list-items-title p{
  font-size: 15px;
  line-height: 25px;
}
.our-impact-global-list-items h5{
  font-size: 18px;
  line-height: 28px;
}
.Footer-Title{
  font-size: 15px;
}
.contactInfo p > a{
  font-size: 14px;
}
.footer-bottom-text p > a{
  font-size: 16px;
}
.about-page-warpper .about-page-contentAll p{
  font-size: 15px;
  line-height: 25px;
}
.about-pageTop-area .about-patient-treatment .about-patient-treatment-content p{
  font-size: 16px;
  line-height: 26px;
}
.about-page-secBG .about-page-story-wrapper p{
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 25px;
}
.about-page-story .why-choose-app .why-choose-app-items h4{
  font-size: 15px;
  line-height: 25px;
}
.about-page-story .why-choose-app .why-choose-app-items p{
  font-size: 14px;
  line-height: 24px;
}
.about-page-story .why-choose-app{
  padding: 20px 10px;
}
.about-user-shared-ppl .about-user-shared-ppl-content p{
  font-size: 13px;
  line-height: 23px;
}
.event-details-wrapper .event-details-left h5{
  font-size: 18px;
  line-height: 28px;
}
.event-details-wrapper .event-details-left p{
  font-size: 15px;
  line-height: 25px;
}
.events-widget p{
  font-size: 14px;
  line-height: 24px;
}
.campaigns-page-area .campaigns-page-tabs .nav-pills .nav-link{
  padding: 8px 15px;
}
.contact-itemBox h5{
  font-size: 18px;
  line-height: 28px;
}
.contact-itemBox p{
  font-size: 15px;
  line-height: 25px;
}

.loginBTN .btn{
   padding: 6px 14px;
}
}

/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
 .logo img {
    width: 182px;
}
}