/**************FONT_STYLE********************** */
@import "//stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css";
@import "//use.fontawesome.com/releases/v5.5.0/css/all.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css";
@import "https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css";
@import "//cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css";
@import "//fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Italic.eot");
  src: url("CeraPro-Italic.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Italic.woff) format("woff"), url(../fonts/CeraPro-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Italic.eot");
  src: url("CeraPro-Italic.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Italic.woff) format("woff"), url(../fonts/CeraPro-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Regular.eot");
  src: url("CeraPro-Regular.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Regular.woff) format("woff"), url(../fonts/CeraPro-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-BlackItalic.eot");
  src: url("CeraPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-BlackItalic.woff) format("woff"), url(../fonts/CeraPro-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Light.eot");
  src: url("CeraPro-Light.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Light.woff) format("woff"), url(../fonts/CeraPro-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-BoldItalic.eot");
  src: url("CeraPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-BoldItalic.woff) format("woff"), url(../fonts/CeraPro-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Black.eot");
  src: url("CeraPro-Black.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Black.woff) format("woff"), url(../fonts/CeraPro-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Medium.eot");
  src: url("CeraPro-Medium.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Medium.woff) format("woff"), url(../fonts/CeraPro-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Bold.eot");
  src: url("CeraPro-Bold.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Bold.woff) format("woff"), url(../fonts/CeraPro-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Thin.eot");
  src: url("CeraPro-Thin.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-Thin.woff) format("woff"), url(../fonts/CeraPro-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-MediumItalic.eot");
  src: url("CeraPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-MediumItalic.woff) format("woff"), url(../fonts/CeraPro-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-LightItalic.eot");
  src: url("CeraPro-LightItalic.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-LightItalic.woff) format("woff"), url(../fonts/CeraPro-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-ThinItalic.eot");
  src: url("CeraPro-ThinItalic.eot?#iefix") format("embedded-opentype"), url(../fonts/CeraPro-ThinItalic.woff) format("woff"), url(../fonts/CeraPro-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic; }
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  overflow-x: hidden;
  overflow-x: -moz-scrollbars-none;
  background: #ffffff;
  color: #424242;
  scroll-behavior: smooth; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1 {
  font-size: 32px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 10px; }

p {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #4c4c4c;
  margin-bottom: 15px; }
  @media (max-width: 768px) and (min-width: 576px) {
    p {
      font-size: 14px; } }
  @media only screen and (max-width: 576px) {
    p {
      font-size: 14px !important;
      line-height: 24px !important; } }

a {
  display: block;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms; }
  a:hover {
    text-decoration: none !important; }
  a:focus {
    outline: none;
    text-decoration: none !important; }

.btn {
  border-radius: 0px;
  outline: none;
  box-shadow: none; }

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
  background-color: inherit !important;
  background-image: none !important;
  color: inherit !important; }

::selection, ::-moz-selection {
  background: #00ae55; }

::-webkit-scrollbar {
  width: 5px;
  background: #00000007; }

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-thumb {
  background-color: #00ae55;
  outline: none; }

.clear {
  clear: both; }

.animated2.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

.animated2.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.animated2.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.animated2.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.animated2.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.animated2 {
  visibility: visible;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.pad0 {
  padding: 0px !important; }

.plft0 {
  padding-left: 0px; }

.prit0 {
  padding-right: 0px; }

.mtop0 {
  margin-top: 0px !important; }

.mauto {
  margin: 0 auto; }

@media only screen and (min-width: 1200px) {
  .hidden-xl {
    display: none; } }
@media (max-width: 1200px) and (min-width: 992px) {
  .hidden-lg {
    display: none; } }
@media only screen and (max-width: 992px) {
  .scrollup {
    bottom: 20px; }

  .order0 {
    order: 0;
    -webkit-order: 0; }

  .order1 {
    order: 1;
    -webkit-order: 1; }

  .order2 {
    order: 2;
    -webkit-order: 2; }

  .order3 {
    order: 3;
    -webkit-order: 3; }

  .order4 {
    order: 4;
    -webkit-order: 4; }

  .order5 {
    order: 5;
    -webkit-order: 5; }

  .order6 {
    order: 6;
    -webkit-order: 6; }

  .md-hidden {
    display: none; } }
@media only screen and (min-width: 768px) {
  .self_container {
    max-width: 100%; } }
@media (max-width: 992px) and (min-width: 768px) {
  .hidden-md {
    display: none; } }
@media (max-width: 768px) and (min-width: 576px) {
  .hidden-sm {
    display: none; } }
@media only screen and (max-width: 576px) {
  .hidden-xs {
    display: none; } }
@media only screen and (max-width: 468px) {
  .mob-full {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
/* BASE STYLE */
.fixed_right {
  position: fixed;
  right: 20px;
  top: 45vh;
  z-index: 2; }
  @media only screen and (max-width: 576px) {
    .fixed_right {
      top: auto;
      bottom: 85px;
      right: 20px; } }
  .fixed_right .call_right {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: url(../images/icons/sd-call.png) center center no-repeat #00ae55;
    z-index: 1;
    margin: 20px 0;
    cursor: pointer;
    border-radius: 50%; }
  .fixed_right .whatsapp .call_right {
    background: url(../images/icons/sd-whtzap.png) center center no-repeat;
    background-size: 40px;
    border-radius: 0;
    box-shadow: none; }
  .fixed_right .whatsapp .slide_left {
    background: #4daf4f;
    padding: 3.5px 20px; }
  .fixed_right .fb .call_right {
    background: url(../images/icons/sd-fb.png) center center no-repeat #3b5998;
    background-size: 21px; }
  .fixed_right .fb .slide_left {
    background: #3b5998; }
  .fixed_right .insta .call_right {
    background: #e1306c;
    background-image: url(../images/icons/insta.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px; }
  .fixed_right .insta .slide_left {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
  .fixed_right .slide_left {
    position: absolute;
    background: #00ae55;
    width: 0;
    height: 40px;
    right: 12px;
    top: 20px;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    padding: 12px 20px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    transition: ease-in-out 0.5s;
    border-radius: 25px 15px 15px 25px;
    display: flex;
    align-items: center; }
  .fixed_right .slide_left {
    top: 0px; }
    .fixed_right .slide_left span {
      opacity: 0;
      font-weight: 400; }
  .fixed_right .mail_right {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: url(../images/icons/sd-mail.png) center center no-repeat #00ae55;
    z-index: 1;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); }
  .fixed_right .quick_contact {
    position: relative; }
    @media only screen and (min-width: 576px) {
      .fixed_right .quick_contact:hover .slide_left, .fixed_right .quick_contact:hover span {
        opacity: 1;
        transition: ease-in-out 0.5s;
        width: 170px; }
      .fixed_right .quick_contact.mail .slide_left {
        background: #00ae55; }
      .fixed_right .quick_contact.mail:hover .slide_left {
        width: 270px; } }

/*******************************SLIDER_BOTTOM_SCROLL_UP******************************* */
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: none;
  background: url(../images/icons/icon_top.png) #00ae55 no-repeat center;
  background-size: 14px;
  border-radius: 50%;
  z-index: 2;
  align-items: center;
  justify-content: center; }
  .scrollup:hover, .scrollup:focus {
    color: #76787e; }
  @media only screen and (max-width: 576px) {
    .scrollup {
      right: 20px;
      bottom: 25px; } }

/*******************************NEWS_SLIDER******************************* */
#marquee {
  background: #273445;
  overflow: hidden; }
  #marquee .container {
    display: flex;
    align-items: center;
    justify-content: center; }
  #marquee .news_title {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    background: #0c72d9;
    border-radius: 0px;
    padding: 5px 15px;
    padding-right: 30px;
    width: 165px;
    min-width: 165px;
    min-height: 50px;
    display: flex;
    align-items: center;
    position: relative; }
    #marquee .news_title::before {
      content: "";
      position: absolute;
      left: -1000%;
      width: 1000%;
      height: 100%;
      background: #0c72d9; }
    @media only screen and (max-width: 768px) {
      #marquee .news_title {
        font-size: 13px;
        width: 115px;
        min-width: 115px;
        min-height: 30px; } }
  #marquee a {
    font-size: 14px;
    color: white;
    position: relative;
    padding-left: 13px;
    display: inline-block;
    margin-right: 50px; }
    #marquee a::before {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      bottom: 0px;
      margin: auto;
      border-radius: 50%;
      background-color: white;
      width: 4px;
      height: 4px; }
    @media only screen and (max-width: 768px) {
      #marquee a {
        font-size: 12px; } }
  #marquee marquee {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #273445;
    min-height: 50px; }
    @media only screen and (max-width: 768px) {
      #marquee marquee {
        min-height: 30px; } }

/*******************************SCROLL_FIXED_NAVIGATION******************************* */
#fixed_nav.fixed {
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 99; }
  @media only screen and (min-width: 992px) {
    #fixed_nav.fixed {
      padding-top: 51px !important; } }

@keyframes animate {
  0% {
    transform: translate(-50%, 5px); }
  80% {
    transform: translate(-50%, 15px);
    opacity: 0.1; }
  100% {
    transform: translate(-50%, 29px);
    opacity: 0.1; } }
@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-15px); } }
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-15px); } }
@-webkit-keyframes kenburns_zoomInOut {
  0%;
  -webkit-transform: scale(1);
  100%;
  -webkit-transform: scale(1.2); }
@-moz-keyframes kenburns_zoomInOut {
  0%;
  -moz-transform: scale(1);
  100%;
  -moz-transform: scale(1.2); }
@-ms-keyframes kenburns_zoomInOut {
  0%;
  -ms-transform: scale(1);
  100%;
  -ms-transform: scale(1.2); }
@-o-keyframes kenburns_zoomInOut {
  0%;
  -o-transform: scale(1);
  100%;
  -o-transform: scale(1.2); }
@keyframes kenburns_zoomInOut {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
@keyframes zoominoutsinglefeatured {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1.2, 1.2); }
  100% {
    transform: scale(0.8); } }
@-webkit-keyframes rotating {
  from;
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  to;
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg); }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/******************LOCATION_ICON_ANIMATION************************* */
@keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
/******************LOCATION_ICON_ANIMATION************************* */
@keyframes bounce1 {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
@-webkit-keyframes bounce1 {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-10px); } }
@keyframes pulse {
  0% {
    opacity: 0;
    transform: scale(1); } }
/***********************************BTN_ARROW_ANIMATION************************** */
@keyframes bounceX {
  from {
    transform: translateX(0px); }
  to {
    transform: translateX(-10px); } }
@keyframes bounceY {
  33% {
    -webkit-transform: translateY(-5px);
    transform: translatey(-5px); }
  49% {
    -webkit-transform: translateY(4px);
    transform: translatey(4px); }
  66% {
    -webkit-transform: translateY(-2px);
    transform: translatey(-2px); }
  83% {
    -webkit-transform: translatey(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translatey(0);
    transform: translateY(0); } }
@-webkit-keyframes bounce {
  from {
    transform: translateX(0px); }
  to {
    transform: translateX(-10px); } }
/******************************************* */
@keyframes icon_wobble {
  16% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes icon_wobble1 {
  16% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33% {
    -webkit-transform: translateY(-5px);
    transform: translatey(-5px); }
  49% {
    -webkit-transform: translateY(4px);
    transform: translatey(4px); }
  66% {
    -webkit-transform: translateY(-2px);
    transform: translatey(-2px); }
  83% {
    -webkit-transform: translatey(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translatey(0);
    transform: translateY(0); } }
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes dash {
  to {
    stroke-dashoffset: 0; } }
@media only screen and (min-width: 1300px) {
  .container {
    max-width: 1260px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  .container {
    max-width: 90%; } }
@media (max-width: 992px) and (min-width: 768px) {
  .container {
    max-width: 95%; } }
@media only screen and (max-width: 768px) {
  .container {
    max-width: none; } }

/***********HEADER************ */
#Header {
  width: 100%;
  z-index: 999;
  background: transparent;
  top: 0px;
  left: 0px;
  position: absolute; }
  @media only screen and (max-width: 992px) {
    #Header {
      background: white;
      position: static; } }
  #Header #topbar {
    padding: 10px 0;
    background: #00ae55; }
    @media only screen and (max-width: 768px) {
      #Header #topbar {
        padding: 5px 0; } }
    #Header #topbar .row {
      align-items: center;
      justify-content: space-between;
      margin: 0px; }
      @media only screen and (max-width: 768px) {
        #Header #topbar .row {
          justify-content: center; } }
    #Header #topbar .qck_cntct {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 875px) {
        #Header #topbar .qck_cntct {
          display: none; } }
      #Header #topbar .qck_cntct li:not(:last-of-type) {
        margin-right: 50px; }
      #Header #topbar .qck_cntct li a {
        font-size: 14px;
        color: white;
        line-height: normal;
        padding-left: 30px;
        position: relative; }
        #Header #topbar .qck_cntct li a .icon {
          position: absolute;
          left: 0px;
          top: 0px;
          bottom: 0px;
          margin: auto; }
          #Header #topbar .qck_cntct li a .icon.call {
            background: url("../images/icons/icon_call.svg") no-repeat center;
            width: 16px;
            height: 16px; }
          #Header #topbar .qck_cntct li a .icon.mail {
            background: url("../images/icons/icon_mail.svg") no-repeat center;
            width: 18px;
            height: 13px; }
    #Header #topbar .rit_sec {
      display: flex;
      align-items: center; }
    #Header #topbar .qck_links {
      display: flex;
      align-items: center; }
      @media only screen and (min-width: 992px) {
        #Header #topbar .qck_links {
          padding-right: 35px; } }
      #Header #topbar .qck_links li:not(:last-of-type) {
        margin-right: 20px; }
        @media only screen and (max-width: 576px) {
          #Header #topbar .qck_links li:not(:last-of-type) {
            margin-right: 10px; } }
      #Header #topbar .qck_links li a {
        font-size: 14px;
        color: white;
        line-height: normal; }
        @media only screen and (max-width: 768px) {
          #Header #topbar .qck_links li a {
            font-size: 12px; } }
    #Header #topbar .social_icon {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 992px) {
        #Header #topbar .social_icon {
          display: none; } }
      #Header #topbar .social_icon li:not(:last-of-type) {
        margin-right: 15px; }
      #Header #topbar .social_icon li a {
        font-size: 16px;
        color: white; }
  #Header .container {
    position: relative; }
  #Header .row {
    align-items: center;
    justify-content: space-between;
    margin: 0px; }
    #Header .row .log_out {
      display: none; }
    #Header .row .logo_sec .logo {
      width: 260px; }
      @media (max-width: 1300px) and (min-width: 1200px) {
        #Header .row .logo_sec .logo {
          width: 215px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #Header .row .logo_sec .logo {
          max-width: 150px; } }
      @media (max-width: 992px) and (min-width: 468px) {
        #Header .row .logo_sec .logo {
          max-width: 195px; } }
      @media only screen and (max-width: 468px) {
        #Header .row .logo_sec .logo {
          max-width: 145px; } }
      @media only screen and (max-width: 992px) {
        #Header .row .logo_sec .logo {
          padding: 5px 0;
          width: 165px; } }
      #Header .row .logo_sec .logo svg {
        fill: #004b1c; }
        #Header .row .logo_sec .logo svg .cls-1, #Header .row .logo_sec .logo svg .cls-4 {
          stroke: #004b1c;
          fill: none;
          stroke-miterlimit: 2.61;
          stroke-width: 1.79px; }
        #Header .row .logo_sec .logo svg .cls-2, #Header .row .logo_sec .logo svg .cls-3 {
          fill-rule: evenodd; }
        @media only screen and (max-width: 992px) {
          #Header .row .logo_sec .logo svg {
            fill: #ffffff; }
            #Header .row .logo_sec .logo svg .cls-1 {
              stroke: #a5cd39; }
            #Header .row .logo_sec .logo svg .cls-2 {
              fill: #005826; }
            #Header .row .logo_sec .logo svg .cls-3, #Header .row .logo_sec .logo svg .cls-5 {
              fill: #004b1c; }
            #Header .row .logo_sec .logo svg .cls-4 {
              stroke: #00a551; } }
  @media only screen and (min-width: 992px) {
    #Header .menu_icon {
      display: none; } }
  @media only screen and (max-width: 992px) {
    #Header .menu_icon {
      display: flex; }
      #Header .menu_icon button {
        display: block;
        border: none;
        width: 60px;
        height: 60px;
        font-size: 0;
        outline: none;
        padding: 15px;
        margin-right: 0;
        margin-top: 0;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
        height: 100%; } }
    @media only screen and (max-width: 992px) and (max-width: 468px) {
      #Header .menu_icon button {
        width: 55px; } }
  @media only screen and (max-width: 992px) {
        #Header .menu_icon button span {
          width: 100%;
          height: 2px;
          display: block;
          background: #00a551;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
          position: relative; }
          #Header .menu_icon button span:nth-child(2) {
            width: 90%; }
          #Header .menu_icon button span:nth-child(3) {
            width: 66%; }
          #Header .menu_icon button span:nth-child(4) {
            width: 76%; }
          #Header .menu_icon button span ~ span {
            margin-top: 5px; } }
        @media only screen and (max-width: 992px) and (max-width: 468px) {
          #Header .menu_icon button span ~ span {
            margin-top: 4px; } }
  @media only screen and (max-width: 992px) {
        #Header .menu_icon button[aria-expanded="true"] span {
          width: 100%;
          background: #00ae55; } }
  @media only screen and (max-width: 468px) {
    #Header .menu_icon {
      position: absolute;
      top: 0px;
      right: 0;
      height: 100%; } }
  #Header .navbar-expand-lg {
    position: unset;
    padding: 0px; }
    @media only screen and (max-width: 992px) {
      #Header .navbar-expand-lg {
        position: absolute;
        left: 0px;
        top: 100%;
        background: #00ae55;
        width: 100%;
        z-index: 999;
        padding: 0px; } }
    @media only screen and (min-width: 992px) {
      #Header .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto; } }
    @media only screen and (max-width: 992px) {
      #Header .navbar-expand-lg .navbar-collapse.collapse:not(.show) {
        display: none !important;
        width: 100%; } }
    @media only screen and (min-width: 992px) {
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 auto; } }
    @media only screen and (max-width: 992px) {
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%; } }
    @media only screen and (min-width: 992px) {
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list {
        margin: 0 10px; }
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list:last-of-type {
          margin-right: 0px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list {
        margin: 0 5px; }
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list:last-of-type {
          margin-right: 0px; } }
    #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link {
      font-size: 15px;
      color: white;
      text-transform: capitalize;
      font-weight: 400;
      padding: 65px 0;
      position: relative; }
      @media (max-width: 1400px) and (min-width: 1200px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link {
          font-size: 15px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link {
          font-size: 13px;
          padding: 45px 0; } }
      @media only screen and (max-width: 992px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link {
          font-size: 12px;
          color: #fff !important;
          font-weight: 600;
          text-transform: uppercase;
          line-height: normal;
          padding: 12px 15px;
          border-bottom: 1px solid #04bb5d; } }
      @media only screen and (min-width: 992px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link::after {
          content: "";
          position: absolute;
          left: 0px;
          right: 0px;
          bottom: 58px;
          margin: auto;
          width: 0px;
          height: 1px;
          background: #00ae55;
          opacity: 0;
          visibility: hidden;
          transition: ease-in-out all 0.3s; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) and (min-width: 992px) {
    #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link::after {
      bottom: 35px; } }

    #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list:hover .link, #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list.active .link {
      color: #00ae55; }
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list:hover .link::after, #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list.active .link::after {
        width: 8px;
        opacity: 1;
        visibility: visible; }
      @media only screen and (max-width: 992px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list:hover .link, #Header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list.active .link {
          background: #129c45; } }
    #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown [data-toggle="dropdown"]::before {
      content: "";
      position: absolute;
      top: 0px;
      bottom: 0px;
      margin: auto;
      background: url("../images/icons/dropdown.svg") no-repeat center;
      width: 9px;
      height: 5px;
      background-size: 9px; }
      @media only screen and (min-width: 992px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown [data-toggle="dropdown"]::before {
          right: -12px; } }
      @media only screen and (max-width: 992px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown [data-toggle="dropdown"]::before {
          right: 10px; } }
    #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
      background-color: white;
      border-radius: 0px;
      padding: 0px;
      margin: 0px;
      border: none; }
      @media only screen and (min-width: 992px) {
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
          position: absolute;
          left: -25px;
          top: 100%;
          min-width: 385px;
          opacity: 0;
          transform: translate(0, 10px);
          transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
          display: block;
          visibility: hidden; }
          #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .dropdown-menu::before {
            content: "";
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 12px solid white;
            position: absolute;
            left: 50px;
            margin: auto;
            top: -12px;
            transition: ease-in-out all 0.3s; } }
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .dropdown-menu a {
        font-size: 13px;
        font-weight: 600;
        color: #0f1e2e; }
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .dropdown-menu a:hover, #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .dropdown-menu a .active {
          color: #0460bd; }
    #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .list_drop {
      padding: 35px 20px 45px; }
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .list_drop a {
        padding: 2px 0;
        padding-left: 30px;
        position: relative; }
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .list_drop a span {
          font-size: 12px;
          color: #6a7c8e;
          margin-top: 13px;
          display: block; }
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .list_drop a:not(:last-of-type) {
          margin-bottom: 25px; }
        #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown .list_drop a::before {
          content: "";
          position: absolute;
          left: 0px;
          top: 0px;
          width: 17px;
          height: 17px;
          background: url(../images/icons/listicon1.svg) no-repeat center;
          background-size: contain; }
    @media only screen and (min-width: 992px) {
      #Header .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        transform: translate(0, 0px);
        visibility: visible; } }
  #Header.sticky {
    position: fixed;
    width: 100%;
    animation: ease-in-out;
    transition-delay: 0.5s;
    animation-name: fadeInDown;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    z-index: 9000;
    top: 0px;
    background: white; }
    #Header.sticky #topbar {
      display: none; }
      #Header.sticky #topbar .qck_cntct li a {
        font-size: 13px;
        padding-left: 20px; }
        #Header.sticky #topbar .qck_cntct li a .icon.call {
          width: 12px;
          height: 12px;
          background-size: 12px; }
        #Header.sticky #topbar .qck_cntct li a .icon.mail {
          width: 14px;
          height: 10px;
          background-size: 14px; }
      #Header.sticky #topbar .qck_links li a {
        font-size: 12px; }
      #Header.sticky #topbar .social_icon li a {
        font-size: 11px; }
    @media only screen and (max-width: 576px) {
      #Header.sticky .row .logo_sec {
        padding: 0; } }
    #Header.sticky .row .logo_sec .logo {
      width: 185px; }
      #Header.sticky .row .logo_sec .logo svg {
        fill: #ffffff; }
        #Header.sticky .row .logo_sec .logo svg .cls-1 {
          stroke: #a5cd39; }
        #Header.sticky .row .logo_sec .logo svg .cls-2 {
          fill: #005826; }
        #Header.sticky .row .logo_sec .logo svg .cls-3, #Header.sticky .row .logo_sec .logo svg .cls-5 {
          fill: #004b1c; }
        #Header.sticky .row .logo_sec .logo svg .cls-4 {
          stroke: #00a551; }
    #Header.sticky .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link {
      padding: 25px 0;
      font-size: 13px;
      color: #151515; }
      #Header.sticky .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link::after {
        bottom: 20px; }
      @media only screen and (max-width: 992px) {
        #Header.sticky .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list .link {
          padding: 12px 15px; } }
    #Header.sticky .navbar-expand-lg .navbar-collapse .navbar-nav .nav-list.active .link {
      color: #00ae55; }

/***********************layout************* */
/******************COMMON_HEAD_SLTYLE************************* */
.main_head {
  margin-bottom: 20px;
  position: relative; }
  @media only screen and (max-width: 468px) {
    .main_head {
      margin-bottom: 25px; } }
  .main_head .title {
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 2px;
    margin-bottom: 8px; }
    @media only screen and (max-width: 992px) {
      .main_head .title {
        font-size: 10px;
        margin-bottom: 15px; } }
  .main_head .head {
    font-size: 45px;
    font-family: "Playfair Display", serif;
    color: white;
    line-height: normal; }
    @media (max-width: 992px) and (min-width: 468px) {
      .main_head .head {
        font-size: 34px;
        line-height: 46px; } }
    @media only screen and (max-width: 468px) {
      .main_head .head {
        font-size: 31px;
        line-height: 43px; } }
  .main_head.center {
    text-align: center;
    padding-bottom: 20px; }
    .main_head.center::after {
      content: "";
      background: #00ae55;
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
      margin: auto;
      width: 30px;
      height: 1px; }

/***************************INNER_BANNER********************** */
#banner {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  width: 100%;
  height: 622px;
  position: relative; }
  #banner::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50%;
    background: linear-gradient(1800deg, rgba(14, 34, 22, 0), rgba(14, 34, 22, 0.9)); }
    @media only screen and (max-width: 992px) {
      #banner::before {
        display: none; } }
  #banner::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    background: linear-gradient(1800deg, rgba(14, 34, 22, 0.9), rgba(14, 34, 22, 0)); }
  @media (max-width: 992px) and (min-width: 576px) {
    #banner {
      height: 270px; } }
  @media only screen and (max-width: 576px) {
    #banner {
      height: 170px; } }
  #banner .banner_caption {
    text-align: center;
    padding-bottom: 85px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto; }
    @media (max-width: 992px) and (min-width: 576px) {
      #banner .banner_caption {
        padding-bottom: 35px; } }
    @media only screen and (max-width: 576px) {
      #banner .banner_caption {
        padding-bottom: 0; } }
    #banner .banner_caption .title {
      font-size: 55px;
      color: white;
      font-weight: 600;
      text-transform: capitalize;
      line-height: normal;
      margin-bottom: 10px;
      font-family: "Playfair Display", serif; }
      @media only screen and (max-width: 768px) {
        #banner .banner_caption .title {
          font-size: 38px;
          margin-bottom: 0px; } }
      @media only screen and (max-width: 576px) {
        #banner .banner_caption .title {
          font-size: 28px; } }
    #banner .banner_caption .sub {
      font-size: 24px;
      color: white;
      line-height: normal; }
      @media only screen and (max-width: 768px) {
        #banner .banner_caption .sub {
          font-size: 18px; } }
    #banner .banner_caption .breadcrumb {
      justify-content: center;
      background: none;
      padding: 0;
      margin-top: 3px; }
      #banner .banner_caption .breadcrumb .breadcrumb-item {
        color: #fff;
        text-transform: uppercase; }
        #banner .banner_caption .breadcrumb .breadcrumb-item a {
          color: #00ae55;
          text-transform: uppercase; }
        #banner .banner_caption .breadcrumb .breadcrumb-item::before {
          color: #fff; }

@media only screen and (min-width: 468px) {
  .sec_head {
    margin-bottom: 65px; } }
@media (max-width: 992px) and (min-width: 768px) {
  .sec_head {
    margin-bottom: 40px; } }
@media only screen and (max-width: 768px) {
  .sec_head {
    margin-bottom: 25px; } }
.sec_head .min_title {
  font-size: 14px;
  color: #00ae55;
  line-height: normal;
  margin-bottom: 60px;
  font-weight: 600; }
  @media (max-width: 1200px) and (min-width: 992px) {
    .sec_head .min_title {
      margin-bottom: 35px; } }
  @media (max-width: 992px) and (min-width: 468px) {
    .sec_head .min_title {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 468px) {
    .sec_head .min_title {
      margin-bottom: 20px; } }
.sec_head .head {
  font-size: 40px;
  font-family: "Playfair Display", serif;
  color: #1d2432;
  line-height: 45px;
  font-weight: 500; }
  @media (max-width: 1200px) and (min-width: 992px) {
    .sec_head .head {
      font-size: 36px;
      line-height: 38px; } }
  @media (max-width: 992px) and (min-width: 468px) {
    .sec_head .head {
      font-size: 28px;
      line-height: 38px; } }
  @media only screen and (max-width: 468px) {
    .sec_head .head {
      font-size: 24px;
      line-height: 28px; }
      .sec_head .head br {
        display: none; } }

/******************BUTTON_SLTYLE************************* */
.btn {
  font-size: 14px;
  color: #12a5e0;
  font-weight: 500;
  border: none;
  outline: none !important;
  box-shadow: none !important;
  background: transparent;
  padding: 0px;
  margin: 0px; }

.know_more {
  font-size: 16px;
  color: #1d2432;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.2px;
  position: relative;
  padding-right: 25px;
  display: inline-block;
  margin: auto;
  margin-top: 35px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  @media only screen and (max-width: 768px) {
    .know_more {
      font-size: 14px !important;
      margin-top: 30px !important; } }
  @media only screen and (max-width: 576px) {
    .know_more {
      margin-top: 10px !important; } }
  .know_more::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 13px;
    height: 11px;
    background: url("../images/icons/arrow_rit.svg") no-repeat center;
    background-size: contain;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .know_more.wit_arrow::after {
    background: url("../images/icons/arrow_rit_wit.svg") no-repeat center;
    background-size: contain; }
  .know_more:hover {
    color: #00ae55; }
    .know_more:hover::after {
      -webkit-animation-name: icon_wobble;
      animation-name: icon_wobble;
      -webkit-animation-duration: 5s;
      animation-duration: 5s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }

.modal-dialog {
  margin: 11.75rem auto; }

.modal-content {
  height: 470px;
  width: 400px;
  padding: 100px 40px;
  background: #0cbb5f;
  margin: 0 auto;
  border: none; }
  @media only screen and (max-width: 576px) {
    .modal-content {
      height: 430px;
      width: 300px;
      padding: 50px 25px; } }
  .modal-content .modal-header {
    display: block;
    border-bottom: none; }
    .modal-content .modal-header .modal-title {
      font-size: 20px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase;
      line-height: 27px;
      margin-bottom: 15px; }
    .modal-content .modal-header .sub-title {
      font-size: 15px;
      color: #fff;
      font-weight: 400;
      text-transform: uppercase; }
  .modal-content .close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    border: none;
    outline: none;
    opacity: 1; }
    .modal-content .close:hover, .modal-content .close:focus {
      color: #fff !important; }
  .modal-content .img-box {
    position: absolute;
    top: 45px;
    opacity: 0.1; }
    @media only screen and (max-width: 576px) {
      .modal-content .img-box {
        top: 15px; } }
  .modal-content .modal-body {
    padding-top: 35px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow-y: scroll; }
    @media only screen and (max-width: 576px) {
      .modal-content .modal-body {
        padding-top: 15px; } }
    .modal-content .modal-body::-webkit-scrollbar {
      width: 5px;
      background: #0000001a; }
    .modal-content .modal-body::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    .modal-content .modal-body::-webkit-scrollbar-thumb {
      background-color: #ffffff;
      outline: 1px solid slategrey; }

.modal-open .modal {
  overflow-x: hidden; }

#terms .modal-dialog {
  margin: 11.75rem auto; }
#terms .modal-content {
  height: 100%;
  width: 100%;
  padding: 40px 40px;
  background: #ffffff;
  margin: 0 auto;
  border: none; }
  @media only screen and (max-width: 576px) {
    #terms .modal-content {
      height: 430px;
      width: 300px;
      padding: 50px 25px; } }
  #terms .modal-content .modal-header {
    display: block;
    border-bottom: none; }
    #terms .modal-content .modal-header .modal-title {
      font-size: 20px;
      font-weight: 600;
      color: #0cbb5f;
      text-transform: uppercase;
      line-height: 27px;
      margin-bottom: 15px;
      padding-bottom: 10px;
      border-bottom: dashed 2px #0cbb5f; }
  #terms .modal-content ul li {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px;
    line-height: 22px; }
    #terms .modal-content ul li::before {
      content: "*";
      position: absolute;
      color: #0cbb5f;
      left: 0;
      top: 5px;
      font-size: 20px; }
  #terms .modal-content .close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 300;
    font-size: 35px;
    color: #000000;
    border: none;
    outline: none;
    opacity: 1; }
    #terms .modal-content .close:hover, #terms .modal-content .close:focus {
      color: #fff !important; }
  #terms .modal-content .img-box {
    position: absolute;
    top: 45px;
    opacity: 0.1; }
    @media only screen and (max-width: 576px) {
      #terms .modal-content .img-box {
        top: 15px; } }
  #terms .modal-content .modal-body {
    padding-top: 35px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow-y: auto;
    border: dashed 1px #0000004d; }
    @media only screen and (max-width: 576px) {
      #terms .modal-content .modal-body {
        padding-top: 15px; } }
    #terms .modal-content .modal-body::-webkit-scrollbar {
      width: 5px;
      background: #00000007; }
    #terms .modal-content .modal-body::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    #terms .modal-content .modal-body::-webkit-scrollbar-thumb {
      background-color: #ffffff;
      outline: 1px solid slategrey; }
#terms .modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden; }

/******************INNER_PAGE_COMMON************************* */
.talk {
  position: relative;
  background: #00ae55;
  padding: 28px 34px;
  width: 420px;
  margin: 0 0 0 auto;
  z-index: 1;
  margin-top: -50px;
  -webkit-animation-name: icon_wobble1;
  animation-name: icon_wobble1;
  -webkit-animation-duration: 2s;
  animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }
  @media only screen and (max-width: 992px) {
    .talk {
      padding: 25px 25px; } }
  @media only screen and (max-width: 768px) {
    .talk {
      padding: 15px 15px; } }
  @media only screen and (max-width: 576px) {
    .talk {
      display: none; } }
  .talk::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #00ae55;
    position: absolute;
    bottom: -22px;
    left: 90px;
    transition: 0.5s ease-in-out; }
  .talk .phone {
    color: #fff;
    margin-left: 0;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 992px) {
      .talk .phone {
        margin: 0;
        padding: 0 9px; } }
    .talk .phone::before {
      display: none; }
    .talk .phone .img_bx {
      background-size: contain;
      height: 58px;
      width: 68px;
      background-repeat: no-repeat; }
    .talk .phone .txt_box {
      display: block;
      padding-left: 20px; }
      .talk .phone .txt_box .contact_head {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px; }
      .talk .phone .txt_box .number {
        font-size: 30px;
        color: #fff;
        font-weight: bolder;
        text-transform: uppercase;
        position: relative; }
        @media (max-width: 992px) and (min-width: 768px) {
          .talk .phone .txt_box .number {
            font-size: 28px; } }
        @media only screen and (max-width: 768px) {
          .talk .phone .txt_box .number {
            font-size: 24px; } }

