@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html { overflow-x: hidden;}
body {margin: 0;padding: 0;font-family: "Open Sans", sans-serif;overflow-x: hidden;color: #2c2c2c; background: #046a394f;}
p, .main-table li {color: #2c2c2c;font-size: 15px;line-height: 27px;margin: 0 0 15px 0;font-family: "Merriweather Sans", sans-serif;}
.main-table li {color: #2c2c2c; font-size: 15px;line-height: 25px;margin: 0 0 10px 0; font-family: "Merriweather Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Merriweather Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif;}

.st-list h4{
      font-size: 15px;
      font-weight:400;
      margin: 25px 0;
}
.main-table {text-align: left;padding: 5% 0;}
#RadDockZone2 .container-fluid { padding: 0 6% !important;}

#Div_body .container-fluid { background: #046a394f; !important}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0; }

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #ffffff;font-size: 14px;font-weight: 500;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #046a38 !important;height: 100%;}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter,
#HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #HeaderControl_C {height: auto !important;}
#MenuControl, #MenuControl_C { height: 70px !important}

.dropdown-menu { border-radius: 8px}
.dropdown-menu li { font-size: 15px; margin: 8px 0}

@media (min-width: 320px) and (max-width: 768px ){ 
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #HeaderControl, #HeaderControl_C {background: #f2ede7;}
  .navbar-collapse {background: #605c53;margin-top: -8px;}
}
#HeaderControl { background: #fff; margin: 3% 0 0 0}
#RadDockZone1, #FooterrControl1_tbl {max-width: 1000px !important;}
#FooterrControl1_tbl { margin: 0 0 30px 0}

@media (min-width: 769px){
  /* #HeaderControl {position: absolute;left: 2%;top: 30px; z-index: 3;width: 18%;text-align: center;background: rgb(255 255 255 / 12%);backdrop-filter: blur(10px); border-radius: 15px 0 0 15px}
  #MenuControl {position: absolute;right: 10%;top: 30px;width: 70%;z-index: 8 !important;background: rgb(255 255 255 / 12%) !important;backdrop-filter: blur(10px);} */
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.heading {font-size: 28px;color: #070707;line-height: 38px;font-weight: 700;margin: 0 0 20px 0;}
.heading2 {font-size: 21px;color: #0c0c0c;line-height: 38px;font-weight: 700;line-height: 30px;margin: 0 0 20px 0;}
.heading3 {font-size: 24px;color: #046A38;line-height: 38px;font-weight: 700;line-height: 30px;margin: 30px 0 10px 0;}
.sub-heading { color: #FF671F; font-size: 16px; font-weight: 700; }
.title { color: #046A38; font-size: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: .2px;}  
.Saffron-color { color: #FF671F;}
.green-color { color: #046A38;}

.main-page {background: #fff;max-width: 1000px;margin: 2em auto;min-height: 720px;}

header {padding: 4% 0; margin: 0 6%; background: #fff}
header .Dharma-Kshetra-logo h1 {font-family: "Open Sans", sans-serif;font-size: 36px;color: #FF671F;font-weight: 800;margin: 0 0 2px 0;letter-spacing: -0.5px;}
header .Dharma-Kshetra-logo h1 span { color: #046A38;}
header .Dharma-Kshetra-logo p { color: #5b5b5b; font-weight: 500; margin: 0}

.home-page {margin: 0px 6%;padding: 4% 0;}
.home-page p {text-align: justify;}
.home-page .chapter p {color: #2c2c2c;font-size: 13px;line-height: 20px;margin: 0;font-family: "Merriweather Sans", sans-serif;font-weight: 400;padding: 7px 0;border-bottom: 1px solid #d1d1d1;}
.home-page .chapter p a { color:#046A38}
.home-page .line { margin: 25px 0; height: 1px; width: 100%; background: #cecece;}

.nav-previous p { color: #929292; font-size: 14px; font-weight: 600;}
.nav-previous a { color: #046A38;}
.page-title {background: #ff661f14;padding: 45px;border-radius: 15px;text-align: center;margin: 0 0 30px 0}
.page-title h2 {color: #046A38;font-size: 24px;margin: 0;font-weight: 700;letter-spacing: -.2px}

.content-bx { background: #ff661f24; padding: 40px; border-radius: 10px; border-left: 5px solid #ff661f87; margin: 0 0 20px 0;}
.content-bx p { font-style: italic}

.contact-info {background: #ebebebfd;padding: 30px;border-radius: 10px;border-left: 5px solid #046a398c;margin: 0 0 20px 0; min-height: 150px}
.contact-info i { color: #ff661f; font-size: 21px; margin: 0 0 15px 0}
.contact-info p, .contact-info p a { margin: 0; color: #464646}

.about-banner-section { position: relative;}
.about-banner-section::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(transparent, transparent, #ffffff00, #ffffff44, #ffffff); left: 0; top: 0;}
.about-banner-section .text {position: absolute;bottom: -35px;left: 0;width: 100%;padding: 50px 7% 20px 7%;z-index: 99;}
.about-banner-section .text h1 {color: #046a39;font-size: 29px;font-weight: 700;letter-spacing: -.5px;}

.youtube-link img { width: 28px; margin: -4px 6px 0 0;}
hr {margin-top: 1rem !important;margin-bottom: 2rem !important;}

.ser-card .card-content {box-sizing: border-box;}
.ser-card {background: rgb(255, 255, 255);border-radius: 10px;padding: 25px 20px;border: 1px solid #9f9f9f5e;transition: 0.3s ease-in-out;margin: 20px 0 0 0;min-height: 100px;}
.ser-card:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transform: translateY(-5px);}
.ser-card .icon {width: 30%;}
.ser-card .icon img {width: 34px;}
.ser-card .name {width: 70%;}
.ser-card h3 {color: #046A38;font-size: 17px;font-weight: 600;margin: 0;line-height: 24px;}

footer { background: #046A38; padding: 20px 0; margin: -10px 0 0 0}
footer p { color: #eeeeee;}

@media (min-width: 320px) and (max-width: 768px) { 
  .heading {font-size: 21px; line-height: 28px;}
  .heading2 {font-size: 18px; line-height: 25px;margin: 0 0 20px 0;}
  .heading3 {font-size: 16px; line-height: 25px;margin: 30px 0 10px 0;}
  
  header {margin: 0 5%;padding: 4% 0;}
  header .Dharma-Kshetra-logo h1 { font-size: 27px;}
  header .Dharma-Kshetra-logo p { font-size: 14px;}

  .nav-previous p { font-size: 13px;}
  .page-title { padding: 25px; margin: 0 0 20px 0; border-radius: 10px;} 
  .page-title h2 { font-size: 16px;margin: 0;font-weight: 700;letter-spacing: -.2px}

  .content-bx { padding: 30px;}
  .content-bx p { font-size: 14px;}

  .about-banner-section .text {position: absolute;bottom: -25px;left: 0;width: 100%;padding: 50px 7% 20px 7%;z-index: 99;}
  .about-banner-section .text h1 {color: #046a39;font-size: 21px;font-weight: 700;letter-spacing: -.5px;}

  .ser-card { border-radius: 5px; padding: 20px 15px; margin: 15px 0 0 0;min-height: 80px;}
  .ser-card h3 {font-size: 16px;}

}