body{  font-family: "Open Sans", sans-serif; color:#333; font-size: 16px; }
h1, h2, h3, h4, h5, h6, ul, li, p{ margin:0; }
ul{ padding:0; }
li{ list-style: none; }
a{ color:inherit; text-decoration: none;}
a::hover{ text-decoration: none; }
.text-yellow{ color:#c49a3c;}
.ptb-100{ padding:100px 0; }
.pb-100{ padding-bottom:100px; }
.ptb-50{ padding: 50px 0; }
.plr-40{ padding:0 40px; }
.p-0{ padding:0; }
.heading1{ font-size:28px; font-weight:700; color:#23344e; }
.heading2{ font-size:24px; font-weight:700; color:#23344e; }
.btn-blue{ background: #23344e; color: #fff; padding: 10px 20px; font-weight: 600; transition: all 0.6s ease;}
.btn-blue:hover{ background:#c49a3c; color:#fff; }
.btn-yellow{ background: #c49a3c ; color: #fff; padding: 10px 20px; font-weight: 600; transition: all 0.6s ease;}
.btn-yellow:hover{ background:#23344e; color:#fff; }
.btn-blue i{ padding-left: 5px; }

/**************Header**********/
header{ box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
header .top-header{ background: #23344e; padding: 10px 0; color: #fff;}
header .top-header .th-left ul{ display:inline-block; }
header .top-header .th-lft{ padding-left :35px; }
header .top-header .th-left ul li{ padding:0 10px; }
header .top-header .th-left .th-lft i{ padding-right:5px; }
header .top-header .th-right ul{ text-align:right; }
header .top-header ul li{ display:inline-block; padding: 0 15px; }
header .top-header ul li a{ font-size:14px; transition: all 0.5s ease; }
header .top-header ul li a:hover { color: #c49a3c;}
header .bottom-header .navbar{ background:#fff; padding: 0;}
header .bottom-header .navbar-brand{ padding:0; }
header .bottom-header .navbar-expand-md .navbar-collapse { align-items: end !important; flex-direction:column; }
header .bottom-header .nav-link{ color:#333;padding: 0 15px !important; font-size: 14px; font-weight: 600; transition: all 0.5s ease;}
header .bottom-header .nav-link:hover { color: #c49a3c;}
header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show {color: inherit;}
header .navbar-nav .dropdown-menu{ background: #23344e;padding: 20px 5px; }
header .navbar-nav .dropdown-item {color: #fff; font-size: 14px;}
header .dropdown-item:focus, header .dropdown-item:hover{ background: none; }


/********Events-Block************/
.events-block{ text-align: center; }
.events-block h3{ margin-bottom:50px; }
.events-block img{ /*box-shadow: 10px 10px #23344e;*/ width: 100%;}
.events-block h4{ font-size: 20px; color:#23344e;  margin-top: 15px; font-weight:  600;}
.events-block p{     margin: 15px 0;}
.events-block  a{ display: inline-block; background: none;color: #23344e;}
.events-block  a:hover{ background: #23344e; color: #fff; }


/*******About-block*************/
.about-block{ background: url(../images/contact-banner.jpg)no-repeat; center 0; color:#fff; position:relative; padding: 70px 0; background-size: cover; }
.about-block::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); }
.about-block .about-content{ position:relative; z-index: 2; }
.about-block p{ margin: 15px 0; }
.about-block a { margin-top: 20px; display: inline-block;}


/******about-us-cards*******/
.about-us-cards{ text-align:center; }
.about-us-cards  p{ width: 65%;  margin: 15px auto 40px;}
.about-us-cards img{ width:100%; }
.about-us-cards  .btn-blue { margin-top: 30px; display: inline-block; }

/*******Inner-banner******/
.inner-banner { position: relative;}
.inner-banner::after {content: "";width: 100%;height: 100%;background: rgba(0,0,0, 0.7);top: 0;	left: 0;  position: absolute;}
.inner-banner .inner-banner-content{position: absolute;	top: 50%;left: 50%;	transform: translate(-50%, -50%);background: rgba(35, 52, 78, 0.9); color: #fff;
    padding: 15px 40px;  z-index:2;}


/************single-blk***********/
.single-blk form {width: 35%; margin: 0 auto;}
.single-blk .form-label { font-weight: 600; font-size: 18px; color: #23344e;}
.single-blk form .form-control{ border-radius:0 !important; height:48px; border: 1px solid #23344e; }
.single-blk form .form-control:focus{ box-shadow:none; border: 2px solid #23344e; }
.single-blk .form-check input{border-radius:0 !important; border: 1px solid #23344e; }
.single-blk .btn:hover{ background: #c49a3c; color:#fff; }


/******About Us*****/
.inner-content .about-us-part { background: #fff;}
.inner-content .about-us-part .content-block { padding-top: 50px; padding-bottom: 10px;}
.inner-content .about-us-part p { margin-bottom: 20px; line-height: 25px;}
.inner-content .about-us-part p b{color: #23344e ;}
.content-block img { margin-bottom: 20px;}
.inner-content .heading1 {  margin-bottom: 20px;}
.inner-content h4{ margin-bottom: 10px;}


/*******vision-mission*********/
.vision-mission .img-vm1{ background: url(../images/banner-leadership.jpg) no-repeat center; min-height: 350px; background-size: cover; }
.vision-mission .img-vm2{ background: url(../images/banner-mission.jpg) no-repeat center; min-height: 350px; background-size: cover; }
.vision-mission .img-vm3{ background: url(../images/banner-committe.jpg) no-repeat center; min-height: 350px; background-size: cover; }
.vision-mission .vm-content{ background:#2c4976; color:#fff; display: flex; flex-direction: column; vertical-align: middle;justify-content: center;  padding: 25px; height: 100%;}
.vision-mission .p-0{ background:#2c4976; }
.vision-mission h4{ margin-bottom: 15px; }
.vision-mission a { display: inline-block;margin-top: 20px;width: 160px; text-align: center;}


/*****About-Direct-selling**********/
.direct-selling-inner-content .tab-content {  padding: 0 30px; width: 100%;}
.direct-selling-inner-content .tab-content:focus-visible, .direct-selling-inner-content .tab-content .tab-pane:focus-visible { outline: none; }
.direct-selling-inner-content .tab-content h3 { color: #23344e; font-size: 32px;font-weight: 700; margin-bottom: 30px; line-height: 40px;}
.direct-selling-inner-content .nav-pills .nav-link{background: transparent; width: 365px; text-align: left; color: inherit;border-bottom: 1px solid #ccc; padding: 15px 15px;
font-weight: 400; border-radius: 0;}
.direct-selling-inner-content .nav-pills .nav-link.active, .direct-selling-inner-content .nav-pills .show>.nav-link { background:#23344e !important; color:#fff; }
.direct-selling-inner-content .nav-pills .nav-link i{ padding-right:10px; font-weight: 700; }
.direct-selling-inner-content .mem-details h2 { background: #eeeeee; border-left: 5px solid #23344e; font-weight: 600; font-size: 20px;color: #23344e;padding: 10px 10px;margin-bottom: 30px;}
.direct-selling-inner-content .tab-content h4 {  color: #23344e; font-size: 20px;font-weight: 700;margin-bottom: 10px;line-height: 25px;}
.direct-selling-inner-content .tab-content  ul { margin-bottom: 40px;}
.direct-selling-inner-content .tab-content ul li { line-height: 30px;}
.direct-selling-inner-content .tab-content ul li:before {content: "\f10c";font-family: FontAwesome; padding-right: 10px;color: #23344e;font-size: 13px;font-weight: 600;}
.direct-selling-inner-content .tab-content p { margin-bottom: 20px;line-height: 25px;}
.direct-selling-inner-content table {  text-align: center;  margin: 30px 0;}
.direct-selling-inner-content table td { padding: 15px !important; font-weight: 600; background: #eeeeee;}
.direct-selling-inner-content table th {  background: #23344e; color: #fff; padding: 15px !important; text-align: center;}
.direct-selling-inner-content .table-bordered>thead>tr>th, .direct-selling-inner-content .table-bordered>tbody>tr>th, .direct-selling-inner-content .table-bordered>tfoot>tr>th, .direct-selling-inner-content .table-bordered>thead>tr>td, .direct-selling-inner-content .table-bordered>tbody>tr>td, .direct-selling-inner-content .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;}
.direct-selling-inner-content .accordion-button::after { filter: brightness(0) invert(1); /* This inverts the default dark arrow to white */}
.direct-selling-inner-content .quiz-btn { background: none;color: red;border: none; font-weight: 700;font-size: 20px; margin: 0 auto;display: block; margin: 40px auto 60px;}


/***************Members**********/
.direct-selling-inner-content .member-directory { background: #fff;text-align: center;}
.direct-selling-inner-content .member-directory .member-dir-block { padding: 20px; min-height: 514px;margin-bottom: 30px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.direct-selling-inner-content .member-directory .member-dir-content .img-blk {
    min-height: 200px;
}
.direct-selling-inner-content .member-directory .member-dir-content img {
    width: 80% !important;
    margin: 0 auto !important;
    display: block;
}
.direct-selling-inner-content .member-directory  .About-dir-selling .tabcontent1 h3 {
    font-size: 17px;
    line-height: 23px;
}
.direct-selling-inner-content  .mem-cards .member-dir-content a {
    display: block;
    border-bottom: 1px dotted rgba(35, 35, 35, .2);
    padding: 10px 0;
}
.direct-selling-inner-content .member-directory .member-dir-content .last-a {
    border: none;
}
.direct-selling-inner-content .member-directory i {
    color: #b4a16e;
    padding-right: 10px;
    font-size: 20px;
}
.direct-selling-inner-content .nav .dropdown-menu  { background: #f2f1f1; width: 100%; border-radius: 0; padding: 0; border: none;} 
.direct-selling-inner-content .nav .dropdown-menu ul li a{ color:inherit;}
.direct-selling-inner-content .dropdown-item{ border-bottom: 1px solid #ccc; padding:10px 15px; }
.direct-selling-inner-content .dropdown-item.active, .direct-selling-inner-content .dropdown-item:active{ background: #23344eba; }
.direct-selling-inner-content .dropdown-item  i { padding-right: 10px; font-size: 13px;}
.direct-selling-inner-content .ceo-cards .card-cont { text-align: center; border: 1px solid rgba(0, 0, 0, .1); padding: 30px 20px 30px;min-height: 490px;}
.direct-selling-inner-content .ceo-cards .card-cont img{ width:100%; margin-bottom: 10px;}
.direct-selling-inner-content .ceo-cards .card-cont span { display: block;padding: 10px 0 25px;border-top: 1px solid rgba(0, 0, 0, .1); margin-top: 10px;}
.direct-selling-inner-content .ceo-cards .card-cont span  p{ float:right; }
.direct-selling-inner-content .ceo-cards .card-cont span img { float: left; width:  70px;}
.direct-selling-inner-content .ceo-cards .card-cont h3{ font-size: 18px; line-height:23px; }
.direct-selling-inner-content .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0;}
.direct-selling-inner-content .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{ border-bottom-right-radius:0; border-bottom-left-radius:0; }
.direct-selling-inner-content .accordion .accordion-button{ background-color: #23344e; color: #fff; cursor: pointer; border-radius:0;width: 100%;text-align: left;border: none;  outline: none;transition: 0.4s; margin-bottom: 20px;}
.direct-selling-inner-content .accordion .accordion-button:focus{ box-shadow: none; }
.direct-selling-inner-content .accordion .accordion-item{ border:none; }
.direct-selling-inner-content .accordion .accordion-body{ padding: 0 0 20px 0; }
.direct-selling-inner-content.tabcontent1 .panel { padding: 0 18px;background-color: white;display: none;overflow: hidden;  border: none !important;}
.direct-selling-inner-content .panel { margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.direct-selling-inner-content  .download-btn { margin: 0 0 30px;border: 1px solid #ccc; padding: 15px;display: flex; align-items: center;}
.direct-selling-inner-content .download-btn a {float: right; }
.direct-selling-inner-content .tab-content .download-btn h4 { font-size: 17px; margin-bottom: 0;}
.direct-selling-inner-content .tab-content .download-btn h4  span{ display: block; }


/********Contact-Us*****/
.contact-us .c-feedback { padding: 0 55px;}
.contact-us .form-control{  height: 50px; border-radius: 0;margin-bottom: 15px;border-color: #23344e; color: #23344e;}
.contact-us .form-control::placeholder{ color:#23344e; font-weight: 500;}
.contact-us .form-control:focus{ box-shadow:none;     border: 2px solid #23344e; }
.contact-us i { font-size: 25px;line-height: 45px; color: #23346a;}
.contact-us p { margin-bottom: 20px; }
.contact-us p b{ display:block; color: #23344e; font-size:20px; }

/*******Footer**********/
footer{ background:#23344e; color:#fff; }
footer img{ width: 120px; margin-bottom: 40px;}
footer #social-icons li{ display:inline-block; }
footer #social-icons li a{border: 1px solid #ccc;  width: 40px; height: 40px;line-height: 40px;text-align: center;border-radius: 50%;transition: all 0.5s ease;}
footer #social-icons li a:hover { color: #fff; background:#c49a3c; border-color: #c49a3c; }
footer #social-icons li a i{ font-size: 17px; padding-right:0; }
footer ul li a{ margin-bottom: 15px; display:block; font-size:14px; transition: all 0.5s ease; }
footer ul li a:hover { color: #c49a3c;}
footer ul li i{ padding-right:10px; } 
footer h4{ margin-bottom: 30px; border-bottom: 1px solid #7c7676; padding-bottom: 20px; font-weight: 600;}
footer iframe{ width:100%; height:200px; }



/***********Events*********/

.image-row {
  display: flex;
  gap: 10px; /* space between images */
  margin: 20px;
}

.image-row img {
  width: 265px;
  height: 265px;
  object-fit: cover; /* ensures images fill the area without distortion */
  border: 2px solid #ccc;
  border-radius: 8px;
}

/***********Newsroom-content******/
.single-blk .News-content{ padding: 48px 74px; font-weight: 400;}
.News-content ul li {
    padding-top: 22px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 26px;
}
.News-content h4 {font-size: 16px;}

/******* Newsroom slider*******/

.gallery {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 50px;
}

.gallery-img {
  cursor: pointer;
  width: 300px;
  height: 200px;
  object-fit: cover;
  border: 2px solid #ccc;
}

.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
  display: block;
  margin: auto;
  max-width: 81%;
  max-height: 80%;
  margin-top: 5%;
}

.close {
  position: absolute;
  top: 20px;
  right: 35px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}

.controls {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: white;
  font-size: 50px;
  padding: 0 20px;
  cursor: pointer;
}
/******newsroom1********/
.News-content .inner-list li {list-style-type:disc;}
.News-content ol{padding-left: 63px;}


/***********Home newsroom************/
.events-block img {
    width: 265px;
    height: 265px;
    object-fit: cover;
    border: 2px solid #ccc;
    border-radius: 8px;
}

/**********Newsroom*********/
.single-blk .col-sm-4{background: #f9f8f4;}

.four-blk img {
    width: 265px;
    height: 265px;
    object-fit: cover;
    border: 2px solid #ccc;
    border-radius: 8px;
}
.four-blk .container {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.four-blk .card {
  background-color: #f9f8f3;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 30px 20px;
  width: 300px;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
}


.four-blk .card h2 {
  color: #0d3c3d;
  font-size: 16px;
  margin: 20px 0px;
  font-weight: 700;
}

.four-blk .card p {
  color: #333;
 font-size: 14px;
 margin-bottom: 20px;
}

.four-blk .btn-blue {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  background: none;
  color: #333;
}

/***********Members-grid*********/

.direct-selling-inner-content .ceo-cards .card-cont img {width: 50%;}
.direct-selling-inner-content .ceo-cards .card-cont span {margin-bottom: 28px;    padding: 10px 0 35px;}
.direct-selling-inner-content .tab-content p{ border-top: 1px solid rgba(0, 0, 0, .1);}
.direct-selling-inner-content .ceo-cards .card-cont {margin-bottom: 36px;}
.direct-selling-inner-content .ceo-cards .card-cont span img {width: 50px;}





/*************Responsive*****************/
@media screen and (max-width: 767px) {
    header .top-header{ display: none; }
    header .bottom-header .navbar{ background: #23344e; padding: 5px 0;}
    header .navbar-toggler{ border : none; line-height: 30px;}
    header .navbar-toggler-icon { background:none; }
    header .navbar-toggler-icon i{ color:#fff; font-size: 25px;}
    header .bottom-header .navbar-brand{ margin: 0 auto; }
    header .bottom-header .navbar-brand img{ width: 70px; }
    header .navbar-toggler:focus{ box-shadow:none; }
    header .bottom-header .nav-link{ color:#fff; padding: 13px 15px !important; }
    header .navbar-nav { margin: 25px 0;}
    header .navbar-nav .dropdown-menu { background: #d8c582; padding: 20px 5px;}
    header .navbar-nav .dropdown-item{color: #000; font-weight: 600; }
    header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show{ color:#fff; }
    .ptb-100 {padding: 50px 0;}
    .heading1{ font-size: 22px; }
    .events-block { text-align: center;}
    .events-block h3 {margin-bottom: 20px;}
    .events-block img { width: 100%;margin-bottom: 20px; }
    .events-block p { margin: 20px 0 30px;}
    .about-block{ text-align:center; }
    .about-block p{font-size: 14px;line-height: 24px; }
    p{ font-size:14px; line-height: 24px; }
    .about-us-cards p{ width: 100%; }
    .about-us-cards img{ margin-bottom:20px; }
    footer img{ width: 85px;     margin: 0 auto 25px; display: block; }
    footer h4 { font-size: 18px; }
    footer #social-icons{ text-align:center; margin-bottom: 25px;}
    footer #social-icons h4{ margin-bottom:0 !important; }
    .ptb-50 {padding: 25px 0;}
    .inner-banner img{ height: 290px;object-fit: cover; }
    .content-block img{ width:100%; }
    .inner-content .about-us-part p{ text-align: justify; }
    .inner-content .about-us-part .content-block{ padding-top:0; }
    .vision-mission .img-vm1, .vision-mission .img-vm2, .vision-mission .img-vm3{ display:none; }
    .heading2{ font-size:19px; }
    .pb-100 { padding-bottom: 40px;}
    .inner-content {  padding-top: 30px;}
    .inner-banner .inner-banner-content{ left: 46%;transform: translate(-46%, -50%);padding: 15px 10px; text-align: center;}
    .direct-selling-inner-content .align-items-start{ display: block !important; }
    .direct-selling-inner-content .nav-pills .nav-link{ width:100%; }
    .direct-selling-inner-content .tab-content h3{     font-size: 22px; line-height: 24px; }
    .direct-selling-inner-content .tab-content{ padding: 30px 0px; width: 100%; }
    .direct-selling-inner-content .tab-content p{ text-align: justify; }
    .direct-selling-inner-content .tab-content ul li {line-height: 24px;font-size: 14px;}
    .direct-selling-inner-content .tab-content ul li:before { font-size: 10px; }
    .direct-selling-inner-content .tab-content h4, .direct-selling-inner-content .mem-details h2{ font-size:19px; }
    .direct-selling-inner-content .tab-content p{ font-size: 14px !important; line-height: 24px !important; }
    .direct-selling-inner-content .nav-pills .nav-link{ font-size: 15px; }
    .direct-selling-inner-content table{ display: block; overflow-x: scroll; white-space: nowrap; }
    .direct-selling-inner-content .ceo-cards .card-cont p{ text-align: center; }
    .single-blk form{ width:100%; }
    .direct-selling-inner-content .tab-content .download-btn h4{ margin: 10px 0; text-align: center;  font-size: 16px;}
    .direct-selling-inner-content .download-btn a{ float: none; }
    .direct-selling-inner-content .download-btn{ text-align: center; }
    .direct-selling-inner-content .tab-content .accordion-body  h4{ font-size:16px; }
    .contact-us .c-feedback { padding: 0;}
    .contact-us .btn-blue{     margin: 0 auto 60px !important; display: block; }
}

@media screen and ( max-width: 420px) {
    footer .col-6{ width: 100%; }
}