.custome_captcha .cap_sec {
  padding: 0; }
  .custome_captcha .cap_sec:first-child {
    padding-left: 15px;
    display: flex;
    align-items: center;
    border-right: 1px solid #ffffff15; }
  .custome_captcha .cap_sec:last-child {
    padding-right: 15px; }
  .custome_captcha .cap_sec .form-control:disabled, .custome_captcha .cap_sec .form-control[readonly] {
    background-color: transparent; }
  .custome_captcha .cap_sec .capt_txt {
    position: relative;
    display: flex; }
    .custome_captcha .cap_sec .capt_txt .form-control {
      padding: 0 55px !important;
      border-right: 1px solid #00000020 !important; }
      @media (max-width: 1200px) and (min-width: 992px) {
        .custome_captcha .cap_sec .capt_txt .form-control {
          padding: 0 25px !important; } }
      @media only screen and (max-width: 992px) {
        .custome_captcha .cap_sec .capt_txt .form-control {
          padding: 0 30px !important; } }
      @media only screen and (max-width: 768px) {
        .custome_captcha .cap_sec .capt_txt .form-control {
          padding: 0 25px !important; } }
      @media only screen and (max-width: 576px) {
        .custome_captcha .cap_sec .capt_txt .form-control {
          padding: 0 15px !important; } }
      .custome_captcha .cap_sec .capt_txt .form-control::placeholder {
        font-size: 16px;
        color: #fff;
        font-weight: 500; }
    .custome_captcha .cap_sec .capt_txt button {
      border-radius: 0;
      position: absolute;
      right: 50px;
      bottom: 0;
      top: 0;
      background: transparent;
      box-shadow: none;
      outline: none;
      border: 0; }
      @media only screen and (max-width: 576px) {
        .custome_captcha .cap_sec .capt_txt button {
          right: 10px; } }
      .custome_captcha .cap_sec .capt_txt button:active:focus {
        background: none;
        outline: none;
        box-shadow: none;
        border: none; }
      .custome_captcha .cap_sec .capt_txt button .fas {
        font-weight: 600;
        font-size: 12px;
        color: #00ae55; }
  .custome_captcha .cap_sec .capt_field .form-control {
    border-left: none;
    padding-left: 15px !important; }

.bg_box {
  background: #ffffff;
  position: absolute;
  height: 30px;
  width: 20px;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto; }
  .bg_box::before {
    position: absolute;
    content: "";
    height: 30px;
    background: #05b058;
    width: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.back_tabs {
  margin-bottom: 10px; }
  .back_tabs ul {
    padding-left: 20px;
    display: flex;
    background: #00ae55;
    justify-content: flex-end;
    width: fit-content;
    margin: 0 0 0 auto; }
    .back_tabs ul li a {
      padding: 15px 35px;
      color: #fff;
      font-size: 16px;
      font-weight: 400;
      position: relative; }
      .back_tabs ul li a::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 15px;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url("../images/icons/back.png") no-repeat center; }
      .back_tabs ul li a.active {
        background: #000000; }

@media only screen and (min-width: 992px) {
  #main_slider .carousel-item {
    min-height: 85vh;
    height: calc(100vh - 115px);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    max-height: 780px; }
    #main_slider .carousel-item .mob_slide {
      display: none; } }
#main_slider .carousel-item::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 50%;
  background: linear-gradient(1800deg, rgba(14, 34, 22, 0), rgba(14, 34, 22, 0.9)); }
  @media only screen and (max-width: 768px) {
    #main_slider .carousel-item::before {
      background: linear-gradient(1800deg, rgba(14, 34, 22, 0), rgba(14, 34, 22, 0.44)); } }
#main_slider .carousel-item::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 50%;
  background: linear-gradient(1800deg, rgba(14, 34, 22, 0.9), rgba(14, 34, 22, 0)); }
  @media only screen and (max-width: 768px) {
    #main_slider .carousel-item::after {
      background: linear-gradient(1800deg, rgba(14, 34, 22, 0.55), rgba(14, 34, 22, 0)); } }
#main_slider .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 1; }
#main_slider .carousel_caption {
  position: absolute;
  left: 15px;
  right: 0px;
  bottom: 105px;
  text-align: left;
  width: 100%;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1.5s;
  animation-fill-mode: both; }
  @media only screen and (max-width: 992px) {
    #main_slider .carousel_caption {
      display: none; } }
  #main_slider .carousel_caption .caption {
    font-size: 50px;
    font-family: "Playfair Display", serif;
    color: white;
    font-weight: 500;
    line-height: 57px; }
#main_slider #carousel_indicators {
  position: absolute;
  left: 0px;
  bottom: 67px;
  width: 100%; }
  @media only screen and (max-width: 992px) {
    #main_slider #carousel_indicators {
      bottom: 25px; } }
  #main_slider #carousel_indicators .container {
    justify-content: left; }
  #main_slider #carousel_indicators .carousel-indicators {
    display: flex;
    z-index: 2;
    position: unset;
    margin-left: 0px; }
    #main_slider #carousel_indicators .carousel-indicators li {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white;
      margin-right: 15px;
      font-size: 0px;
      opacity: 0.5; }
      @media only screen and (max-width: 468px) {
        #main_slider #carousel_indicators .carousel-indicators li {
          width: 4px;
          height: 4px;
          margin-right: 10px; } }
      #main_slider #carousel_indicators .carousel-indicators li.active {
        background: #00ae55;
        opacity: 1; }
#main_slider .carousel-arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 60px;
  bottom: 25px; }
  @media only screen and (max-width: 468px) {
    #main_slider .carousel-arrows {
      right: 15px;
      bottom: 15px; } }
  #main_slider .carousel-arrows a {
    position: unset;
    width: 22px;
    height: 15px;
    opacity: 1; }
    @media only screen and (max-width: 468px) {
      #main_slider .carousel-arrows a {
        width: 19px;
        background-size: 19px !important; } }
    #main_slider .carousel-arrows a.carousel-control-prev {
      background: url("../images/icons/slide_prev.svg") no-repeat center; }
    #main_slider .carousel-arrows a.carousel-control-next {
      background: url("../images/icons/slide_nxt.svg") no-repeat center; }

/*************************** home page **************************** */
#welcome_sec {
  padding: 93px 0 120px; }
  @media only screen and (max-width: 992px) {
    #welcome_sec {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #welcome_sec {
      padding: 40px 0; } }
  @media (max-width: 992px) and (min-width: 768px) {
    #welcome_sec .row {
      position: relative; } }
  @media only screen and (min-width: 992px) {
    #welcome_sec .col_sec_1 {
      padding-left: 35px; } }
  @media only screen and (min-width: 468px) {
    #welcome_sec .sec_head {
      margin-bottom: 30px; } }
  @media (max-width: 992px) and (min-width: 768px) {
    #welcome_sec .sec_head {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 768px) {
    #welcome_sec .sec_head {
      margin-bottom: 25px; } }
  #welcome_sec .sec_head .min_title {
    font-size: 14px;
    color: #00ae55;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 60px; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #welcome_sec .sec_head .min_title {
        margin-bottom: 35px; } }
    @media (max-width: 992px) and (min-width: 468px) {
      #welcome_sec .sec_head .min_title {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 468px) {
      #welcome_sec .sec_head .min_title {
        margin-bottom: 30px; } }
  #welcome_sec .sec_head .head {
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: #1d2432;
    line-height: 45px;
    font-weight: 500; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #welcome_sec .sec_head .head {
        font-size: 36px; } }
    @media (max-width: 992px) and (min-width: 468px) {
      #welcome_sec .sec_head .head {
        font-size: 34px;
        line-height: 38px; } }
    @media only screen and (max-width: 468px) {
      #welcome_sec .sec_head .head {
        font-size: 26px;
        line-height: 32px; } }
    #welcome_sec .sec_head .head p {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: #1d2432;
      line-height: 45px;
      font-weight: 500;
      margin: 0; }
  @media only screen and (min-width: 1360px) {
    #welcome_sec .grid_box {
      grid-gap: 15px 50px; } }
  @media (max-width: 1360px) and (min-width: 992px) {
    #welcome_sec .grid_box {
      grid-gap: 0 25px; } }
  @media only screen and (max-width: 992px) {
    #welcome_sec .grid_box {
      grid-gap: 25px; } }
  @media only screen and (min-width: 768px) {
    #welcome_sec .grid_box {
      display: grid;
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 992px) and (min-width: 768px) {
    #welcome_sec .grid_box {
      align-items: center; } }
  #welcome_sec .grid_box p {
    text-align: justify; }
  @media only screen and (max-width: 768px) {
    #welcome_sec .exp {
      margin-bottom: 25px;
      margin-top: -65px;
      position: relative;
      z-index: 2;
      width: fit-content; } }
  #welcome_sec .exp .count {
    font-size: 150px;
    color: transparent;
    line-height: normal;
    font-weight: 700;
    line-height: 140px;
    text-transform: uppercase;
    -webkit-text-stroke: 5px #00ae55; }
    @media (max-width: 992px) and (min-width: 768px) {
      #welcome_sec .exp .count {
        font-size: 100px;
        line-height: 100px;
        -webkit-text-stroke: 3px #00ae55; } }
    @media only screen and (max-width: 768px) {
      #welcome_sec .exp .count {
        font-size: 115px;
        line-height: 100px; } }
    @media only screen and (max-width: 468px) {
      #welcome_sec .exp .count {
        font-size: 80px;
        line-height: 80px; } }
  #welcome_sec .exp .title {
    font-size: 38px;
    color: #00ae55;
    font-weight: 600;
    text-decoration: underline;
    line-height: 50px;
    text-underline-position: under; }
    @media (max-width: 992px) and (min-width: 768px) {
      #welcome_sec .exp .title {
        font-size: 28px;
        line-height: 38px; } }
    @media only screen and (max-width: 768px) {
      #welcome_sec .exp .title {
        font-size: 28px;
        line-height: 38px; } }
  #welcome_sec .rit_sec {
    text-align: center; }
    @media (max-width: 992px) and (min-width: 768px) {
      #welcome_sec .rit_sec {
        margin-bottom: 30px; } }
  #welcome_sec #play_button {
    text-align: center;
    -webkit-transition: all 0.5s ease; }
    @media only screen and (min-width: 992px) {
      #welcome_sec #play_button {
        margin-top: 0px; } }
    #welcome_sec #play_button .play_icon {
      margin-bottom: 65px;
      position: relative;
      height: 234px;
      width: 100%;
      background-position: center !important;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      z-index: 1; }
      @media only screen and (max-width: 992px) {
        #welcome_sec #play_button .play_icon {
          margin-bottom: 10px; } }
      @media only screen and (max-width: 768px) {
        #welcome_sec #play_button .play_icon {
          height: 300px; } }
      @media only screen and (max-width: 576px) {
        #welcome_sec #play_button .play_icon {
          height: 200px;
          margin-bottom: 30px; } }
      #welcome_sec #play_button .play_icon::after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #00ae5585;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite; }
      #welcome_sec #play_button .play_icon svg {
        max-width: 75px;
        height: auto;
        fill: #00ae55;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: 0.5s ease-in-out;
        border-radius: 50%; }
        #welcome_sec #play_button .play_icon svg .fst_line {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: dash 5s linear forwards; }
      #welcome_sec #play_button .play_icon:hover svg {
        fill: #ffffff; }
    #welcome_sec #play_button .txt {
      font-size: 14px;
      color: #181c26;
      line-height: normal;
      padding-bottom: 15px;
      position: relative; }
      #welcome_sec #play_button .txt::after {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        width: 25px;
        height: 1px;
        background-color: #00ae55; }
    #welcome_sec #play_button .circle {
      stroke: #00ae55;
      stroke-dasharray: 650;
      stroke-dashoffset: 650;
      -webkit-transition: all 0.5s ease-in-out;
      opacity: 1; }
    #welcome_sec #play_button .triangle {
      stroke-dasharray: 240;
      stroke-dashoffset: 480;
      stroke: #00ae55; }
    #welcome_sec #play_button:hover .triangle {
      stroke-dashoffset: 0;
      opacity: 1;
      stroke: #00ae55;
      animation: nudge 0.7s ease-in-out; }
@keyframes nudge {
  0% {
    transform: translateX(0); }
  30% {
    transform: translateX(-5px); }
  50% {
    transform: translateX(5px); }
  70% {
    transform: translateX(-2px); }
  100% {
    transform: translateX(0); } }
    #welcome_sec #play_button:hover .circle {
      stroke-dashoffset: 0;
      opacity: 1; }
  #welcome_sec .know_more {
    font-weight: 600;
    float: left;
    margin: 0;
    margin-top: 30px;
    width: fit-content; }
    @media (max-width: 992px) and (min-width: 768px) {
      #welcome_sec .know_more {
        margin-top: 20px; } }
    @media only screen and (max-width: 992px) {
      #welcome_sec .know_more {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 576px) {
      #welcome_sec .know_more {
        margin-bottom: 30px;
        margin-top: 10px; } }

#our_courses {
  overflow: hidden; }
  #our_courses .top_sec {
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 992px) {
      #our_courses .top_sec .container {
        padding: 0; } }
    #our_courses .top_sec .img_box {
      position: absolute;
      top: 0;
      left: 0;
      right: auto;
      bottom: 0;
      width: calc(100% - ((100% - 1233px)/ 2));
      z-index: -1;
      height: calc(100% - 70px);
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: cover !important;
      transition: ease-in-out all 1s; }
      @media only screen and (max-width: 768px) {
        #our_courses .top_sec .img_box {
          width: 100%;
          height: 100%; } }
    #our_courses .top_sec .box {
      width: 365px;
      background: #00ae55;
      padding: 80px 45px 80px; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #our_courses .top_sec .box {
          padding: 60px 45px 45px; } }
      @media only screen and (max-width: 768px) {
        #our_courses .top_sec .box {
          width: 100%;
          background: rgba(0, 0, 0, 0.65); } }
      @media only screen and (max-width: 768px) {
        #our_courses .top_sec .box {
          padding: 70px 15px 55px; } }
      @media only screen and (min-width: 576px) {
        #our_courses .top_sec .box .info {
          margin-bottom: 0; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #our_courses .top_sec .box .info {
          margin-bottom: 20px; } }
      #our_courses .top_sec .box .info p {
        font-size: 13px;
        color: white;
        line-height: 24px; }
      #our_courses .top_sec .box .know_more {
        color: white;
        margin-left: 0px; }
        @media (max-width: 1200px) and (min-width: 992px) {
          #our_courses .top_sec .box .know_more {
            margin-top: 20px; } }
        #our_courses .top_sec .box .know_more::after {
          background: url("../images/icons/arrow_rit_wit.svg") no-repeat center;
          background-size: contain; }
  #our_courses .courses_list {
    padding: 75px 0 105px; }
    @media only screen and (max-width: 992px) {
      #our_courses .courses_list {
        padding: 60px 0 60px; } }
    @media only screen and (max-width: 468px) {
      #our_courses .courses_list {
        padding: 45px 0 50px; } }
    #our_courses .courses_list .slick-slider {
      padding-bottom: 85px; }
      @media only screen and (max-width: 992px) {
        #our_courses .courses_list .slick-slider {
          padding-bottom: 40px; } }
      @media only screen and (max-width: 468px) {
        #our_courses .courses_list .slick-slider {
          padding-bottom: 35px; } }
    #our_courses .courses_list .slick-list {
      margin: 0 -15px; }
    #our_courses .courses_list .item {
      padding: 0 15px; }
    #our_courses .courses_list .item_box .img_box_outer {
      position: relative;
      overflow: hidden; }
      #our_courses .courses_list .item_box .img_box_outer .img_box {
        width: 100%;
        height: 235px;
        position: relative;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        transition: ease-in-out all 0.6s; }
        @media only screen and (max-width: 992px) {
          #our_courses .courses_list .item_box .img_box_outer .img_box {
            height: 200px; } }
      #our_courses .courses_list .item_box .img_box_outer .tag {
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-size: 13px;
        font-weight: 500;
        color: white;
        line-height: normal;
        background: #00ae55;
        border-radius: 3px;
        padding: 3px 8px;
        font-style: italic; }
        @media only screen and (max-width: 992px) {
          #our_courses .courses_list .item_box .img_box_outer .tag {
            font-size: 11px; } }
        #our_courses .courses_list .item_box .img_box_outer .tag span {
          display: inline;
          font-size: 13px;
          color: white;
          line-height: normal; }
          @media only screen and (max-width: 992px) {
            #our_courses .courses_list .item_box .img_box_outer .tag span {
              font-size: 11px; } }
    #our_courses .courses_list .item_box .itm_info {
      padding: 25px 0 0px; }
      #our_courses .courses_list .item_box .itm_info .title {
        font-size: 18px;
        color: #1d2432;
        font-weight: 500;
        line-height: 24px;
        min-height: 50px; }
        @media only screen and (max-width: 992px) {
          #our_courses .courses_list .item_box .itm_info .title {
            font-size: 15px;
            min-height: 0; } }
      #our_courses .courses_list .item_box .itm_info .know_more {
        font-size: 12px;
        color: #1d2432;
        font-weight: 500;
        margin-top: 25px;
        margin-left: 0px;
        font-style: normal;
        transition: 0.5s; }
        #our_courses .courses_list .item_box .itm_info .know_more:hover {
          color: #00ae55; }
    #our_courses .courses_list .item_box:hover .img_box {
      transform: scale(1.1); }
    #our_courses .courses_list .slick-arrow {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: auto;
      background: transparent;
      border: none;
      outline: none;
      box-shadow: none;
      font-size: 12px;
      color: #8f8f8f;
      text-transform: uppercase;
      letter-spacing: 2px;
      cursor: pointer;
      padding: 0;
      z-index: 1; }
      @media only screen and (max-width: 468px) {
        #our_courses .courses_list .slick-arrow {
          font-size: 11px; } }
      #our_courses .courses_list .slick-arrow.slide-prev {
        left: -103px;
        padding: 0 15px; }
        #our_courses .courses_list .slick-arrow.slide-prev svg {
          margin-right: 5px; }
        #our_courses .courses_list .slick-arrow.slide-prev::after {
          content: "/";
          position: absolute;
          right: 0px;
          top: 0px;
          transform: rotate(10deg);
          color: #070707; }
      #our_courses .courses_list .slick-arrow.slide-nxt {
        right: -103px;
        padding: 0 15px; }
        #our_courses .courses_list .slick-arrow.slide-nxt svg {
          margin-left: 5px; }
        #our_courses .courses_list .slick-arrow.slide-nxt::before {
          content: "/";
          position: absolute;
          left: 0px;
          top: 1px;
          transform: rotate(10deg);
          color: #070707; }

#ayurveda_treatments {
  position: relative;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  overflow: hidden; }
  @media only screen and (max-width: 992px) {
    #ayurveda_treatments {
      padding: 45px 0; } }
  #ayurveda_treatments::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(15, 35, 25, 0.6); }
  #ayurveda_treatments .lft_box {
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    height: 100%; }
    @media only screen and (min-width: 1200px) {
      #ayurveda_treatments .lft_box {
        padding: 130px 80px 90px 0; } }
    @media (max-width: 1200px) and (min-width: 468px) {
      #ayurveda_treatments .lft_box {
        padding: 0 0 30px; } }
    @media only screen and (max-width: 1200px) {
      #ayurveda_treatments .lft_box {
        background: none; } }
    @media only screen and (max-width: 468px) {
      #ayurveda_treatments .lft_box {
        padding: 0; } }
    #ayurveda_treatments .lft_box::before {
      content: "";
      position: absolute;
      left: -100vw;
      width: 100vw;
      top: 0px;
      height: 100%;
      background: rgba(255, 255, 255, 0.1); }
      @media only screen and (max-width: 1200px) {
        #ayurveda_treatments .lft_box::before {
          background: none; } }
    @media only screen and (max-width: 1200px) {
      #ayurveda_treatments .lft_box::after {
        content: "";
        position: absolute;
        right: -100vw;
        width: 100vw;
        top: 0px;
        height: 100%;
        background: rgba(255, 255, 255, 0.1); } }
  @media only screen and (max-width: 1200px) and (max-width: 1200px) {
    #ayurveda_treatments .lft_box::after {
      background: none; } }

    #ayurveda_treatments .lft_box .title {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: white;
      line-height: normal;
      margin-bottom: 35px; }
      @media (max-width: 768px) and (min-width: 468px) {
        #ayurveda_treatments .lft_box .title {
          font-size: 38px;
          margin-bottom: 30px; } }
      @media only screen and (max-width: 468px) {
        #ayurveda_treatments .lft_box .title {
          font-size: 28px;
          margin-bottom: 25px; } }
    #ayurveda_treatments .lft_box .info p {
      font-size: 20px;
      color: white;
      line-height: 35px; }
      @media only screen and (max-width: 1400px) {
        #ayurveda_treatments .lft_box .info p {
          font-size: 16px;
          line-height: 28px; } }
      @media only screen and (max-width: 468px) {
        #ayurveda_treatments .lft_box .info p {
          font-size: 13px;
          line-height: 26px; } }
  @media only screen and (min-width: 1200px) {
    #ayurveda_treatments .rit_box {
      padding: 155px 0 45px 30px; } }
  @media (max-width: 1200px) and (min-width: 468px) {
    #ayurveda_treatments .rit_box {
      padding: 0px 0 30px; } }
  @media only screen and (max-width: 468px) {
    #ayurveda_treatments .rit_box {
      padding: 10px 0 0; } }
  @media only screen and (min-width: 768px) {
    #ayurveda_treatments .rit_box ul {
      display: grid;
      display: -moz-grid;
      display: -ms-grid;
      grid-template-columns: repeat(2, 1fr); } }
  #ayurveda_treatments .rit_box ul li {
    position: relative; }
    #ayurveda_treatments .rit_box ul li a {
      font-size: 17px;
      color: white;
      font-weight: 500;
      line-height: normal;
      padding-left: 45px;
      padding-right: 15px;
      margin-bottom: 22px;
      transition: 0.5s; }
      #ayurveda_treatments .rit_box ul li a:hover {
        color: #00ae55; }
      @media only screen and (max-width: 1400px) {
        #ayurveda_treatments .rit_box ul li a {
          font-size: 15px; } }
  @media only screen and (max-width: 1400px) and (max-width: 468px) {
    #ayurveda_treatments .rit_box ul li a {
      font-size: 13px;
      padding-left: 30px; } }

    #ayurveda_treatments .rit_box ul li::before {
      content: "";
      position: absolute;
      left: 0px;
      top: -3px;
      width: 26px;
      height: 26px;
      background: url("../images/icons/list_ico.svg") no-repeat;
      background-size: 26px; }
      @media only screen and (max-width: 468px) {
        #ayurveda_treatments .rit_box ul li::before {
          width: 20px;
          height: 20px;
          background-size: 20px; } }
  #ayurveda_treatments .rit_box .know_more {
    margin-right: 0;
    margin-top: 35px;
    color: white;
    font-size: 16px;
    text-transform: capitalize;
    transition: 0.5s;
    float: right; }
    @media only screen and (max-width: 1200px) {
      #ayurveda_treatments .rit_box .know_more {
        float: left; } }
    #ayurveda_treatments .rit_box .know_more:hover {
      color: #00ae55; }

#knowledge_base {
  padding: 105px 0 70px; }
  @media (max-width: 992px) and (min-width: 576px) {
    #knowledge_base {
      padding: 70px 0; } }
  @media only screen and (max-width: 576px) {
    #knowledge_base {
      padding: 45px 0 50px; } }
  @media only screen and (min-width: 768px) {
    #knowledge_base .grid_box {
      display: flex; } }
  #knowledge_base .grid_box .sec_title_box {
    background: #00ae55;
    padding: 90px 60px 85px;
    height: fit-content;
    height: -webkit-fill-available;
    height: -moz-fit-content;
    width: 385px; }
    @media only screen and (min-width: 1200px) {
      #knowledge_base .grid_box .sec_title_box {
        margin-right: 10px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #knowledge_base .grid_box .sec_title_box {
        width: 355px;
        padding: 50px 35px 75px; } }
    @media only screen and (max-width: 992px) {
      #knowledge_base .grid_box .sec_title_box {
        width: 100%;
        padding: 50px 35px 75px;
        margin-right: 30px; } }
    @media only screen and (max-width: 468px) {
      #knowledge_base .grid_box .sec_title_box {
        padding: 30px 35px 30px; } }
    #knowledge_base .grid_box .sec_title_box .title {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: #fff9ee;
      line-height: 50px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 992px) {
        #knowledge_base .grid_box .sec_title_box .title br {
          display: none; } }
      @media (max-width: 992px) and (min-width: 576px) {
        #knowledge_base .grid_box .sec_title_box .title {
          font-size: 38px;
          line-height: 48px; } }
      @media only screen and (max-width: 576px) {
        #knowledge_base .grid_box .sec_title_box .title {
          font-size: 26px;
          line-height: 32px; } }
    #knowledge_base .grid_box .sec_title_box p {
      font-size: 13px;
      color: white;
      line-height: 22px;
      height: 150px;
      overflow-y: scroll; }
      #knowledge_base .grid_box .sec_title_box p::-webkit-scrollbar {
        width: 0px;
        background: #00000007; }
      #knowledge_base .grid_box .sec_title_box p::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
      #knowledge_base .grid_box .sec_title_box p::-webkit-scrollbar-thumb {
        background-color: #ffffff;
        outline: 1px solid slategrey; }
    #knowledge_base .grid_box .sec_title_box .know_more {
      margin-left: 0px;
      color: white;
      margin-top: 15px; }
      @media only screen and (max-width: 1200px) {
        #knowledge_base .grid_box .sec_title_box .know_more {
          margin-top: 25px; } }
  #knowledge_base .grid_box .knowledge_base_slide {
    width: calc(100% - 385px); }
    @media (max-width: 1200px) and (min-width: 992px) {
      #knowledge_base .grid_box .knowledge_base_slide {
        width: calc(100% - 355px); } }
    @media only screen and (max-width: 992px) {
      #knowledge_base .grid_box .knowledge_base_slide {
        width: 100%;
        margin-top: 25px; } }
  @media only screen and (max-width: 992px) {
    #knowledge_base .grid_box .slick-list {
      margin: 0 -10px; } }
  #knowledge_base .grid_box .slick-list .slick-track {
    margin-left: 0; }
  @media only screen and (min-width: 992px) {
    #knowledge_base .grid_box .item_box {
      padding-left: 65px; } }
  @media only screen and (max-width: 992px) {
    #knowledge_base .grid_box .item_box {
      padding: 0 10px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #knowledge_base .grid_box .item_box {
      padding-left: 25px; } }
  #knowledge_base .grid_box .item_box .img_box_outer {
    overflow: hidden; }
    #knowledge_base .grid_box .item_box .img_box_outer .img_box {
      width: 100%;
      height: 235px;
      position: relative;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      transition: ease-in-out all 1s; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #knowledge_base .grid_box .item_box .img_box_outer .img_box {
          height: 195px; } }
      @media only screen and (max-width: 468px) {
        #knowledge_base .grid_box .item_box .img_box_outer .img_box {
          height: 195px; } }
  #knowledge_base .grid_box .item_box .info_box {
    padding-top: 25px; }
    #knowledge_base .grid_box .item_box .info_box .title {
      font-size: 20px;
      color: #1d2432;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 15px; }
    #knowledge_base .grid_box .item_box .info_box p {
      font-size: 13px;
      color: #4c4c4c;
      line-height: 28px; }
      @media only screen and (max-width: 992px) {
        #knowledge_base .grid_box .item_box .info_box p {
          font-size: 12px;
          line-height: 24px; } }
    #knowledge_base .grid_box .item_box .info_box .know_more {
      font-size: 12px;
      color: #1d2432;
      margin-left: 0px;
      margin-top: 30px;
      font-style: normal;
      transition: 0.5s;
      font-weight: 600; }
      #knowledge_base .grid_box .item_box .info_box .know_more:hover {
        color: #00ae55; }
  #knowledge_base .grid_box .item_box:hover .img_box_outer .img_box {
    transform: scale(1.1); }

#accommodation {
  padding-bottom: 110px; }
  @media only screen and (max-width: 576px) {
    #accommodation {
      padding-bottom: 45px; } }
  @media only screen and (max-width: 992px) {
    #accommodation .sec .col-lg-5 {
      order: 1;
      -webkit-order: 1; }
    #accommodation .sec .col-lg-7 {
      order: 0;
      -webkit-order: 0; } }
  #accommodation .sec .cntnt_sec .title_sec .title {
    font-size: 14px;
    color: #00ae55;
    line-height: normal;
    margin-bottom: 70px; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #accommodation .sec .cntnt_sec .title_sec .title {
        margin-bottom: 45px; } }
    @media only screen and (max-width: 992px) {
      #accommodation .sec .cntnt_sec .title_sec .title {
        margin-bottom: 25px; } }
  #accommodation .sec .cntnt_sec .title_sec .hilit {
    font-size: 40px;
    font-weight: 500;
    font-family: "Playfair Display", serif;
    color: #1d2432;
    line-height: 48px; }
    @media only screen and (min-width: 1200px) {
      #accommodation .sec .cntnt_sec .title_sec .hilit {
        padding-right: 70px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #accommodation .sec .cntnt_sec .title_sec .hilit {
        font-size: 30px;
        line-height: 38px; } }
    @media (max-width: 992px) and (min-width: 468px) {
      #accommodation .sec .cntnt_sec .title_sec .hilit {
        font-size: 34px;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 468px) {
      #accommodation .sec .cntnt_sec .title_sec .hilit {
        font-size: 26px;
        margin-bottom: 0px;
        line-height: 32px; } }
  #accommodation .sec .cntnt_sec p {
    font-size: 13px;
    color: #4c4c4c;
    line-height: 28px; }
  #accommodation .sec .cntnt_sec .know_more {
    font-size: 16px;
    color: #1d2432;
    font-weight: 600;
    margin-left: 0px;
    transition: 0.5s; }
    #accommodation .sec .cntnt_sec .know_more:hover {
      color: #00ae55; }
  #accommodation .sec .img_box {
    position: relative; }
    #accommodation .sec .img_box .fixed_tag {
      background-color: white;
      position: absolute;
      right: 0px;
      top: -90px;
      font-size: 12px;
      color: #5b5b5b;
      text-transform: uppercase;
      line-height: 24px;
      padding: 25px 20px 30px;
      max-width: 117px; }
      @media only screen and (max-width: 992px) {
        #accommodation .sec .img_box .fixed_tag {
          top: 0; } }
      @media only screen and (max-width: 468px) {
        #accommodation .sec .img_box .fixed_tag {
          display: none; } }
      @media only screen and (max-width: 468px) {
        #accommodation .sec .img_box .fixed_tag {
          padding: 15px 20px 15px; } }
    #accommodation .sec .img_box .img {
      height: 385px;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: cover !important; }
      @media (max-width: 992px) and (min-width: 768px) {
        #accommodation .sec .img_box .img {
          height: 285px; } }
      @media only screen and (max-width: 768px) {
        #accommodation .sec .img_box .img {
          height: 200px; } }
  #accommodation .sec:nth-child(even) .row {
    direction: rtl; }
    #accommodation .sec:nth-child(even) .row .cntnt_sec {
      direction: ltr; }
      @media only screen and (min-width: 1200px) {
        #accommodation .sec:nth-child(even) .row .cntnt_sec {
          padding-left: 60px; } }
  #accommodation .sec:not(:last-of-type) {
    margin-bottom: 45px; }

#reservation {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  padding: 130px 0 165px; }
  @media (max-width: 1200px) and (min-width: 992px) {
    #reservation {
      padding: 70px 0; } }
  @media (max-width: 992px) and (min-width: 468px) {
    #reservation {
      padding: 85px 0 100px; } }
  @media only screen and (max-width: 468px) {
    #reservation {
      padding: 50px 0 65px; } }
  #reservation::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(22, 26, 35, 0.7); }
  #reservation .row {
    align-items: center;
    justify-content: center;
    text-align: center; }
  #reservation .title {
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: white;
    line-height: normal;
    margin-bottom: 25px; }
    @media only screen and (max-width: 468px) {
      #reservation .title {
        font-size: 31px;
        margin-bottom: 20px; } }
  #reservation p {
    font-size: 18px;
    color: white;
    line-height: 28px; }
    @media (max-width: 992px) and (min-width: 468px) {
      #reservation p {
        font-size: 16px; } }
    @media only screen and (max-width: 468px) {
      #reservation p {
        font-size: 14px;
        line-height: 26px; } }
  #reservation .btn {
    border: 1px solid #02e671;
    background-color: rgba(2, 230, 113, 0.2);
    width: 218px;
    height: 69px;
    font-size: 16px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    transition: 0.5s;
    margin-top: 40px; }
    #reservation .btn:hover {
      border-color: #fff;
      background-color: rgba(12, 182, 94, 0.2); }
    @media (max-width: 992px) and (min-width: 468px) {
      #reservation .btn {
        font-size: 14px;
        width: 210px;
        height: 60px; } }
    @media only screen and (max-width: 468px) {
      #reservation .btn {
        font-size: 13px;
        width: 195px;
        height: 55px; } }

#happy_clients {
  padding: 130px 0 135px; }
  @media only screen and (max-width: 992px) {
    #happy_clients {
      padding: 100px 0 95px; } }
  @media only screen and (max-width: 468px) {
    #happy_clients {
      padding: 30px 0 30px; } }
  #happy_clients .title_sec {
    position: relative;
    padding: 45px 0; }
    @media (max-width: 992px) and (min-width: 468px) {
      #happy_clients .title_sec {
        padding: 65px 0; } }
    @media only screen and (max-width: 468px) {
      #happy_clients .title_sec {
        padding: 35px 0; } }
    #happy_clients .title_sec svg {
      opacity: 0.1;
      position: absolute;
      top: -37px;
      bottom: 0px;
      left: -12px;
      margin: auto; }
      @media only screen and (max-width: 468px) {
        #happy_clients .title_sec svg {
          max-width: 170px;
          top: -12px; } }
    #happy_clients .title_sec .head {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: black;
      font-weight: 500;
      line-height: normal;
      margin-bottom: 25px; }
      @media only screen and (max-width: 468px) {
        #happy_clients .title_sec .head {
          font-size: 31px;
          margin-bottom: 15px; } }
    #happy_clients .title_sec .title {
      font-size: 20px;
      color: #00ae55;
      line-height: normal; }
      @media only screen and (max-width: 468px) {
        #happy_clients .title_sec .title {
          font-size: 16px; } }
  #happy_clients .know_more {
    margin-left: 0px;
    font-weight: 600;
    margin-top: 0px !important; }
    @media only screen and (max-width: 992px) {
      #happy_clients .know_more {
        margin-bottom: 40px; } }
  @media only screen and (min-width: 768px) {
    #happy_clients .clients_slide .item {
      padding-right: 75px; } }
  @media (max-width: 768px) and (min-width: 576px) {
    #happy_clients .clients_slide .item {
      padding-right: 35px; } }
  @media only screen and (min-width: 992px) {
    #happy_clients .clients_slide .testi_box .msg {
      min-height: 185px; } }
  #happy_clients .clients_slide .testi_box .msg p {
    font-size: 14px;
    color: #444343;
    line-height: 22px;
    margin: 0; }
    @media only screen and (max-width: 468px) {
      #happy_clients .clients_slide .testi_box .msg p {
        font-size: 14px; } }
  #happy_clients .clients_slide .testi_box .client_info {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 468px) {
      #happy_clients .clients_slide .testi_box .client_info {
        padding-top: 30px; } }
    #happy_clients .clients_slide .testi_box .client_info .dp {
      border-radius: 50%;
      background-color: #e4e4e4;
      width: 61px;
      height: 61px;
      overflow: hidden;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center !important; }
      @media only screen and (max-width: 468px) {
        #happy_clients .clients_slide .testi_box .client_info .dp {
          width: 51px;
          height: 51px; } }
      #happy_clients .clients_slide .testi_box .client_info .dp img {
        margin: auto; }
    #happy_clients .clients_slide .testi_box .client_info .author {
      width: calc(100% - 61px);
      padding-left: 25px; }
      @media only screen and (max-width: 468px) {
        #happy_clients .clients_slide .testi_box .client_info .author {
          padding-left: 15px; } }
      #happy_clients .clients_slide .testi_box .client_info .author .name {
        font-size: 16px;
        font-weight: 600;
        color: #233442;
        margin-bottom: 13px; }
        @media only screen and (max-width: 468px) {
          #happy_clients .clients_slide .testi_box .client_info .author .name {
            font-size: 14px;
            margin-bottom: 10px; } }
      #happy_clients .clients_slide .testi_box .client_info .author .position {
        font-size: 12px;
        font-weight: 400;
        color: #6d7293; }
        @media only screen and (max-width: 468px) {
          #happy_clients .clients_slide .testi_box .client_info .author .position {
            font-size: 11px; } }
  #happy_clients .clients_slide .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 80px; }
    @media only screen and (max-width: 468px) {
      #happy_clients .clients_slide .slick-dots {
        margin-top: 50px; } }
    #happy_clients .clients_slide .slick-dots li {
      margin: 0 7.5px; }
      #happy_clients .clients_slide .slick-dots li button {
        border-radius: 50%;
        background-color: #00ae55;
        opacity: 0.302;
        width: 8px;
        height: 8px;
        outline: none;
        box-shadow: none;
        border: none;
        font-size: 0;
        padding: 0px;
        transition: ease-in-out all 0.8s; }
        @media only screen and (max-width: 468px) {
          #happy_clients .clients_slide .slick-dots li button {
            width: 5px;
            height: 5px; } }
      #happy_clients .clients_slide .slick-dots li.slick-active button {
        opacity: 1; }

