
@import url('https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,300..800;1,300..800&family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('../dist/bootstrap/css/bootstrap.min.css');


:root { 
    --primary-font:"Manrope", sans-serif;
    --secondary-font: "Playfair Display", serif;
    --gray: #212121;
    --light-gray: #17191A;
    --blue: #11366B;
    --orange: #ef7f1a;
}
body { color: var(--gray); font-family: var(--primary-font); font-weight: 400; line-height: normal; overflow-x: hidden; position: relative; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--gray); font-weight:500; text-transform: capitalize; }
h1 { font-size:43px; font-family: var(--secondary-font); }
h2 { font-size: 35px; }
p, li { color: var(--gray); font: 500 16px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.blink { -webkit-animation: blink-1 6s infinite both;animation: blink-1 6s infinite both;}

@-webkit-keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}


p a {font-weight: bold;}

.header { background: linear-gradient(0deg,rgba(0, 0, 0, 0) 12%, rgb(8, 10, 10) 100%); height: 105px; left: 0; right: 0; top: 0; z-index: 9;position: absolute;}
.header .navbar-brand { max-width: 75px;
  margin-top: 20px; }
.smaller { background: #fff; padding-bottom: 0.5rem; position: fixed; z-index: 999; height: 85px; }
.smaller .navbar-brand { max-width:160px; }
.navbar-expand-lg .navbar-nav a.nav-link:hover {color:#565254;}
.navbar-expand-lg .navbar-nav a.nav-link { color:#fafafa; font-size: 15px; font-weight: 600; font-family: var(--primary-font);padding-right:15px; padding-left: 15px;}
.navbar-nav .nav-link:hover { color: var(--orange); }
.navbar-nav .nav-link.active { color: var(--orange); }
.navbar-nav .nav-link.show { color: var(--orange); }
.navbar-nav .position-static {position:relative !important;}
.navbar-expand-lg.smaller .navbar-nav a.nav-link {color: #212121;}
.navbar-expand-lg.smaller .navbar-nav a.nav-link {color: #212121;}
.navbar-expand-lg.smaller .navbar-nav a.nav-link.top-menu {box-shadow: 1px 3px 11px -1px #c5cacb;}
.navbar-expand-lg .navbar-nav a.nav-link.top-menu {background: #fff;color: #212121;border-radius: 5px;}
.red-contct.btn.btn-primary {background: #CC2936;padding: 6px 7px;height: 40px;width: 140px !important;font-size: 13px;min-width: auto;border-radius: 5px;justify-content: end;display: flex;line-height: 29px;font-weight: 500;}

.red-contct.btn.btn-primary img {margin-left:12px;height: 25px}
.nav-link.top-menu img {width: 20px;margin-right: 9px;}
.dropdown-toggle::after{opacity:0;opacity:0;font-size:0;border:0}
.py-banner{padding:0% 0; }
.py-banner .owl-carousel button.owl-dot {background-color: #898888;border-radius: 10px;margin:0 5px;width:14px;height:2px;}
 .py-banner .owl-carousel button.owl-dot.active {background-color: #fff;}
 .py-banner .owl-dots {position: absolute;bottom: 10px;display: flex;width:100%;left:0;justify-content: end;}

.dropdown-item {color: var(--bs-white);}
.dropdown .dropdown-menu { background-color: #00a99d; display: none; }
.dropdown:hover>.dropdown-menu, .dropend:hover>.dropdown-menu { display: block; margin-top: .1em; margin-left: .1em; }
.dropend:hover>.dropdown-menu { position: absolute; top: 0; left: 100%; }
.dropdown-item { border-bottom: 1px solid rgba(255, 255, 255, 0.25); font-size: 14px; font-weight:500; }
.dropdown-item:focus { background-color: #f8f9fa; color: #212529; }

a.nav-link {transition:transform 4s ease-in;}
a.nav-link:hover .drop {transform: rotate(-180deg);display: inline-block;}

.btn-primary{background-color:#ef7f1a;border-radius:12px;border:inherit;color:#fff;
  font:500 14px var(--primary-font);line-height:24px;min-width:163px;min-height:36px;text-transform:uppercase;padding:9px 0;}
.btn-primary:hover,.btn-primary:focus{background-color:#ef7f1a;}
.banner{clear:both;position:relative;width:100%;line-height: 0;}
.banner .overlay{height:100%;width:100%;z-index:2;display: flex;align-items: center;}
.banner .overlay::after {content: "";width:100%; height: 100%;position: absolute; top:0px; left:0;}
.banner h1{font-size:38px;text-transform:none; color:#fff;margin-bottom: 18px;}

.banner .slide-item {position: relative;}
.banner .text-banner p {color: #fff;font-size: 20px;font-weight: 400;margin-bottom: 20px;}
.banner .text-banner .bnr-btn {background: transparent;border-radius: 50px; border:2px solid #00A99D;padding:10px 15px;color: #3CF8EA;font-weight: 500;}
.banner .text-banner {position: absolute;border-radius: 20px;padding:10px 20px;top: 40%;
  left: 14%;width: 50%;text-align: left;background:url("../images/org-bnr-bg.png") no-repeat center center;max-width: 430px;}

.banner h1 span{font-size:31px}
.banner h2{font-size:23px;font-weight:200;margin-top:50%;text-transform:uppercase}
.banner .btn-light{z-index:2;position:relative;border: none;background:transparent;display:inline-flex;color:var(--bs-white);font-family:var(--primary-font);
  font-size:14px;font-weight:700;line-height:32px;text-align:left;text-indent:20px;text-transform:uppercase;width:auto;}
.curve img {width:100%;}
.banner video{height:100%;object-fit:fill;width:100vw}
.our-news {background-color: #565254;color:#fff;}
.our-news a {color:#fff;}
.our-news h3 {font-family: var(--secondary-font); font-size: 28px;color: #fff;font-weight: 500;margin-bottom: 30px;}
.news-list p {color: #fff;}
.news-btn.btn {padding: 0;margin: 0;}

.offcanvas.menu-dektop{background:#17191a}
.offcanvas-header.desk-menu-hdr{padding:9px 12px 0}
.offcanvas-body.desk-menu{padding:0 0 90px}
.menu-dsn{border-radius: 25px;
  background: #fff;
  color: #000;}
.menu-dsn img{width: 30px;
  margin-left: 10px;}
.btn:hover { color: #fff; border: none;}
.menu-dektop{width:100%!important}

 .navbar-expand-lg .navbar-nav .dropdown-menu {
   
    top: 30px;
  }
.news-list {width: 28%;}
.news-wrp {justify-content: space-between;}
.news-intr {padding: 30px 0;}

.intro-wrp {padding-top: 100px;}
.intro-badge h2 span {margin-right: 15px;}
.intro-badge h2 {margin-bottom: 40px;}

.hero-video {width: 100%;height: auto;display: block;object-fit: cover;min-height: 400px;}
.our-intro {overflow: hidden;}
.left.intro-left h5 {font-size: 14px;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;color: #00a99d;}
.left.intro-left h4 {font-size: 25px; font-weight: 600; text-transform: uppercase;  margin-bottom: 30px;  font-family: var(--secondary-font);}
.prid {margin-top: 0%;}
.left.intro-left .prid h4 {margin: 0 0px 12px 0;}
.left.intro-left .prid ul {margin:0; padding: 0;}
.left.intro-left .prid li {list-style:none;}
.left.intro-left .prid li {list-style: none;width: 31%;text-align:left;margin-top: 20px;max-width: 180px !important;
  min-width: 150px !important;
  background: #fff;
  border: 1px solid #e1dfdf;
  padding: 14px;
  border-radius: 10px;
  box-shadow: 0 2px 5px -2px #c5cacb;text-align: center;}

.offcanvas-header.desk-menu-hdr .btn-close{background:url(../images/closev.png) top center/30px no-repeat;position:relative;right:20px;top:20px;opacity:1}
.con-right.desk-right{width:100%}
.con-right.desk-right .call-footer span.small{font-size:20px}
.offcanvas-body.desk-menu .ftradrss,.offcanvas-body.desk-menu .ftreml-lft a,.offcanvas-body.desk-menu .ftreml-lft span{font-size:16px}
.offcanvas-body.desk-menu .call-footer.lst-ftrr{display:flex;column-gap:35px;width:300px}
.offcanvas-body.desk-menu .footr-wrp .download-wrap .lst-ftrr a{font-size:25px}

.left.intro-left .prid ul {margin: 0;padding: 0;display: flex;flex-wrap: wrap;column-gap: 12px;}
.prid-top p {line-height: 26px;}
.key-high{margin-top:70px;text-align:center}
.key-hd h2{color:#002283;font-size:28px}
.key-hd p{color:#757474;font-size:14px}
.disc-text-1,.disc-text-2 h3{font-family:"Playfair Display",serif;color:#fff}
.key-hd{margin-bottom:37px}
.key-text{width:22%;border-bottom:1px solid #ddd}
.key-text h4{font-size:19px}
.key-text p{font-size:14px}
.keyrow{column-gap:32px}
.discv-text{position:relative}

.disc-text-1,.disc-text-2{position:absolute;left:50%;width:100%;z-index:3;text-align:center;translate:-50% -50%;font-weight:500}
.disc-text-1{top:30%;font-size:36px;max-width:747px}
.disc-text-2{bottom:10%;max-width:1007px}
.disc-text-2 h3{font-size:66px}
.dis-one{text-align:left}
.dis-three{text-align:right}
.why-wrp{background:#fbf9f6;height:481px}
.why-text{display:flex;flex-wrap:wrap;column-gap:22px}
.why-point{width:47%;display:flex;column-gap:12px}
.why-img{position:relative;top:-50px}
.wh-text{flex:1}.wh-text h4{font-size:18px;font-weight:500}
.exl-dtl p,.wh-text p{font-size:14px}
.wh-text p{font-weight:400;margin:0}
.horiz{border-bottom:1px solid #e1e1e1;margin:40px auto}
.why-points{display:flex;align-items:center}
.explo-high{padding:80px 0}
.explo-points{position:relative;padding-bottom:21% !important;}
.ex-bottm{width:68%}
.explo-slider{position:absolute;right:0;width:70%;bottom:0;column-gap:6%;display:flex}
.exl-dtl h4,.exl-dtl p{color:#fff}
.explt-item{position:relative}
.exl-dtl{position:absolute;bottom:0;z-index:2;padding:20px}
.explt-item::after{content:"";position:absolute;top:0;left:0;width:100%;background-color:#0d09093d;height:100%;border-radius:3px}
.ex-btn.btn{background:#00a99d;font-size:13px;font-weight:500;color:#fff;border-radius:50px;  display: inline-flex;align-items: center;}
.ex-btn.btn span{margin-left:7px}
.btm-logo-high {margin-bottom: 40px;}
.btm-logo-points ul,.swiper-slide{justify-content:center;display:flex}
.btm-logo-points ul{column-gap:30px}
.btm-logo-points ul li{width:130px;list-style:none}
.swiper-slide img{width:auto!important}
.swiper{max-width:1300px;margin:0 auto}
.lst-points ul li{list-style:none}
.swiper-slide{height: 170px;align-items:center}
.img-tile-two{margin-bottom:0}
.img-tile-one,.img-tile-two{padding:0;display:flex;column-gap:15px}
.number-wrp{display:flex;justify-content:center;translate:0%;column-gap:10px;flex-wrap:nowrap;margin-top: 20px;}


.lst-points li:hover .tile-links {display: flex;color: #fff; font-weight: 600;justify-content: center;align-items: center;}
.lst-points li {position: relative;}
.lst-points li .tile-links {position: absolute;left:0;height: 100%;width: 100%;top:0%;}
.tile-links {display:none;}
.btm-logo-high .swiper-slide {border: 1px solid #e1dfdf;overflow: hidden;padding: 14px;border-radius: 10px;box-shadow:0 2px 5px -2px #c5cacb;}
.btm-logo-points .owl-carousel .owl-stage {padding: 6px 0;}
.lst-points{position:relative}
.num-points{background: #01aa9e;width:24%;padding:13px;border-radius: 8px;}
.last-wrp{background:#fff;padding-bottom:30px;background:linear-gradient(180deg,#fff 12%,#f4f4f4 92%)}
.num-points span{font-size:35px}
.num-points p{font-size:14px;font-family:"Playfair Display",serif;font-style:italic;margin:0;color: #fff;}
.num-points h5{margin:0;font-size:18px;color: #fff;}
.num-points h2{color: #fff;}
footer{background:#17191a;color:#fff}
.footr-wrp{justify-content:space-between;padding-top: 70px;}
.download-wrap{width:30%}

.ftr-email h6{color:#fff;text-transform:uppercase;font-size:14px;margin-bottom:30px}
.ftr-email h4{color:#fff;margin-bottom:24px}
.emil-npt .form-control{height:51px;border:none}
.emil-npt{position:relative}
.emil-npt .eml-btn{position:absolute;right:3px;top:3px;background-color:#00a99d;color:#fff;font-weight:600;letter-spacing:-.03rem;padding-right:5px}
.emil-npt .eml-btn span{margin-left:6px}
.ftr-social{display:flex;column-gap:8%;margin-top:50px}
.ftr-eml-text{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.ftr-eml-text p{color:#c6a75e;font-size:17px;margin:0}
.footr-wrp .download-wrap span a:hover{color:#c5c5c5}
.banner .text-banner .bnr-btn:hover{background:#00a99d;color:#fff}
.news-btn.btn:hover{color:#000}
.news-btn.btn:hover span{opacity:.6}
.ftr-socil ul li{width:38px;list-style:none;border:2px solid #525252;border-radius:50%;height:38px;display:flex;justify-content:center;align-items:center}
.emil-npt .eml-btn:hover{background:#187770}
.ftr-socil ul li a{line-height:0}
.ftr-socil ul{margin:0;padding:0;display:flex;column-gap:10px}
.eml-socl:hover img{opacity:.4}
.ftr-logo{width:90px}
.row.btm-part{margin-top:66px}
.call-footer span.small{color:#c6a75e;font-weight:500;margin-bottom:10px;display:block}

.intro-leftd {width: 41%;}
.intro-just-space {justify-content: space-between;display: flex;align-items: end;}
.intro-centr {width: 90px;padding: 0;}

.vision-left, .missio-left {display: flex;align-items: center;}
.explo-slider .owl-carousel .owl-nav button.owl-next span {position: relative;top: -2px;}
.explo-slider .owl-nav {position: absolute;top: 50%;width: 99%;display: flex;justify-content: space-between;}
.explo-slider .owl-carousel .owl-nav button.owl-next span, .explo-slider .owl-carousel .owl-nav button.owl-prev span {position: relative;top: -2px;}
.explo-slider .owl-carousel .owl-nav button.owl-next, .explo-slider .owl-carousel .owl-nav button.owl-prev {
  font-size: 26px;color:#fff;border: 1px solid gray;border-radius: 50%;width: 40px;height: 40px;}
.footr-wrp .download-wrap span a {color: #fff;font-size: 15px;margin-bottom: 5px;display: inline-block;}
.ftradrss {margin: 0 0 6px 0;font-size: 15px;}
.hd-ads {display: block;color: #C6A75E;margin-bottom: 6px;}
/* .ftreml-lft {display: flex;} */
span.hd-eml {display: block ruby;color: #00A99D;}
.ftreml-lft a {color: #fff;}
.footr-wrp .download-wrap .lst-ftrr a{color:#C6A75E;font-size: 13px;}
.copy-rght {text-align: center;color: #BDBDBE;font-size: 14px;padding: 40px 0;}
.ftreml-lft a, .ftreml-lft span {font-size: 14px;}

/* home */
.prid ul img {  padding: 0;  margin: 0;height:90px; display: flex !important; align-items: center !important;}

.exl-dtl p {height: 90px ;}
.prid li {list-style: none;}
.prid  h4 {  font-size: 15px; font-weight: 600;margin-bottom: 20px; }
.left.intro-left .prid ul { margin: 0;  padding: 0;  display: flex;  flex-wrap: wrap;  column-gap: 12px;}
.bannertexts{max-width: 600px !important;  left: 5% !important;padding: 30px 30px !important; background:none !important;background-color: #00000078 !important;}
/* social */
.social-icons i{font-size:18px;margin-right:12px;cursor:pointer;transition:.3s; color: #fff;}
.social-icons i:hover{color:#DB9F07;transform:scale(1.2);}
.social-icons {margin-bottom: 20px;}
.enquiry-btn{border: 2px solid #CC2936;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  transition: .3s;
  font-size: 15px;
  background: #CC2936;
  padding: 6px 7px;
  height: 40px;
  width: 130px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;}
.enquiry-btn:hover{ background:#fff;color:#CC2936;border:2px solid#fff;}
.menustoplogo {
  list-style: none;
  margin: 0;
    margin-right: 0px;
  padding-left: 0;
  display: flex;
  gap: 15px;
}
.pride-logo-rotator {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 100px);
    column-gap: 35px;
    row-gap: 20px;
    width: 100%;margin-bottom: -20px;
}

.pride-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;overflow: hidden;
  padding: 14px;
  border-radius: 10px;
box-shadow: 0 2px 5px -2px #c5cacb61;
}

.pride-logo img {
    width: auto;
    max-width: 150px;
    max-height: 80px;
    object-fit: contain;
    opacity: 1;
    transition: opacity 0.7s ease;
}
.pride-logo img.fade {  opacity: 0;}
.menu-dsn { background: #fff;background: transparent;color: #000;font-size: 30px;color: #fff;border: none; margin-left: 30px;}
.smaller .menu-dsn {color: #000;}
/* chairman */
.pride-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 110px;
    overflow: hidden;
    padding: 14px;
    border-radius: 10px;
    box-shadow: 0 2px 5px -2px #c5cacb61;
}

.pride-logo img {
    width: auto;
 max-width: 110px;
    max-height: 80px;
    object-fit: contain;
    opacity: 1;
    transition: opacity 0.7s ease;
}

.pride-logo img.fade { opacity: 0;}
/* Main PDF/page */
.page {max-width: 1200px;  background: #fff; margin: auto;padding-top: 120px;}
/* Decorative vertical line */
.top-line { position: absolute; top: 0; right: 49px; width: 2px;  height: 255px;  background: #10a89e;}
/* Main content */
.message {  position: relative;  width: 100%;  height: 100%;padding: 80px 0;margin-left: 40px;}
/* ---------------- Heading ---------------- */
.headingname { margin-left: 0; margin-bottom: 25px;}
.headingname h1 { font-size: 34px; line-height: 1; font-weight: 700; color: #292929;  position: relative; display: inline-block;}
.headingname h1 span { font-weight: 400; color: #555;}
.headingname h1 b { color: #10a89e; font-size: 58px; position: absolute; top: -20px; right: -38px; font-weight: 700;}
.heading-line {width: 103px;  height: 6px;  background: #10a89e;  margin-top: 12px;}
/* ---------------- Main content ---------------- */
.contentpage {  display: flex; align-items: center; gap: 52px;}

/* Image */
.photo-area { width: 330px;  height: 478px; flex-shrink: 0; position: relative;}
.photo-area img { width: 100%; height: 100%; object-fit: cover; display: block;}
/* Teal bar next to image */
.photo-accent {position: absolute;
  right: -9px;
  bottom: 16px;
  width: 12px;
  height: 235px;
  background: #10a89e;
}

/* ---------------- Text ---------------- */

.text-area {
  width: 570px;
  padding-top: 45px;padding-right: 50px;
}

.text-area h2 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 4px;
  color: #292929;
}

.text-area h3 {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
  color: #777;
  margin-bottom: 25px;
}

.text-area p {
  font-size: 13px;
  line-height: 2;
  font-weight: 400;
  color: #444;
  text-align: left;
}

.director-page {
 max-width: 1200px;
  background: #fff;
  margin: auto;
    font-family: "Poppins", sans-serif;
    color: #292929;
    overflow: hidden;padding-top: 120px;
}
.dirwrap{position: relative;
  width: 100%;
  height: 100%;
  padding: 80px 0;
margin-top: 150px;}

/* PAGE NUMBER */
.director-page-number {
    font-size: 8px;
    font-weight: 500;
    color: #777;
}

.director-page-number strong {
    color: #10a99f;
}

.director-page-number::after {
    content: "";
    display: block;
    width: 103px;
    height: 5px;
    margin-top: 5px;
    background: #10a99f;
}


/* TOP RIGHT DECORATION */
.director-corner {
    width: 170px;
    height: 268px;
    margin-left: auto;
    margin-top: -10px;
    border-top: 2px solid #19aaa2;
    border-right: 2px solid #19aaa2;
}

.director-corner span {
    display: block;
    width: 11px;
    height: 11px;
    margin-left: -8px;
    margin-top: -6px;
    border: 2px solid #19aaa2;
    background: #fff;
}


/* HEADING */
.director-heading {
    margin-top: -215px;margin-left: 40px;
}

.director-heading h1 {
    margin: 0;
    font-size: 31px;
    line-height: 1;
    font-weight: 700;
}

.director-heading h1 span {
    font-weight: 400;
    color: #555;
}

.director-heading h1 b {
    color: #10a99f;
    font-size: 54px;
    margin-left: 25px;
}

.director-heading-bar {
    width: 103px;
    height: 6px;
    margin-top: 13px;
    background: #10a99f;
}


/* DIRECTORS */
.director-members {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 70px;
    margin: 90px 40px 0;
}

.director-member {
    display: flex;
    align-items: flex-end;
    flex: 1;
}


/* IMAGE */
.director-photo-box {
    width: 182px;
    height: 272px;
    flex-shrink: 0;
    position: relative;
    background: #dedfdf;
}

.director-photo-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.director-photo-line {
    width: 148px;
    height: 11px;
    margin-top: 0;
    background: #10a99f;
}


/* TEXT */
.director-details {
    margin-left: 25px;
    padding-bottom: 3px;
}

.director-details h2 {
    margin: 0 0 4px;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
}

.director-details p {
    margin: 0;
    font-size: 12px;
    color: #666;
}


/* DESCRIPTION */
.director-description {
    margin: 65px 40px 0;
    font-size: 14px;
    line-height: 2;
    font-weight: 500;
    color: #333;
}
.smaller .navbar-brand {
 max-width: 60px !important;
  margin-top: 0 !important;
}

/* Tablet */

@media (max-width: 1199px) {
 .container, .container-lg, .container-md, .container-sm {
    max-width: 1050px;
  }
}
@media (max-width: 991px) {
.pride-logo-rotator {   column-gap: 20px; }
.pride-logo img {  max-width: 130px;   }
.message { padding: 55px 35px;margin-left: 0; }
.headingname h1 {
  font-size: 25px;}
.page {padding-top: 95px;
}
.contentpage { flex-direction: column;  align-items: flex-start;  gap: 30px; }
.photo-area {   width: 300px;   height: 430px; }
.text-area {  width: 100%;  padding-top: 0; padding-right: 0;}
.message footer {  position: relative;  right: auto;  bottom: auto;  margin-top: 50px;  text-align: right; }
.header .navbar-brand {max-width: 50px;margin-top: 0; }
/* director */
.director-page {     width: 100%;    min-height: auto;     padding: 30px; padding-top: 0;padding-top: 120px; }
.director-corner {    display: none; }
.dirwrap {margin-top: 0; padding-top: 0;padding-bottom: 0;}
.director-heading { margin-top: 0;margin-left: 0;}
.director-members {margin: 30px 0 0;    flex-direction: column;     align-items: flex-start;  }
.director-member {   width: 100%;  }
.director-description {  margin: 30px 0 0px; }
.smaller .navbar-brand {
 max-width: 45px !important;
  margin-top: 0 !important;
}

}
/* Mobile */
@media (max-width: 575px) {
.pride-logo-rotator {    grid-template-columns: repeat(3, 1fr);    grid-template-rows: repeat(3, 80px);   column-gap: 10px;    row-gap: 10px; }
.pride-logo img {  max-width: 95px;   max-height: 60px;}
.page { width: 100%;  margin: 0; }
.message {  padding: 30px 25px;padding-top: 30px; margin-left: 0;}
.text-area h3 {  margin-bottom: 10px;}
.headingname h1 {  font-size: 22px; }
.headingname h1 b {  font-size: 45px;}
.photo-area {  width: 100%;  height: 400px; }
.text-area h2 {   font-size: 20px; }
.text-area p {  font-size: 12px;   line-height: 1.8; }
.director-heading h1 {font-size: 25px;   }
.director-members {    gap: 40px;  }
.director-photo-box {    width: 140px;       height: 220px;  }
.director-details {     margin-left: 15px;  }
.director-details h2 {     font-size: 16px; }
.director-heading h1 {
    font-size: 21px;
  }
}
@media (max-width:991px){
.swiper-slide {
  height: 140px;}
  .ex-bottm {width: 100%;position: absolute;bottom: 0;right: 0px;}
  .discv-high {overflow: hidden;}
  .key-text p {font-size: 12px;}
  .intro-leftd {width:100%;}
  .num-points h5 {margin: 0;font-size: 15px;}
  .btm-logo-wrp {padding: 0 0 0 12px;}

.num-points{width: 46%;}
  .mobile-mn-menu {width: 100%;}
  .header.smaller {height: auto;}
  .wh-text h4 {font-size: 16px;}
 .col-md-4.contact-left,.col-md-6.con-right,.why-points{width:100%}
 .why-point-wrp{max-width:430px;margin:0 auto}
 .menu-item{padding:11px 0;font-size:18px;cursor:pointer;user-select:none}
 .toggle-header{color:#1f7e63;font-weight:500}
 .submenu{display:none;background-color:#f2f1f1;border-radius:6px;padding:12px 3px;overflow:hidden;margin-top:5px}
 .submenu.active{display:block;top:-10px;position:relative}
 .mb-link{color:#616161}
 .submenu-item{color:#464646;padding:9px 15px;border-bottom:1px solid rgba(95,93,93,.2);font-size:16px;font-weight:500;transition:background .2s}
 .submenu-item:last-child{border-bottom:none}

.btn.mob-off {background:#212121;line-height: 0;}
  .copy-rght {font-size: 12px;padding: 22px 0;}
  .ftr-eml-text p {color: #c6a75e;font-size: 14px;}
  .ftradrss {margin: 0 0 6px 0;font-size: 14px;}
  .download-wrap.mob-addrs {width: 100%;margin-top: 42px;}
.download-wrap {width: 50%;}
.row.btm-part {margin-top: 16px;margin-bottom: 40px;}
.footr-wrp .download-wrap span a {font-size: 13px;margin-bottom: 4px;}
  .footr-wrp {padding-top: 30px;}
.ftr-email h4 {font-size: 15px;}
.ftr-email h6 {margin-bottom: 10px;}
.footr-wrp {flex-direction: column-reverse;}
.call-footer.lst-ftrr {display: flex;column-gap: 12px;}
  h2.counter {font-size: 24px;}
h2.counter .orngs {font-size: 20px;}
.img-tile-one, .img-tile-two {padding: 0;display:none;column-gap: 8px;margin-bottom: 6px;}
  .why-img {display: none;}
.btm-logo-high {margin-bottom: 0;}
  .number-wrp {position:inherit;bottom: 0;justify-content: center;left:0;translate:inherit;column-gap: 10px;flex-wrap: wrap;row-gap: 10px;}
.explo-points {padding-bottom: 82% !important;}
  .explo-high {padding:20px 0 0px 0;}
.explo-slider {width: 90%;}
.why-img{top:auto}
.why-point{margin-bottom:22px;width:100%;align-items:center}
.why-point img{width:53px}
.why-wrp{padding-top:30px;height:auto}
.horiz{border-bottom:0;margin:0}
.disc-text-1{top:30%;font-size:24px;max-width:747px;padding:0 12px;line-height:25px}
.disc-text-2{bottom: 0%;padding: 0 20px;}
.disc-text-2 h3{font-size:32px;margin:0}
.key-high{margin-top:30px}
.key-hd{margin-bottom:18px}
.keyrow{column-gap:0}
.key-text{width:50%;padding-top:22px}
.key-text h4{font-size:16px}
.intro-badge h2{margin-bottom:33px;font-size:22px;margin-top: 20px;}
.news-btn.btn,.prid-top p{font-size:13px}
.prid{margin-top:0}
.prid-top p{line-height:24px}
.left.intro-left h4{margin-bottom:0}
.intro-wrp{padding-top:30px}
.our-news h3{font-size:20px;margin-bottom:13px}
.news-list p{font-size:13px;margin:0}
.news-list{width:50%}
.news-wrp{justify-content:inherit}
.desktop-view {display:none!important}
body{padding:0!important}
.banner .text-banner{top: auto; left: 20px;width: 90%;background-size: auto;bottom: 20px;max-width: none;}
.banner h1{font-size:18px;margin-bottom:7px}
.banner .text-banner p{font-size:13px;margin-bottom:13px}
.banner .text-banner .bnr-btn{padding:7px 12px;font-size:12px}

}

@media (min-width:600px) and (max-width: 991px) {


}

@media (min-width:992px){
  .mobile-view, .mob-off {display:none !important;}
}

@media (min-width: 992px) and (max-width: 1200px) {

.btm-logo-wrp .swiper {padding: 0 30px;}
.exl-dtl h4 {font-size: 20px;margin: 0;}
.exl-dtl p, .wh-text p {font-size: 13px;}
.news-list p {font-size: 14px;}
.col-md-1.top-last-two {width: 105px;}
.ftr-email h4 {font-size: 20px;}

.intro-leftd {width: 40.6%;}

.explo-points {position: relative;}
.ex-top {width: 60%;}
.why-points {width: 57%;}
.wh-text h4 {font-size: 16px;}
.wh-text p {font-size: 13px;}
.why-wrp {height: 360px;}
.why-ctr {width: 70px;}
.intro-badge h2 span img {width: 26px;}
.key-text h4 {font-size: 16px;}
.key-text p {font-size: 13px;}
.disc-text-1 {top: 30%;font-size: 26px;max-width: 600px;}
.disc-text-2 h3 {font-size: 42px;}

.disc-text-2 {bottom: 10%;max-width: 1007px;padding: 0 150px;}
div.left.intro-left h4 {margin-bottom: 41px;}
.intro-badge h2 {font-size: 26px;}
.prid-top p {line-height: 23px;font-size: 14px;}
.prid {margin-top: 13%;}
.left.intro-left h4 {margin-bottom: 88px;}
.navbar-expand-lg .navbar-nav a.nav-link {padding-right: 12px;padding-left: 11px;}
.banner .text-banner {top: 30%;background: url("../images/org-bnr-bg.png") no-repeat center;}
.banner h1 {font-size: 28px;margin-bottom: 9px;}
.banner .text-banner p {font-size: 15px;font-weight: 400;margin-bottom: 13px;}

}

@media (min-width:1500px){
  div.banner .text-banner {max-width: 600px;}

}