#gallery {
  position: relative; }
  #gallery .container {
    margin-right: 0;
    margin-left: 0;
    right: 0;
    max-width: 100%;
    position: relative;
    z-index: 1; }
    @media (max-width: 1300px) and (min-width: 1200px) {
      #gallery .container .row {
        width: calc(100% - ((100% - 1140px)/ 2)); } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #gallery .container .row {
        width: calc(100% - ((100% - 960px)/ 2)); } }
    @media only screen and (min-width: 1300px) {
      #gallery .container .row {
        width: calc(100% - ((100% - 1233px)/ 2)); } }
    @media only screen and (min-width: 992px) {
      #gallery .container .row {
        float: right; } }
  #gallery .title_box {
    padding: 60px 30px 50px 40px;
    background: #00ae55; }
    @media only screen and (min-width: 992px) {
      #gallery .title_box {
        width: 270px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media (max-width: 1300px) and (min-width: 1200px) {
      #gallery .title_box {
        padding: 45px 30px 50px 40px;
        max-height: 240px; } }
    @media only screen and (max-width: 992px) {
      #gallery .title_box {
        width: 100%; } }
    @media only screen and (max-width: 468px) {
      #gallery .title_box {
        padding: 30px 30px 35px 35px; } }
    #gallery .title_box .title {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: white;
      line-height: 48px; }
      @media only screen and (max-width: 992px) {
        #gallery .title_box .title br {
          display: none; } }
      @media only screen and (max-width: 468px) {
        #gallery .title_box .title {
          font-size: 31px;
          line-height: 43px; } }
    #gallery .title_box .know_more {
      font-size: 13px;
      color: white;
      margin-top: 50px;
      margin-left: 0px;
      padding-right: 40px; }
      @media (max-width: 1300px) and (min-width: 1200px) {
        #gallery .title_box .know_more {
          margin-top: 30px; } }
  @media only screen and (min-width: 992px) {
    #gallery .portfolio_gal {
      width: calc(100% - 270px); } }
  @media only screen and (max-width: 992px) {
    #gallery .portfolio_gal {
      width: 100%; } }
  #gallery .portfolio_gal .item {
    padding: 0 1px; }
  #gallery .portfolio_gal a {
    width: 100%;
    height: 285px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    position: relative; }
    @media (max-width: 1300px) and (min-width: 1200px) {
      #gallery .portfolio_gal a {
        height: 240px; } }
    @media only screen and (max-width: 468px) {
      #gallery .portfolio_gal a {
        height: 215px; } }
    #gallery .portfolio_gal a::after {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background: url("../images/icons/search.svg") no-repeat center rgba(0, 0, 0, 0.6);
      opacity: 0;
      visibility: hidden;
      transition: ease-in-out all 0.3s; }
    #gallery .portfolio_gal a:hover::after {
      opacity: 1;
      visibility: visible; }

#form_sec {
  overflow: hidden;
  padding: 110px 0 130px; }
  @media (max-width: 768px) and (min-width: 468px) {
    #form_sec {
      padding: 75px 0 85px; } }
  @media only screen and (max-width: 468px) {
    #form_sec {
      padding: 50px 0 50px; } }
  #form_sec .align_center {
    justify-content: center; }
  #form_sec .form_top {
    text-align: center;
    margin-bottom: 70px; }
    @media only screen and (max-width: 576px) {
      #form_sec .form_top {
        margin-bottom: 30px; } }
    #form_sec .form_top .hilit {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: #1d2432;
      line-height: 45px;
      margin-bottom: 35px; }
      @media only screen and (max-width: 992px) {
        #form_sec .form_top .hilit {
          font-size: 34px; } }
      @media only screen and (max-width: 576px) {
        #form_sec .form_top .hilit {
          font-size: 31px;
          line-height: 43px; } }
      @media only screen and (max-width: 468px) {
        #form_sec .form_top .hilit {
          font-size: 28px;
          line-height: 40px;
          text-align: left; } }
      #form_sec .form_top .hilit h2 {
        font-size: 40px;
        font-family: "Playfair Display", serif;
        color: #1d2432;
        line-height: 45px;
        margin: 0; }
        @media only screen and (max-width: 992px) {
          #form_sec .form_top .hilit h2 {
            font-size: 34px; } }
        @media only screen and (max-width: 576px) {
          #form_sec .form_top .hilit h2 {
            font-size: 31px;
            line-height: 43px; } }
        @media only screen and (max-width: 468px) {
          #form_sec .form_top .hilit h2 {
            font-size: 28px;
            line-height: 40px; } }
    #form_sec .form_top .sub_info {
      font-size: 18px;
      color: #8e8f8f;
      line-height: normal;
      font-weight: 400; }
      @media only screen and (max-width: 468px) {
        #form_sec .form_top .sub_info {
          font-size: 16px;
          text-align: left; } }
      #form_sec .form_top .sub_info p {
        font-size: 18px;
        font-weight: 400;
        color: #8e8f8f;
        line-height: normal; }
        @media only screen and (max-width: 468px) {
          #form_sec .form_top .sub_info p {
            font-size: 16px; } }
  @media only screen and (min-width: 768px) {
    #form_sec form {
      padding: 0 153px; } }
  @media only screen and (max-width: 768px) {
    #form_sec form {
      padding: 0 30px; } }
  @media only screen and (max-width: 576px) {
    #form_sec form {
      padding: 0; } }
  #form_sec form .row {
    margin: 0 -17.5px; }
  #form_sec form .form-group {
    margin-bottom: 0px; }
  #form_sec form .form-control {
    height: 68px;
    font-size: 18px;
    color: #242424;
    line-height: normal;
    border: none;
    border-bottom: 1px solid rgba(155, 155, 155, 0.2);
    border-radius: 0px;
    padding: 0px;
    outline: none;
    box-shadow: none;
    display: flex;
    align-items: center; }
    #form_sec form .form-control::placeholder {
      font-size: 14px;
      color: #242424; }
    #form_sec form .form-control:focus, #form_sec form .form-control:valid {
      border-color: rgba(0, 174, 85, 0.8); }
  #form_sec form textarea {
    height: 120px !important;
    padding-top: 35px !important; }
  #form_sec form .button1 {
    background-color: #00ae55;
    width: 203px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #f4fdf8;
    text-transform: uppercase;
    line-height: normal;
    border-radius: 30px;
    margin: auto;
    margin-top: 65px;
    transition: 0.5s;
    border: none; }
    #form_sec form .button1:focus {
      outline: none;
      border: none;
      box-shadow: none; }
    #form_sec form .button1:hover {
      background: #237e4f; }
    @media only screen and (max-width: 468px) {
      #form_sec form .button1 {
        font-size: 13px;
        width: 195px;
        height: 50px;
        margin-top: 30px; } }

/********************ABOUT_PAGE*********************** */
#about_page #welcome_sec {
  padding: 93px 0; }
  @media (max-width: 1200px) and (min-width: 992px) {
    #about_page #welcome_sec {
      padding: 80px 0; } }
  @media only screen and (max-width: 992px) {
    #about_page #welcome_sec {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #about_page #welcome_sec {
      padding: 40px 0; } }
  @media only screen and (min-width: 992px) {
    #about_page #welcome_sec .sec1 {
      padding: 0 85px 0 45px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #about_page #welcome_sec .sec1 {
      padding: 0 0 0 20px; } }
  #about_page #welcome_sec .sec1 ul li {
    font-size: 14px;
    color: #343534;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
    display: block; }
    #about_page #welcome_sec .sec1 ul li::before {
      position: absolute;
      content: "";
      width: 5px;
      height: 2px;
      top: 10px;
      background: #00ae55;
      left: 0; }
  #about_page #welcome_sec .sec1 h4 {
    font-size: 28px;
    font-weight: 600;
    font-family: "Playfair Display", serif;
    margin-bottom: 25px;
    color: #1d2432;
    text-transform: capitalize; }
  #about_page #welcome_sec .sec1 .sec_head {
    margin-bottom: 60px; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #about_page #welcome_sec .sec1 .sec_head {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 768px) {
      #about_page #welcome_sec .sec1 .sec_head {
        margin-bottom: 25px; } }
  #about_page #welcome_sec .sec2 .rit_sec {
    position: relative;
    margin-top: 115px; }
    @media only screen and (min-width: 992px) {
      #about_page #welcome_sec .sec2 .rit_sec {
        padding-left: 30px; } }
    @media only screen and (max-width: 992px) {
      #about_page #welcome_sec .sec2 .rit_sec {
        margin-top: 30px; } }
    #about_page #welcome_sec .sec2 .rit_sec .vdeo_cap {
      text-align: left;
      font-size: 24px;
      font-family: "Playfair Display", serif;
      font-weight: 500;
      margin-bottom: 15px; }
    #about_page #welcome_sec .sec2 .rit_sec .img-bx {
      overflow: hidden;
      position: relative; }
      #about_page #welcome_sec .sec2 .rit_sec .img-bx::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(21, 18, 21, 0.6);
        opacity: 0;
        transition: 0.5s ease-in-out;
        bottom: -100%;
        left: 0; }
      #about_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
        margin-top: 0;
        height: 300px;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        background-size: cover;
        justify-content: center;
        transition: 0.5s ease-in-out; }
        @media only screen and (max-width: 992px) {
          #about_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
            height: 355px; } }
        @media only screen and (max-width: 768px) {
          #about_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
            height: 280px; } }
        @media only screen and (max-width: 468px) {
          #about_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
            height: 180px; } }
      #about_page #welcome_sec .sec2 .rit_sec .img-bx:hover .view_Sec {
        webkit-transform: scale(1.08);
        transform: scale(1.08);
        position: relative;
        transition: 0.5s; }
      #about_page #welcome_sec .sec2 .rit_sec .img-bx:hover::before {
        opacity: 1;
        z-index: 10;
        bottom: 0; }
      #about_page #welcome_sec .sec2 .rit_sec .img-bx .play_icon {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10; }
        #about_page #welcome_sec .sec2 .rit_sec .img-bx .play_icon .play {
          background: url("../images/icons/play_button.png") no-repeat center;
          max-width: 70px;
          height: 70px;
          position: absolute;
          top: 0;
          background-size: contain;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          z-index: 20; }
    #about_page #welcome_sec .sec2 .rit_sec .exp {
      position: relative;
      text-align: left;
      margin-top: -70px;
      margin-left: 60px;
      z-index: 10;
      width: fit-content; }
      @media only screen and (max-width: 468px) {
        #about_page #welcome_sec .sec2 .rit_sec .exp {
          margin-top: -33px;
          margin-left: 15px; } }
      #about_page #welcome_sec .sec2 .rit_sec .exp .count {
        font-size: 150px;
        color: transparent;
        font-weight: 700;
        line-height: 140px;
        text-transform: uppercase;
        -webkit-text-stroke: 5px #00ae55; }
        @media (max-width: 1200px) and (min-width: 992px) {
          #about_page #welcome_sec .sec2 .rit_sec .exp .count {
            font-size: 100px;
            line-height: 90px; } }
        @media only screen and (max-width: 992px) {
          #about_page #welcome_sec .sec2 .rit_sec .exp .count {
            font-size: 125px;
            line-height: 125px; } }
        @media only screen and (max-width: 468px) {
          #about_page #welcome_sec .sec2 .rit_sec .exp .count {
            font-size: 70px;
            line-height: 60px;
            -webkit-text-stroke: 3px #00ae55; } }
      #about_page #welcome_sec .sec2 .rit_sec .exp .title {
        font-size: 38px;
        color: #00ae55;
        font-weight: 600;
        text-decoration: underline;
        line-height: 50px;
        text-underline-position: under; }
        @media (max-width: 1200px) and (min-width: 992px) {
          #about_page #welcome_sec .sec2 .rit_sec .exp .title {
            font-size: 28px;
            line-height: 40px; } }
        @media only screen and (max-width: 992px) {
          #about_page #welcome_sec .sec2 .rit_sec .exp .title {
            font-size: 32px; } }
        @media only screen and (max-width: 468px) {
          #about_page #welcome_sec .sec2 .rit_sec .exp .title {
            font-size: 30px;
            line-height: 32px; } }
#about_page #mission_vission {
  padding: 100px 0 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  @media (max-width: 1200px) and (min-width: 992px) {
    #about_page #mission_vission {
      padding: 100px 0; } }
  @media only screen and (max-width: 992px) {
    #about_page #mission_vission {
      padding: 70px 0; } }
  #about_page #mission_vission::before {
    content: "";
    position: absolute;
    background: #0f2319;
    top: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    opacity: 60%; }
  #about_page #mission_vission .sec_1 {
    margin-top: 100px; }
    @media only screen and (max-width: 992px) {
      #about_page #mission_vission .sec_1 {
        margin-top: 0;
        margin-bottom: 60px; } }
    @media only screen and (max-width: 576px) {
      #about_page #mission_vission .sec_1 {
        margin-bottom: 30px; } }
    #about_page #mission_vission .sec_1 .title {
      font-size: 40px;
      font-weight: 500;
      font-family: "Playfair Display", serif;
      color: #fff; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #about_page #mission_vission .sec_1 .title {
          font-size: 28px;
          line-height: 36px; } }
      @media only screen and (max-width: 992px) {
        #about_page #mission_vission .sec_1 .title {
          font-size: 28px;
          text-align: center; } }
      @media only screen and (max-width: 468px) {
        #about_page #mission_vission .sec_1 .title {
          font-size: 24px;
          text-align: left; } }
  @media only screen and (max-width: 992px) {
    #about_page #mission_vission .sec_2 {
      margin-bottom: 25px; }
      #about_page #mission_vission .sec_2:last-child {
        margin-bottom: 0; } }
  #about_page #mission_vission .sec_2 .box img {
    margin-bottom: 50px;
    min-height: 50px; }
    @media only screen and (max-width: 992px) {
      #about_page #mission_vission .sec_2 .box img {
        margin-bottom: 15px; } }
  #about_page #mission_vission .sec_2 .box .title {
    font-size: 40px;
    font-weight: 500;
    font-family: "Playfair Display", serif;
    color: #fff;
    margin-bottom: 45px; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #about_page #mission_vission .sec_2 .box .title {
        font-size: 28px;
        margin-bottom: 25px; } }
    @media only screen and (max-width: 992px) {
      #about_page #mission_vission .sec_2 .box .title {
        margin-bottom: 20px;
        font-size: 28px; } }
    @media only screen and (max-width: 468px) {
      #about_page #mission_vission .sec_2 .box .title {
        font-size: 24px; } }
  #about_page #mission_vission .sec_2 .box .info p {
    font-size: 16px;
    color: #fff;
    font-weight: 400; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #about_page #mission_vission .sec_2 .box .info p {
        font-size: 14px; } }
    @media only screen and (max-width: 992px) {
      #about_page #mission_vission .sec_2 .box .info p {
        font-size: 14px; } }
#about_page #extra_sec {
  padding: 60px 0 0; }
  #about_page #extra_sec h4 {
    font-size: 28px;
    font-weight: 600;
    font-family: "Playfair Display", serif;
    margin-bottom: 25px;
    color: #1d2432;
    text-transform: capitalize; }
#about_page #testimonial_sec {
  padding: 100px 0 0; }
  @media (max-width: 1200px) and (min-width: 992px) {
    #about_page #testimonial_sec {
      padding: 75px 0; } }
  @media only screen and (max-width: 992px) {
    #about_page #testimonial_sec {
      padding: 60px 0; } }
  @media only screen and (max-width: 768px) {
    #about_page #testimonial_sec {
      padding: 60px 0 0; } }
  @media only screen and (max-width: 468px) {
    #about_page #testimonial_sec {
      padding: 60px 0 0; } }
  @media only screen and (min-width: 992px) {
    #about_page #testimonial_sec .box1 {
      padding: 0; } }
  #about_page #testimonial_sec .box1 .sec_head .head {
    font-size: 40px;
    line-height: 38px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 992px) {
      #about_page #testimonial_sec .box1 .sec_head .head {
        font-size: 28px; } }
  @media only screen and (min-width: 992px) {
    #about_page #testimonial_sec .box1 p {
      padding-right: 30px; } }
  @media only screen and (min-width: 992px) {
    #about_page #testimonial_sec .box2 {
      padding: 0 0 0 20px; } }
  #about_page #testimonial_sec .box2 .members {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px; }
    @media only screen and (max-width: 468px) {
      #about_page #testimonial_sec .box2 .members {
        grid-template-columns: 1fr 1fr; } }
    #about_page #testimonial_sec .box2 .members .member1 {
      text-align: center;
      margin-bottom: 30px; }
      #about_page #testimonial_sec .box2 .members .member1 .img_box {
        height: 305px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden; }
        @media only screen and (max-width: 576px) {
          #about_page #testimonial_sec .box2 .members .member1 .img_box {
            margin-bottom: 10px; } }
        #about_page #testimonial_sec .box2 .members .member1 .img_box .mre {
          visibility: hidden;
          opacity: 0;
          transition: 0.5s ease-in-out;
          transition-delay: 0.1s;
          position: absolute;
          font-size: 16px;
          color: #ffffff;
          font-weight: 500;
          z-index: 10;
          left: 0;
          right: 0;
          bottom: 40%;
          text-transform: uppercase; }
          @media only screen and (max-width: 992px) {
            #about_page #testimonial_sec .box2 .members .member1 .img_box .mre {
              font-size: 16px; } }
        #about_page #testimonial_sec .box2 .members .member1 .img_box::before {
          content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          background: rgba(21, 18, 21, 0.6);
          opacity: 0;
          left: 0;
          transition: 0.5s ease-in-out;
          bottom: -100%; }
        #about_page #testimonial_sec .box2 .members .member1 .img_box:hover .mre {
          visibility: visible;
          opacity: 1; }
        #about_page #testimonial_sec .box2 .members .member1 .img_box:hover::before {
          opacity: 1;
          z-index: 10;
          bottom: 0; }
        @media (max-width: 1200px) and (min-width: 992px) {
          #about_page #testimonial_sec .box2 .members .member1 .img_box {
            height: 210px;
            width: 100%; } }
        @media only screen and (max-width: 992px) {
          #about_page #testimonial_sec .box2 .members .member1 .img_box {
            height: 400px;
            width: 100%; } }
        @media only screen and (max-width: 768px) {
          #about_page #testimonial_sec .box2 .members .member1 .img_box {
            height: 280px; } }
        @media only screen and (max-width: 468px) {
          #about_page #testimonial_sec .box2 .members .member1 .img_box {
            height: 230px; } }
      #about_page #testimonial_sec .box2 .members .member1 .title {
        font-size: 20px;
        color: #161616;
        font-weight: 500;
        line-height: 25px;
        margin-bottom: 10px;
        text-transform: uppercase; }
        @media (max-width: 1200px) and (min-width: 992px) {
          #about_page #testimonial_sec .box2 .members .member1 .title {
            font-size: 16px;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 992px) {
          #about_page #testimonial_sec .box2 .members .member1 .title {
            font-size: 16px; } }
        @media only screen and (max-width: 468px) {
          #about_page #testimonial_sec .box2 .members .member1 .title {
            font-size: 14px;
            margin-bottom: 0; } }
      #about_page #testimonial_sec .box2 .members .member1 .sub_title {
        font-size: 13px;
        color: #828385;
        font-weight: 400; }
  @media only screen and (min-width: 992px) {
    #about_page #testimonial_sec .box3 {
      padding: 0; } }
  #about_page #testimonial_sec .box3 .member_slide .item {
    padding: 0 12.5px; }
  #about_page #testimonial_sec .box3 .member_slide .member1 {
    text-align: center; }
    #about_page #testimonial_sec .box3 .member_slide .member1 .img_box {
      height: 275px;
      width: 100%;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      margin-bottom: 20px;
      position: relative;
      overflow: hidden; }
      @media only screen and (max-width: 576px) {
        #about_page #testimonial_sec .box3 .member_slide .member1 .img_box {
          margin-bottom: 10px; } }
      #about_page #testimonial_sec .box3 .member_slide .member1 .img_box .mre {
        visibility: hidden;
        opacity: 0;
        transition: 0.5s ease-in-out;
        transition-delay: 0.1s;
        position: absolute;
        font-size: 22px;
        color: #ffffff;
        font-weight: 500;
        z-index: 10;
        left: 0;
        right: 0;
        bottom: 40%;
        text-transform: uppercase; }
        @media only screen and (max-width: 992px) {
          #about_page #testimonial_sec .box3 .member_slide .member1 .img_box .mre {
            font-size: 16px; } }
      #about_page #testimonial_sec .box3 .member_slide .member1 .img_box::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(21, 18, 21, 0.6);
        opacity: 0;
        left: 0;
        transition: 0.5s ease-in-out;
        bottom: -100%; }
      #about_page #testimonial_sec .box3 .member_slide .member1 .img_box:hover .mre {
        visibility: visible;
        opacity: 1; }
      #about_page #testimonial_sec .box3 .member_slide .member1 .img_box:hover::before {
        opacity: 1;
        z-index: 10;
        bottom: 0; }
      @media (max-width: 1300px) and (min-width: 1200px) {
        #about_page #testimonial_sec .box3 .member_slide .member1 .img_box {
          height: 270px;
          width: 100%; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #about_page #testimonial_sec .box3 .member_slide .member1 .img_box {
          height: 190px;
          width: 100%; } }
      @media only screen and (max-width: 992px) {
        #about_page #testimonial_sec .box3 .member_slide .member1 .img_box {
          height: 230px;
          width: 100%; } }
    #about_page #testimonial_sec .box3 .member_slide .member1 .title {
      font-size: 20px;
      color: #161616;
      font-weight: 500;
      line-height: 25px;
      margin-bottom: 10px;
      text-transform: uppercase; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #about_page #testimonial_sec .box3 .member_slide .member1 .title {
          font-size: 16px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 992px) {
        #about_page #testimonial_sec .box3 .member_slide .member1 .title {
          font-size: 14px; } }
      @media only screen and (max-width: 576px) {
        #about_page #testimonial_sec .box3 .member_slide .member1 .title {
          margin-bottom: 0; } }
    #about_page #testimonial_sec .box3 .member_slide .member1 .sub_title {
      font-size: 13px;
      color: #828385;
      font-weight: 400; }
#about_page #reservation_sec {
  padding: 120px 0; }
  @media (max-width: 1200px) and (min-width: 992px) {
    #about_page #reservation_sec {
      padding: 90px 0; } }
  @media only screen and (max-width: 992px) {
    #about_page #reservation_sec {
      padding: 30px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #about_page #reservation_sec {
      padding: 60px 0; } }
  @media only screen and (max-width: 992px) {
    #about_page #reservation_sec .box1 {
      order: 1; } }
  #about_page #reservation_sec .box2 {
    margin: auto; }
    @media only screen and (min-width: 992px) {
      #about_page #reservation_sec .box2 {
        padding-left: 40px; } }
    @media only screen and (max-width: 992px) {
      #about_page #reservation_sec .box2 {
        order: 0; } }
  @media only screen and (max-width: 992px) {
    #about_page #reservation_sec .sec_box1 {
      margin-bottom: 30px;
      order: 1;
      margin: 30px auto; } }
  #about_page #reservation_sec .sec_box1 .outer_box {
    padding: 60px 40px;
    background: rgba(0, 174, 85, 0.9);
    text-align: center;
    margin: auto; }
    @media only screen and (min-width: 992px) {
      #about_page #reservation_sec .sec_box1 .outer_box {
        position: relative;
        margin-top: -130px;
        margin-left: 40px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #about_page #reservation_sec .sec_box1 .outer_box {
        padding: 35px 20px; } }
    @media only screen and (max-width: 768px) {
      #about_page #reservation_sec .sec_box1 .outer_box {
        padding: 30px 15px; } }
    #about_page #reservation_sec .sec_box1 .outer_box .head {
      font-size: 40px;
      font-weight: 500;
      color: #ffffff;
      text-transform: capitalize;
      margin-bottom: 30px;
      font-family: "Playfair Display", serif; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #about_page #reservation_sec .sec_box1 .outer_box .head {
          font-size: 28px;
          margin-bottom: 25px; } }
      @media only screen and (max-width: 768px) {
        #about_page #reservation_sec .sec_box1 .outer_box .head {
          font-size: 28px;
          margin-bottom: 25px; } }
    #about_page #reservation_sec .sec_box1 .outer_box p {
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      margin-bottom: 38px;
      line-height: 24px; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #about_page #reservation_sec .sec_box1 .outer_box p {
          font-size: 16px;
          margin-bottom: 25px; } }
      @media only screen and (max-width: 768px) {
        #about_page #reservation_sec .sec_box1 .outer_box p {
          font-size: 16px;
          margin-bottom: 25px; } }
    #about_page #reservation_sec .sec_box1 .outer_box .btn {
      border: 1px solid #02e671;
      width: 218px;
      height: 69px;
      font-size: 16px;
      color: white;
      font-weight: 600;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      transition: 0.7s ease-in-out;
      margin-top: 40px; }
      #about_page #reservation_sec .sec_box1 .outer_box .btn:hover {
        border-color: #ffffff; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #about_page #reservation_sec .sec_box1 .outer_box .btn {
          height: 50px;
          width: 180px;
          margin-top: 25px; } }
      @media only screen and (max-width: 768px) {
        #about_page #reservation_sec .sec_box1 .outer_box .btn {
          height: 50px;
          width: 180px;
          margin-top: 25px; } }
  @media only screen and (min-width: 992px) {
    #about_page #reservation_sec .sec_box2 {
      padding: 85px 0 0 50px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #about_page #reservation_sec .sec_box2 {
      padding: 0 0 0 50px; } }
  #about_page #reservation_sec .sec_box2 p {
    font-size: 16px;
    color: #4c4c4c;
    font-weight: 400;
    line-height: 28px; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #about_page #reservation_sec .sec_box2 p {
        line-height: 26px; } }
    @media only screen and (max-width: 576px) {
      #about_page #reservation_sec .sec_box2 p {
        font-size: 14px; } }

/********************ACCOMMODATION_PAGE*********************** */
#accommodation_page {
  padding-bottom: 135px; }
  @media only screen and (max-width: 576px) {
    #accommodation_page {
      padding-bottom: 60px; } }
  #accommodation_page #acco_fst_sec {
    padding: 92px 0 0; }
    @media only screen and (max-width: 992px) {
      #accommodation_page #acco_fst_sec {
        padding: 80px 0 60px; } }
    @media only screen and (max-width: 768px) {
      #accommodation_page #acco_fst_sec {
        padding: 40px 0; } }
    @media only screen and (max-width: 576px) {
      #accommodation_page #acco_fst_sec {
        padding: 30px 0 0; } }
    #accommodation_page #acco_fst_sec .top_head {
      font-size: 45px;
      font-weight: 500;
      color: #1d2432;
      line-height: 55px;
      text-transform: capitalize;
      font-family: "Playfair Display", serif;
      position: relative;
      padding-bottom: 40px; }
      @media only screen and (max-width: 1200px) {
        #accommodation_page #acco_fst_sec .top_head {
          font-size: 34px; } }
      @media only screen and (max-width: 992px) {
        #accommodation_page #acco_fst_sec .top_head {
          font-size: 28px;
          line-height: 40px; }
          #accommodation_page #acco_fst_sec .top_head br {
            display: none; } }
      @media only screen and (max-width: 576px) {
        #accommodation_page #acco_fst_sec .top_head {
          line-height: 32px; } }
      #accommodation_page #acco_fst_sec .top_head::after {
        content: "";
        position: absolute;
        background: #05b058;
        width: 93px;
        height: 15px;
        bottom: 0;
        left: 0; }
        @media only screen and (max-width: 992px) {
          #accommodation_page #acco_fst_sec .top_head::after {
            height: 7px; } }
  #accommodation_page #slide_sec {
    padding: 135px 0;
    position: relative;
    border-bottom: solid 1px rgba(23, 26, 24, 0.1); }
    @media only screen and (max-width: 992px) {
      #accommodation_page #slide_sec {
        padding: 60px 0; } }
    @media only screen and (max-width: 576px) {
      #accommodation_page #slide_sec {
        padding: 30px 0 60px; } }
    #accommodation_page #slide_sec .sec_box_1 .head_sec {
      margin-bottom: 70px; }
      @media only screen and (max-width: 1200px) {
        #accommodation_page #slide_sec .sec_box_1 .head_sec {
          margin-bottom: 35px; } }
      #accommodation_page #slide_sec .sec_box_1 .head_sec ul li {
        font-size: 14px;
        color: #343534;
        font-weight: 400;
        line-height: 22px;
        text-transform: capitalize;
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
        display: block; }
        #accommodation_page #slide_sec .sec_box_1 .head_sec ul li::before {
          position: absolute;
          content: "";
          width: 5px;
          height: 2px;
          top: 10px;
          background: #00ae55;
          left: 0; }
      #accommodation_page #slide_sec .sec_box_1 .head_sec .main_title {
        font-size: 40px;
        color: #1d2432;
        font-weight: 500;
        font-family: "Playfair Display", serif;
        margin-bottom: 50px; }
        @media only screen and (max-width: 1200px) {
          #accommodation_page #slide_sec .sec_box_1 .head_sec .main_title {
            margin-bottom: 25px;
            font-size: 28px; } }
      #accommodation_page #slide_sec .sec_box_1 .head_sec p {
        font-size: 14px;
        color: #4c4c4c;
        font-weight: 400;
        line-height: 26px; }
    #accommodation_page #slide_sec .sec_box_1 .list-item_1 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr; }
      @media only screen and (max-width: 576px) {
        #accommodation_page #slide_sec .sec_box_1 .list-item_1 {
          grid-template-columns: 1fr 1fr; } }
      #accommodation_page #slide_sec .sec_box_1 .list-item_1 .cntnt {
        text-align: center;
        border: solid 1px #ebebeb; }
        #accommodation_page #slide_sec .sec_box_1 .list-item_1 .cntnt .box-1 {
          padding: 20px 15px; }
          #accommodation_page #slide_sec .sec_box_1 .list-item_1 .cntnt .box-1 .img_box {
            min-height: 45px;
            margin-bottom: 20px; }
          #accommodation_page #slide_sec .sec_box_1 .list-item_1 .cntnt .box-1 .name_tag {
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            color: #1d2432; }
    @media only screen and (min-width: 992px) {
      #accommodation_page #slide_sec .sec_box_2 {
        padding-left: 70px; } }
    @media only screen and (max-width: 992px) {
      #accommodation_page #slide_sec .sec_box_2 {
        margin-top: 60px; } }
    #accommodation_page #slide_sec .sec_box_2 .vdo_icon {
      width: fit-content;
      width: -moz-fit-content;
      text-align: center;
      font-size: 11px;
      color: white;
      text-transform: uppercase;
      font-style: italic;
      padding: 0 22.5px;
      position: absolute;
      bottom: 25px;
      left: 215px;
      z-index: 20; }
      @media only screen and (max-width: 768px) {
        #accommodation_page #slide_sec .sec_box_2 .vdo_icon {
          left: 165px; } }
      #accommodation_page #slide_sec .sec_box_2 .vdo_icon::after {
        content: "/";
        position: absolute;
        left: -25px;
        bottom: 0px;
        font-size: 11px;
        color: white; }
        @media only screen and (max-width: 992px) {
          #accommodation_page #slide_sec .sec_box_2 .vdo_icon::after {
            left: -45px; } }
        @media only screen and (max-width: 768px) {
          #accommodation_page #slide_sec .sec_box_2 .vdo_icon::after {
            left: -25px; } }
      #accommodation_page #slide_sec .sec_box_2 .vdo_icon:first-child {
        padding-left: 0px; }
      #accommodation_page #slide_sec .sec_box_2 .vdo_icon:last-child {
        padding-right: 0px; }
      #accommodation_page #slide_sec .sec_box_2 .vdo_icon .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        min-height: 31px; }
        #accommodation_page #slide_sec .sec_box_2 .vdo_icon .icon img {
          transition: 0.5s ease-in-out;
          max-width: 31px; }
          @media only screen and (max-width: 576px) {
            #accommodation_page #slide_sec .sec_box_2 .vdo_icon .icon img {
              max-width: 25px; } }
    #accommodation_page #slide_sec .sec_box_2 .img_slide {
      height: 100%;
      width: 100%; }
      #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-list {
        height: 100%; }
      #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-track {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%; }
        @media only screen and (min-width: 576px) {
          #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-track div {
            height: 100%; } }
      #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-dots {
        position: absolute;
        right: 20px;
        background: transparent;
        bottom: 30px;
        display: flex; }
        @media only screen and (max-width: 768px) {
          #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-dots {
            bottom: -20px; } }
        @media only screen and (max-width: 576px) {
          #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-dots {
            bottom: 30px; } }
        #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-dots button {
          background: #fff;
          border: none;
          position: relative;
          outline: none;
          box-shadow: none;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          padding: 0;
          font-size: 0;
          margin-right: 15px; }
        #accommodation_page #slide_sec .sec_box_2 .img_slide .slick-dots .slick-active button {
          background: #05b058;
          border: none;
          position: relative;
          outline: none;
          box-shadow: none;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          padding: 0;
          font-size: 0; }
      #accommodation_page #slide_sec .sec_box_2 .img_slide .item {
        height: 100%; }
      #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box {
        height: 100%;
        width: 100%;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        position: relative; }
        @media only screen and (min-width: 576px) {
          #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box {
            min-height: 425px; } }
        @media (max-width: 576px) and (min-width: 468px) {
          #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box {
            min-height: 405px; } }
        @media only screen and (max-width: 468px) {
          #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box {
            min-height: 240px; } }
        #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot {
          background-image: linear-gradient(rgba(8, 40, 71, 0), #101915);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          align-items: flex-end;
          justify-content: space-between;
          position: absolute;
          left: 0px;
          bottom: 0px;
          width: 100%;
          height: 160px;
          padding: 25px; }
          #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot .btn_sec {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            align-items: flex-end; }
          #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot a {
            width: fit-content;
            width: -moz-fit-content;
            text-align: center;
            font-size: 11px;
            color: white;
            text-transform: uppercase;
            font-style: italic;
            padding: 0 22.5px;
            position: relative; }
            #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot a:first-child {
              padding-left: 0px; }
            #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot a:last-child {
              padding-right: 0px; }
            #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot a .icon {
              display: flex;
              align-items: center;
              justify-content: center;
              margin-bottom: 10px;
              min-height: 31px; }
              #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot a .icon img {
                transition: 0.5s ease-in-out;
                max-width: 31px; }
                @media only screen and (max-width: 576px) {
                  #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot a .icon img {
                    max-width: 25px; } }
          #accommodation_page #slide_sec .sec_box_2 .img_slide .img_box .box_foot .pagingInfo {
            font-size: 12px;
            color: white;
            font-weight: 500; }

/********************TREATMENT_PAGE*********************** */
#treatments_page .talk {
  background: #a3238e; }
  #treatments_page .talk::after {
    border-top: 22px solid #a3238e; }
#treatments_page #top_welcome_sec {
  padding: 93px 0 80px; }
  @media only screen and (max-width: 992px) {
    #treatments_page #top_welcome_sec {
      padding: 80px 0 0px; } }
  @media only screen and (max-width: 768px) {
    #treatments_page #top_welcome_sec {
      padding: 40px 0 0; } }
  @media only screen and (max-width: 468px) {
    #treatments_page #top_welcome_sec {
      padding: 40px 0 0; } }
  #treatments_page #top_welcome_sec .sec-1 .main_head {
    font-weight: 500;
    font-size: 50px;
    font-family: "Playfair Display", serif;
    color: #1d2432;
    padding-bottom: 40px;
    position: relative; }
    @media only screen and (max-width: 992px) {
      #treatments_page #top_welcome_sec .sec-1 .main_head {
        font-size: 28px; }
        #treatments_page #top_welcome_sec .sec-1 .main_head br {
          display: none; } }
    @media only screen and (max-width: 576px) {
      #treatments_page #top_welcome_sec .sec-1 .main_head {
        padding-bottom: 25px; } }
    #treatments_page #top_welcome_sec .sec-1 .main_head::after {
      content: "";
      position: absolute;
      background: #05b058;
      width: 93px;
      height: 15px;
      bottom: 0;
      left: 0; }
      @media only screen and (max-width: 992px) {
        #treatments_page #top_welcome_sec .sec-1 .main_head::after {
          height: 7px; } }
  #treatments_page #top_welcome_sec .sec-2 .row {
    margin: auto; }
    #treatments_page #top_welcome_sec .sec-2 .row .img_sec, #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 {
      padding: 0 7px; }
      @media only screen and (max-width: 992px) {
        #treatments_page #top_welcome_sec .sec-2 .row .img_sec, #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 {
          margin-bottom: 15px; } }
      #treatments_page #top_welcome_sec .sec-2 .row .img_sec p, #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 400;
        color: #4c4c4c; }
    #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 .all_box {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 10px; }
      @media only screen and (max-width: 768px) {
        #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 .all_box {
          grid-template-columns: 1fr 1fr; } }
    #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 .img_bx {
      margin-right: 10px;
      height: 150px; }
      #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 .img_bx:last-child {
        margin-right: 0; }
      @media (max-width: 992px) and (min-width: 576px) {
        #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 .img_bx {
          height: 200px; } }
      @media only screen and (max-width: 576px) {
        #treatments_page #top_welcome_sec .sec-2 .row .img_sec1 .img_bx {
          height: 80px; } }
    #treatments_page #top_welcome_sec .sec-2 .row .img_bx {
      height: 300px;
      width: 100%;
      background-size: cover !important;
      margin-bottom: 15px;
      background-position: center !important; }
      @media (max-width: 992px) and (min-width: 576px) {
        #treatments_page #top_welcome_sec .sec-2 .row .img_bx {
          height: 250px; } }
  #treatments_page #top_welcome_sec .sec-2 p {
    display: inline-flex; }
  #treatments_page #top_welcome_sec .sec-2 img {
    margin-right: 5px; }
  #treatments_page #top_welcome_sec .sec-2 ul li {
    font-size: 14px;
    color: #343534;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
    display: block; }
    #treatments_page #top_welcome_sec .sec-2 ul li::before {
      position: absolute;
      content: "";
      width: 5px;
      height: 2px;
      top: 10px;
      background: #00ae55;
      left: 0; }
#treatments_page #treatment_list {
  padding: 50px 0 110px; }
  @media only screen and (max-width: 576px) {
    #treatments_page #treatment_list {
      padding: 30px 0; } }
  #treatments_page #treatment_list .course_list {
    margin-bottom: 100px; }
    @media only screen and (max-width: 992px) {
      #treatments_page #treatment_list .course_list {
        margin-bottom: 80px; } }
    @media only screen and (max-width: 768px) {
      #treatments_page #treatment_list .course_list {
        margin-bottom: 60px; } }
    @media only screen and (max-width: 576px) {
      #treatments_page #treatment_list .course_list {
        margin-bottom: 25px; } }
    @media only screen and (min-width: 992px) {
      #treatments_page #treatment_list .course_list:nth-child(even) .row {
        direction: rtl; } }
    #treatments_page #treatment_list .course_list:nth-child(even) .sec-common {
      position: relative; }
      #treatments_page #treatment_list .course_list:nth-child(even) .sec-common .number_sc {
        position: absolute;
        top: -30px;
        left: 40px;
        font-size: 50px;
        color: #05b058;
        font-weight: 500; }
    @media only screen and (max-width: 992px) {
      #treatments_page #treatment_list .course_list .sec-common1 {
        order: 0;
        margin-bottom: 40px; } }
    @media only screen and (max-width: 576px) {
      #treatments_page #treatment_list .course_list .sec-common1 {
        margin-bottom: 25px; } }
    #treatments_page #treatment_list .course_list .sec-common1 ul li {
      font-size: 14px;
      color: #343534;
      font-weight: 400;
      line-height: 22px;
      text-transform: capitalize;
      position: relative;
      padding-left: 15px;
      margin-bottom: 10px;
      display: block; }
      #treatments_page #treatment_list .course_list .sec-common1 ul li::before {
        position: absolute;
        content: "";
        width: 5px;
        height: 2px;
        top: 10px;
        background: #00ae55;
        left: 0; }
    #treatments_page #treatment_list .course_list .sec-common1 .sec_head {
      font-size: 40px;
      color: #1d2432;
      font-weight: 500;
      font-family: "Playfair Display", serif;
      margin-bottom: 35px; }
      @media only screen and (max-width: 992px) {
        #treatments_page #treatment_list .course_list .sec-common1 .sec_head {
          font-size: 28px; } }
      @media only screen and (max-width: 576px) {
        #treatments_page #treatment_list .course_list .sec-common1 .sec_head {
          margin-bottom: 25px; } }
    #treatments_page #treatment_list .course_list .sec-common {
      position: relative; }
      #treatments_page #treatment_list .course_list .sec-common .number_sc {
        position: absolute;
        top: -30px;
        right: 40px;
        font-size: 50px;
        color: #05b058;
        font-weight: 500; }
      #treatments_page #treatment_list .course_list .sec-common .img_box {
        height: 350px;
        widows: 100%;
        background-size: cover;
        background-repeat: no-repeat; }
        @media only screen and (max-width: 576px) {
          #treatments_page #treatment_list .course_list .sec-common .img_box {
            height: 300px; } }
    @media only screen and (min-width: 992px) {
      #treatments_page #treatment_list .course_list .cab1 {
        padding-left: 70px; } }
    @media only screen and (max-width: 992px) {
      #treatments_page #treatment_list .course_list .cab1 {
        margin-bottom: 60px;
        padding-left: auto; } }
    @media only screen and (max-width: 576px) {
      #treatments_page #treatment_list .course_list .cab1 {
        margin-bottom: 0; } }
    @media only screen and (min-width: 992px) {
      #treatments_page #treatment_list .course_list .cab2 {
        padding-right: 70px; } }
    @media only screen and (max-width: 992px) {
      #treatments_page #treatment_list .course_list .cab2 {
        order: 1;
        margin-bottom: 60px; } }
    @media only screen and (max-width: 576px) {
      #treatments_page #treatment_list .course_list .cab2 {
        margin-bottom: 0; } }

/********************BLOG_PAGE*********************** */
#blog_page #blog_sec {
  padding: 92px 0; }
  @media only screen and (max-width: 992px) {
    #blog_page #blog_sec {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #blog_page #blog_sec {
      padding: 40px 0; } }
  #blog_page #blog_sec .all_cntnt {
    margin-bottom: 50px; }
  #blog_page #blog_sec .blog_box {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative; }
    #blog_page #blog_sec .blog_box .img_box {
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center !important;
      height: 245px;
      width: 100%;
      position: relative;
      transition: 0.5s ease-in-out; }
      #blog_page #blog_sec .blog_box .img_box:hover {
        webkit-transform: scale(1.08);
        transform: scale(1.08); }
      @media only screen and (max-width: 768px) {
        #blog_page #blog_sec .blog_box .img_box {
          height: 230px; } }
    #blog_page #blog_sec .blog_box .date {
      background: #00ae55;
      position: absolute;
      right: 10px;
      bottom: 10px;
      text-align: center;
      font-size: 13px;
      font-weight: 500;
      color: white;
      line-height: normal;
      padding: 4px 13px;
      border-radius: 5px;
      text-transform: capitalize;
      transition: ease-in-out all 0.3s; }
      #blog_page #blog_sec .blog_box .date span {
        font-size: 30px;
        color: white;
        font-weight: 600;
        display: block;
        text-transform: uppercase; }
  #blog_page #blog_sec .cntnt_box .info {
    font-size: 18px;
    color: #1d2432;
    font-weight: 600;
    line-height: 24px; }
    @media only screen and (max-width: 768px) {
      #blog_page #blog_sec .cntnt_box .info {
        font-size: 15px; } }
  #blog_page #blog_sec .cntnt_box .know_more {
    margin: 25px 0 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #1d2432;
    font-style: normal;
    padding-right: 20px; }
    #blog_page #blog_sec .cntnt_box .know_more::after {
      width: 10px; }
    #blog_page #blog_sec .cntnt_box .know_more:hover {
      color: #00ae55; }
  #blog_page #blog_sec .cntnt_box:hover .img_box .date {
    background: #00ae55; }

/********************BLOG-DETAIL_PAGE*********************** */
#blog-detail_page #blog_sec {
  padding: 170px 0; }
  @media only screen and (max-width: 576px) {
    #blog-detail_page #blog_sec {
      padding: 60px 0; } }
  @media (max-width: 992px) and (min-width: 576px) {
    #blog-detail_page #blog_sec {
      padding: 100px 0; } }
@media only screen and (min-width: 992px) {
  #blog-detail_page .blog_dtl_box {
    padding-right: 35px; } }
#blog-detail_page .blog_header .blog_title {
  font-size: 36px;
  font-weight: 600;
  color: #1b1b1c;
  line-height: normal;
  text-transform: capitalize; }
  @media (max-width: 1400px) and (min-width: 992px) {
    #blog-detail_page .blog_header .blog_title {
      font-size: 22px; } }
  @media (max-width: 992px) and (min-width: 768px) {
    #blog-detail_page .blog_header .blog_title {
      font-size: 20px; } }
  @media (max-width: 768px) and (min-width: 468px) {
    #blog-detail_page .blog_header .blog_title {
      font-size: 20px; } }
  @media only screen and (max-width: 468px) {
    #blog-detail_page .blog_header .blog_title {
      font-size: 17px; } }
#blog-detail_page .blog_meta {
  padding: 30px 0; }
  @media only screen and (max-width: 992px) {
    #blog-detail_page .blog_meta {
      padding: 15px 0; } }
  #blog-detail_page .blog_meta ul {
    display: flex;
    align-items: center; }
  #blog-detail_page .blog_meta li {
    font-size: 14px;
    color: #00ae55;
    font-weight: 400;
    line-height: normal;
    position: relative;
    padding: 0px 15px;
    letter-spacing: 1px; }
    #blog-detail_page .blog_meta li:not(:last-of-type) {
      position: relative; }
      #blog-detail_page .blog_meta li:not(:last-of-type)::after {
        content: "/";
        position: absolute;
        right: -6px;
        top: 0px; }
    #blog-detail_page .blog_meta li:first-child {
      padding-left: 0px; }
    #blog-detail_page .blog_meta li:last-child {
      padding-right: 0px;
      border-right: 0px; }
    @media (max-width: 1400px) and (min-width: 992px) {
      #blog-detail_page .blog_meta li {
        font-size: 13px; } }
    @media (max-width: 992px) and (min-width: 768px) {
      #blog-detail_page .blog_meta li {
        font-size: 11px; } }
    @media (max-width: 768px) and (min-width: 468px) {
      #blog-detail_page .blog_meta li {
        font-size: 11px; } }
    @media only screen and (max-width: 468px) {
      #blog-detail_page .blog_meta li {
        font-size: 10px; } }
  #blog-detail_page .blog_meta::after {
    content: "";
    display: flex;
    clear: both; }
@media only screen and (min-width: 768px) {
  #blog-detail_page .blog_cntnt .img_box {
    margin-bottom: 65px; } }
@media only screen and (max-width: 768px) {
  #blog-detail_page .blog_cntnt .img_box {
    margin-bottom: 30px; } }
#blog-detail_page .blog_cntnt p {
  font-size: 14px;
  color: #505050;
  line-height: 28px;
  margin-bottom: 30px; }
  #blog-detail_page .blog_cntnt p a {
    display: inline; }
  @media (max-width: 1400px) and (min-width: 992px) {
    #blog-detail_page .blog_cntnt p {
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 992px) {
    #blog-detail_page .blog_cntnt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 15px; } }
#blog-detail_page .blog_cntnt ul {
  margin-bottom: 25px; }
  #blog-detail_page .blog_cntnt ul li {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 10px;
    color: #5c5c5c;
    padding-left: 25px;
    position: relative; }
    #blog-detail_page .blog_cntnt ul li a {
      display: inline;
      font-weight: 400;
      color: #119f4a;
      font-size: 16px; }
    #blog-detail_page .blog_cntnt ul li::before {
      content: "";
      position: absolute;
      background: url("../images/icons/tick.png") no-repeat center;
      background-size: contain;
      width: 15px;
      height: 15px;
      left: 0;
      top: 2px; }
@media only screen and (max-width: 1200px) {
  #blog-detail_page aside {
    margin-top: 40px; } }
#blog-detail_page aside .new_posts {
  margin-bottom: 60px; }
  @media (max-width: 992px) and (min-width: 576px) {
    #blog-detail_page aside .new_posts {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
#blog-detail_page aside .head {
  position: relative;
  margin-bottom: 45px; }
  @media (max-width: 992px) and (min-width: 576px) {
    #blog-detail_page aside .head {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (max-width: 1200px) {
    #blog-detail_page aside .head {
      margin-bottom: 25px; } }
  #blog-detail_page aside .head span {
    font-size: 24px;
    color: #1b1b1c;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    position: relative;
    z-index: 1;
    background: #fff;
    padding-right: 15px;
    letter-spacing: 1px; }
    @media (max-width: 1400px) and (min-width: 992px) {
      #blog-detail_page aside .head span {
        font-size: 21px; } }
    @media (max-width: 992px) and (min-width: 768px) {
      #blog-detail_page aside .head span {
        font-size: 19px; } }
    @media only screen and (max-width: 768px) {
      #blog-detail_page aside .head span {
        font-size: 18px; } }
#blog-detail_page aside .blog_row {
  width: 100%; }
  @media (max-width: 1200px) and (min-width: 992px) {
    #blog-detail_page aside .blog_row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -15px; } }
  #blog-detail_page aside .blog_row .blog_box {
    margin-bottom: 35px; }
    @media only screen and (min-width: 576px) {
      #blog-detail_page aside .blog_row .blog_box {
        display: flex;
        height: auto; } }
    #blog-detail_page aside .blog_row .blog_box .img_box {
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      width: 90px; }
      @media (max-width: 1600px) and (min-width: 1400px) {
        #blog-detail_page aside .blog_row .blog_box .img_box {
          width: 100px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #blog-detail_page aside .blog_row .blog_box .img_box {
          height: 85px; } }
      @media only screen and (max-width: 576px) {
        #blog-detail_page aside .blog_row .blog_box .img_box {
          width: 100%;
          height: 200px; } }
    #blog-detail_page aside .blog_row .blog_box .cntnt_box {
      width: calc(100% - 90px); }
      @media only screen and (min-width: 576px) {
        #blog-detail_page aside .blog_row .blog_box .cntnt_box {
          padding-left: 15px; } }
      @media (max-width: 1600px) and (min-width: 1400px) {
        #blog-detail_page aside .blog_row .blog_box .cntnt_box {
          width: calc(100% - 100px);
          padding-left: 15px; } }
      @media only screen and (max-width: 576px) {
        #blog-detail_page aside .blog_row .blog_box .cntnt_box {
          width: 100%;
          padding-top: 15px; } }
    #blog-detail_page aside .blog_row .blog_box .title {
      font-size: 15px;
      color: #1b1b1c;
      line-height: 26px;
      margin-bottom: 12px;
      font-weight: 600; }
      @media only screen and (max-width: 992px) {
        #blog-detail_page aside .blog_row .blog_box .title {
          font-size: 14px;
          line-height: 22px;
          margin-bottom: 15px; } }
    #blog-detail_page aside .blog_row .blog_box .date {
      font-size: 11px;
      font-weight: 600;
      color: #00ae55;
      text-transform: uppercase;
      line-height: normal;
      font-style: italic;
      margin-bottom: 7px; }
      @media (max-width: 1600px) and (min-width: 992px) {
        #blog-detail_page aside .blog_row .blog_box .date {
          font-size: 12px; } }
      @media only screen and (max-width: 992px) {
        #blog-detail_page aside .blog_row .blog_box .date {
          font-size: 10px; } }
#blog-detail_page aside .readmore {
  margin-right: 30px;
  float: right;
  margin-top: 50px; }

/********************CONTACT_PAGE*********************** */
#contact_page #contact_sec {
  padding: 93px 0; }
  @media only screen and (max-width: 992px) {
    #contact_page #contact_sec {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #contact_page #contact_sec {
      padding: 40px 0; } }
  #contact_page #contact_sec .fst_sec_box {
    position: relative; }
    #contact_page #contact_sec .fst_sec_box .contact_info {
      padding: 52px 60px;
      background: #00ae55; }
      @media only screen and (min-width: 992px) {
        #contact_page #contact_sec .fst_sec_box .contact_info {
          position: relative;
          margin-bottom: -200px;
          z-index: 1; } }
      @media only screen and (max-width: 992px) {
        #contact_page #contact_sec .fst_sec_box .contact_info {
          padding: 50px 35px; } }
      @media only screen and (max-width: 576px) {
        #contact_page #contact_sec .fst_sec_box .contact_info {
          padding: 30px 15px; } }
      #contact_page #contact_sec .fst_sec_box .contact_info .head {
        font-size: 17px;
        color: #ffffff;
        font-weight: 400;
        position: relative;
        padding-left: 35px;
        margin-bottom: 30px;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 768px) {
          #contact_page #contact_sec .fst_sec_box .contact_info .head {
            margin-bottom: 15px; } }
      #contact_page #contact_sec .fst_sec_box .contact_info a {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 28px; }
      @media only screen and (max-width: 768px) {
        #contact_page #contact_sec .fst_sec_box .contact_info .address {
          margin-bottom: 20px; } }
      #contact_page #contact_sec .fst_sec_box .contact_info .address .head::before {
        content: "";
        position: absolute;
        background: url("../images/icons/location.png") no-repeat left;
        height: 18px;
        width: 18px;
        background-size: contain;
        left: 0; }
      #contact_page #contact_sec .fst_sec_box .contact_info .address p {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 28px; }
        @media only screen and (max-width: 768px) {
          #contact_page #contact_sec .fst_sec_box .contact_info .address p br {
            display: none; } }
      @media only screen and (max-width: 768px) {
        #contact_page #contact_sec .fst_sec_box .contact_info .ph_sec {
          margin-bottom: 20px; } }
      @media only screen and (min-width: 992px) {
        #contact_page #contact_sec .fst_sec_box .contact_info .ph_sec {
          padding-left: 100px; } }
      #contact_page #contact_sec .fst_sec_box .contact_info .ph_sec .head::before {
        content: "";
        position: absolute;
        background: url("../images/icons/call.png") no-repeat left;
        height: 18px;
        width: 18px;
        background-size: contain;
        left: 0; }
      @media only screen and (max-width: 768px) {
        #contact_page #contact_sec .fst_sec_box .contact_info .mail_sec {
          margin-bottom: 20px; } }
      @media only screen and (min-width: 992px) {
        #contact_page #contact_sec .fst_sec_box .contact_info .mail_sec {
          padding-left: 100px; } }
      #contact_page #contact_sec .fst_sec_box .contact_info .mail_sec .head::before {
        content: "";
        position: absolute;
        background: url("../images/icons/mail.png") no-repeat left;
        height: 18px;
        width: 18px;
        background-size: contain;
        left: 0; }
#contact_page #get_in_touch {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 265px 0 100px;
  position: relative;
  background-position: center; }
  @media only screen and (max-width: 992px) {
    #contact_page #get_in_touch {
      padding: 100px 0; } }
  @media only screen and (max-width: 768px) {
    #contact_page #get_in_touch {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    #contact_page #get_in_touch {
      padding: 30px 0; } }
  #contact_page #get_in_touch::before {
    position: absolute;
    content: "";
    background: rgba(30, 30, 31, 0.7);
    top: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 100%; }
  #contact_page #get_in_touch .sec1 .sub_title {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: uppercase; }
    @media only screen and (max-width: 992px) {
      #contact_page #get_in_touch .sec1 .sub_title {
        margin-bottom: 15px;
        font-size: 16px; } }
    @media only screen and (max-width: 768px) {
      #contact_page #get_in_touch .sec1 .sub_title {
        font-size: 13px; } }
  #contact_page #get_in_touch .sec1 .main_head {
    font-size: 50px;
    font-weight: 500;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: "Playfair Display", serif; }
    @media only screen and (max-width: 992px) {
      #contact_page #get_in_touch .sec1 .main_head {
        font-size: 34px; } }
    @media only screen and (max-width: 768px) {
      #contact_page #get_in_touch .sec1 .main_head {
        font-size: 28px;
        margin-bottom: 25px; } }
  #contact_page #get_in_touch .sec1 p {
    font-size: 16px;
    color: #00ae55;
    font-weight: 400;
    line-height: 28px;
    text-align: left; }
  #contact_page #get_in_touch .sec2 .abt_sc {
    padding-right: 0;
    border-right: 1px solid #ffffff15; }
  #contact_page #get_in_touch .sec2 .abt_sc1 {
    padding-left: 0; }
    #contact_page #get_in_touch .sec2 .abt_sc1 .form-control {
      padding-left: 15px; }
  #contact_page #get_in_touch .sec2 .cptch_sec {
    padding-right: 0; }
  #contact_page #get_in_touch .sec2 .form-group {
    margin-bottom: 0; }
    #contact_page #get_in_touch .sec2 .form-group::after {
      content: "";
      display: flex;
      clear: both; }
  #contact_page #get_in_touch .sec2 .form-control {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: normal;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0px;
    background: transparent;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ffffff26;
    outline: none;
    box-shadow: none; }
    #contact_page #get_in_touch .sec2 .form-control::placeholder {
      font-size: 16px;
      color: #fff;
      font-weight: 500; }
    @media only screen and (max-width: 992px) {
      #contact_page #get_in_touch .sec2 .form-control {
        font-size: 12px; } }
    #contact_page #get_in_touch .sec2 .form-control::placeholder {
      font-size: 14px; }
  #contact_page #get_in_touch .sec2 textarea {
    margin-top: 15px;
    min-height: 75px; }
  #contact_page #get_in_touch .sec2 .submit {
    background: #00ae55;
    width: 155px;
    height: 60px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    float: right;
    text-transform: uppercase; }
    @media only screen and (max-width: 992px) {
      #contact_page #get_in_touch .sec2 .submit {
        width: 170px;
        height: 60px;
        font-size: 13px; } }
    @media only screen and (max-width: 768px) {
      #contact_page #get_in_touch .sec2 .submit {
        width: 150px;
        height: 40px;
        font-size: 13px;
        margin-top: 25px; } }
  #contact_page #get_in_touch .sec2 .bottom_sec {
    display: flex; }
    #contact_page #get_in_touch .sec2 .bottom_sec .captcha {
      height: 60px;
      padding-right: 50px;
      border-right: 1px solid #ffffff15;
      display: flex;
      align-items: center; }
    @media only screen and (max-width: 768px) {
      #contact_page #get_in_touch .sec2 .bottom_sec {
        padding-right: 15px; } }
    #contact_page #get_in_touch .sec2 .bottom_sec label {
      font-size: 16px;
      color: #181c26;
      font-weight: 500;
      letter-spacing: normal; }
#contact_page #map_sec {
  padding: 120px 0 200px; }
  @media only screen and (max-width: 992px) {
    #contact_page #map_sec {
      padding: 60px 0 100px; } }
  @media only screen and (max-width: 768px) {
    #contact_page #map_sec {
      padding: 40px 0 40px; } }
  #contact_page #map_sec .box1 {
    margin: auto; }
    @media only screen and (max-width: 992px) {
      #contact_page #map_sec .box1 {
        margin-bottom: 30px; } }
    #contact_page #map_sec .box1 .main_head {
      font-size: 40px;
      color: #1d2432;
      font-family: "Playfair Display", serif;
      font-weight: 500;
      line-height: 45px;
      margin-bottom: 120px; }
      @media only screen and (max-width: 992px) {
        #contact_page #map_sec .box1 .main_head {
          margin-bottom: 40px;
          font-size: 28px; }
          #contact_page #map_sec .box1 .main_head br {
            display: none;
            font-size: 28px; } }
      @media only screen and (max-width: 768px) {
        #contact_page #map_sec .box1 .main_head {
          font-size: 26px;
          line-height: 32px; } }
    #contact_page #map_sec .box1 .sub_cntnt {
      font-size: 13px;
      font-weight: 400;
      text-transform: uppercase;
      color: #2c2c2c;
      line-height: 28px;
      padding-left: 100px;
      position: relative; }
      @media only screen and (max-width: 992px) {
        #contact_page #map_sec .box1 .sub_cntnt {
          padding-left: 60px; } }
      #contact_page #map_sec .box1 .sub_cntnt::before {
        position: absolute;
        content: "";
        background: #00ae55;
        width: 70px;
        height: 130px;
        left: 0;
        bottom: 0; }
        @media only screen and (max-width: 992px) {
          #contact_page #map_sec .box1 .sub_cntnt::before {
            height: 80px;
            width: 25px; } }
  #contact_page #map_sec .box2 iframe {
    filter: grayscale(1); }

/********************COURSE_PAGE*********************** */
#course_page {
  padding: 0 0 100px; }
  #course_page #gener_sec {
    padding: 92px 0 30px;
    position: relative;
    border-bottom: solid 1px rgba(23, 26, 24, 0.1); }
    @media only screen and (max-width: 992px) {
      #course_page #gener_sec {
        padding: 80px 0 30px; } }
    @media only screen and (max-width: 768px) {
      #course_page #gener_sec {
        padding: 40px 0; } }
    #course_page #gener_sec .list_sec {
      margin-bottom: 30px; }
      @media only screen and (min-width: 992px) {
        #course_page #gener_sec .list_sec {
          padding-right: 35px; } }
      #course_page #gener_sec .list_sec p {
        font-size: 16px;
        text-align: justify; }
        @media only screen and (min-width: 576px) {
          #course_page #gener_sec .list_sec p {
            font-size: 14px; } }
      #course_page #gener_sec .list_sec h4 {
        font-size: 28px;
        font-weight: 600;
        font-family: "Playfair Display", serif;
        margin-bottom: 25px;
        color: #1d2432;
        text-transform: capitalize; }
      #course_page #gener_sec .list_sec ul li {
        font-size: 14px;
        color: #343534;
        font-weight: 400;
        line-height: 22px;
        text-transform: capitalize;
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
        display: block; }
        #course_page #gener_sec .list_sec ul li::before {
          position: absolute;
          content: "";
          width: 5px;
          height: 2px;
          top: 10px;
          background: #00ae55;
          left: 0; }
      #course_page #gener_sec .list_sec .training {
        margin-bottom: 35px; }
        @media (max-width: 1100px) and (min-width: 992px) {
          #course_page #gener_sec .list_sec .training .disc_sec .outer_box {
            display: flex; } }
        #course_page #gener_sec .list_sec .training .disc_sec .all_box {
          display: inline-flex; }
        @media only screen and (min-width: 768px) {
          #course_page #gener_sec .list_sec .training .disc_sec .img_box {
            margin-right: 10px;
            float: left; } }
        @media only screen and (max-width: 768px) {
          #course_page #gener_sec .list_sec .training .disc_sec .img_box {
            margin-bottom: 15px;
            float: left; } }
        @media only screen and (min-width: 768px) {
          #course_page #gener_sec .list_sec .training .disc_sec .img_box1 {
            float: right;
            margin-left: 15px; } }
        #course_page #gener_sec .list_sec .training .caption {
          font-size: 16px;
          font-weight: 600;
          color: #1d2432;
          text-transform: capitalize;
          margin-top: 10px; }
      #course_page #gener_sec .list_sec .view_certificate {
        height: 100%; }
        @media only screen and (max-width: 992px) {
          #course_page #gener_sec .list_sec .view_certificate {
            margin-bottom: 30px; } }
        #course_page #gener_sec .list_sec .view_certificate a {
          height: 265px;
          width: 100%;
          background-size: cover !important;
          background-repeat: no-repeat !important;
          position: relative;
          border: 5px solid #00ae55;
          box-shadow: 0px 10px 55px 0px rgba(0, 0, 0, 0.2); }
          #course_page #gener_sec .list_sec .view_certificate a .inner {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.7);
            transition: 0.5s ease-in-out;
            height: 100%;
            width: 100%;
            font-size: 24px;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 500; }
          #course_page #gener_sec .list_sec .view_certificate a:hover .inner {
            visibility: visible;
            opacity: 1; }
    #course_page #gener_sec h3 {
      font-size: 28px;
      font-weight: 600;
      font-family: "Playfair Display", serif;
      margin-bottom: 25px;
      color: #1d2432;
      text-transform: capitalize; }
    #course_page #gener_sec .img_sec {
      padding-top: 85px; }
      @media (max-width: 992px) and (min-width: 768px) {
        #course_page #gener_sec .img_sec {
          display: grid;
          grid-template-columns: 1fr 1fr;
          padding-top: 30px;
          grid-gap: 25px; } }
      @media only screen and (max-width: 576px) {
        #course_page #gener_sec .img_sec {
          padding-top: 15px; } }
      #course_page #gener_sec .img_sec .o_bx {
        overflow: hidden;
        margin-bottom: 25px; }
        @media only screen and (max-width: 992px) {
          #course_page #gener_sec .img_sec .o_bx {
            margin: auto 0 0 0; } }
        @media only screen and (max-width: 768px) {
          #course_page #gener_sec .img_sec .o_bx {
            width: auto;
            margin-bottom: 30px;
            order: 1; } }
        #course_page #gener_sec .img_sec .o_bx .outer {
          overflow: hidden;
          margin-bottom: 10px; }
        #course_page #gener_sec .img_sec .o_bx .img_box1 {
          width: 100%;
          height: 225px;
          background-repeat: no-repeat !important;
          background-size: cover !important;
          transition: 0.5s ease-in-out; }
          @media only screen and (max-width: 768px) {
            #course_page #gener_sec .img_sec .o_bx .img_box1 {
              width: 100%;
              background-size: cover !important;
              height: 300px; } }
          @media only screen and (max-width: 468px) {
            #course_page #gener_sec .img_sec .o_bx .img_box1 {
              height: 210px; } }
          #course_page #gener_sec .img_sec .o_bx .img_box1:hover {
            webkit-transform: scale(1.08);
            transform: scale(1.08); }
      #course_page #gener_sec .img_sec .title {
        text-align: right;
        font-size: 18px;
        font-weight: 300 !important;
        color: #8f8f8f;
        margin-bottom: 0;
        text-transform: uppercase; }
        @media only screen and (max-width: 768px) {
          #course_page #gener_sec .img_sec .title {
            font-size: 28px; } }
        #course_page #gener_sec .img_sec .title span {
          font-weight: 400;
          color: #00ae55; }
  #course_page .course_list {
    position: relative;
    border-bottom: solid 1px rgba(23, 26, 24, 0.1);
    padding: 100px 0; }
    @media only screen and (max-width: 768px) {
      #course_page .course_list {
        padding: 60px 0; } }
    @media only screen and (max-width: 576px) {
      #course_page .course_list {
        padding: 30px 0; } }
    #course_page .course_list:last-child {
      border-bottom: none; }
      #course_page .course_list:last-child .bg_box {
        display: none; }
    #course_page .course_list .sec_box_1 {
      padding-top: 15px; }
      @media only screen and (min-width: 992px) {
        #course_page .course_list .sec_box_1 {
          min-height: 515px; } }
      @media only screen and (max-width: 992px) {
        #course_page .course_list .sec_box_1 {
          order: 0; } }
      #course_page .course_list .sec_box_1 ul li {
        font-size: 14px;
        color: #343534;
        font-weight: 400;
        line-height: 22px;
        text-transform: capitalize;
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
        display: block; }
        #course_page .course_list .sec_box_1 ul li::before {
          position: absolute;
          content: "";
          width: 5px;
          height: 2px;
          top: 10px;
          background: #00ae55;
          left: 0; }
      #course_page .course_list .sec_box_1 .title {
        font-size: 40px;
        color: #1d2432;
        font-weight: 500;
        font-family: "Playfair Display", serif;
        text-transform: capitalize;
        margin-bottom: 45px; }
        @media only screen and (max-width: 992px) {
          #course_page .course_list .sec_box_1 .title {
            font-size: 34px;
            line-height: 40px; } }
        @media only screen and (max-width: 768px) {
          #course_page .course_list .sec_box_1 .title {
            font-size: 28px;
            line-height: 40px; } }
        @media only screen and (max-width: 468px) {
          #course_page .course_list .sec_box_1 .title {
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 25px; } }
      #course_page .course_list .sec_box_1 p {
        line-height: 28px; }
      #course_page .course_list .sec_box_1 .details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px 0; }
        @media (max-width: 992px) and (min-width: 768px) {
          #course_page .course_list .sec_box_1 .details {
            display: flex; } }
        @media only screen and (max-width: 576px) {
          #course_page .course_list .sec_box_1 .details {
            display: block;
            margin-top: 25px; } }
        #course_page .course_list .sec_box_1 .details .txt_box {
          border-right: solid 1px #d9f4e8;
          padding-left: 50px;
          position: relative;
          margin-right: 15px;
          padding-right: 15px; }
          @media (max-width: 1200px) and (min-width: 992px) {
            #course_page .course_list .sec_box_1 .details .txt_box {
              border-right: none;
              margin-right: 0;
              padding-right: 0;
              margin-bottom: 15px; } }
          @media only screen and (max-width: 768px) {
            #course_page .course_list .sec_box_1 .details .txt_box {
              padding-right: 20px;
              margin-right: 20px;
              margin-bottom: 15px; } }
          @media only screen and (max-width: 576px) {
            #course_page .course_list .sec_box_1 .details .txt_box {
              border-right: none; } }
          #course_page .course_list .sec_box_1 .details .txt_box:last-child {
            border-right: none;
            padding-right: 0;
            margin-right: 0; }
          #course_page .course_list .sec_box_1 .details .txt_box .name {
            font-size: 12px;
            color: #7f7f7f;
            font-weight: 400;
            margin-bottom: 10px; }
          #course_page .course_list .sec_box_1 .details .txt_box p {
            font-size: 14px;
            font-weight: 500;
            color: #272727;
            letter-spacing: 0.6px;
            line-height: 18px;
            margin-bottom: 0;
            max-width: 155px; }
            #course_page .course_list .sec_box_1 .details .txt_box p span {
              display: block; }
        #course_page .course_list .sec_box_1 .details .txt_box1::before {
          content: "";
          position: absolute;
          background: url("../images/icons/calender.png") no-repeat left;
          height: 30px;
          width: 30px;
          background-size: contain;
          left: 0; }
        #course_page .course_list .sec_box_1 .details .txt_box2::before {
          content: "";
          position: absolute;
          background: url("../images/icons/timer.png") no-repeat left;
          height: 30px;
          width: 30px;
          background-size: contain;
          left: 0; }
        #course_page .course_list .sec_box_1 .details .txt_box3::before {
          content: "";
          position: absolute;
          background: url("../images/icons/chair.png") no-repeat left;
          height: 30px;
          width: 30px;
          background-size: contain;
          left: 0; }
        #course_page .course_list .sec_box_1 .details .txt_box4::before {
          content: "";
          position: absolute;
          background: url("../images/icons/timing.png") no-repeat left;
          height: 30px;
          width: 30px;
          background-size: contain;
          left: 0; }
    @media only screen and (max-width: 992px) {
      #course_page .course_list .sec_comn {
        order: 1;
        margin-top: 50px; } }
    @media only screen and (min-width: 992px) {
      #course_page .course_list .sec_comn {
        position: absolute;
        top: 100px;
        left: auto;
        right: 0;
        bottom: 0;
        width: calc(50% + 105px);
        padding-right: 0;
        padding-left: 45px; } }
    #course_page .course_list .sec_comn .pic_box {
      overflow: hidden;
      position: relative; }
      #course_page .course_list .sec_comn .pic_box::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #00ae55;
        right: -98%;
        top: 0; }
        @media only screen and (max-width: 576px) {
          #course_page .course_list .sec_comn .pic_box::after {
            display: none; } }
      #course_page .course_list .sec_comn .pic_box .img_bx {
        height: 415px;
        width: 100%;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important; }
        @media only screen and (max-width: 768px) {
          #course_page .course_list .sec_comn .pic_box .img_bx {
            height: 300px; } }
    @media only screen and (min-width: 992px) {
      #course_page .course_list:nth-child(even) .row {
        direction: rtl; }
      #course_page .course_list:nth-child(even) .sec_box_1 {
        padding-top: 15px;
        direction: ltr; }
        #course_page .course_list:nth-child(even) .sec_box_1 .details {
          direction: ltr; }
      #course_page .course_list:nth-child(even) .sec_comn {
        right: auto;
        left: 0;
        padding-left: 0;
        padding-right: 45px; }
        #course_page .course_list:nth-child(even) .sec_comn .pic_box::after {
          left: -98%;
          right: auto; } }
    #course_page .course_list .know_more {
      margin: 55px 0 0 0; }

/********************GALLERY_PAGE*********************** */
#gallery_page #portfolio_sec {
  padding: 93px 0 150px; }
  @media only screen and (max-width: 992px) {
    #gallery_page #portfolio_sec {
      padding: 80px 0 120px; } }
  @media only screen and (max-width: 768px) {
    #gallery_page #portfolio_sec {
      padding: 40px 0; } }
  #gallery_page #portfolio_sec .nav-tabs {
    display: flex;
    position: relative;
    margin-bottom: 80px;
    margin-top: 40px;
    border-bottom: none; }
    @media only screen and (max-width: 768px) {
      #gallery_page #portfolio_sec .nav-tabs {
        margin: 30px 0 40px; } }
    #gallery_page #portfolio_sec .nav-tabs li {
      padding: 0 30px; }
      #gallery_page #portfolio_sec .nav-tabs li:first-child {
        padding-left: 0;
        border-right: solid 1px #eaeaea; }
      #gallery_page #portfolio_sec .nav-tabs li:last-child {
        padding-right: 0; }
    #gallery_page #portfolio_sec .nav-tabs .nav-link {
      font-size: 20px;
      font-weight: 500;
      color: #2c2c2c;
      text-transform: capitalize;
      background: none;
      box-shadow: none;
      border: none;
      outline: none;
      padding: 0;
      cursor: pointer; }
      #gallery_page #portfolio_sec .nav-tabs .nav-link:focus {
        outline: none; }
      #gallery_page #portfolio_sec .nav-tabs .nav-link.active {
        color: #00ae55; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #gallery_page #portfolio_sec .nav-tabs .nav-link {
          font-size: 15px; } }
      @media only screen and (max-width: 768px) {
        #gallery_page #portfolio_sec .nav-tabs .nav-link {
          padding: 10px 0;
          font-size: 14px; } }
  #gallery_page #portfolio_sec .tab-pane {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; }
  #gallery_page #portfolio_sec .row {
    margin: 0; }
  #gallery_page #portfolio_sec .thumb {
    padding: 0 6.5px;
    margin-bottom: 13px; }
    @media only screen and (max-width: 576px) {
      #gallery_page #portfolio_sec .thumb {
        margin-bottom: 15px; } }
  #gallery_page #portfolio_sec .box {
    width: 100%;
    height: 280px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #gallery_page #portfolio_sec .box {
        height: 200px; } }
    @media only screen and (max-width: 992px) {
      #gallery_page #portfolio_sec .box {
        height: 200px; } }
    @media only screen and (max-width: 768px) {
      #gallery_page #portfolio_sec .box {
        height: 190px; } }
    @media only screen and (max-width: 576px) {
      #gallery_page #portfolio_sec .box {
        height: 250px; } }
    #gallery_page #portfolio_sec .box::before {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background: url("../images/icons/hover.png") no-repeat center #00000050;
      opacity: 0;
      visibility: hidden;
      transition: ease-in-out all 0.3s; }
    #gallery_page #portfolio_sec .box:hover::before {
      opacity: 1;
      visibility: visible; }

/********************HAPPY_CLIENTS_PAGE*********************** */
#happy_clients_page #info_sec {
  position: relative;
  border-bottom: solid 1px #ececec;
  padding: 93px 0 100px; }
  @media only screen and (max-width: 992px) {
    #happy_clients_page #info_sec {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #happy_clients_page #info_sec {
      padding: 40px 0; } }
  #happy_clients_page #info_sec .head_sec .top_head {
    font-size: 45px;
    font-weight: 500;
    color: #1d2432;
    line-height: 55px;
    text-transform: capitalize;
    font-family: "Playfair Display", serif;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 1200px) {
      #happy_clients_page #info_sec .head_sec .top_head {
        font-size: 34px; } }
    @media only screen and (max-width: 992px) {
      #happy_clients_page #info_sec .head_sec .top_head {
        font-size: 28px;
        line-height: 40px; }
        #happy_clients_page #info_sec .head_sec .top_head br {
          display: none; } }
    @media only screen and (max-width: 576px) {
      #happy_clients_page #info_sec .head_sec .top_head {
        padding-bottom: 25px;
        margin-bottom: 30px;
        line-height: 32px; } }
    #happy_clients_page #info_sec .head_sec .top_head::after {
      content: "";
      position: absolute;
      background: #05b058;
      width: 93px;
      height: 15px;
      bottom: 0;
      left: 0; }
      @media only screen and (max-width: 992px) {
        #happy_clients_page #info_sec .head_sec .top_head::after {
          height: 7px; } }
  @media only screen and (max-width: 992px) {
    #happy_clients_page #info_sec .disc_sec {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 576px) {
    #happy_clients_page #info_sec .disc_sec {
      margin-bottom: 0; } }
#happy_clients_page #happy_clients_sec {
  padding: 93px 0; }
  @media only screen and (max-width: 992px) {
    #happy_clients_page #happy_clients_sec {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #happy_clients_page #happy_clients_sec {
      padding: 40px 0; } }
  #happy_clients_page #happy_clients_sec .outer_box {
    display: block;
    padding-bottom: 35px;
    border-bottom: solid 1px #e7e7e7;
    padding-top: 70px; }
    #happy_clients_page #happy_clients_sec .outer_box:last-child {
      border-bottom: none; }
    #happy_clients_page #happy_clients_sec .outer_box:first-child {
      padding-top: 20px; }
    @media only screen and (min-width: 992px) {
      #happy_clients_page #happy_clients_sec .outer_box {
        border-right: solid 1px #e7e7e7; } }
    #happy_clients_page #happy_clients_sec .outer_box .p_sec {
      margin-bottom: 30px;
      position: relative; }
      @media only screen and (max-width: 768px) {
        #happy_clients_page #happy_clients_sec .outer_box .p_sec {
          padding-left: 0; } }
      #happy_clients_page #happy_clients_sec .outer_box .p_sec::before {
        position: absolute;
        content: "";
        background: url("../images/icons/drop1.png") no-repeat left;
        width: 75px;
        height: 75px;
        background-size: 40%;
        left: 0;
        top: -62px; }
      @media only screen and (max-width: 768px) {
        #happy_clients_page #happy_clients_sec .outer_box .p_sec::before {
          opacity: 0.3;
          background-size: 50%;
          top: -57px; } }
      #happy_clients_page #happy_clients_sec .outer_box .p_sec p {
        font-size: 16px;
        color: #444343;
        line-height: 26px;
        font-weight: 400;
        font-style: italic;
        padding-right: 75px;
        margin-bottom: 0; }
        @media only screen and (max-width: 768px) {
          #happy_clients_page #happy_clients_sec .outer_box .p_sec p {
            padding-right: 0; } }
    #happy_clients_page #happy_clients_sec .outer_box .disc_box {
      display: flex;
      margin-bottom: 10px;
      margin: auto 0 0 0; }
      #happy_clients_page #happy_clients_sec .outer_box .disc_box .pic_box {
        margin-right: 20px;
        background-repeat: no-repeat !important;
        margin-top: 15px;
        height: 75px;
        width: 75px;
        margin-bottom: 15px; }
      #happy_clients_page #happy_clients_sec .outer_box .disc_box .img_box {
        margin-right: 20px;
        min-width: 75px;
        height: 75px;
        width: 75px;
        border-radius: 50%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important; }
      #happy_clients_page #happy_clients_sec .outer_box .disc_box .name_head {
        margin-top: 10px;
        color: #233442;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 10px; }
        @media only screen and (max-width: 576px) {
          #happy_clients_page #happy_clients_sec .outer_box .disc_box .name_head {
            font-size: 14px;
            font-weight: 500; } }
      #happy_clients_page #happy_clients_sec .outer_box .disc_box .pos {
        font-size: 12px;
        color: #6d7293;
        font-weight: 400;
        text-transform: capitalize; }
  #happy_clients_page #happy_clients_sec .rit_sec {
    position: relative;
    margin-bottom: 20px; }
    @media only screen and (min-width: 992px) {
      #happy_clients_page #happy_clients_sec .rit_sec {
        padding-left: 30px; } }
    @media only screen and (max-width: 992px) {
      #happy_clients_page #happy_clients_sec .rit_sec {
        margin-top: 30px; } }
    #happy_clients_page #happy_clients_sec .rit_sec .img-bx {
      overflow: hidden;
      position: relative; }
      #happy_clients_page #happy_clients_sec .rit_sec .img-bx .view_Sec {
        margin-top: 0;
        height: 215px;
        background-repeat: no-repeat !important;
        display: flex;
        align-items: center;
        background-size: cover !important;
        justify-content: center;
        background-position: center !important;
        transition: 0.5s ease-in-out; }
        @media only screen and (max-width: 992px) {
          #happy_clients_page #happy_clients_sec .rit_sec .img-bx .view_Sec {
            height: 355px; } }
        @media only screen and (max-width: 768px) {
          #happy_clients_page #happy_clients_sec .rit_sec .img-bx .view_Sec {
            height: 280px; } }
        @media only screen and (max-width: 468px) {
          #happy_clients_page #happy_clients_sec .rit_sec .img-bx .view_Sec {
            height: 180px; }
            #happy_clients_page #happy_clients_sec .rit_sec .img-bx .view_Sec:hover {
              webkit-transform: scale(1.08);
              transform: scale(1.08); } }
      #happy_clients_page #happy_clients_sec .rit_sec .img-bx .play_icon svg {
        fill: #fff;
        max-width: 70px;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: 0.5s ease-in-out; }
      #happy_clients_page #happy_clients_sec .rit_sec .img-bx:hover svg {
        fill: #05b058; }

/********************KNOWLEDGE_PAGE*********************** */
@media only screen and (min-width: 992px) {
  #knowledge_page {
    padding: 0 0 70px; } }
#knowledge_page #knowledge_sec {
  position: relative;
  border-bottom: solid 1px #ececec;
  padding: 93px 0 100px; }
  @media only screen and (max-width: 992px) {
    #knowledge_page #knowledge_sec {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #knowledge_page #knowledge_sec {
      padding: 40px 0; } }
  @media only screen and (max-width: 576px) {
    #knowledge_page #knowledge_sec {
      padding: 30px 0; } }
  #knowledge_page #knowledge_sec .head_sec .top_head {
    font-size: 45px;
    font-weight: 500;
    color: #1d2432;
    line-height: 55px;
    text-transform: capitalize;
    font-family: "Playfair Display", serif;
    position: relative;
    padding-bottom: 40px; }
    @media only screen and (max-width: 1200px) {
      #knowledge_page #knowledge_sec .head_sec .top_head {
        font-size: 34px; } }
    @media only screen and (max-width: 992px) {
      #knowledge_page #knowledge_sec .head_sec .top_head {
        font-size: 28px;
        margin-bottom: 30px;
        padding-bottom: 25px;
        line-height: 32px; }
        #knowledge_page #knowledge_sec .head_sec .top_head br {
          display: none; } }
    #knowledge_page #knowledge_sec .head_sec .top_head::after {
      content: "";
      position: absolute;
      background: #05b058;
      width: 93px;
      height: 15px;
      bottom: 0;
      left: 0; }
      @media only screen and (max-width: 992px) {
        #knowledge_page #knowledge_sec .head_sec .top_head::after {
          height: 7px; } }
  @media only screen and (max-width: 992px) {
    #knowledge_page #knowledge_sec .disc_sec {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 576px) {
    #knowledge_page #knowledge_sec .disc_sec {
      margin-bottom: 0; } }
  #knowledge_page #knowledge_sec .disc_sec p {
    text-align: justify; }
#knowledge_page #acco_sec .course_list {
  position: relative;
  border-bottom: solid 1px rgba(23, 26, 24, 0.1);
  padding: 100px 0; }
  @media only screen and (max-width: 992px) {
    #knowledge_page #acco_sec .course_list {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    #knowledge_page #acco_sec .course_list {
      padding: 30px 0; } }
  #knowledge_page #acco_sec .course_list:last-child {
    border-bottom: none; }
    #knowledge_page #acco_sec .course_list:last-child .bg_box {
      display: none; }
  @media only screen and (max-width: 992px) {
    #knowledge_page #acco_sec .course_list .sec_box_1 {
      order: 0; } }
  #knowledge_page #acco_sec .course_list .sec_box_1 .sec_head {
    margin-bottom: 55px; }
    @media only screen and (max-width: 576px) {
      #knowledge_page #acco_sec .course_list .sec_box_1 .sec_head {
        margin-bottom: 30px; } }
    #knowledge_page #acco_sec .course_list .sec_box_1 .sec_head .min_title {
      margin-bottom: 40px; }
      @media only screen and (max-width: 576px) {
        #knowledge_page #acco_sec .course_list .sec_box_1 .sec_head .min_title {
          margin-bottom: 25px; } }
  #knowledge_page #acco_sec .course_list .sec_box_1 p {
    line-height: 28px;
    text-align: justify; }
  #knowledge_page #acco_sec .course_list .sec_comn p {
    text-align: justify; }
  #knowledge_page #acco_sec .course_list .sec_comn .pic_box {
    overflow: hidden;
    float: right;
    margin-left: 35px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 768px) {
      #knowledge_page #acco_sec .course_list .sec_comn .pic_box {
        float: none;
        margin-left: 0;
        margin-bottom: 20px; } }
    #knowledge_page #acco_sec .course_list .sec_comn .pic_box .img_bx {
      height: 400px;
      width: 610px;
      background-repeat: no-repeat;
      background-size: cover !important; }
      @media only screen and (max-width: 768px) {
        #knowledge_page #acco_sec .course_list .sec_comn .pic_box .img_bx {
          width: 100%; } }
      @media only screen and (max-width: 576px) {
        #knowledge_page #acco_sec .course_list .sec_comn .pic_box .img_bx {
          height: 300px; } }
  #knowledge_page #acco_sec .course_list:nth-child(even) .sec_comn .pic_box {
    float: left;
    margin-right: 35px;
    margin-bottom: 25px;
    margin-left: 0; }
    @media only screen and (max-width: 768px) {
      #knowledge_page #acco_sec .course_list:nth-child(even) .sec_comn .pic_box {
        float: none;
        margin-right: 0;
        margin-bottom: 15px; } }

/********************ONLINE-COURSE_PAGE*********************** */
#online-course_page #welcome_sec #welcome_sec {
  padding: 93px 0 120px; }
@media (max-width: 1200px) and (min-width: 992px) {
  #online-course_page #welcome_sec {
    padding: 93px 0; } }
@media only screen and (max-width: 992px) {
  #online-course_page #welcome_sec {
    padding: 80px 0 60px; } }
@media only screen and (max-width: 768px) {
  #online-course_page #welcome_sec {
    padding: 40px 0; } }
@media only screen and (min-width: 992px) {
  #online-course_page #welcome_sec .sec1 {
    padding: 0 85px 0 45px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #online-course_page #welcome_sec .sec1 {
    padding: 0 0 0 20px; } }
#online-course_page #welcome_sec .sec1 .sec_head {
  margin-bottom: 60px; }
  @media (max-width: 1200px) and (min-width: 992px) {
    #online-course_page #welcome_sec .sec1 .sec_head {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 768px) {
    #online-course_page #welcome_sec .sec1 .sec_head {
      margin-bottom: 25px; } }
#online-course_page #welcome_sec .sec1 p {
  text-align: justify; }
#online-course_page #welcome_sec .sec1 .know_more {
  margin: 60px 0 0 0; }
#online-course_page #welcome_sec .sec2 .rit_sec {
  position: relative;
  margin-top: 115px; }
  @media only screen and (min-width: 992px) {
    #online-course_page #welcome_sec .sec2 .rit_sec {
      padding-left: 30px; } }
  @media only screen and (max-width: 992px) {
    #online-course_page #welcome_sec .sec2 .rit_sec {
      margin-top: 30px; } }
  #online-course_page #welcome_sec .sec2 .rit_sec .img-bx {
    overflow: hidden;
    position: relative;
    transition: 0.5s; }
    #online-course_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
      margin-top: 0;
      height: 300px;
      background-repeat: no-repeat !important;
      background-position: center !important;
      display: flex;
      align-items: center;
      background-size: cover !important;
      justify-content: center;
      transition: 0.5s ease-in-out; }
      @media only screen and (max-width: 992px) {
        #online-course_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
          height: 355px; } }
      @media only screen and (max-width: 768px) {
        #online-course_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
          height: 280px; } }
      @media only screen and (max-width: 468px) {
        #online-course_page #welcome_sec .sec2 .rit_sec .img-bx .view_Sec {
          height: 180px; } }
    #online-course_page #welcome_sec .sec2 .rit_sec .img-bx:hover .view_Sec {
      webkit-transform: scale(1.08);
      transform: scale(1.08);
      position: relative;
      transition: 0.5s; }
      #online-course_page #welcome_sec .sec2 .rit_sec .img-bx:hover .view_Sec::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        transition: 0.5s ease-in-out;
        background: rgba(21, 18, 21, 0.4); }
    #online-course_page #welcome_sec .sec2 .rit_sec .img-bx .play_icon svg {
      fill: #fff;
      max-width: 70px;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
#online-course_page #four-sec {
  padding: 0 0 30px;
  width: 100%;
  padding: 80px 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative; }
  @media only screen and (max-width: 992px) {
    #online-course_page #four-sec {
      padding: 60px 0; } }
  @media only screen and (max-width: 768px) {
    #online-course_page #four-sec {
      padding: 40px 0; } }
  @media only screen and (max-width: 576px) {
    #online-course_page #four-sec {
      padding: 30px 0; } }
  #online-course_page #four-sec::after {
    position: absolute;
    content: "";
    background: #bfccbb;
    background: linear-gradient(to right, rgba(255, 0, 0, 0), #bfccbb);
    top: 0;
    height: 100%;
    width: 65%;
    right: 0;
    z-index: 0; }
  #online-course_page #four-sec .row {
    justify-content: flex-end; }
    #online-course_page #four-sec .row .form_sec {
      z-index: 10; }
      @media only screen and (min-width: 1200px) {
        #online-course_page #four-sec .row .form_sec .log_box {
          padding-right: 80px; } }
      #online-course_page #four-sec .row .form_sec .log_box .log-form {
        background: #ffffff;
        padding: 45px 35px; }
        #online-course_page #four-sec .row .form_sec .log_box .log-form h2 {
          font-size: 36px;
          font-weight: 600;
          color: #00ae55;
          margin-bottom: 20px; }
          @media only screen and (max-width: 576px) {
            #online-course_page #four-sec .row .form_sec .log_box .log-form h2 {
              font-size: 28px; } }
        #online-course_page #four-sec .row .form_sec .log_box .log-form form .row {
          margin: auto;
          align-items: center; }
        #online-course_page #four-sec .row .form_sec .log_box .log-form form .b1 {
          padding: 0; }
        #online-course_page #four-sec .row .form_sec .log_box .log-form form .b2 .form-group {
          display: flex;
          align-items: center;
          margin-bottom: 0; }
          #online-course_page #four-sec .row .form_sec .log_box .log-form form .b2 .form-group label {
            text-transform: capitalize;
            margin-bottom: 0;
            margin-left: 13px; }
        #online-course_page #four-sec .row .form_sec .log_box .log-form form .forgot {
          color: #00ae55;
          font-size: 13px;
          font-weight: 400;
          text-decoration: underline;
          text-underline-position: under;
          text-align: right; }
          @media only screen and (max-width: 576px) {
            #online-course_page #four-sec .row .form_sec .log_box .log-form form .forgot {
              font-size: 12px; } }
        #online-course_page #four-sec .row .form_sec .log_box .log-form form .btn {
          width: 137px;
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #00ae55;
          font-size: 15px;
          font-weight: 600;
          text-transform: uppercase;
          color: #ffffff;
          margin-top: 30px; }
        #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group {
          margin-bottom: 15px;
          display: block; }
          #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group label {
            font-size: 13px;
            color: #373737;
            font-weight: 400;
            margin-bottom: 10px;
            text-transform: uppercase; }
            @media only screen and (max-width: 576px) {
              #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group label {
                font-size: 12px; } }
          #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group .form-control {
            padding: 25px 20px;
            border-radius: 0;
            font-size: 12px; }
          #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group .pwrd {
            position: relative; }
          #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group .hide-show {
            margin: -3.62em 3% 0 1.5%;
            position: absolute;
            top: 0;
            right: 20px;
            bottom: 0;
            margin: auto;
            z-index: 5;
            display: none;
            cursor: pointer;
            box-shadow: none;
            text-shadow: none;
            outline: none; }
            #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group .hide-show span {
              background: none;
              font-size: 12px;
              color: #00ae55;
              position: absolute;
              display: flex;
              align-items: center;
              right: 0;
              text-transform: uppercase;
              top: 0;
              bottom: 0;
              margin: auto; }
          #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=checkbox], #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=radio] {
            width: 23px;
            height: 23px;
            position: relative; }
            @media only screen and (max-width: 576px) {
              #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=checkbox], #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=radio] {
                margin-top: 7px;
                margin-right: 10px; } }
            #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=checkbox]::before, #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=radio]::before {
              content: "";
              position: absolute;
              left: 0px;
              top: 0px;
              bottom: 0;
              right: 0;
              margin: auto;
              border: 2px solid #d8d8d8;
              background-color: white;
              width: 23px;
              height: 23px; }
            #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=checkbox]::after, #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=radio]::after {
              content: "";
              background: url("../images/icons/checkmark.png") no-repeat center;
              background-size: 13px;
              width: 23px;
              height: 20px;
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              right: 0;
              margin: auto;
              color: #00ae55;
              opacity: 0;
              visibility: hidden;
              transition: ease-in-out all 0.3s; }
            #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=checkbox]:checked::after, #online-course_page #four-sec .row .form_sec .log_box .log-form form .form-group input[type=radio]:checked::after {
              opacity: 1;
              visibility: visible; }
  @media only screen and (max-width: 992px) {
    #online-course_page #four-sec .bx1 {
      margin-bottom: 25px; } }
  #online-course_page #four-sec .item_box {
    border: 5px solid white;
    padding: 30px 0;
    transition: ease-in-out all 0.3s;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center; }
    #online-course_page #four-sec .item_box.active {
      background: #05b058;
      border-color: #05b058; }
    #online-course_page #four-sec .item_box .icon_box {
      margin-bottom: 20px;
      z-index: 1;
      position: relative;
      min-height: 66px; }
    #online-course_page #four-sec .item_box .dep_name {
      font-size: 16px;
      color: #ffffff;
      position: relative;
      font-weight: 500;
      z-index: 1; }
    #online-course_page #four-sec .item_box .overlay {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 100%;
      left: 0;
      color: #FFF;
      background-color: #05b058;
      z-index: 0;
      transition: 0.5s ease-in-out; }
    #online-course_page #four-sec .item_box:hover .overlay {
      top: 0%;
      left: 0%;
      z-index: 0; }
#online-course_page #abt_course {
  padding: 100px 0;
  position: relative;
  border-bottom: solid 1px rgba(23, 26, 24, 0.1); }
  @media only screen and (max-width: 992px) {
    #online-course_page #abt_course {
      padding: 80px 0; } }
  @media only screen and (max-width: 768px) {
    #online-course_page #abt_course {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    #online-course_page #abt_course {
      padding: 30px 0; } }
  #online-course_page #abt_course .disc_box .head {
    font-size: 40px;
    font-weight: 500;
    font-family: "Playfair Display", serif;
    color: #1d2432;
    margin-bottom: 30px; }
    @media only screen and (max-width: 992px) {
      #online-course_page #abt_course .disc_box .head {
        font-size: 36px; } }
    @media only screen and (max-width: 768px) {
      #online-course_page #abt_course .disc_box .head {
        font-size: 32px; } }
    @media only screen and (max-width: 576px) {
      #online-course_page #abt_course .disc_box .head {
        font-size: 26px;
        line-height: 32px; } }
  #online-course_page #abt_course .disc_box p {
    text-align: justify; }
  @media only screen and (min-width: 992px) {
    #online-course_page #abt_course .img_sec {
      padding-left: 50px; } }
  #online-course_page #abt_course .img_sec .bg_img {
    height: 385px;
    background-size: cover !important;
    background-repeat: no-repeat !important; }
    @media only screen and (max-width: 576px) {
      #online-course_page #abt_course .img_sec .bg_img {
        height: 250px; } }
#online-course_page #all_video .pdf_sec {
  border: none !important;
  background: rgba(0, 174, 85, 0.1); }
  #online-course_page #all_video .pdf_sec .bg_box {
    background: transparent; }
  #online-course_page #all_video .pdf_sec .video_box {
    margin: auto; }
    #online-course_page #all_video .pdf_sec .video_box .pdf_grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 15px; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #online-course_page #all_video .pdf_sec .video_box .pdf_grid {
          grid-template-columns: 1fr 1fr; } }
      @media only screen and (max-width: 576px) {
        #online-course_page #all_video .pdf_sec .video_box .pdf_grid {
          grid-template-columns: 1fr; } }
      #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx {
        display: flex;
        align-items: center;
        background: #fff;
        padding: 20px;
        transition: 0.3s ease-in-out; }
        #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx:hover {
          box-shadow: 10px 0px 59px 0px rgba(33, 48, 58, 0.1); }
        @media (max-width: 1200px) and (min-width: 992px) {
          #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx {
            margin-bottom: 15px; } }
        @media only screen and (max-width: 576px) {
          #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx {
            height: 60px; } }
        #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx .img_box {
          padding-right: 15px; }
          #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx .img_box img {
            max-width: 40px; }
        #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx p {
          font-size: 14px;
          color: #000000;
          font-weight: 400;
          line-height: 22px;
          margin-bottom: 0; }
          @media (max-width: 1280px) and (min-width: 1200px) {
            #online-course_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx p {
              font-size: 12px; } }
#online-course_page #all_video .fst_vid {
  border-bottom: none !important; }
#online-course_page #all_video #video_sec {
  padding: 75px 0;
  position: relative; }
  #online-course_page #all_video #video_sec:not(:last-of-type) {
    border-bottom: solid 1px rgba(23, 26, 24, 0.1); }
  @media only screen and (max-width: 768px) {
    #online-course_page #all_video #video_sec {
      padding: 45px 0; } }
  @media only screen and (max-width: 576px) {
    #online-course_page #all_video #video_sec {
      padding: 30px 0; } }
  @media only screen and (max-width: 992px) {
    #online-course_page #all_video #video_sec .video_box {
      order: 1; } }
  #online-course_page #all_video #video_sec .video_box .gallery_grid {
    display: grid;
    gap: 9px;
    grid-auto-rows: 115px;
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr)); }
    @media only screen and (max-width: 992px) {
      #online-course_page #all_video #video_sec .video_box .gallery_grid {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); } }
    @media only screen and (max-width: 576px) {
      #online-course_page #all_video #video_sec .video_box .gallery_grid {
        grid-template-columns: 1fr 1fr; } }
    #online-course_page #all_video #video_sec .video_box .gallery_grid .item1 {
      background: linear-gradient(to right, #2eb5f8, #0a698b);
      display: flex;
      justify-content: center;
      align-items: center; }
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item1 .otr_bx img {
        margin-bottom: 20px; }
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item1 .title {
        font-size: 40px;
        color: #ffffff;
        line-height: 42px;
        font-weight: 300;
        padding-bottom: 20px;
        position: relative; }
        @media (max-width: 992px) and (min-width: 576px) {
          #online-course_page #all_video #video_sec .video_box .gallery_grid .item1 .title {
            font-size: 38px;
            line-height: 48px; } }
        @media only screen and (max-width: 576px) {
          #online-course_page #all_video #video_sec .video_box .gallery_grid .item1 .title {
            font-size: 31px;
            line-height: 43px; } }
        #online-course_page #all_video #video_sec .video_box .gallery_grid .item1 .title span {
          display: block;
          font-size: 40px;
          font-weight: 900;
          color: #ffffff; }
        #online-course_page #all_video #video_sec .video_box .gallery_grid .item1 .title::after {
          position: absolute;
          content: "";
          width: 51px;
          height: 7px;
          background-color: #ffffff;
          bottom: 0; }
    #online-course_page #all_video #video_sec .video_box .gallery_grid .item {
      background-repeat: no-repeat !important;
      background-size: cover !important;
      background-position: center !important;
      overflow: hidden;
      position: relative;
      transition: 0.3s ease-in-out; }
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        background: url(../images/icons/play1.png) no-repeat center;
        width: 100%;
        height: 100%;
        transition: ease-in-out all 0.3s; }
        @media only screen and (max-width: 576px) {
          #online-course_page #all_video #video_sec .video_box .gallery_grid .item::after {
            background-size: 20%; } }
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(21, 18, 21, 0.6);
        width: 100%;
        height: 100%;
        transition: ease-in-out 0.3s;
        opacity: 0;
        visibility: hidden; }
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item:hover::before {
        opacity: 1;
        visibility: visible; }
    @media only screen and (min-width: 992px) {
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item_width::after {
        background-size: 30%; } }
    @media only screen and (max-width: 576px) {
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item_width::after {
        background-size: 20%; } }
    @media only screen and (min-width: 992px) {
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item_tall {
        grid-row: span 3/auto;
        grid-column: span 3/auto; } }
    @media only screen and (max-width: 992px) {
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item_tall {
        grid-row: span 3/auto;
        grid-column: span 3/auto; } }
    @media only screen and (max-width: 576px) {
      #online-course_page #all_video #video_sec .video_box .gallery_grid .item_tall {
        grid-row: auto;
        grid-column: auto; } }
  @media only screen and (min-width: 992px) {
    #online-course_page #all_video #video_sec .txt_box {
      padding-left: 70px;
      margin: auto; } }
  @media only screen and (max-width: 992px) {
    #online-course_page #all_video #video_sec .txt_box {
      order: 0;
      margin-bottom: 30px; } }
  #online-course_page #all_video #video_sec .txt_box .sec_head {
    margin-bottom: 30px; }
    @media only screen and (max-width: 992px) {
      #online-course_page #all_video #video_sec .txt_box .sec_head {
        margin-bottom: 25px; } }
  #online-course_page #all_video #video_sec:nth-child(even) {
    direction: rtl; }
    #online-course_page #all_video #video_sec:nth-child(even) .row .video_box {
      direction: ltr; }
    #online-course_page #all_video #video_sec:nth-child(even) .row .txt_box {
      direction: ltr; }
      @media only screen and (min-width: 992px) {
        #online-course_page #all_video #video_sec:nth-child(even) .row .txt_box {
          padding-left: 15px;
          padding-right: 70px; } }
#online-course_page #available_courses {
  padding: 100px 0 170px;
  background: rgba(0, 174, 85, 0.1); }
  #online-course_page #available_courses .head {
    font-weight: 500;
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: #1d2432;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 40px; }
    @media only screen and (max-width: 576px) {
      #online-course_page #available_courses .head {
        font-size: 26px;
        margin-bottom: 30px; } }
    #online-course_page #available_courses .head::after {
      content: "";
      position: absolute;
      background: #05b058;
      width: 53px;
      height: 10px;
      bottom: 0;
      left: 0; }
      @media only screen and (max-width: 576px) {
        #online-course_page #available_courses .head::after {
          height: 7px; } }
  #online-course_page #available_courses .program_box .program_details {
    background: #ffffff;
    display: flex;
    padding: 15px;
    transition: 0.3s ease-in-out;
    margin-bottom: 3px; }
    @media only screen and (max-width: 576px) {
      #online-course_page #available_courses .program_box .program_details {
        display: block; } }
    #online-course_page #available_courses .program_box .program_details:hover {
      z-index: 10;
      box-shadow: 0px 0px 80px 0px rgba(8, 49, 28, 0.15); }
    #online-course_page #available_courses .program_box .program_details .img_box {
      width: 220px;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important; }
      @media only screen and (max-width: 768px) {
        #online-course_page #available_courses .program_box .program_details .img_box {
          width: 300px; } }
      @media only screen and (max-width: 576px) {
        #online-course_page #available_courses .program_box .program_details .img_box {
          width: 100%;
          height: 160px;
          margin-bottom: 15px; } }
    #online-course_page #available_courses .program_box .program_details .dtail_box {
      padding-left: 25px;
      margin: auto 0; }
      @media only screen and (max-width: 576px) {
        #online-course_page #available_courses .program_box .program_details .dtail_box {
          padding-left: 0; } }
      #online-course_page #available_courses .program_box .program_details .dtail_box .title {
        font-size: 26px;
        font-weight: 500;
        color: #0d0d0d;
        line-height: normal;
        margin-bottom: 10px; }
        @media only screen and (max-width: 992px) {
          #online-course_page #available_courses .program_box .program_details .dtail_box .title {
            font-size: 24px; } }
        @media only screen and (max-width: 768px) {
          #online-course_page #available_courses .program_box .program_details .dtail_box .title {
            font-size: 20px; } }
        @media only screen and (max-width: 576px) {
          #online-course_page #available_courses .program_box .program_details .dtail_box .title {
            font-size: 18px; } }
      #online-course_page #available_courses .program_box .program_details .dtail_box p {
        font-size: 18px;
        color: #4f4f4f;
        font-weight: 400;
        margin-bottom: 0; }
        @media only screen and (max-width: 992px) {
          #online-course_page #available_courses .program_box .program_details .dtail_box p {
            font-size: 16px; } }
        @media only screen and (max-width: 768px) {
          #online-course_page #available_courses .program_box .program_details .dtail_box p {
            font-size: 15px; } }
      #online-course_page #available_courses .program_box .program_details .dtail_box .know_more {
        margin-top: 30px;
        border: solid 1px #bcead3;
        padding: 11px 25px; }
        @media only screen and (max-width: 992px) {
          #online-course_page #available_courses .program_box .program_details .dtail_box .know_more {
            margin-top: 15px; } }
        #online-course_page #available_courses .program_box .program_details .dtail_box .know_more::after {
          display: none !important; }
        #online-course_page #available_courses .program_box .program_details .dtail_box .know_more span {
          padding-right: 15px;
          position: relative;
          padding-right: 15px;
          position: relative; }
          #online-course_page #available_courses .program_box .program_details .dtail_box .know_more span::after {
            content: "";
            position: absolute;
            right: -6px;
            top: 0px;
            bottom: 0px;
            margin: auto;
            width: 13px;
            height: 11px;
            background: url(../images/icons/arrow_rit.svg) no-repeat center;
            background-size: contain;
            -webkit-transform: translateZ(0);
            transform: translateZ(0); }
        #online-course_page #available_courses .program_box .program_details .dtail_box .know_more:hover span::after {
          -webkit-animation-name: icon_wobble;
          animation-name: icon_wobble;
          -webkit-animation-duration: 5s;
          animation-duration: 5s;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
          -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

/********************COURSE-DETAILS_PAGE*********************** */
#course-details_page .course_list {
  position: relative;
  padding: 100px 0 120px;
  padding-bottom: 90px; }
  @media only screen and (max-width: 992px) {
    #course-details_page .course_list {
      padding: 80px 0 60px; } }
  @media only screen and (max-width: 768px) {
    #course-details_page .course_list {
      padding: 40px 0; } }
  @media only screen and (max-width: 576px) {
    #course-details_page .course_list {
      padding: 40px 0 0; } }
  #course-details_page .course_list .sec_box_1 .title {
    font-size: 40px;
    color: #1d2432;
    font-weight: 500;
    font-family: "Playfair Display", serif;
    text-transform: capitalize;
    margin-bottom: 45px; }
    @media only screen and (max-width: 992px) {
      #course-details_page .course_list .sec_box_1 .title {
        font-size: 28px; } }
    @media only screen and (max-width: 576px) {
      #course-details_page .course_list .sec_box_1 .title {
        font-size: 24px;
        margin-bottom: 25px; } }
  #course-details_page .course_list .sec_box_1 p {
    line-height: 28px; }
  #course-details_page .course_list .sec_box_1 .details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px 0; }
    @media (max-width: 992px) and (min-width: 768px) {
      #course-details_page .course_list .sec_box_1 .details {
        display: flex; } }
    @media only screen and (max-width: 576px) {
      #course-details_page .course_list .sec_box_1 .details {
        display: block;
        margin-top: 25px; } }
    #course-details_page .course_list .sec_box_1 .details .txt_box {
      border-right: solid 1px #d9f4e8;
      padding-left: 50px;
      position: relative;
      margin-right: 25px;
      padding-right: 35px; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #course-details_page .course_list .sec_box_1 .details .txt_box {
          border-right: none;
          margin-right: 0;
          padding-right: 0;
          margin-bottom: 15px; } }
      @media only screen and (max-width: 768px) {
        #course-details_page .course_list .sec_box_1 .details .txt_box {
          padding-right: 20px;
          margin-right: 20px;
          margin-bottom: 15px; } }
      #course-details_page .course_list .sec_box_1 .details .txt_box:last-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0; }
      #course-details_page .course_list .sec_box_1 .details .txt_box .name {
        font-size: 12px;
        color: #7f7f7f;
        font-weight: 400;
        margin-bottom: 10px; }
      #course-details_page .course_list .sec_box_1 .details .txt_box p {
        font-size: 14px;
        font-weight: 500;
        color: #272727;
        letter-spacing: 0.6px;
        line-height: 18px;
        margin-bottom: 0;
        max-width: 145px; }
    #course-details_page .course_list .sec_box_1 .details .txt_box1::before {
      content: "";
      position: absolute;
      background: url("../images/icons/calender.png") no-repeat left;
      height: 30px;
      width: 30px;
      background-size: contain;
      left: 0; }
    #course-details_page .course_list .sec_box_1 .details .txt_box2::before {
      content: "";
      position: absolute;
      background: url("../images/icons/timer.png") no-repeat left;
      height: 30px;
      width: 30px;
      background-size: contain;
      left: 0; }
    #course-details_page .course_list .sec_box_1 .details .txt_box3::before {
      content: "";
      position: absolute;
      background: url("../images/icons/chair.png") no-repeat left;
      height: 30px;
      width: 30px;
      background-size: contain;
      left: 0; }
    #course-details_page .course_list .sec_box_1 .details .txt_box4::before {
      content: "";
      position: absolute;
      background: url("../images/icons/timing.png") no-repeat left;
      height: 30px;
      width: 30px;
      background-size: contain;
      left: 0; }
  @media only screen and (max-width: 992px) {
    #course-details_page .course_list .sec_comn {
      margin-top: 40px; } }
  @media only screen and (max-width: 576px) {
    #course-details_page .course_list .sec_comn {
      margin-top: 25px; } }
  @media only screen and (min-width: 992px) {
    #course-details_page .course_list .sec_comn {
      position: absolute;
      top: 0;
      left: auto;
      top: 100px;
      right: 0;
      bottom: 0;
      width: calc(50% + 105px);
      padding-right: 0;
      padding-left: 45px; } }
  #course-details_page .course_list .sec_comn .pic_box {
    overflow: hidden;
    position: relative; }
    #course-details_page .course_list .sec_comn .pic_box::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: #00ae55;
      right: -98%;
      top: 0; }
      @media only screen and (max-width: 576px) {
        #course-details_page .course_list .sec_comn .pic_box::after {
          display: none; } }
    #course-details_page .course_list .sec_comn .pic_box .img_bx {
      height: 450px;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover !important; }
      @media only screen and (max-width: 768px) {
        #course-details_page .course_list .sec_comn .pic_box .img_bx {
          height: 300px; } }
  #course-details_page .course_list .know_more {
    margin: 55px 0 0 0; }
#course-details_page #list_sec {
  background: #f2fff8;
  padding: 80px 0; }
  @media only screen and (max-width: 992px) {
    #course-details_page #list_sec {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    #course-details_page #list_sec {
      padding: 30px 0; } }
  #course-details_page #list_sec .head_sec {
    margin-bottom: 50px; }
    #course-details_page #list_sec .head_sec .top_head {
      font-size: 40px;
      font-weight: 500;
      color: #1d2432;
      line-height: 55px;
      text-transform: capitalize;
      font-family: "Playfair Display", serif;
      position: relative;
      padding-bottom: 40px; }
      @media only screen and (max-width: 992px) {
        #course-details_page #list_sec .head_sec .top_head {
          font-size: 28px; } }
      @media only screen and (max-width: 576px) {
        #course-details_page #list_sec .head_sec .top_head {
          font-size: 24px;
          padding-bottom: 25px; } }
      #course-details_page #list_sec .head_sec .top_head::after {
        content: "";
        position: absolute;
        background: #05b058;
        width: 43px;
        height: 9px;
        bottom: 0;
        left: 0; }
  #course-details_page #list_sec ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px; }
    @media only screen and (max-width: 768px) {
      #course-details_page #list_sec ul {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 576px) {
      #course-details_page #list_sec ul {
        grid-template-columns: 1fr; } }
    #course-details_page #list_sec ul li {
      font-size: 16px;
      color: #1d2432;
      font-weight: 400;
      line-height: normal;
      margin-bottom: 20px;
      padding-left: 50px;
      position: relative;
      display: flex;
      align-items: flex-start; }
      @media only screen and (max-width: 992px) {
        #course-details_page #list_sec ul li {
          padding-left: 30px; } }
      @media only screen and (max-width: 768px) {
        #course-details_page #list_sec ul li {
          font-size: 14px; } }
      #course-details_page #list_sec ul li::before {
        content: "";
        position: absolute;
        background: url("../images/icons/tick.png") no-repeat left;
        left: 0;
        width: 25px;
        height: 25px; }
#course-details_page #practical_sec {
  padding: 85px 0; }
  @media only screen and (max-width: 992px) {
    #course-details_page #practical_sec {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    #course-details_page #practical_sec {
      padding: 30px 0; } }
  #course-details_page #practical_sec .head_sec {
    margin-bottom: 50px; }
    #course-details_page #practical_sec .head_sec .top_head {
      font-size: 40px;
      font-weight: 500;
      color: #1d2432;
      line-height: 55px;
      text-transform: capitalize;
      font-family: "Playfair Display", serif;
      position: relative;
      padding-bottom: 40px; }
      @media only screen and (max-width: 992px) {
        #course-details_page #practical_sec .head_sec .top_head {
          font-size: 28px; } }
      @media only screen and (max-width: 576px) {
        #course-details_page #practical_sec .head_sec .top_head {
          font-size: 24px;
          padding-bottom: 25px; } }
      #course-details_page #practical_sec .head_sec .top_head::after {
        content: "";
        position: absolute;
        background: #05b058;
        width: 43px;
        height: 9px;
        bottom: 0;
        left: 0; }
  #course-details_page #practical_sec ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px; }
    @media only screen and (max-width: 768px) {
      #course-details_page #practical_sec ul {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 576px) {
      #course-details_page #practical_sec ul {
        grid-template-columns: 1fr; } }
    #course-details_page #practical_sec ul li {
      font-size: 16px;
      color: #1d2432;
      font-weight: 400;
      line-height: normal;
      margin-bottom: 20px;
      padding-left: 50px;
      position: relative;
      display: flex;
      align-items: flex-start; }
      @media only screen and (max-width: 768px) {
        #course-details_page #practical_sec ul li {
          font-size: 14px; } }
      @media only screen and (max-width: 576px) {
        #course-details_page #practical_sec ul li {
          padding-left: 30px; } }
      #course-details_page #practical_sec ul li::before {
        content: "";
        position: absolute;
        background: url("../images/icons/tick.png") no-repeat left;
        left: 0;
        width: 25px;
        height: 25px;
        top: 0; }
#course-details_page #table_sec {
  padding: 95px 0;
  background: #f2fff8; }
  @media only screen and (max-width: 992px) {
    #course-details_page #table_sec {
      padding: 60px 0; } }
  @media only screen and (max-width: 576px) {
    #course-details_page #table_sec {
      padding: 0 0 30px; } }
  #course-details_page #table_sec table, #course-details_page #table_sec tr, #course-details_page #table_sec th, #course-details_page #table_sec td {
    border: solid 1px #a6d5bd;
    padding: 15px;
    text-align: center; }
  #course-details_page #table_sec table {
    width: 100%; }
  #course-details_page #table_sec th {
    background: #00ae55;
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 35px 0; }
    @media only screen and (max-width: 992px) {
      #course-details_page #table_sec th {
        font-size: 20px; } }
    @media only screen and (max-width: 576px) {
      #course-details_page #table_sec th {
        font-size: 14px;
        padding: 15px 0; } }
  #course-details_page #table_sec td {
    font-size: 18px;
    color: #444444;
    font-weight: 500;
    text-transform: capitalize;
    padding: 30px 0;
    background: #ffffff; }
    @media only screen and (max-width: 992px) {
      #course-details_page #table_sec td {
        font-size: 16px; } }
    @media only screen and (max-width: 576px) {
      #course-details_page #table_sec td {
        font-size: 14px;
        padding: 15px 0;
        line-height: 19px; } }
  @media only screen and (max-width: 768px) {
    #course-details_page #table_sec .desk_view {
      display: none; } }
  @media only screen and (min-width: 768px) {
    #course-details_page #table_sec .mob_view {
      display: none; } }
#course-details_page .back_btn {
  background: #00ae55;
  font-size: 15.56px;
  padding: 10px 20px;
  color: white;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  width: fit-content;
  border-radius: 50px;
  margin: -21px 0 0 auto;
  text-transform: uppercase;
  transition: 0.5s; }
  #course-details_page .back_btn:hover {
    background: #047a3d; }
  @media only screen and (max-width: 992px) {
    #course-details_page .back_btn {
      font-size: 13px; } }
  @media only screen and (max-width: 576px) {
    #course-details_page .back_btn {
      font-size: 13px;
      margin: 30px 0 0 auto; } }
#course-details_page #contact_sec {
  padding: 95px 0 170px; }
  @media only screen and (max-width: 992px) {
    #course-details_page #contact_sec {
      padding: 95px 0 60px; } }
  @media only screen and (max-width: 576px) {
    #course-details_page #contact_sec {
      padding: 25px 0 60px; } }
  #course-details_page #contact_sec .cntct_box {
    margin: 0 auto; }
    #course-details_page #contact_sec .cntct_box .head {
      font-size: 40px;
      font-weight: 400;
      color: #1d2432;
      line-height: 45px;
      text-align: center;
      font-family: "Playfair Display", serif;
      margin-bottom: 35px;
      text-align: center; }
      @media only screen and (max-width: 992px) {
        #course-details_page #contact_sec .cntct_box .head {
          font-size: 28px; } }
      @media only screen and (max-width: 576px) {
        #course-details_page #contact_sec .cntct_box .head {
          line-height: 32px;
          text-align: left;
          font-size: 24px; } }
    #course-details_page #contact_sec .cntct_box p {
      text-align: center;
      font-size: 18px;
      color: #8e8f8f;
      font-weight: 400;
      margin-bottom: 70px; }
      @media only screen and (max-width: 576px) {
        #course-details_page #contact_sec .cntct_box p {
          margin-bottom: 30px;
          text-align: left;
          font-size: 16px; } }
    #course-details_page #contact_sec .cntct_box form {
      padding: 0 60px; }
      @media only screen and (max-width: 768px) {
        #course-details_page #contact_sec .cntct_box form {
          padding: 0 15px; } }
      #course-details_page #contact_sec .cntct_box form .form-group {
        margin-bottom: 0; }
      #course-details_page #contact_sec .cntct_box form::after {
        content: "";
        display: flex;
        clear: both; }
      #course-details_page #contact_sec .cntct_box form textarea {
        height: 120px !important;
        padding-top: 35px !important; }
      #course-details_page #contact_sec .cntct_box form .form-control {
        font-size: 14px;
        color: #444444;
        line-height: normal;
        height: 60px;
        padding: 0px;
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #00000020;
        outline: none;
        box-shadow: none;
        display: flex;
        align-items: center; }
        #course-details_page #contact_sec .cntct_box form .form-control:focus {
          border-color: rgba(0, 174, 85, 0.8); }
        #course-details_page #contact_sec .cntct_box form .form-control::placeholder {
          font-size: 14px;
          color: #444444; }
      @media only screen and (max-width: 992px) {
        #course-details_page #contact_sec .cntct_box form {
          font-size: 12px; }
          #course-details_page #contact_sec .cntct_box form::placeholder {
            font-size: 12px; } }
      @media only screen and (max-width: 576px) {
        #course-details_page #contact_sec .cntct_box form {
          padding: 0; } }
      #course-details_page #contact_sec .cntct_box form .submit_sec {
        margin: auto; }
        #course-details_page #contact_sec .cntct_box form .submit_sec .submit {
          background: #00ae55;
          width: 212px;
          height: 59px;
          font-size: 15.56px;
          color: white;
          border: none;
          box-shadow: none;
          outline: none;
          cursor: pointer;
          float: right;
          border-radius: 50px;
          margin-top: 60px;
          text-transform: uppercase;
          transition: 0.5s; }
          #course-details_page #contact_sec .cntct_box form .submit_sec .submit:hover {
            background: #047a3d; }
          @media only screen and (max-width: 992px) {
            #course-details_page #contact_sec .cntct_box form .submit_sec .submit {
              width: 170px;
              height: 50px;
              font-size: 13px; } }
          @media only screen and (max-width: 576px) {
            #course-details_page #contact_sec .cntct_box form .submit_sec .submit {
              width: 150px;
              height: 40px;
              font-size: 13px;
              margin-top: 35px; } }

/********************RESERVATION_PAGE*********************** */
#reservation_page {
  background: rgba(0, 174, 85, 0.1); }
  #reservation_page #form_section {
    padding: 93px 0 150px; }
    @media (max-width: 1200px) and (min-width: 992px) {
      #reservation_page #form_section {
        padding: 80px 0 120px; } }
    @media only screen and (max-width: 992px) {
      #reservation_page #form_section {
        padding: 80px 0 60px; } }
    @media only screen and (max-width: 768px) {
      #reservation_page #form_section {
        padding: 40px 0; } }
    #reservation_page #form_section .chk_bx {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 992px) {
        #reservation_page #form_section .chk_bx {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 576px) {
        #reservation_page #form_section .chk_bx {
          align-items: normal;
          margin-bottom: 10px; } }
      #reservation_page #form_section .chk_bx span {
        position: absolute;
        border: 2px solid #d8d8d8;
        background-color: white;
        width: 23px;
        height: 23px;
        z-index: 0; }
      #reservation_page #form_section .chk_bx input[type=checkbox] {
        width: 23px !important;
        height: 23px !important;
        position: relative;
        z-index: 1;
        opacity: 0; }
        @media only screen and (max-width: 576px) {
          #reservation_page #form_section .chk_bx input[type=checkbox] {
            margin-top: 5px; } }
        #reservation_page #form_section .chk_bx input[type=checkbox]::before {
          content: "";
          position: absolute;
          left: 0px;
          top: 0px;
          display: inline-block;
          border: 2px solid #d8d8d8;
          background-color: white;
          width: 23px;
          visibility: visible;
          height: 23px; }
        #reservation_page #form_section .chk_bx input[type=checkbox]::after {
          content: "";
          visibility: visible;
          background: url("../images/icons/checkmark.png") no-repeat center;
          display: inline-block;
          width: 23px;
          height: 23px;
          position: absolute;
          left: 0;
          top: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          color: #00ae55;
          opacity: 0;
          visibility: hidden;
          transition: ease-in-out all 0.3s; }
        #reservation_page #form_section .chk_bx input[type=checkbox]:checked::after {
          opacity: 1;
          visibility: visible; }
        #reservation_page #form_section .chk_bx input[type=checkbox]:checked ~ span {
          background: url("../images/icons/checkmark.png") no-repeat center; }
      #reservation_page #form_section .chk_bx label {
        padding-left: 20px;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase; }
        @media only screen and (max-width: 992px) {
          #reservation_page #form_section .chk_bx label {
            line-height: 28px;
            font-size: 13px; } }
        @media only screen and (max-width: 576px) {
          #reservation_page #form_section .chk_bx label {
            line-height: 20px;
            font-size: 12px; } }
    #reservation_page #form_section .all_sec {
      background: #fff;
      margin: 0 70px;
      padding: 65px;
      border-radius: 10px;
      box-shadow: 29px 0px 24px rgba(2, 28, 96, 0.05); }
      @media (max-width: 1200px) and (min-width: 992px) {
        #reservation_page #form_section .all_sec {
          margin: 0 20px; } }
      @media only screen and (max-width: 992px) {
        #reservation_page #form_section .all_sec {
          margin: 0; } }
      @media only screen and (max-width: 768px) {
        #reservation_page #form_section .all_sec {
          margin: 0 25px;
          padding: 40px 40px; } }
      @media only screen and (max-width: 576px) {
        #reservation_page #form_section .all_sec {
          margin: 0;
          padding: 20px 10px; } }
      #reservation_page #form_section .all_sec form .info_box_1 {
        padding-bottom: 25px; }
        @media only screen and (max-width: 576px) {
          #reservation_page #form_section .all_sec form .info_box_1 {
            padding-bottom: 25px; } }
        @media only screen and (min-width: 992px) {
          #reservation_page #form_section .all_sec form .info_box_1 .all_cmn {
            margin: auto;
            padding: 0; } }
        @media only screen and (max-width: 992px) {
          #reservation_page #form_section .all_sec form .info_box_1 .all_cmn {
            padding-right: 0; } }
        @media only screen and (max-width: 992px) {
          #reservation_page #form_section .all_sec form .info_box_1 .all_cmn .cmn {
            padding-right: 0; } }
      #reservation_page #form_section .all_sec form .head {
        color: #1f2226;
        font-size: 36px;
        font-weight: 500;
        font-family: "Playfair Display", serif;
        padding-bottom: 40px;
        border-bottom: solid 1px #d6dce2;
        margin-bottom: 50px; }
        @media only screen and (max-width: 992px) {
          #reservation_page #form_section .all_sec form .head {
            font-size: 28px; } }
        @media only screen and (max-width: 576px) {
          #reservation_page #form_section .all_sec form .head {
            font-size: 24px;
            margin-bottom: 30px;
            padding-bottom: 20px; } }
      #reservation_page #form_section .all_sec form .form-group {
        margin-bottom: 20px; }
        #reservation_page #form_section .all_sec form .form-group label {
          color: #363636;
          font-size: 14px;
          font-weight: 400;
          text-transform: capitalize;
          margin-bottom: 15px;
          margin-right: 30px; }
          #reservation_page #form_section .all_sec form .form-group label span {
            color: #00ae55; }
          @media only screen and (max-width: 576px) {
            #reservation_page #form_section .all_sec form .form-group label {
              font-size: 13px; } }
        #reservation_page #form_section .all_sec form .form-group .form-control {
          height: 50px;
          font-size: 14px;
          color: #9b9b9b;
          padding: 0 30px 0 20px;
          line-height: normal;
          border: none;
          border: 1px solid #c7ced4;
          outline: none;
          box-shadow: none;
          position: relative;
          -webkit-appearance: none !important;
          appearance: none;
          -moz-appearance: none !important; }
          #reservation_page #form_section .all_sec form .form-group .form-control::placeholder {
            font-size: 14px;
            color: #9b9b9b; }
        #reservation_page #form_section .all_sec form .form-group .selectpicker {
          background: url("../images/icons/down-arrow.png") no-repeat center right 10px;
          background-size: 10px; }
          #reservation_page #form_section .all_sec form .form-group .selectpicker option {
            color: #9b9b9b; }
      #reservation_page #form_section .all_sec form .pay_mthd .form-group {
        display: flex;
        margin-bottom: 20px; }
        @media only screen and (max-width: 576px) {
          #reservation_page #form_section .all_sec form .pay_mthd .form-group {
            display: block; } }
        #reservation_page #form_section .all_sec form .pay_mthd .form-group .chk_bx {
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 576px) {
            #reservation_page #form_section .all_sec form .pay_mthd .form-group .chk_bx {
              margin-bottom: 15px; } }
        #reservation_page #form_section .all_sec form .pay_mthd .form-group label {
          margin-bottom: 0;
          margin-right: 30px;
          margin-left: 5px;
          padding-left: 40px;
          display: flex;
          align-items: center;
          position: relative; }
        #reservation_page #form_section .all_sec form .pay_mthd .form-group span {
          position: absolute;
          background-color: white;
          width: 20px;
          height: 20px;
          border: 2px solid #d8d8d8;
          border-radius: 50%; }
          #reservation_page #form_section .all_sec form .pay_mthd .form-group span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            background-color: white;
            border-radius: 50%; }
          #reservation_page #form_section .all_sec form .pay_mthd .form-group span::after {
            content: "";
            background: #00ae55;
            background-size: 12px;
            width: 12px;
            border-radius: 50%;
            height: 12px;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            color: #00ae55;
            opacity: 0;
            visibility: hidden;
            transition: ease-in-out all 0.3s; }
        #reservation_page #form_section .all_sec form .pay_mthd .form-group input[type=radio] {
          position: relative;
          width: 20px;
          height: 20px;
          border: 2px solid #d8d8d8;
          z-index: 1;
          opacity: 0; }
          #reservation_page #form_section .all_sec form .pay_mthd .form-group input[type=radio]::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            background-color: white;
            width: 20px;
            height: 20px;
            border-radius: 50%; }
          #reservation_page #form_section .all_sec form .pay_mthd .form-group input[type=radio]::after {
            content: "";
            background: #00ae55;
            background-size: 12px;
            width: 12px;
            border-radius: 50%;
            height: 12px;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            color: #00ae55;
            opacity: 0;
            visibility: hidden;
            transition: ease-in-out all 0.3s; }
          #reservation_page #form_section .all_sec form .pay_mthd .form-group input[type=radio]:checked::after {
            opacity: 1;
            visibility: visible; }
          #reservation_page #form_section .all_sec form .pay_mthd .form-group input[type=radio]:checked ~ span::after {
            opacity: 1;
            visibility: visible; }
        #reservation_page #form_section .all_sec form .pay_mthd .form-group .bank label::before {
          content: "";
          position: absolute;
          background: url("../images/icons/bank.png") no-repeat center;
          left: 0;
          height: 25px;
          width: 40px;
          background-size: contain; }
        #reservation_page #form_section .all_sec form .pay_mthd .form-group .paypal label::before {
          content: "";
          position: absolute;
          background: url("../images/icons/paypal.png") no-repeat center;
          left: 0;
          height: 25px;
          width: 40px;
          background-size: contain; }
        #reservation_page #form_section .all_sec form .pay_mthd .form-group .western label::before {
          content: "";
          position: absolute;
          background: url("../images/icons/western-union.png") no-repeat center;
          left: 0;
          height: 25px;
          width: 40px;
          background-size: contain; }
      #reservation_page #form_section .all_sec form .choose_course {
        display: flex !important;
        padding-left: 30px;
        justify-content: flex-start !important;
        margin-bottom: 20px !important; }
        #reservation_page #form_section .all_sec form .choose_course .chk_bx {
          margin-right: 30px;
          display: flex;
          align-items: center; }
      #reservation_page #form_section .all_sec form .course_bx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px; }
        @media only screen and (max-width: 992px) {
          #reservation_page #form_section .all_sec form .course_bx {
            display: block;
            margin-bottom: 20px; } }
        #reservation_page #form_section .all_sec form .course_bx .chk_bx {
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 992px) {
            #reservation_page #form_section .all_sec form .course_bx .chk_bx {
              margin-bottom: 20px; } }
          @media only screen and (max-width: 576px) {
            #reservation_page #form_section .all_sec form .course_bx .chk_bx {
              align-items: normal;
              margin-bottom: 10px; } }
          #reservation_page #form_section .all_sec form .course_bx .chk_bx span {
            position: absolute;
            border: 2px solid #d8d8d8;
            background-color: white;
            width: 23px;
            height: 23px;
            z-index: 0; }
          #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=checkbox], #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=radio] {
            width: 23px !important;
            height: 23px !important;
            position: relative;
            z-index: 1;
            opacity: 0; }
            @media only screen and (max-width: 576px) {
              #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=checkbox], #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=radio] {
                margin-top: 5px; } }
            #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=checkbox]::before, #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=radio]::before {
              content: "";
              position: absolute;
              left: 0px;
              top: 0px;
              display: inline-block;
              border: 2px solid #d8d8d8;
              background-color: white;
              width: 23px;
              visibility: visible;
              height: 23px; }
            #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=checkbox]::after, #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=radio]::after {
              content: "";
              visibility: visible;
              background: url("../images/icons/checkmark.png") no-repeat center;
              display: inline-block;
              width: 23px;
              height: 23px;
              position: absolute;
              left: 0;
              top: 0;
              top: 0;
              bottom: 0;
              margin: auto;
              color: #00ae55;
              opacity: 0;
              visibility: hidden;
              transition: ease-in-out all 0.3s; }
            #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=checkbox]:checked::after, #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=radio]:checked::after {
              opacity: 1;
              visibility: visible; }
            #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=checkbox]:checked ~ span, #reservation_page #form_section .all_sec form .course_bx .chk_bx input[type=radio]:checked ~ span {
              background: red;
              background: url("../images/icons/checkmark.png") no-repeat center; }
          #reservation_page #form_section .all_sec form .course_bx .chk_bx label {
            padding-left: 20px;
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase; }
            @media only screen and (max-width: 992px) {
              #reservation_page #form_section .all_sec form .course_bx .chk_bx label {
                line-height: 28px;
                font-size: 13px; } }
            @media only screen and (max-width: 576px) {
              #reservation_page #form_section .all_sec form .course_bx .chk_bx label {
                line-height: 20px;
                font-size: 12px; } }
        #reservation_page #form_section .all_sec form .course_bx .select_common {
          display: flex; }
          @media only screen and (max-width: 992px) {
            #reservation_page #form_section .all_sec form .course_bx .select_common {
              justify-content: space-evenly; } }
          #reservation_page #form_section .all_sec form .course_bx .select_common .form-control {
            height: 40px;
            font-size: 13px;
            width: 140px;
            color: #646464;
            line-height: normal;
            border: none;
            border: 1px solid #c7ced4;
            outline: none;
            box-shadow: none;
            -webkit-appearance: none !important;
            appearance: none;
            -moz-appearance: none !important; }
            #reservation_page #form_section .all_sec form .course_bx .select_common .form-control.active {
              border-color: #00ae55; }
            #reservation_page #form_section .all_sec form .course_bx .select_common .form-control::placeholder {
              font-size: 14px;
              color: #9b9b9b; }
            #reservation_page #form_section .all_sec form .course_bx .select_common .form-control option {
              color: #242424; }
            #reservation_page #form_section .all_sec form .course_bx .select_common .form-control:first-child {
              margin-right: 10px; }
          #reservation_page #form_section .all_sec form .course_bx .select_common .selectpicker {
            background: url("../images/icons/down-arrow.png") no-repeat center right 10px;
            background-size: 10px; }
      #reservation_page #form_section .all_sec form .course_bx1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px; }
        @media only screen and (max-width: 576px) {
          #reservation_page #form_section .all_sec form .course_bx1 {
            padding: 0; } }
        #reservation_page #form_section .all_sec form .course_bx1 .chk_bx {
          display: flex; }
          #reservation_page #form_section .all_sec form .course_bx1 .chk_bx label {
            padding-left: 20px;
            font-size: 14px;
            font-weight: 400;
            text-transform: capitalize; }
            @media only screen and (max-width: 992px) {
              #reservation_page #form_section .all_sec form .course_bx1 .chk_bx label {
                line-height: 28px; } }
            #reservation_page #form_section .all_sec form .course_bx1 .chk_bx label a {
              margin-top: 10px;
              color: #05b058;
              text-decoration: underline;
              text-underline-position: below; }
      #reservation_page #form_section .all_sec form .sqr {
        margin: 50px auto; }
        #reservation_page #form_section .all_sec form .sqr .form-group .cap_sec {
          padding: 0 10px; }
          @media only screen and (max-width: 576px) {
            #reservation_page #form_section .all_sec form .sqr .form-group .cap_sec .capt_txt button {
              right: 15px; } }
        #reservation_page #form_section .all_sec form .sqr .form-group .form-control {
          padding: 5px 35px; }
          @media only screen and (max-width: 576px) {
            #reservation_page #form_section .all_sec form .sqr .form-group .form-control {
              padding: 5px; } }
        #reservation_page #form_section .all_sec form .sqr .form-group .form-control:disabled, #reservation_page #form_section .all_sec form .sqr .form-group .form-control[readonly] {
          background: transparent; }
          #reservation_page #form_section .all_sec form .sqr .form-group .form-control:disabled::placeholder, #reservation_page #form_section .all_sec form .sqr .form-group .form-control[readonly]::placeholder {
            color: #05b058; }
      #reservation_page #form_section .all_sec form .sqr1 {
        margin: 0 auto; }
        #reservation_page #form_section .all_sec form .sqr1 .form-group {
          text-align: center; }
        #reservation_page #form_section .all_sec form .sqr1 .submit {
          font-size: 18px;
          color: #ffffff;
          font-weight: 500;
          background-color: #05b058;
          box-shadow: none;
          border: none;
          outline: none;
          width: 210px;
          height: 60px;
          border-radius: 5px;
          cursor: pointer;
          text-transform: uppercase; }
          @media only screen and (max-width: 576px) {
            #reservation_page #form_section .all_sec form .sqr1 .submit {
              widows: 150px;
              height: 50px; } }
          #reservation_page #form_section .all_sec form .sqr1 .submit:focus {
            outline: none; }

/********************ONLINE-COURSE-LOGIN_PAGE*********************** */
#online-course-login_page #all_video .pdf_sec {
  border: none !important;
  background: rgba(0, 174, 85, 0.1); }
  #online-course-login_page #all_video .pdf_sec .bg_box {
    background: transparent; }
  #online-course-login_page #all_video .pdf_sec .video_box {
    margin: auto; }
    #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 15px; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid {
          grid-template-columns: 1fr 1fr; } }
      @media only screen and (max-width: 576px) {
        #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid {
          grid-template-columns: 1fr; } }
      #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx {
        display: flex;
        align-items: center;
        background: #fff;
        padding: 20px;
        transition: 0.3s ease-in-out; }
        #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx:hover {
          box-shadow: 10px 0px 59px 0px rgba(33, 48, 58, 0.1); }
        @media (max-width: 1200px) and (min-width: 992px) {
          #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx {
            margin-bottom: 15px; } }
        @media only screen and (max-width: 576px) {
          #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx {
            height: 60px; } }
        #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx .img_box {
          padding-right: 15px; }
        #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx p {
          font-size: 14px;
          color: #000000;
          font-weight: 400;
          line-height: 22px;
          margin-bottom: 0; }
          @media (max-width: 1280px) and (min-width: 1200px) {
            #online-course-login_page #all_video .pdf_sec .video_box .pdf_grid .pdf_bx p {
              font-size: 12px; } }
#online-course-login_page #all_video .fst_vid {
  border-bottom: none !important; }
#online-course-login_page #all_video #video_sec {
  padding: 75px 0;
  position: relative; }
  #online-course-login_page #all_video #video_sec:not(:last-of-type) {
    border-bottom: solid 1px rgba(23, 26, 24, 0.1); }
  @media only screen and (max-width: 768px) {
    #online-course-login_page #all_video #video_sec {
      padding: 45px 0; } }
  @media only screen and (max-width: 576px) {
    #online-course-login_page #all_video #video_sec {
      padding: 30px 0; } }
  #online-course-login_page #all_video #video_sec .top_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 55px; }
    @media only screen and (max-width: 992px) {
      #online-course-login_page #all_video #video_sec .top_title {
        display: block;
        margin-left: 0;
        justify-content: center; } }
    #online-course-login_page #all_video #video_sec .top_title .first_head {
      font-size: 40px;
      font-family: "Inter", sans-serif;
      color: #2f302f;
      text-transform: capitalize;
      font-weight: 600;
      font-family: "Playfair Display", serif;
      position: relative;
      padding-bottom: 20px; }
      #online-course-login_page #all_video #video_sec .top_title .first_head span {
        font-family: "Inter", sans-serif; }
      #online-course-login_page #all_video #video_sec .top_title .first_head::after {
        content: "";
        position: absolute;
        height: 9px;
        width: 52px;
        bottom: 0;
        left: 0;
        background: #00ae55; }
    #online-course-login_page #all_video #video_sec .top_title .sub_txt {
      font-size: 16px;
      background: #00ae55;
      padding: 25px 55px;
      text-align: center;
      color: #fff;
      font-weight: 400;
      line-height: 26px;
      position: relative; }
      @media only screen and (max-width: 992px) {
        #online-course-login_page #all_video #video_sec .top_title .sub_txt {
          display: flex;
          justify-content: center; } }
      @media only screen and (max-width: 576px) {
        #online-course-login_page #all_video #video_sec .top_title .sub_txt {
          display: block;
          text-align: center !important;
          padding: 15px 25px; } }
      #online-course-login_page #all_video #video_sec .top_title .sub_txt::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 22px solid transparent;
        border-top: 22px solid #00ae55;
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        margin: auto;
        transition: 0.5s ease-in-out; }
        @media only screen and (max-width: 992px) {
          #online-course-login_page #all_video #video_sec .top_title .sub_txt::after {
            display: none; } }
      #online-course-login_page #all_video #video_sec .top_title .sub_txt span {
        font-weight: 600;
        font-size: 24px;
        display: block; }
        @media only screen and (max-width: 992px) {
          #online-course-login_page #all_video #video_sec .top_title .sub_txt span {
            padding-left: 5px; } }
      #online-course-login_page #all_video #video_sec .top_title .sub_txt small {
        font-size: 18px; }
      @media only screen and (max-width: 992px) {
        #online-course-login_page #all_video #video_sec .top_title .sub_txt {
          text-align: right;
          margin-top: 15px; } }
    @media only screen and (max-width: 992px) {
      #online-course-login_page #all_video #video_sec .top_title {
        font-size: 36px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 768px) {
      #online-course-login_page #all_video #video_sec .top_title {
        font-size: 30px; } }
    @media only screen and (max-width: 576px) {
      #online-course-login_page #all_video #video_sec .top_title {
        font-size: 28px; } }
  @media only screen and (max-width: 992px) {
    #online-course-login_page #all_video #video_sec .video_box {
      order: 1; } }
  #online-course-login_page #all_video #video_sec .video_box .row .info_bx {
    display: block;
    margin-bottom: 30px;
    padding: 15px 15px 30px;
    border: solid 1px #eaeaea;
    border-radius: 5px;
    transition: 0.5s ease-in-out; }
    @media only screen and (min-width: 768px) {
      #online-course-login_page #all_video #video_sec .video_box .row .info_bx {
        min-height: 400px; } }
    #online-course-login_page #all_video #video_sec .video_box .row .info_bx:hover {
      box-shadow: 10px 0px 59px 0px rgba(33, 48, 58, 0.2); }
    #online-course-login_page #all_video #video_sec .video_box .row .info_bx .download_btn {
      background: #00ae55;
      padding: 15px 65px 15px 20px;
      margin-top: 30px !important;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
      position: relative;
      display: flex;
      align-items: center;
      width: fit-content;
      margin: auto; }
      #online-course-login_page #all_video #video_sec .video_box .row .info_bx .download_btn::after {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0;
        right: 15px;
        background-size: contain !important;
        margin: auto;
        background: url(../images/icons/download.png) no-repeat center;
        width: 40px;
        height: 28px;
        transition: ease-in-out all 0.3s; }
  #online-course-login_page #all_video #video_sec .video_box .row .item {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease-in-out;
    height: 250px;
    width: 100%;
    margin-bottom: 6px;
    margin-right: 20px; }
    #online-course-login_page #all_video #video_sec .video_box .row .item::after {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      bottom: 0;
      right: 0;
      background-size: contain;
      margin: auto;
      background: url(../images/icons/play1.png) no-repeat center;
      width: 120px;
      height: 120px;
      transition: ease-in-out all 0.3s; }
      @media only screen and (max-width: 576px) {
        #online-course-login_page #all_video #video_sec .video_box .row .item::after {
          background-size: 20%; } }
    #online-course-login_page #all_video #video_sec .video_box .row .item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(21, 18, 21, 0.6);
      width: 100%;
      height: 100%;
      transition: ease-in-out 0.3s;
      opacity: 0;
      visibility: hidden; }
    #online-course-login_page #all_video #video_sec .video_box .row .item:hover::before {
      opacity: 1;
      visibility: visible; }
  #online-course-login_page #all_video #video_sec .video_box .row p {
    margin-bottom: 0;
    margin-top: 20px; }
  @media only screen and (min-width: 992px) {
    #online-course-login_page #all_video #video_sec .txt_box {
      padding-left: 15px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 992px) {
    #online-course-login_page #all_video #video_sec .txt_box {
      order: 0;
      margin-bottom: 30px; } }
  #online-course-login_page #all_video #video_sec .txt_box .sec_head {
    margin-bottom: 30px; }
    @media only screen and (max-width: 992px) {
      #online-course-login_page #all_video #video_sec .txt_box .sec_head {
        margin-bottom: 25px; } }

/***********HEADER************ */
#dashboard_Header {
  width: 100%;
  z-index: 999;
  top: 0px;
  left: 0px;
  position: absolute;
  background-color: white;
  box-shadow: 0px 0px 50px 0px rgba(32, 35, 53, 0.15); }
  @media only screen and (max-width: 992px) {
    #dashboard_Header {
      background: white;
      position: static; } }
  #dashboard_Header .container {
    position: relative; }
  #dashboard_Header .row {
    align-items: center;
    justify-content: space-between;
    margin: 0px; }
    #dashboard_Header .row .log_out {
      display: none; }
    #dashboard_Header .row .logo_sec .logo {
      width: 210px; }
      @media (max-width: 1300px) and (min-width: 1200px) {
        #dashboard_Header .row .logo_sec .logo {
          width: 210px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #dashboard_Header .row .logo_sec .logo {
          max-width: 150px; } }
      @media (max-width: 992px) and (min-width: 468px) {
        #dashboard_Header .row .logo_sec .logo {
          max-width: 195px; } }
      @media only screen and (max-width: 468px) {
        #dashboard_Header .row .logo_sec .logo {
          max-width: 145px; } }
      @media only screen and (max-width: 992px) {
        #dashboard_Header .row .logo_sec .logo {
          padding: 5px 0;
          width: 165px; } }
      #dashboard_Header .row .logo_sec .logo svg {
        fill: #004b1c; }
        #dashboard_Header .row .logo_sec .logo svg .cls-1, #dashboard_Header .row .logo_sec .logo svg .cls-4 {
          stroke: #004b1c;
          fill: none;
          stroke-miterlimit: 2.61;
          stroke-width: 1.79px; }
        #dashboard_Header .row .logo_sec .logo svg .cls-2, #dashboard_Header .row .logo_sec .logo svg .cls-3 {
          fill-rule: evenodd; }
        @media only screen and (max-width: 992px) {
          #dashboard_Header .row .logo_sec .logo svg {
            fill: #ffffff; }
            #dashboard_Header .row .logo_sec .logo svg .cls-1 {
              stroke: #a5cd39; }
            #dashboard_Header .row .logo_sec .logo svg .cls-2 {
              fill: #005826; }
            #dashboard_Header .row .logo_sec .logo svg .cls-3, #dashboard_Header .row .logo_sec .logo svg .cls-5 {
              fill: #004b1c; }
            #dashboard_Header .row .logo_sec .logo svg .cls-4 {
              stroke: #00a551; } }
    #dashboard_Header .row .right_section {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #dashboard_Header .row .right_section .menu_box .navbar-nav li {
        padding-right: 35px;
        position: relative; }
        @media only screen and (max-width: 576px) {
          #dashboard_Header .row .right_section .menu_box .navbar-nav li {
            padding-right: 15px; } }
        #dashboard_Header .row .right_section .menu_box .navbar-nav li .link {
          text-transform: capitalize;
          padding: 43px 0;
          white-space: nowrap;
          font-size: 15px;
          color: #3d3c3c;
          font-weight: 400;
          transition: 0.3s; }
          @media only screen and (max-width: 768px) {
            #dashboard_Header .row .right_section .menu_box .navbar-nav li .link {
              padding: 30px 0; } }
          @media only screen and (max-width: 576px) {
            #dashboard_Header .row .right_section .menu_box .navbar-nav li .link {
              font-size: 0; } }
          #dashboard_Header .row .right_section .menu_box .navbar-nav li .link:hover {
            color: #00a551; }
      #dashboard_Header .row .right_section .menu_box .dropdown [data-toggle="dropdown"]::before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        right: 0;
        background: url("../images/icons/dropdown.png") no-repeat center;
        width: 15px;
        height: 15px;
        background-size: 12px; }
      #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu {
        background-color: white;
        border-radius: 0px;
        padding: 0px;
        margin: 0px;
        border: none;
        position: absolute;
        opacity: 0;
        transition: 0.3s ease-in-out;
        left: -88px !important;
        display: block;
        visibility: hidden;
        box-shadow: 9px 0 44px 0px rgba(0, 0, 0, 0.1); }
        @media only screen and (min-width: 992px) {
          #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu {
            min-width: 222px; } }
        @media only screen and (max-width: 576px) {
          #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu {
            left: -165px !important; } }
        #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li {
          padding: 15px 20px;
          display: flex;
          align-items: center;
          border-bottom: solid 1px #119f4a2e;
          transition: 0.5s; }
          #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li .icon {
            margin-right: 13px;
            min-width: 20px; }
            #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li .icon img {
              transition: 0.5s; }
          #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li a {
            font-size: 13px;
            font-weight: 400;
            padding: 0;
            white-space: nowrap;
            text-transform: capitalize;
            line-height: normal;
            color: #3d3c3c;
            transition: 0.5s; }
          #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li button {
            background: none;
            border: none;
            transition: 0.5s;
            outline: none;
            box-shadow: none;
            padding: 0;
            cursor: pointer; }
          #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li:hover, #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li.active {
            background: #00ae55; }
            #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li:hover .icon img, #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li.active .icon img {
              filter: invert(1) brightness(6.5); }
            #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li:hover a, #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li:hover button, #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li.active a, #dashboard_Header .row .right_section .menu_box .dropdown .dropdown-menu li.active button {
              color: #ffffff;
              background: transparent; }
      #dashboard_Header .row .right_section .menu_box .dropdown:hover .dropdown-menu {
        display: block;
        top: 100% !important;
        opacity: 1;
        transform: translate(0, 0px) !important;
        visibility: visible; }
      #dashboard_Header .row .right_section .box1 {
        display: flex;
        align-items: center;
        padding-right: 35px; }
        @media only screen and (max-width: 768px) {
          #dashboard_Header .row .right_section .box1 {
            padding-right: 0; } }
        #dashboard_Header .row .right_section .box1 .img_box {
          min-width: 30px;
          position: relative;
          margin-right: 13px; }
          #dashboard_Header .row .right_section .box1 .img_box .number {
            position: absolute;
            top: 4px;
            right: 4px;
            background: #00ae55;
            border-radius: 50%;
            font-size: 9px;
            color: #ffffff;
            font-weight: 600;
            height: 14px;
            width: 14px;
            display: flex;
            align-items: center;
            justify-content: center; }
      #dashboard_Header .row .right_section .box2 {
        display: flex;
        align-items: center;
        padding-left: 35px;
        border-left: solid 1px #e3e3e3;
        padding-right: 35px; }
        @media only screen and (max-width: 768px) {
          #dashboard_Header .row .right_section .box2 {
            padding-right: 0;
            padding-left: 20px;
            border-left: none; } }
        #dashboard_Header .row .right_section .box2 .img_box {
          padding-right: 18px; }
          #dashboard_Header .row .right_section .box2 .img_box .name {
            font-size: 15px;
            font-weight: 400;
            color: #ffffff;
            background: #00ae55;
            height: 43px;
            width: 43px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-transform: uppercase; }
            @media only screen and (max-width: 576px) {
              #dashboard_Header .row .right_section .box2 .img_box .name {
                height: 30px;
                width: 30px; } }
  #dashboard_Header.sticky {
    position: fixed;
    width: 100%;
    animation: ease-in-out;
    transition-delay: 0.5s;
    animation-name: fadeInDown;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    z-index: 9000;
    top: 0px;
    background: white; }
    @media only screen and (max-width: 576px) {
      #dashboard_Header.sticky .row .logo_sec {
        padding: 0; } }
    #dashboard_Header.sticky .row .logo_sec .logo {
      width: 185px; }
      #dashboard_Header.sticky .row .logo_sec .logo svg {
        fill: #ffffff; }
        #dashboard_Header.sticky .row .logo_sec .logo svg .cls-1 {
          stroke: #a5cd39; }
        #dashboard_Header.sticky .row .logo_sec .logo svg .cls-2 {
          fill: #005826; }
        #dashboard_Header.sticky .row .logo_sec .logo svg .cls-3, #dashboard_Header.sticky .row .logo_sec .logo svg .cls-5 {
          fill: #004b1c; }
        #dashboard_Header.sticky .row .logo_sec .logo svg .cls-4 {
          stroke: #00a551; }

/***********FOOTER************ */
#dashboard_footer {
  background: #12141a;
  padding: 0; }
  #dashboard_footer #top {
    padding: 60px 0 45px;
    border-bottom: solid 1px #ffffff10; }
    @media only screen and (max-width: 768px) {
      #dashboard_footer #top .fst_col {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 576px) {
      #dashboard_footer #top .fst_col {
        margin-bottom: 35px; } }
    @media only screen and (max-width: 768px) {
      #dashboard_footer #top .fst_col .img_box {
        max-width: 200px; } }
    #dashboard_footer #top .fst_col p {
      font-size: 15px;
      color: #ffffff;
      font-weight: 400;
      margin-bottom: 0; }
      @media only screen and (max-width: 992px) {
        #dashboard_footer #top .fst_col p {
          font-size: 13px; } }
      @media only screen and (max-width: 768px) {
        #dashboard_footer #top .fst_col p br {
          display: none; } }
    @media only screen and (min-width: 1360px) {
      #dashboard_footer #top .scnd_col {
        padding-left: 290px; } }
    @media only screen and (max-width: 768px) {
      #dashboard_footer #top .scnd_col {
        margin-bottom: 35px; } }
    #dashboard_footer #top .scnd_col .qck_cntct {
      padding-left: 60px;
      position: relative; }
      @media only screen and (min-width: 768px) {
        #dashboard_footer #top .scnd_col .qck_cntct {
          margin: auto;
          width: fit-content; } }
      #dashboard_footer #top .scnd_col .qck_cntct img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
        @media only screen and (max-width: 768px) {
          #dashboard_footer #top .scnd_col .qck_cntct img {
            max-width: 35px; } }
      #dashboard_footer #top .scnd_col .qck_cntct .title {
        font-size: 15px;
        color: #07ff80;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 10px; }
      #dashboard_footer #top .scnd_col .qck_cntct .phone {
        font-size: 30px;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 15px; }
        @media only screen and (max-width: 992px) {
          #dashboard_footer #top .scnd_col .qck_cntct .phone {
            font-size: 24px; } }
        @media only screen and (max-width: 576px) {
          #dashboard_footer #top .scnd_col .qck_cntct .phone {
            font-size: 22px;
            margin-bottom: 10px; } }
      #dashboard_footer #top .scnd_col .qck_cntct .mail {
        font-size: 16px;
        color: #ffffff;
        font-weight: 400; }
    #dashboard_footer #top .thrd_col .follow {
      width: fit-content; }
      @media only screen and (min-width: 768px) {
        #dashboard_footer #top .thrd_col .follow {
          margin: 0 0 0 auto; } }
      #dashboard_footer #top .thrd_col .follow .title {
        font-size: 15px;
        color: #07ff80;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 15px; }
      #dashboard_footer #top .thrd_col .follow .social {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #dashboard_footer #top .thrd_col .follow .social li:not(:last-of-type) {
          margin-right: 25px; }
        #dashboard_footer #top .thrd_col .follow .social a {
          font-size: 20px;
          color: white;
          transition: 0.4s ease-in-out; }
          #dashboard_footer #top .thrd_col .follow .social a:hover {
            color: #07ff80; }
  #dashboard_footer #bottom {
    padding: 40px 0; }
    #dashboard_footer #bottom .bottom_box {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media only screen and (max-width: 650px) {
        #dashboard_footer #bottom .bottom_box {
          display: block; } }
      #dashboard_footer #bottom .bottom_box .powrd {
        font-size: 14px;
        color: #58595f;
        font-weight: 400; }
        @media only screen and (max-width: 650px) {
          #dashboard_footer #bottom .bottom_box .powrd {
            margin-bottom: 30px; } }
        #dashboard_footer #bottom .bottom_box .powrd a {
          display: flex;
          align-items: flex-start;
          font-size: 14px;
          color: #58595f;
          font-weight: 400;
          margin-top: 10px; }
          #dashboard_footer #bottom .bottom_box .powrd a img {
            max-width: 100px;
            margin-right: 7px;
            transition: 0.4s ease-in-out; }
        #dashboard_footer #bottom .bottom_box .powrd:hover img {
          filter: brightness(2.5); }
      #dashboard_footer #bottom .bottom_box ul {
        display: flex; }
        #dashboard_footer #bottom .bottom_box ul li {
          padding-right: 10px;
          margin-right: 7px;
          position: relative; }
          #dashboard_footer #bottom .bottom_box ul li:last-child {
            padding-right: 0;
            margin-right: 0; }
          #dashboard_footer #bottom .bottom_box ul li:not(:last-of-type)::after {
            content: "/";
            position: absolute;
            right: 0px;
            top: 0px;
            display: inline-block;
            font-size: 15px;
            color: #ffffff; }
          #dashboard_footer #bottom .bottom_box ul li a {
            font-size: 15px;
            color: #ffffff;
            font-weight: 400;
            transition: 0.5s ease-in-out; }
          #dashboard_footer #bottom .bottom_box ul li:hover a {
            color: #07ff80; }

/*************************** home page **************************** */
@media only screen and (min-width: 992px) {
  #fst_sec {
    background: rgba(0, 174, 85, 0.2); } }
#fst_sec .outer_box {
  display: flex;
  align-items: center; }
  #fst_sec .outer_box .name_box {
    display: flex;
    align-items: center;
    position: relative;
    background: #00ae55;
    padding: 45px 0; }
    @media only screen and (min-width: 1300px) {
      #fst_sec .outer_box .name_box {
        padding-right: 80px;
        width: 430px; } }
    @media only screen and (max-width: 1300px) {
      #fst_sec .outer_box .name_box {
        padding: 30px 20px; } }
    @media only screen and (min-width: 992px) {
      #fst_sec .outer_box .name_box::before {
        content: "";
        position: absolute;
        left: -100%;
        top: 0;
        background: #00ae55;
        width: 100%;
        height: 100%; } }
    #fst_sec .outer_box .name_box .img_box {
      width: 80px;
      height: 80px;
      background: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 25px;
      min-width: 80px;
      overflow: hidden; }
      @media only screen and (max-width: 1300px) {
        #fst_sec .outer_box .name_box .img_box {
          width: 60px;
          height: 60px;
          min-width: 60px; } }
      #fst_sec .outer_box .name_box .img_box .thump {
        font-size: 24px;
        font-weight: bold;
        color: #00ae55;
        text-transform: uppercase; }
        @media only screen and (max-width: 1300px) {
          #fst_sec .outer_box .name_box .img_box .thump {
            font-size: 20px; } }
      #fst_sec .outer_box .name_box .img_box img {
        max-width: 50px; }
    #fst_sec .outer_box .name_box .txt_box .sub_head {
      font-size: 14px;
      font-family: "Inter", sans-serif;
      color: #ffffff;
      font-weight: 500;
      margin-bottom: 18px; }
    #fst_sec .outer_box .name_box .txt_box .name {
      font-weight: bold;
      font-size: 22px;
      line-height: 28px;
      color: #ffffff; }
      @media only screen and (max-width: 1300px) {
        #fst_sec .outer_box .name_box .txt_box .name {
          font-size: 18px; } }
  #fst_sec .outer_box .course_box {
    display: flex;
    align-items: center;
    padding-left: 35px; }
    @media only screen and (min-width: 1300px) {
      #fst_sec .outer_box .course_box {
        width: calc( 100% - 430px ); } }
    @media only screen and (max-width: 1300px) {
      #fst_sec .outer_box .course_box {
        padding-left: 20px; } }
    @media only screen and (max-width: 992px) {
      #fst_sec .outer_box .course_box {
        justify-content: space-between; } }
    @media only screen and (max-width: 768px) {
      #fst_sec .outer_box .course_box {
        display: block; } }
    #fst_sec .outer_box .course_box .cmn_bx, #fst_sec .outer_box .course_box .slct_course {
      border-radius: 5px;
      background-color: white;
      padding: 20px;
      display: flex;
      align-items: center;
      margin-right: 14px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        #fst_sec .outer_box .course_box .cmn_bx, #fst_sec .outer_box .course_box .slct_course {
          text-align: left; } }
      @media only screen and (min-width: 992px) {
        #fst_sec .outer_box .course_box .cmn_bx, #fst_sec .outer_box .course_box .slct_course {
          min-height: 120px; } }
      @media only screen and (max-width: 576px) {
        #fst_sec .outer_box .course_box .cmn_bx, #fst_sec .outer_box .course_box .slct_course {
          padding: 20px 0 10px; } }
      #fst_sec .outer_box .course_box .cmn_bx .form-group, #fst_sec .outer_box .course_box .slct_course .form-group {
        width: 100%;
        margin-bottom: 0; }
        #fst_sec .outer_box .course_box .cmn_bx .form-group label, #fst_sec .outer_box .course_box .slct_course .form-group label {
          font-size: 14px;
          color: #1d2432;
          font-weight: 400;
          text-transform: capitalize;
          margin-bottom: 13px; }
      #fst_sec .outer_box .course_box .cmn_bx .cmn, #fst_sec .outer_box .course_box .slct_course .cmn {
        width: 100%;
        text-align: left; }
      #fst_sec .outer_box .course_box .cmn_bx .title, #fst_sec .outer_box .course_box .slct_course .title {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px;
        display: flex;
        color: #000000;
        position: relative;
        padding-left: 25px; }
        #fst_sec .outer_box .course_box .cmn_bx .title::after, #fst_sec .outer_box .course_box .slct_course .title::after {
          content: "";
          position: absolute;
          left: 0;
          background: url(../images/icons/tick.png) center no-repeat;
          background-size: 12px;
          width: 15px;
          height: 15px; }
        #fst_sec .outer_box .course_box .cmn_bx .title span, #fst_sec .outer_box .course_box .slct_course .title span {
          min-width: 180px;
          color: #000000;
          position: relative; }
          @media (min-width: 992px) and (max-width: 1200px) {
            #fst_sec .outer_box .course_box .cmn_bx .title span, #fst_sec .outer_box .course_box .slct_course .title span {
              min-width: 150px !important; } }
          #fst_sec .outer_box .course_box .cmn_bx .title span::after, #fst_sec .outer_box .course_box .slct_course .title span::after {
            content: ":";
            position: absolute;
            right: 0;
            color: #000000;
            font-size: 14px;
            padding-right: 10px; }
        #fst_sec .outer_box .course_box .cmn_bx .title strong, #fst_sec .outer_box .course_box .slct_course .title strong {
          font-weight: 500 !important;
          color: #838383; }
      #fst_sec .outer_box .course_box .cmn_bx p, #fst_sec .outer_box .course_box .slct_course p {
        font-size: 16px;
        color: #1d2432;
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 0; }
      #fst_sec .outer_box .course_box .cmn_bx .txt, #fst_sec .outer_box .course_box .slct_course .txt {
        font-size: 20px;
        font-weight: 500;
        color: #1d2432;
        white-space: nowrap; }
        @media only screen and (max-width: 1300px) {
          #fst_sec .outer_box .course_box .cmn_bx .txt, #fst_sec .outer_box .course_box .slct_course .txt {
            font-size: 18px; } }
      #fst_sec .outer_box .course_box .cmn_bx .period, #fst_sec .outer_box .course_box .slct_course .period {
        margin-top: 10px;
        font-size: 13px;
        font-weight: 500;
        color: #0d914e; }
      #fst_sec .outer_box .course_box .cmn_bx .m_box, #fst_sec .outer_box .course_box .slct_course .m_box {
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media only screen and (max-width: 768px) {
          #fst_sec .outer_box .course_box .cmn_bx .m_box, #fst_sec .outer_box .course_box .slct_course .m_box {
            justify-content: left; } }
        #fst_sec .outer_box .course_box .cmn_bx .m_box .d_mod, #fst_sec .outer_box .course_box .slct_course .m_box .d_mod {
          font-size: 13px;
          font-weight: 500;
          color: #0d914e; }
          @media only screen and (max-width: 768px) {
            #fst_sec .outer_box .course_box .cmn_bx .m_box .d_mod, #fst_sec .outer_box .course_box .slct_course .m_box .d_mod {
              padding-right: 30px; } }
          #fst_sec .outer_box .course_box .cmn_bx .m_box .d_mod span, #fst_sec .outer_box .course_box .slct_course .m_box .d_mod span {
            margin-top: 5px;
            display: block;
            color: #000000;
            font-weight: bold; }
    #fst_sec .outer_box .course_box .slct_course {
      text-align: left; }
      @media only screen and (min-width: 1300px) {
        #fst_sec .outer_box .course_box .slct_course {
          min-width: 393px !important; } }
      @media (min-width: 992px) and (max-width: 1200px) {
        #fst_sec .outer_box .course_box .slct_course {
          min-width: 300px !important; } }
      @media only screen and (min-width: 768px) {
        #fst_sec .outer_box .course_box .slct_course {
          min-width: 330px; } }
    #fst_sec .outer_box .course_box .cmn_bx {
      padding: 20px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%; }
      @media only screen and (min-width: 1300px) {
        #fst_sec .outer_box .course_box .cmn_bx {
          min-width: calc( 100% - 393px );
          padding: 17px 30px; } }
      @media only screen and (max-width: 576px) {
        #fst_sec .outer_box .course_box .cmn_bx {
          padding: 20px 0 10px; } }
      #fst_sec .outer_box .course_box .cmn_bx:last-child {
        margin-right: 0; }

#d_home_page .cmn_btn {
  background: #00ae55;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  min-width: 270px;
  width: fit-content;
  margin: auto;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 45px;
  position: relative;
  margin-top: 40px; }
  @media only screen and (max-width: 576px) {
    #d_home_page .cmn_btn {
      margin-top: 0;
      height: 50px;
      font-size: 18px; } }
  #d_home_page .cmn_btn::after {
    content: "";
    position: absolute;
    background: url(../images/icons/arrow.png) no-repeat center;
    width: 30px;
    height: 20px;
    right: 40px;
    top: 0;
    bottom: 0;
    transition: 0.5s ease-in-out;
    margin: auto; }
  #d_home_page .cmn_btn:hover::after {
    right: 30px; }
#d_home_page #module_sec {
  background: #f0f0f0;
  overflow: hidden; }
  @media only screen and (min-width: 992px) {
    #d_home_page #module_sec .module_slide {
      margin: 0 -5px; } }
  #d_home_page #module_sec .module_slide .slide-nxt {
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    outline: none;
    border: none;
    background: none;
    z-index: 20; }
  #d_home_page #module_sec .module_slide .item {
    padding: 35px 0 60px; }
    @media only screen and (max-width: 576px) {
      #d_home_page #module_sec .module_slide .item {
        padding: 25px 0; } }
    #d_home_page #module_sec .module_slide .item .module_box {
      text-align: center;
      padding: 20px 15px;
      position: relative;
      min-height: 87px;
      margin: 0 5px;
      border-radius: 3px;
      overflow: hidden;
      background-color: white; }
      #d_home_page #module_sec .module_slide .item .module_box::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 0;
        background: #00ae55;
        bottom: 0;
        left: 0;
        transition: 0.5s ease-in-out; }
      #d_home_page #module_sec .module_slide .item .module_box:hover::after, #d_home_page #module_sec .module_slide .item .module_box.active::after {
        width: 100%; }
      #d_home_page #module_sec .module_slide .item .module_box .number {
        font-size: 26px;
        color: #00ae55;
        font-weight: bold;
        margin-bottom: 10px; }
        @media only screen and (max-width: 576px) {
          #d_home_page #module_sec .module_slide .item .module_box .number {
            font-size: 22px; } }
      #d_home_page #module_sec .module_slide .item .module_box .title {
        font-size: 14px;
        font-weight: 600;
        color: #141414;
        text-transform: uppercase; }
      #d_home_page #module_sec .module_slide .item .module_box.not-active {
        box-shadow: none; }
        #d_home_page #module_sec .module_slide .item .module_box.not-active .number {
          color: #d7d7d7; }
        #d_home_page #module_sec .module_slide .item .module_box.not-active .title {
          color: #d7d7d7; }
        #d_home_page #module_sec .module_slide .item .module_box.not-active::after {
          display: none; }
  #d_home_page #module_sec .scnd_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px; }
    @media only screen and (max-width: 768px) {
      #d_home_page #module_sec .scnd_box {
        display: block; } }
    #d_home_page #module_sec .scnd_box .head {
      font-size: 36px;
      color: #00ae55;
      font-weight: 600;
      text-transform: uppercase; }
      @media only screen and (max-width: 992px) {
        #d_home_page #module_sec .scnd_box .head {
          font-size: 32px; } }
      @media only screen and (max-width: 992px) {
        #d_home_page #module_sec .scnd_box .head {
          font-size: 28px; } }
      @media only screen and (max-width: 992px) {
        #d_home_page #module_sec .scnd_box .head {
          font-size: 24px;
          margin-bottom: 15px; } }
    @media only screen and (min-width: 576px) {
      #d_home_page #module_sec .scnd_box .flex_box {
        display: flex;
        align-items: center;
        justify-content: space-between; } }
    #d_home_page #module_sec .scnd_box .info_box {
      background: #00ae55;
      padding: 20px 30px; }
      @media only screen and (min-width: 576px) {
        #d_home_page #module_sec .scnd_box .info_box {
          margin-right: 15px; } }
      @media only screen and (max-width: 576px) {
        #d_home_page #module_sec .scnd_box .info_box {
          margin-bottom: 15px; } }
      #d_home_page #module_sec .scnd_box .info_box .txt_box {
        position: relative;
        padding-left: 50px; }
        #d_home_page #module_sec .scnd_box .info_box .txt_box img {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto; }
        #d_home_page #module_sec .scnd_box .info_box .txt_box .sub_head {
          font-size: 14px;
          color: #ffffff;
          letter-spacing: 1px;
          font-weight: 400;
          margin-bottom: 7px; }
        #d_home_page #module_sec .scnd_box .info_box .txt_box .main_title {
          font-size: 18px;
          font-weight: bold;
          color: #ffffff;
          text-transform: uppercase; }
          @media only screen and (max-width: 768px) {
            #d_home_page #module_sec .scnd_box .info_box .txt_box .main_title {
              font-size: 16px; } }
          @media only screen and (max-width: 576px) {
            #d_home_page #module_sec .scnd_box .info_box .txt_box .main_title {
              font-size: 16px; } }
    #d_home_page #module_sec .scnd_box .prev_videos {
      font-size: 14px;
      font-weight: 400;
      text-transform: capitalize;
      line-height: 19px;
      padding: 19px 25px;
      min-height: 78px;
      padding-left: 65px;
      align-items: center;
      justify-content: center;
      background: #00ae55;
      color: #ffffff;
      position: relative;
      transition: 0.5s ease-in-out; }
      #d_home_page #module_sec .scnd_box .prev_videos:hover {
        background: #000000; }
      @media only screen and (max-width: 768px) {
        #d_home_page #module_sec .scnd_box .prev_videos {
          font-size: 14px; } }
      #d_home_page #module_sec .scnd_box .prev_videos img {
        position: absolute;
        left: 20px;
        max-width: 35px; }
#d_home_page #video_sec {
  padding: 75px 0;
  position: relative; }
  @media only screen and (max-width: 768px) {
    #d_home_page #video_sec {
      padding: 45px 0; } }
  @media only screen and (max-width: 576px) {
    #d_home_page #video_sec {
      padding: 30px 0; } }
  #d_home_page #video_sec .txt_box {
    padding-right: 60px; }
  #d_home_page #video_sec .sec_head {
    margin-bottom: 50px; }
    #d_home_page #video_sec .sec_head .head {
      margin-bottom: 25px; }
  @media only screen and (max-width: 992px) {
    #d_home_page #video_sec .video_box {
      order: 1; } }
  #d_home_page #video_sec .video_box .row .info_bx {
    display: block;
    margin-bottom: 30px;
    border: solid 1px #eaeaea;
    border-radius: 5px;
    transition: 0.5s ease-in-out;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 0px 80px 0px rgba(32, 35, 53, 0.15);
    overflow: hidden; }
    #d_home_page #video_sec .video_box .row .info_bx .download_btn {
      padding-left: 45px;
      margin-top: 30px !important;
      color: #00ae55;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase;
      position: relative;
      display: flex;
      align-items: center; }
      #d_home_page #video_sec .video_box .row .info_bx .download_btn::after {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        background-size: contain !important;
        margin: auto;
        background: url(../images/icons/dwnld.png) no-repeat center;
        width: 40px;
        height: 28px;
        transition: ease-in-out all 0.3s; }
      #d_home_page #video_sec .video_box .row .info_bx .download_btn:hover::after {
        animation: bounceY 1500ms ease-in-out infinite; }
    #d_home_page #video_sec .video_box .row .info_bx .txt_sec {
      padding: 20px 15px 30px; }
      #d_home_page #video_sec .video_box .row .info_bx .txt_sec .top_box {
        margin-bottom: 10px;
        align-items: center;
        justify-content: space-between; }
        #d_home_page #video_sec .video_box .row .info_bx .txt_sec .top_box .head {
          font-size: 16px;
          font-weight: bold;
          color: #00ae55;
          margin-bottom: 10px; }
        #d_home_page #video_sec .video_box .row .info_bx .txt_sec .top_box .duration {
          font-size: 12px;
          color: #7a7979;
          font-style: italic;
          font-weight: 400; }
          #d_home_page #video_sec .video_box .row .info_bx .txt_sec .top_box .duration span {
            color: #000000; }
  #d_home_page #video_sec .video_box .row .item {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease-in-out;
    height: 205px;
    width: 100%;
    margin-bottom: 6px;
    margin-right: 20px; }
    #d_home_page #video_sec .video_box .row .item::after {
      content: "";
      position: absolute;
      left: 0px;
      top: 0px;
      bottom: 0;
      right: 0;
      background-size: contain;
      margin: auto;
      background: url(../images/icons/play1.png) no-repeat center;
      width: 120px;
      height: 120px;
      transition: ease-in-out all 0.3s; }
      @media only screen and (max-width: 576px) {
        #d_home_page #video_sec .video_box .row .item::after {
          background-size: 20%; } }
    #d_home_page #video_sec .video_box .row .item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(21, 18, 21, 0.6);
      width: 100%;
      height: 100%;
      transition: ease-in-out 0.3s;
      opacity: 0;
      visibility: hidden; }
    #d_home_page #video_sec .video_box .row .item:hover::before {
      opacity: 1;
      visibility: visible; }
  #d_home_page #video_sec .video_box .row p {
    margin-bottom: 0;
    font-size: 12px;
    color: #717171;
    font-weight: 400;
    line-height: 20px; }
#d_home_page .pdf_sec {
  border: none !important;
  background: rgba(0, 174, 85, 0.1); }
  #d_home_page .pdf_sec .sec_head {
    margin-bottom: 25px !important; }
  #d_home_page .pdf_sec .bg_box {
    background: transparent; }
  #d_home_page .pdf_sec .video_box {
    margin: auto; }
    #d_home_page .pdf_sec .video_box .pdf_grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 15px; }
      @media (max-width: 1200px) and (min-width: 992px) {
        #d_home_page .pdf_sec .video_box .pdf_grid {
          grid-template-columns: 1fr 1fr; } }
      @media only screen and (max-width: 576px) {
        #d_home_page .pdf_sec .video_box .pdf_grid {
          grid-template-columns: 1fr; } }
      #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx {
        display: flex;
        align-items: center;
        background: #fff;
        padding: 20px;
        transition: 0.3s ease-in-out; }
        #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx:hover {
          box-shadow: 10px 0px 59px 0px rgba(33, 48, 58, 0.1); }
        @media (max-width: 1200px) and (min-width: 992px) {
          #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx {
            margin-bottom: 15px; } }
        @media only screen and (max-width: 576px) {
          #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx {
            height: 60px; } }
        #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx .img_box {
          padding-right: 15px; }
          #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx .img_box img {
            max-width: 40px; }
        #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx p {
          font-size: 14px;
          color: #000000;
          font-weight: 400;
          line-height: 22px;
          margin-bottom: 0; }
          @media (max-width: 1280px) and (min-width: 1200px) {
            #d_home_page .pdf_sec .video_box .pdf_grid .pdf_bx p {
              font-size: 12px; } }
#d_home_page .scnd_vid .row {
  justify-content: center; }
#d_home_page .scnd_vid .video_box .info_bx .item {
  height: 325px !important; }
  @media only screen and (max-width: 576px) {
    #d_home_page .scnd_vid .video_box .info_bx .item {
      height: 250px !important; } }
#d_home_page .scnd_vid .video_box .info_bx .txt_sec {
  padding: 35px !important; }
  #d_home_page .scnd_vid .video_box .info_bx .txt_sec .head {
    font-size: 20px !important;
    color: #181818 !important; }

/*************************** practice page **************************** */
#d_practice_page #practice_sec {
  padding: 85px 0;
  background: #f0f0f0; }
  @media only screen and (max-width: 992px) {
    #d_practice_page #practice_sec {
      padding: 60px 0; } }
  @media only screen and (max-width: 768px) {
    #d_practice_page #practice_sec {
      padding: 40px 0; } }
  @media only screen and (max-width: 576px) {
    #d_practice_page #practice_sec {
      padding: 30px 0; } }
  #d_practice_page #practice_sec .head_sec {
    margin-bottom: 50px; }
    @media only screen and (max-width: 768px) {
      #d_practice_page #practice_sec .head_sec {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 576px) {
      #d_practice_page #practice_sec .head_sec {
        margin-bottom: 25px; } }
    #d_practice_page #practice_sec .head_sec .head {
      font-size: 36px;
      color: #3f403f;
      font-weight: 400;
      text-transform: uppercase;
      margin-bottom: 22px; }
      @media only screen and (max-width: 992px) {
        #d_practice_page #practice_sec .head_sec .head {
          font-size: 32px; } }
      @media only screen and (max-width: 768px) {
        #d_practice_page #practice_sec .head_sec .head {
          font-size: 28px; } }
      @media only screen and (max-width: 576px) {
        #d_practice_page #practice_sec .head_sec .head {
          font-size: 24px; } }
      #d_practice_page #practice_sec .head_sec .head span {
        color: #00ae55; }
    #d_practice_page #practice_sec .head_sec p {
      font-size: 16px;
      color: #505050;
      margin-bottom: 0; }
  #d_practice_page #practice_sec .qstn_sec {
    background: #ffffff;
    padding: 28px 45px 60px; }
    @media only screen and (max-width: 768px) {
      #d_practice_page #practice_sec .qstn_sec {
        padding: 28px 45px 30px; } }
    @media only screen and (max-width: 576px) {
      #d_practice_page #practice_sec .qstn_sec {
        padding: 28px 15px 30px; } }
    #d_practice_page #practice_sec .qstn_sec .qstn_box {
      padding: 30px 0;
      border-bottom: solid 1px #d8e2dd; }
      @media only screen and (max-width: 576px) {
        #d_practice_page #practice_sec .qstn_sec .qstn_box {
          padding: 15px 0; } }
      #d_practice_page #practice_sec .qstn_sec .qstn_box.txt_area_sec {
        border-bottom: none !important;
        padding-bottom: 0 !important; }
      #d_practice_page #practice_sec .qstn_sec .qstn_box .submit {
        font-size: 20px;
        text-transform: uppercase;
        color: #ffffff;
        background: #00ae55;
        min-width: 270px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content; }
        @media only screen and (max-width: 768px) {
          #d_practice_page #practice_sec .qstn_sec .qstn_box .submit {
            min-width: 200px;
            height: 40px;
            font-size: 16px; } }
    #d_practice_page #practice_sec .qstn_sec p {
      font-size: 16px;
      color: #000000;
      font-weight: 400;
      margin-bottom: 0; }
      #d_practice_page #practice_sec .qstn_sec p span {
        color: #0b9d52;
        font-weight: 600; }
    #d_practice_page #practice_sec .qstn_sec .txt_area {
      display: flex !important; }
    #d_practice_page #practice_sec .qstn_sec .chk_box_sec {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      padding-top: 30px; }
      @media only screen and (max-width: 992px) {
        #d_practice_page #practice_sec .qstn_sec .chk_box_sec {
          grid-template-columns: repeat(2, 1fr); } }
      @media only screen and (max-width: 576px) {
        #d_practice_page #practice_sec .qstn_sec .chk_box_sec {
          grid-template-columns: 1fr;
          padding-top: 15px; } }
      #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx {
        display: flex;
        align-items: center;
        width: 100%; }
        @media only screen and (max-width: 992px) {
          #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx {
            margin-bottom: 20px; } }
        @media only screen and (max-width: 576px) {
          #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx {
            align-items: normal;
            margin-bottom: 10px; } }
        #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx span {
          position: absolute;
          border: 2px solid #d8d8d8;
          background-color: white;
          width: 23px;
          height: 23px;
          z-index: 0; }
        #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx input[type=radio] {
          width: 23px !important;
          height: 23px !important;
          position: relative;
          z-index: 1;
          opacity: 0; }
          @media only screen and (max-width: 576px) {
            #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx input[type=radio] {
              margin-top: 5px; } }
          #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx input[type=radio]::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            display: inline-block;
            border: 2px solid #d8d8d8;
            background-color: white;
            width: 23px;
            visibility: visible;
            height: 23px; }
          #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx input[type=radio]::after {
            content: "";
            visibility: visible;
            background: url("../images/icons/checkmark.png") no-repeat center;
            display: inline-block;
            width: 23px;
            height: 23px;
            position: absolute;
            left: 0;
            top: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            color: #00ae55;
            opacity: 0;
            visibility: hidden;
            transition: ease-in-out all 0.3s; }
          #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx input[type=radio]:checked::after {
            opacity: 1;
            visibility: visible; }
          #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx input[type=radio]:checked ~ span {
            background: url("../images/icons/checkmark.png") no-repeat center; }
        #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx label {
          padding-left: 20px;
          font-size: 14px;
          font-weight: 400;
          color: #434343; }
          @media only screen and (max-width: 992px) {
            #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx label {
              line-height: 28px;
              font-size: 13px; } }
          @media only screen and (max-width: 576px) {
            #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx label {
              line-height: 20px;
              font-size: 12px; } }
        #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx .form-control {
          border: solid 2px #e9e9e9;
          border-radius: 0;
          min-height: 75px; }
          @media only screen and (max-width: 576px) {
            #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx .form-control {
              min-height: 40px; } }
          #d_practice_page #practice_sec .qstn_sec .chk_box_sec .chk_bx .form-control:focus {
            box-shadow: none;
            outline: none; }

/*************************** profile page **************************** */
#d_profile_page #menu_sec {
  background: rgba(0, 174, 85, 0.1);
  padding: 70px 0; }
  @media only screen and (max-width: 576px) {
    #d_profile_page #menu_sec {
      padding: 30px 0; } }
  @media only screen and (min-width: 1200px) {
    #d_profile_page #menu_sec .outer_div {
      padding: 0 50px; } }
  #d_profile_page #menu_sec .menu_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 35px; }
    @media only screen and (max-width: 992px) {
      #d_profile_page #menu_sec .menu_box {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5px; } }
    @media only screen and (max-width: 576px) {
      #d_profile_page #menu_sec .menu_box {
        grid-template-columns: 1fr;
        grid-gap: 5px; } }
    #d_profile_page #menu_sec .menu_box .tabs ul {
      padding-left: 20px;
      display: flex;
      background: #00ae55;
      justify-content: flex-end;
      width: fit-content;
      margin: 0 0 0 auto; }
      #d_profile_page #menu_sec .menu_box .tabs ul li a {
        padding: 15px 35px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        position: relative; }
        #d_profile_page #menu_sec .menu_box .tabs ul li a::before {
          content: "";
          position: absolute;
          width: 20px;
          height: 15px;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          background: url("../images/icons/back.png") no-repeat center; }
        #d_profile_page #menu_sec .menu_box .tabs ul li a.active {
          background: #000000; }
    #d_profile_page #menu_sec .menu_box .div_bx {
      margin: auto;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 50px;
      background: #dbeae3;
      border-right: solid 1px #cedad4;
      border-bottom: solid 1px #cedad4;
      transition: 0.3s ease-in-out; }
      #d_profile_page #menu_sec .menu_box .div_bx:last-child {
        border-right: none; }
      #d_profile_page #menu_sec .menu_box .div_bx:nth-of-type(even) {
        border-right: none; }
      #d_profile_page #menu_sec .menu_box .div_bx .title {
        position: relative;
        padding-left: 40px;
        font-size: 14px;
        color: #87958e;
        font-weight: 400; }
        #d_profile_page #menu_sec .menu_box .div_bx .title img {
          left: 0;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto; }
          #d_profile_page #menu_sec .menu_box .div_bx .title img.active {
            visibility: hidden; }
      #d_profile_page #menu_sec .menu_box .div_bx:hover {
        background: #fff; }
      #d_profile_page #menu_sec .menu_box .div_bx.active {
        background: #fff; }
        #d_profile_page #menu_sec .menu_box .div_bx.active .title {
          color: #3d3c3c; }
          #d_profile_page #menu_sec .menu_box .div_bx.active .title img.active {
            visibility: visible; }
          #d_profile_page #menu_sec .menu_box .div_bx.active .title img.not-active {
            visibility: hidden; }
      #d_profile_page #menu_sec .menu_box .div_bx.not-active .title img.not-active {
        visibility: hidden; }
  @media only screen and (min-width: 992px) {
    #d_profile_page #menu_sec #sec_div {
      display: flex; } }
  #d_profile_page #menu_sec #sec_div .name_sec {
    width: 305px;
    height: 270px;
    background: #00ae55;
    padding: 45px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    margin-right: 35px; }
    @media only screen and (max-width: 1200px) {
      #d_profile_page #menu_sec #sec_div .name_sec {
        width: 255px;
        height: 235px;
        padding: 30px; } }
    @media only screen and (max-width: 992px) {
      #d_profile_page #menu_sec #sec_div .name_sec {
        width: 100%;
        height: auto; } }
    #d_profile_page #menu_sec #sec_div .name_sec .cntnt {
      text-align: center; }
    #d_profile_page #menu_sec #sec_div .name_sec .thump {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: bold;
      color: #00ae55;
      text-transform: uppercase;
      margin: auto;
      overflow: hidden;
      margin-bottom: 13px !important; }
    #d_profile_page #menu_sec #sec_div .name_sec .sub_head {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
      font-family: "Playfair Display", serif;
      margin-bottom: 13px; }
    #d_profile_page #menu_sec #sec_div .name_sec .name {
      font-size: 20px;
      font-weight: bold;
      color: #ffffff;
      line-height: 22px; }
      @media only screen and (max-width: 1200px) {
        #d_profile_page #menu_sec #sec_div .name_sec .name {
          font-size: 16px; } }
  #d_profile_page #menu_sec #sec_div .form_sec {
    padding: 48px 43px 75px;
    background: #ffffff;
    border-radius: 3px;
    width: 100%; }
    @media only screen and (max-width: 992px) {
      #d_profile_page #menu_sec #sec_div .form_sec {
        width: 100%; } }
    @media only screen and (max-width: 576px) {
      #d_profile_page #menu_sec #sec_div .form_sec {
        padding: 30px 15px; } }
    #d_profile_page #menu_sec #sec_div .form_sec .head {
      font-size: 26px;
      color: #1b1919;
      font-weight: 600;
      margin-bottom: 35px; }
    #d_profile_page #menu_sec #sec_div .form_sec .select_box {
      width: 50%;
      margin: auto;
      margin-bottom: 30px;
      text-align: center; }
      #d_profile_page #menu_sec #sec_div .form_sec .select_box label {
        margin-bottom: 10px;
        font-size: 20px;
        color: #1d2432;
        font-weight: 400;
        text-transform: capitalize; }
    #d_profile_page #menu_sec #sec_div .form_sec .select2-container {
      margin: auto;
      display: block; }
    #d_profile_page #menu_sec #sec_div .form_sec .select2-container--default .select2-selection--single {
      min-height: 50px; }
    #d_profile_page #menu_sec #sec_div .form_sec form .image-upload .form-group {
      margin-bottom: 0; }
      #d_profile_page #menu_sec #sec_div .form_sec form .image-upload .form-group label {
        position: unset;
        display: block;
        margin-bottom: 10px; }
    #d_profile_page #menu_sec #sec_div .form_sec form .form-group {
      margin-bottom: 20px; }
      @media only screen and (max-width: 576px) {
        #d_profile_page #menu_sec #sec_div .form_sec form .form-group {
          margin-bottom: 10px; } }
      #d_profile_page #menu_sec #sec_div .form_sec form .form-group .form-control {
        min-height: 55px;
        border: solid 2px #d2e5dc;
        border-radius: 3px;
        font-size: 15px;
        color: #363636;
        font-weight: 400; }
        @media only screen and (max-width: 576px) {
          #d_profile_page #menu_sec #sec_div .form_sec form .form-group .form-control {
            min-height: 40px; } }
        #d_profile_page #menu_sec #sec_div .form_sec form .form-group .form-control:focus {
          outline: none;
          box-shadow: none; }
      #d_profile_page #menu_sec #sec_div .form_sec form .form-group label {
        position: relative;
        bottom: -6px;
        padding-left: 6px;
        padding-right: 9px;
        background: #ffffff;
        color: #87958e;
        font-size: 12px;
        font-weight: 400;
        right: -13px; }
    #d_profile_page #menu_sec #sec_div .form_sec form .button_box {
      display: flex;
      margin-top: 30px; }
      @media only screen and (max-width: 576px) {
        #d_profile_page #menu_sec #sec_div .form_sec form .button_box {
          margin-top: 0; } }
      #d_profile_page #menu_sec #sec_div .form_sec form .button_box button {
        min-width: 148px;
        min-height: 45px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
        outline: none; }
        #d_profile_page #menu_sec #sec_div .form_sec form .button_box button:focus {
          outline: none;
          box-shadow: none; }
        @media only screen and (max-width: 576px) {
          #d_profile_page #menu_sec #sec_div .form_sec form .button_box button {
            min-width: 120px; } }
        #d_profile_page #menu_sec #sec_div .form_sec form .button_box button.cancel {
          color: #161616;
          margin-right: 10px;
          background: none;
          border: solid 2px #a4ccb8; }
        #d_profile_page #menu_sec #sec_div .form_sec form .button_box button.save {
          color: #ffffff;
          background: #00ae55;
          border: none; }

/*************************** chat page **************************** */
#chat_page #message_sec {
  padding: 75px 0;
  background: #eaf3f4; }
  @media only screen and (max-width: 992px) {
    #chat_page #message_sec {
      padding: 45px 0; } }
  @media only screen and (max-width: 576px) {
    #chat_page #message_sec {
      padding: 25px 0; } }
  #chat_page #message_sec .sec1 {
    width: 100%; }
    @media only screen and (min-width: 992px) {
      #chat_page #message_sec .sec1 {
        width: 700px;
        margin: auto; } }
    #chat_page #message_sec .sec1 .sec_head {
      margin-bottom: 35px; }
      #chat_page #message_sec .sec1 .sec_head .head {
        font-size: 34px; }
  #chat_page #message_sec .container_card {
    margin-bottom: 30px; }
    #chat_page #message_sec .container_card .tabs ul {
      padding-left: 20px;
      display: flex;
      background: #00ae55;
      justify-content: flex-end;
      width: fit-content;
      margin: 0 0 0 auto; }
      #chat_page #message_sec .container_card .tabs ul li a {
        padding: 15px 35px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        position: relative; }
        #chat_page #message_sec .container_card .tabs ul li a::before {
          content: "";
          position: absolute;
          width: 20px;
          height: 15px;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          background: url("../images/icons/back.png") no-repeat center; }
        #chat_page #message_sec .container_card .tabs ul li a.active {
          background: #000000; }
    #chat_page #message_sec .container_card .titles {
      background: #fff; }
      #chat_page #message_sec .container_card .titles form .overflow_sec {
        height: 65vh;
        overflow-y: scroll; }
        #chat_page #message_sec .container_card .titles form .overflow_sec::selection, #chat_page #message_sec .container_card .titles form .overflow_sec ::-moz-selection {
          background: #00ae55; }
        #chat_page #message_sec .container_card .titles form .overflow_sec::-webkit-scrollbar {
          width: 3px;
          background: #00000007; }
        #chat_page #message_sec .container_card .titles form .overflow_sec::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
        #chat_page #message_sec .container_card .titles form .overflow_sec::-webkit-scrollbar-thumb {
          background-color: #00ae55;
          outline: none; }
      #chat_page #message_sec .container_card .titles form .message_sec {
        padding: 30px 40px; }
        #chat_page #message_sec .container_card .titles form .message_sec .my_message {
          text-align: right;
          width: 90%;
          margin: 0 0 0 auto;
          margin-bottom: 35px; }
          #chat_page #message_sec .container_card .titles form .message_sec .my_message .time {
            font-size: 12px;
            color: #101d29;
            font-weight: 400;
            margin-bottom: 10px; }
          #chat_page #message_sec .container_card .titles form .message_sec .my_message .mssge_otr {
            background: #e9f7ee;
            border-radius: 3px;
            z-index: 2;
            width: fit-content;
            position: relative;
            margin-bottom: 12px;
            margin: 0 0 0 auto; }
            #chat_page #message_sec .container_card .titles form .message_sec .my_message .mssge_otr::before {
              content: "";
              position: absolute;
              left: 0;
              width: 0;
              height: 0;
              z-index: -1;
              bottom: -7px;
              border-top: 17px solid #e9f6f7;
              border-right: 20px solid transparent; }
          #chat_page #message_sec .container_card .titles form .message_sec .my_message .message {
            padding: 30px 15px 35px;
            font-size: 14px;
            color: #000000;
            font-weight: 400;
            line-height: 20px; }
        #chat_page #message_sec .container_card .titles form .message_sec .rcvd_message {
          text-align: left;
          width: 90%;
          margin-bottom: 35px; }
          #chat_page #message_sec .container_card .titles form .message_sec .rcvd_message .time {
            font-size: 12px;
            color: #101d29;
            font-weight: 400;
            margin-bottom: 10px; }
          #chat_page #message_sec .container_card .titles form .message_sec .rcvd_message .mssge_otr {
            background: #e8ebed;
            border-radius: 3px;
            z-index: 2;
            position: relative;
            width: fit-content;
            margin-bottom: 12px; }
            #chat_page #message_sec .container_card .titles form .message_sec .rcvd_message .mssge_otr::before {
              content: "";
              position: absolute;
              right: 0;
              width: 0;
              height: 0;
              z-index: -1;
              bottom: -7px;
              border-top: 17px solid #e8ebed;
              border-left: 20px solid transparent; }
          #chat_page #message_sec .container_card .titles form .message_sec .rcvd_message .message {
            padding: 30px 15px 35px;
            font-size: 14px;
            color: #000000;
            font-weight: 400;
            line-height: 20px; }
      #chat_page #message_sec .container_card .titles form .info_sec {
        position: relative;
        margin-bottom: 35px; }
        #chat_page #message_sec .container_card .titles form .info_sec::before {
          content: "";
          position: absolute;
          width: 100%;
          height: 1px;
          background: #eaf3f4;
          top: 0;
          bottom: 0;
          margin: auto; }
        #chat_page #message_sec .container_card .titles form .info_sec .head_box {
          text-align: center;
          width: fit-content;
          margin: auto;
          padding: 0 30px;
          position: relative;
          background: #ffffff; }
          #chat_page #message_sec .container_card .titles form .info_sec .head_box .notif {
            font-size: 14px;
            color: #00ae55;
            font-weight: 400;
            margin-bottom: 10px; }
          #chat_page #message_sec .container_card .titles form .info_sec .head_box .wh_rltd {
            font-size: 14px;
            color: #545656;
            font-weight: 400; }
      #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec {
        border-top: solid 1px #eaf3f4;
        padding: 15px 40px; }
        #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec .input_sec {
          width: calc( 100% - 100px ); }
          #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec .input_sec .form-group {
            margin-bottom: 0; }
            #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec .input_sec .form-group .form-control {
              border: solid 2px #d6dbdc;
              border-radius: 0;
              height: 45px; }
              #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec .input_sec .form-group .form-control::placeholder {
                color: #5c5c5c;
                font-size: 14px;
                font-weight: 400; }
              #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec .input_sec .form-group .form-control:focus {
                box-shadow: none; }
        #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec .btn_sec {
          display: flex;
          align-items: center;
          margin-left: 10px; }
          #chat_page #message_sec .container_card .titles form .cntrl_center .inner_sec .btn_sec .archive {
            font-size: 14px;
            color: #ffffff;
            text-transform: uppercase;
            border-bottom: solid 1px #c7d2d3;
            width: 75px;
            outline: none;
            border: none;
            box-shadow: none;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            background: #00ae55; }

/*************************** previous page **************************** */
#previous_page #class_box .outer_box {
  padding: 50px 25px; }
  @media only screen and (max-width: 768px) {
    #previous_page #class_box .outer_box {
      padding: 30px 0; } }
#previous_page #class_box .class_head {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #00ae55; }
  @media only screen and (max-width: 768px) {
    #previous_page #class_box .class_head {
      display: none; } }
  #previous_page #class_box .class_head .head {
    padding: 20px;
    width: 100%;
    text-align: center;
    border-right: solid 1px #ffffff57;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Playfair Display", serif;
    color: #ffffff;
    font-weight: 500; }
    @media only screen and (max-width: 768px) {
      #previous_page #class_box .class_head .head {
        padding: 15px; } }
    #previous_page #class_box .class_head .head:last-child {
      border-right: none; }
#previous_page #class_box .cntnt {
  border-bottom: solid 1px #ffffff; }
  @media only screen and (min-width: 768px) {
    #previous_page #class_box .cntnt {
      display: grid;
      grid-template-columns: repeat(3, 1fr); } }
  #previous_page #class_box .cntnt:last-child {
    border-bottom: 0; }
  #previous_page #class_box .cntnt .inner_bx {
    padding: 15px;
    text-align: center;
    width: 100%;
    background: rgba(0, 174, 85, 0.1);
    border-right: solid 1px #ffffff; }
    #previous_page #class_box .cntnt .inner_bx:last-child {
      border-right: none; }
    #previous_page #class_box .cntnt .inner_bx p {
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px; }
      @media only screen and (max-width: 768px) {
        #previous_page #class_box .cntnt .inner_bx p {
          font-size: 14px; } }
    #previous_page #class_box .cntnt .inner_bx a {
      font-size: 14px;
      padding: 6px 35px;
      text-transform: uppercase;
      width: 100%;
      margin: auto;
      border-radius: 19px;
      font-weight: 500;
      color: #00ae55;
      text-decoration: underline; }
      @media only screen and (max-width: 768px) {
        #previous_page #class_box .cntnt .inner_bx a {
          font-size: 12px; } }

/*************************** course page **************************** */
#course_page {
  background: #f0f0f0;
  padding-bottom: 0; }
  #course_page #course_sec {
    padding: 60px 0; }
    @media only screen and (max-width: 768px) {
      #course_page #course_sec {
        padding: 30px 0; } }
    @media only screen and (min-width: 1200px) {
      #course_page #course_sec .back_tabs {
        width: 80%; } }
    #course_page #course_sec .back_tabs ul {
      padding-left: 20px;
      display: flex;
      background: #00ae55;
      justify-content: flex-end;
      width: fit-content;
      margin: 0 0 0 auto; }
      #course_page #course_sec .back_tabs ul li a {
        padding: 15px 35px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        position: relative; }
        #course_page #course_sec .back_tabs ul li a::before {
          content: "";
          position: absolute;
          width: 20px;
          height: 15px;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          background: url("../images/icons/back.png") no-repeat center; }
        #course_page #course_sec .back_tabs ul li a.active {
          background: #000000; }
    #course_page #course_sec .course_box {
      margin-bottom: 15px; }
      @media only screen and (min-width: 1200px) {
        #course_page #course_sec .course_box {
          width: 80%; } }
      #course_page #course_sec .course_box .chk_bx {
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 992px) {
          #course_page #course_sec .course_box .chk_bx {
            margin-bottom: 20px; } }
        @media only screen and (max-width: 576px) {
          #course_page #course_sec .course_box .chk_bx {
            align-items: normal;
            margin-bottom: 10px; } }
        #course_page #course_sec .course_box .chk_bx span {
          position: absolute;
          border: 2px solid #d8d8d8;
          background-color: white;
          width: 23px;
          height: 23px;
          z-index: 0; }
        #course_page #course_sec .course_box .chk_bx input[type=checkbox] {
          width: 23px !important;
          height: 23px !important;
          position: relative;
          z-index: 1;
          opacity: 0; }
          @media only screen and (max-width: 576px) {
            #course_page #course_sec .course_box .chk_bx input[type=checkbox] {
              margin-top: 5px; } }
          #course_page #course_sec .course_box .chk_bx input[type=checkbox]::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            display: inline-block;
            border: 2px solid #d8d8d8;
            background-color: white;
            width: 23px;
            visibility: visible;
            height: 23px; }
          #course_page #course_sec .course_box .chk_bx input[type=checkbox]::after {
            content: "";
            visibility: visible;
            background: url("../images/icons/checkmark.png") no-repeat center;
            display: inline-block;
            width: 23px;
            height: 23px;
            position: absolute;
            left: 0;
            top: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            color: #00ae55;
            opacity: 0;
            visibility: hidden;
            transition: ease-in-out all 0.3s; }
          #course_page #course_sec .course_box .chk_bx input[type=checkbox]:checked::after {
            opacity: 1;
            visibility: visible; }
          #course_page #course_sec .course_box .chk_bx input[type=checkbox]:checked ~ span {
            background: url("../images/icons/checkmark.png") no-repeat center; }
        #course_page #course_sec .course_box .chk_bx label {
          padding-left: 20px;
          font-size: 14px;
          font-weight: 400;
          text-transform: uppercase; }
          @media only screen and (max-width: 992px) {
            #course_page #course_sec .course_box .chk_bx label {
              line-height: 28px;
              font-size: 13px; } }
          @media only screen and (max-width: 576px) {
            #course_page #course_sec .course_box .chk_bx label {
              line-height: 20px;
              font-size: 12px; } }
      #course_page #course_sec .course_box .course_list {
        background: #fff;
        padding: 25px 35px;
        border-radius: 5px;
        display: flex;
        align-items: flex-start; }
        @media only screen and (max-width: 468px) {
          #course_page #course_sec .course_box .course_list {
            padding: 25px 20px; } }
        #course_page #course_sec .course_box .course_list .chk_bx {
          min-width: 35px;
          margin-top: 7px; }
        #course_page #course_sec .course_box .course_list .course_details {
          display: flex;
          width: 100%;
          align-items: center; }
          @media only screen and (max-width: 768px) {
            #course_page #course_sec .course_box .course_list .course_details {
              display: block; } }
          #course_page #course_sec .course_box .course_list .course_details .box1 {
            font-size: 16px;
            line-height: 24px;
            color: #1d2432;
            font-weight: 500;
            padding: 0 40px;
            height: 100%;
            border-right: solid 2px #e3e3e3; }
            @media only screen and (max-width: 950px) {
              #course_page #course_sec .course_box .course_list .course_details .box1 {
                padding: 0 20px; } }
            @media only screen and (max-width: 768px) {
              #course_page #course_sec .course_box .course_list .course_details .box1 {
                margin-bottom: 10px;
                border-right: none; } }
            @media only screen and (max-width: 576px) {
              #course_page #course_sec .course_box .course_list .course_details .box1 {
                line-height: 20px; } }
            @media only screen and (min-width: 992px) {
              #course_page #course_sec .course_box .course_list .course_details .box1 {
                min-width: 250px; } }
            #course_page #course_sec .course_box .course_list .course_details .box1:last-child {
              border-right: none; }
            #course_page #course_sec .course_box .course_list .course_details .box1.name {
              font-weight: 500;
              padding-left: 20px; }
              @media only screen and (min-width: 992px) {
                #course_page #course_sec .course_box .course_list .course_details .box1.name {
                  max-width: 360px;
                  min-width: 360px; } }
            #course_page #course_sec .course_box .course_list .course_details .box1 .title {
              color: #00ae55; }
    #course_page #course_sec .sub_sec {
      display: flex;
      margin-top: 25px; }
      @media only screen and (min-width: 1200px) {
        #course_page #course_sec .sub_sec {
          width: 80%; } }
      #course_page #course_sec .sub_sec button {
        border: none;
        box-shadow: none;
        outline: none;
        border: none;
        border-radius: 0;
        padding: 15px 25px;
        background: #00ae55;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        cursor: pointer;
        transition: 0.5s ease-in-out; }
        #course_page #course_sec .sub_sec button:hover {
          background: #000000; }

/****************************FOOTER*********************** */
footer {
  padding: 70px 0 0;
  position: relative;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; }
  @media only screen and (max-width: 576px) {
    footer {
      padding: 30px 0 0; } }
  footer::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #12141a;
    opacity: 0.6; }
  footer .container {
    position: relative;
    z-index: 1; }
  @media only screen and (min-width: 768px) {
    footer .lft_sec {
      padding-bottom: 45px; } }
  footer .hilit {
    font-size: 40px;
    font-family: "Playfair Display", serif;
    color: white;
    text-decoration: underline;
    line-height: 49px;
    margin-bottom: 70px;
    text-underline-position: under; }
    @media only screen and (max-width: 992px) {
      footer .hilit {
        font-size: 34px; } }
    @media only screen and (max-width: 576px) {
      footer .hilit {
        font-size: 31px;
        line-height: 43px; } }
    @media only screen and (max-width: 468px) {
      footer .hilit {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 40px; } }
    footer .hilit p {
      font-size: 40px;
      font-family: "Playfair Display", serif;
      color: white;
      text-decoration: underline;
      line-height: 49px;
      margin-bottom: 0px; }
      @media only screen and (max-width: 992px) {
        footer .hilit p {
          font-size: 34px; } }
      @media only screen and (max-width: 576px) {
        footer .hilit p {
          font-size: 31px;
          line-height: 43px; } }
      @media only screen and (max-width: 468px) {
        footer .hilit p {
          font-size: 28px;
          line-height: 40px; } }
  footer .foot_cntnt .foot_head {
    font-size: 22px;
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 50px; }
    @media only screen and (max-width: 992px) {
      footer .foot_cntnt .foot_head {
        margin-bottom: 35px; } }
  @media only screen and (max-width: 768px) {
    footer .foot_cntnt .col-, footer .foot_cntnt [class^="col-"], footer .foot_cntnt [class*="col-"] {
      margin-bottom: 35px; } }
  @media only screen and (max-width: 576px) {
    footer .foot_cntnt .col-, footer .foot_cntnt [class^="col-"], footer .foot_cntnt [class*="col-"] {
      margin-bottom: 25px; } }
  footer .foot_cntnt ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    @media only screen and (max-width: 468px) {
      footer .foot_cntnt ul {
        grid-gap: 0 10px; } }
    footer .foot_cntnt ul li {
      margin-bottom: 15px; }
    footer .foot_cntnt ul a {
      font-size: 16px;
      color: white;
      line-height: normal;
      transition: 0.5s ease-in-out; }
      footer .foot_cntnt ul a:hover {
        color: #00ae55; }
      @media only screen and (max-width: 468px) {
        footer .foot_cntnt ul a {
          font-size: 14px; } }
  footer .foot_cntnt p {
    font-size: 16px;
    color: white;
    line-height: 34px; }
  @media only screen and (min-width: 1400px) {
    footer .rit_sec {
      padding-left: 70px; } }
  @media (max-width: 1400px) and (min-width: 992px) {
    footer .rit_sec {
      padding-left: 30px; } }
  @media only screen and (min-width: 992px) {
    footer .rit_sec {
      margin-top: -135px; } }
  footer .qck_cntct_box {
    background: #00ae55;
    padding: 45px 45px 60px 35px; }
    @media only screen and (max-width: 1200px) {
      footer .qck_cntct_box {
        padding: 35px 30px 30px; } }
    footer .qck_cntct_box svg {
      margin-bottom: 25px; }
    footer .qck_cntct_box .title {
      font-size: 20px;
      color: #07ff80;
      line-height: normal;
      font-weight: 400;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1200px) {
        footer .qck_cntct_box .title {
          font-size: 16px; } }
    footer .qck_cntct_box li {
      margin-bottom: 10px; }
      @media only screen and (max-width: 1200px) {
        footer .qck_cntct_box li {
          margin-bottom: 10px; } }
      footer .qck_cntct_box li a {
        font-size: 16px;
        color: white;
        line-height: normal; }
        @media only screen and (max-width: 1200px) {
          footer .qck_cntct_box li a {
            font-size: 14px; } }
        footer .qck_cntct_box li a.call {
          font-size: 30px;
          font-weight: 600; }
          @media only screen and (max-width: 1200px) {
            footer .qck_cntct_box li a.call {
              font-size: 23px; } }
  footer .main_info {
    text-align: center;
    background: rgba(9, 82, 45, 0.4);
    width: 100%;
    padding: 100px 35px 35px; }
    @media only screen and (min-width: 992px) {
      footer .main_info {
        height: calc(100% - 300px); } }
    @media only screen and (max-width: 468px) {
      footer .main_info {
        padding: 50px 25px 30px; } }
    footer .main_info img {
      max-width: 117px;
      margin-bottom: 30px; }
    footer .main_info p {
      font-size: 16px;
      color: white;
      line-height: 24px;
      margin: 0; }
    footer .main_info .social_icon {
      display: flex;
      align-items: center;
      margin: 0 -15px;
      padding: 45px 0 50px;
      justify-content: center; }
      @media only screen and (max-width: 468px) {
        footer .main_info .social_icon {
          padding: 40px 0 30px; } }
      footer .main_info .social_icon li {
        padding: 0 15px; }
      footer .main_info .social_icon a {
        font-size: 23px;
        color: white; }
        @media only screen and (max-width: 468px) {
          footer .main_info .social_icon a {
            font-size: 17px; } }
    footer .main_info .powrd {
      font-size: 14px;
      color: white;
      line-height: normal; }
      footer .main_info .powrd a {
        font-size: 14px;
        color: #ffffff;
        margin-top: 5px; }
        footer .main_info .powrd a img {
          display: block;
          margin: auto;
          margin-top: 5px; }

/********************MODULES****************** */
.login_page .navbar {
  display: none; }
.login_page .log_out {
  display: flex !important; }
  .login_page .log_out a button {
    border: none;
    background: #00ae55;
    padding: 15px 25px;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer; }
    .login_page .log_out a button:focus {
      outline: none;
      box-shadow: none;
      border: none; }
.login_page .menu_icon {
  display: none !important; }
@media only screen and (min-width: 992px) {
  .login_page #banner {
    height: 415px; } }
@media only screen and (max-width: 576px) {
  .login_page #banner {
    height: 135px; } }

.select2-container {
  width: 100% !important; }

.select2-container--default .select2-selection--single {
  border-radius: 0;
  border: solid 2px #0d914e;
  padding: 26px 10px;
  font-size: 17px;
  padding: 0 20px;
  min-height: 65px;
  color: #000000;
  font-weight: 400;
  background: transparent;
  text-transform: capitalize;
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    .select2-container--default .select2-selection--single {
      min-height: 40px; } }
  .select2-container--default .select2-selection--single::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: #000000; }
  .select2-container--default .select2-selection--single:focus {
    box-shadow: none;
    outline: none; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    font-size: 14px;
    color: #000000; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border: none;
      background: url(../images/icons/select.png) no-repeat center;
      height: 15px;
      width: 15px;
      top: 0;
      bottom: 0;
      filter: invert(1);
      margin: auto; }
.select2-container--default .select2-results__option {
  padding: 10px 25px;
  font-size: 14px;
  color: #333434; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #0d914e;
  color: #ffffff; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 0;
  padding: 8px 10px;
  outline: none; }
  .select2-container--default .select2-search--dropdown .select2-search__field:hover, .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none; }

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg); }

.select2-dropdown {
  border-radius: 0; }

/*# sourceMappingURL=app.css.map */