*,
::after,
::before {
  box-sizing: border-box
}

:root {
  --accent-color-black: #ffff00;
}

html {
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  font: normal 14px/1.8 'Roboto', 'Arial';
  text-align: left;
  background-color: #fff;
}

/**/
@media only screen and (max-width: 991px) {
  .dng-main {
    overflow-x: hidden;
    overflow-y: hidden;
  }
}

@media only screen and (max-width: 1400px) and (orientation: landscape) {
  .dng-main {
    overflow-x: hidden;
    overflow-y: hidden;
  }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .dng-main {
    overflow-x: hidden;
    overflow-y: hidden;
  }
}

h1 {
  margin: 0 0 10px 0;
}

h2 {
  margin: 0 0 10px 0;
}

h3 {
  margin: 0 0 10px 0;
}

h4 {
  margin: 0 0 10px 0;
}

h5 {
  margin: 0 0 10px 0;
}

h6 {
  margin: 0 0 10px 0;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.9;
}

:-moz-placeholder {
  color: inherit;
  opacity: 0.9;
}

::-moz-placeholder {
  color: inherit;
  opacity: 0.9;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 0.9;
}

:placeholder {
  color: inherit;
  opacity: 0.9;
}

a,
a:link {
  text-decoration: none;
  transition: color ease 300ms;
  -moz-transition: color ease 300ms;
  -webkit-transition: color ease 300ms;
  -o-transition: color ease 300ms;
  -ms-transition: color ease 300ms;
}

button {
  color: inherit;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  --bs-gutter-x: 30px;
}

.container {
  margin-left: auto;
  margin-right: auto;
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

/*left full ,right full*/

@media (max-width: 1199px) {
  .full-lg-none.full-column-inner {
    margin-right: 0 !important;
    width: auto !important;
  }
}

@media (max-width: 991px) {
  .full-md-none.full-column-inner {
    margin-right: 0 !important;
    width: auto !important;
  }
}

@media (max-width: 767px) {
  .full-sm-none.full-column-inner {
    margin-right: 0 !important;
    width: auto !important;
  }
}

@media (max-width: 575px) {
  .full-xs-none.full-column-inner {
    margin-right: 0 !important;
    width: auto !important;
  }
}

.dng-left-full,
.dng-right-full {
  max-width: none;
}

/*Fixed Footer*/
.fixed_footer_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  max-height: 100%;
}

.fixed_footer_bottom .fixed_footer.active {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  overflow-Y: auto;
}

.fixed_footer_clone {
  background-color: #121212;
}

.dng-main.Boxed .rev_slider_wrapper.fullscreen-container {
  max-width: 100% !important;
  left: 0 !important;
}

@media only screen and (max-width: 991px) {
  .fixed_footer_bottom .fixed_footer.active {
    position: relative;
  }

  .fixed_footer_bottom,
  .fixed_footer_clone,
  .footer_box {
    height: auto !important;
    position: relative !important;
    max-height: inherit !important;
  }
}


/*color-white*/
.color-white,
.color-white p,
.color-white .Normal,
.color-white a,
.color-white a:link,
.color-white a:active,
.color-white a:visited,
.color-white a:hover,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6 {
  color: #FFF !important;
}

/*ilightbox-noscroll*/
body.ilightbox-noscroll {
  overflow: visible;
}

[data-parallax="parallax"] {
  visibility: hidden;
}

[data-parallax="parallax"].parallax-load {
  visibility: visible;
}

/*input*/
input[type="text"] {
  border-radius: 0;
}

/*icon*/
.fa,
.fas {
  font-weight: 900 !important;
}

.sico,
.icon-svg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

.sico svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: inherit;
  vertical-align: initial;
}

p>.sico,
p>.icon-svg,
li>.sico,
li>.icon-svg {
  vertical-align: middle;
  margin-bottom: 0.2em;
}

/*icon-svg*/

.icon-svg svg {
  width: 1em;
  height: 1em;
  stroke: currentColor !important;
  opacity: 0;
  vertical-align: sub;
  color: inherit;
}

.icon-svg svg * {
  color: inherit;
}

.icon-svg svg path,
.icon-svg svg polyline,
.icon-svg svg rect,
.icon-svg svg line {
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.icon-svg.animated svg {
  opacity: 1;
}

/*btn*/
[class^='button-'],
[class*=' button-'] {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
  line-height: 48px;
  height: 48px;
  padding: 0 25px;
  margin-right: 3px;
  margin-bottom: 3px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-radius: 5px;
  -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
  transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
  -webkit-appearance: none;
  appearance: none;
}

.header-replace button,
.mobile-header-replace button {
  padding-left: 6px;
  padding-right: 6px;
}

body [class*='btn-']:hover {}

[class*='btn-']:focus {
  outline: 0;
  box-shadow: none;
}

body [class*='btn-'] {
  text-decoration: none !important;
}

/*social
[class*="social-"] {
    position: relative;
    display: inline-block;
}*/

/* section-no-padding */
.d-wrapper .section-no-padding.is-box .is-container {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* col-no-padding */
.row.col-no-padding {
  margin-left: 0;
  margin-right: 0;
}

.row.col-no-padding [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.is-container.no-space {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.layout-no-mt .is-container {
  margin-top: 0 !important;
}

.layout-no-mb .is-container {
  margin-bottom: 0 !important;
}

.layout-no-plr .is-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

/*border radius*/
.border-radius-0 {
  border-radius: 0px !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

.border-radius-circle {
  border-radius: 50% !important;
}

/*border radius*/
.position-relative {
  position: relative !important;
}

.position-static {
  position: static !important;
}

/*icon-cross*/
.icon-cross {
  width: 1em;
  height: 1em;
  display: inline-block;
  position: relative;
}

.icon-cross::after,
.icon-cross::before {
  content: "";
  border-left: 2px solid currentColor;
  position: absolute;
  height: 94%;
  margin-top: 3%;
  left: 50%;
  border-radius: 3px;
  margin-left: -1px;
}

.icon-cross::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-cross::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media all and (max-width: 1024px) {
  .margin-left-1024-reset {
    margin-left: 0px !important;
  }

  .margin-right-1024-reset {
    margin-right: 0px !important;
  }
}

/* */

/* Adjustment for Default & Foundation */
.d-wrapper .container>.row,
.d-wrapper .container>div>.row {
  margin-top: 0;
  margin-bottom: 0;
}

.d-wrapper a:hover {
  text-decoration: none;
}

.d-wrapper img {
  max-width: 100%;
}

/* Container for All Sections */
.d-wrapper {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 100%;
  transition: all ease 0.5s;
}

.d-wrapper>div {
  display: flex;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  transition: all ease 0.3s;
  flex-direction: column;
}

.d-wrapper .is-wrapper {
  position: relative;
}

.d-wrapper::after {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
}

.d-wrapper .d-placeholder {
  display: none;
}

/* Boxes */
.is-box {
  vertical-align: middle;
}

.is-section .is-boxes {
  display: flex;
  flex: 0 0 100%;
  height: 100%;
  width: 100%;
  position: relative;
  backface-visibility: hidden;
}

.is-section .is-container {
  align-self: center;
}

.is-section.layout-lightbox-content {
  display: none;
}

.is-boxes:empty {
  min-height: 50px;
}

.is-overlay+.is-boxes:empty,
.is-overlay+.is-boxes>.is-box-centered:empty {
  height: 275px;
}

@media all and (max-width: 991px) {
  .is-overlay+.is-boxes:empty {
    min-height: 275px;
  }

  .is-overlay+.is-boxes:empty,
  .is-overlay+.is-boxes>.is-box-centered:empty {
    height: 275px;
  }
}

.no-min-height {
  min-height: auto;
}

.is-box-centered {
  width: 100%;
  position: relative;
  vertical-align: middle;
}

.is-stretch>div:not(.is-arrow-down) {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
}

.flexi-position {
  position: relative;
}

.is-stretch .flexi-position {
  position: absolute;
}

.is-section.is-stretch {
  min-height: 300px;
}

.is-section.layout-hidden-content {
  display: none !important;
}

.minilightbox-content .lightbox-htmlcont .is-section.layout-hidden-content {
  display: block !important;
}

.minilightbox-content .lightbox-htmlcont {
  width: auto !important;
}

@media all and (max-width: 991px) {
  .is-box-md-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

/* New */
@media all and (max-width: 991px) {

  /*   .is-section:not(.is-stretch), .is-section-100:not(.is-stretch) { height: auto !important; } is-stretch is an exception */
  .is-section:not(.is-box):not(.section-pagepiling) {
    height: auto !important;
  }

  /* .is-boxes { height: auto !important; }
    .is-boxes {
        height: 100% !important;
    }
 */
  /* new */

  .is-box-img {
    height: 300px !important;
  }

  .is-box-img .is-boxes {
    height: 100% !important;
  }

  .is-section:not(.section-slider) .is-boxes {
    display: block;
  }

  .is-box {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* new */
}

.is-container {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

/* Boxed Layout */
.d-wrapper .is-boxed-layout .is-container {
  padding: 50px;
  background: #fff;
}

/* 80px */
@media all and (max-width: 1280px) {
  .d-wrapper .is-boxed-layout .is-container {
    padding: 30px;
  }
}

@media all and (max-width: 1024px) {
  .d-wrapper .is-boxed-layout .is-container {
    padding: 30px;
  }

  /*  .d-wrapper .is-boxed-layout .is-overlay {
        display: none !important;
    }
    .d-wrapper .is-boxed-layout {
        background: #fff !important;
    } */
}

/* Default Layout */

/* Middle */
.d-wrapper .is-box .is-container {
  margin-top: 60px;
  margin-bottom: 60px;
  width: 100%;
}

.has-sidebar .d-wrapper .is-box .is-container {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
}

@media all and (max-width: 991px) {
  .d-wrapper .is-box .is-container {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .has-sidebar .d-wrapper .is-box .is-container {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* Overlay */
.is-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*z-index:1;*/
}


/*.is-boxes, .is-box-centered {z-index:1}*/
.is-overlay .is-overlay-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 60%;
}

.is-overlay .is-overlay-bg.is-scale-animated.is-appeared {
  animation: is-scale 25s ease forwards;
  -ms-animation: is-scale 25s ease forwards;
  -webkit-animation: is-scale 25s ease forwards;
  -o-animation: is-scale 25s ease forwards;
  -moz-animation: is-scale 25s ease forwards;
}

@keyframes is-scale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
  }

  to {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
}

.is-overlay .is-overlay-color {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.05;
}

.is-overlay .is-overlay-content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: inherit;
  /* dec 2017 */
}

.is-overlay .is-overlay-content.content-selectable {
  z-index: 1
}

.overlay-responsive .is-overlay-mobile-bg {
  display: none;
}

@media (max-width: 767px) {
  .overlay-responsive .is-overlay-bg {
    display: none;
  }

  .overlay-responsive .is-overlay-mobile-bg {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

.is-overlay-Video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
}

.is-overlay-Video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* dec 2017 
.is-container {
    z-index: 1
}
*/
/* dec 2017 */

/* Section & Content Styles */

/* Background Color */
.is-bg-grey,
.d-wrapper>div.is-bg-grey,
.is-section.section-slider .is-box.is-bg-grey {
  background-color: #eeeff0
}

.is-bg-dark,
.d-wrapper>div.is-bg-dark,
.is-section.section-slider .is-box.is-bg-dark {
  background-color: #111
}

.is-bg-light,
.d-wrapper>div.is-bg-light,
.is-section.section-slider .is-box.is-bg-light {
  background-color: #fff
}

.d-wrapper>div.is-bg-none,
.is-section.section-slider .is-box.is-bg-none {
  background-color: transparent;
}

.bg-white {
  background-color: #FFF;
}

.bg-dark {
  background-color: #111;
}

/* Text Color */
.is-light-text,
.is-light-text h1,
.is-light-text h2,
.is-light-text h3,
.is-light-text h4,
.is-light-text h5,
.is-light-text h6,
.is-light-text p,
.is-light-text li,
.is-light-text div,
.is-light-text span:not(.sico) {
  color: #fff;
}

.is-dark-text .is-light-text {
  color: #fff;
}

.is-light-text a,
.is-light-text a:link,
.is-light-text a:visited {
  color: #fff;
}

.is-light-text a:hover {
  color: #fff;
  text-decoration: underline;
}


/**/
.is-section.is-light-text {
  background-color: #000000;
}

.is-section.is-light-text:not([style*="background-color"]) .is-overlay-bg,
.is-section.is-light-text:not([style*="background-color"]) .is-overlay-mobile-bg {
  background-color: #FFF;
}

/* Vertical Alignment */
.is-content-top {
  vertical-align: top;
}

.is-content-bottom {
  vertical-align: bottom
}

.is-content-top>.is-boxes>.is-container {
  align-self: flex-start;
}

.is-content-bottom>.is-boxes>.is-container {
  align-self: flex-end;
}

/* Horizontal Alignment */
.is-container.is-content-left {
  margin-left: 100px;
}

.is-container.is-content-right {
  margin-right: 100px;
}

@media all and (max-width: 1200px) {
  .is-container.is-content-left {
    margin-left: 60px
  }

  .is-container.is-content-right {
    margin-right: 60px;
  }
}

@media all and (max-width: 991px) {
  .is-container.is-content-left {
    margin-left: auto;
  }

  .is-container.is-content-right {
    margin-right: auto;
  }
}

/* Text Alignment */
.is-align-right {
  text-align: right;
}

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

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

.is-align-justify {
  text-align: justify;
}

/* Section Height */

@media (max-width: 575.98px) {
  #Body .is-section-xs-50 {
    height: 50vh;
  }

  #Body .is-section-xs-auto {
    height: auto;
    min-height: auto;
  }
}

@media (max-width: 767.98px) {
  #Body .is-section-sm-50 {
    height: 50vh;
  }

  #Body .is-section-sm-auto {
    height: auto;
    min-height: auto;
  }
}

@media (max-width: 991.98px) {
  #Body .is-section-md-50 {
    height: 50vh;
  }

  #Body .is-section-md-auto {
    height: auto;
    min-height: auto;
  }
}

@media (max-width: 1199.98px) {
  #Body .is-section-lg-50 {
    height: 50vh;
  }

  #Body .is-section-lg-auto {
    height: auto;
    min-height: auto;
  }
}

/* Stretched container (not used yet) */
.is-container.is-stretch-w {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.is-container.is-stretch-h {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.is-container.is-stretch-w>div {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.is-container.is-stretch-w>div>div {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.is-container.is-stretch-h>div {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.is-container.is-fullheight {
  height: 100%
}

.is-container.is-container-fluid {
  max-width: none;
  width: auto;
}

.bg-attachment-fixed,
.bg-attachment-fixed .is-overlay-bg {
  background-attachment: fixed !important;
}

/*ipad background attachment*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

  .bg-attachment-fixed,
  .bg-attachment-fixed .is-overlay-bg {
    background-attachment: scroll !important;
  }
}


/* Others */

.is-hidden {
  display: none !important;
}

.gm-style {
  font-family: inherit !important;
}


/*custom module loading*/
@-webkit-keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes loading-rotate {
  0% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes loading-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.custom-module .swiper-container.loading,
.custom-module .soon.loading {
  min-height: 100px;
  max-height: 50vh;
  position: relative;
}

.custom-module .swiper-container.loading>*,
.custom-module .soon.loading>* {
  visibility: hidden;
}

.custom-module .swiper-container.loading:after,
.custom-module .soon.loading:after {
  content: "";
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 5px solid #E3E3E3;
  border-top-color: #555;
  border-left-color: #555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -20px;
  -webkit-animation: loading-rotate 0.7s infinite;
  -moz-animation: loading-rotate 0.7s infinite;
  animation: loading-rotate 0.7s infinite;
  z-index: 101;
}

.custom-module .soon {
  display: none;
}

.custom-module .number {
  color: currentColor;
}

#Body:not(.builder-editor-mode) .custom-module .ajaxform .from-error {
  display: none;
}

/*video*/
.html5-video {
  position: relative;
}

.html5-video video {
  width: 100%;
}

.html5-video .play-button,
.html5-video .play-button2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -36px 0 0 -36px;
  cursor: pointer;
}

/*fixed element*/

.fixed-element {
  position: absolute;
  pointer-events: none;
  max-width: 100%;
}

.fixed-element img {
  width: 100%;
}

/*css3-animate*/
.css3-animate {
  opacity: 0;
  position: relative;
}

.css3-animate:not(.animated) {
  -webkit-animation: none;
  animation: none;
}

.css3-animate.animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}

.animated {
  opacity: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animation.brush {
  z-index: 1;
  position: relative;
  display: inline-block;
  white-space: nowrap;
}

.bg-attachment-js .is-overlay {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}

.bg-attachment-js .is-overlay-bg {
  position: static;
  backface-visibility: hidden;
}

a:focus,
button:focus,
[tabindex="0"] {
  outline: none;
}

/*skip-menu*/
#skip-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  z-index: 999999;
}

#skip-menu ul {
  padding: 0;
  margin: 0;
}

#skip-menu ul a {
  color: #fff;
  background: #1c44a4;
  position: absolute;
  top: 0;
  left: -9999px;
  right: auto;
  white-space: nowrap;
  padding: 10px;
  border: none;
  display: block;
}

#skip-menu ul a:focus {
  left: 0;
}

.builder-tab-title {
  cursor: pointer;
}

.builder-tab-cont {
  display: none;
}

@media only screen and (max-width: 991px) {
  .builder-tab-title:not(.mobile-show) {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) {
  .mobile-show {
    display: none !important;
  }
}

.section-tabs-container .is-container {
  transition: none;
}

.section-tabs-container[data-effect="slide"] {
  position: relative;
  overflow: hidden;
}

.section-tabs-container[data-effect="slide"]>.is-container {
  transition: all 300ms ease-in;
  opacity: 1;
}

.section-tabs-container[data-effect="slide"]>.is-container.out {
  transform: translateX(-100%);
  opacity: 0;
}

.section-tabs-container[data-effect="slide"]>.is-container.in {
  transform: translateX(100%);
  opacity: 1;
}

.section-tabs-container>.is-container:focus {
  outline: 2px dotted #f00 !important;
}

/**/
.img-shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.portfolio-shadow .pic {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

/**/
.medical-banner {
  background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
  background-position: left top;
  background-size: 100% 10%;
  background-repeat: no-repeat;
}

.medical-banner .left-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
  margin: 85px 0;
  padding: 100px 5% 100px 8%;
  position: relative;
  z-index: 3;
}

.medical-banner .left-box::before {
  content: "";
  top: 0;
  left: 0;
  right: -70px;
  bottom: 0;
  position: absolute;
  background-color: var(--accent-color);
  z-index: -1;
  border-radius: 0 6px 6px 0;
}

.medical-banner .right-box {
  padding-left: 0;
}

.medical-banner .right-box img {
  width: 100%;
  border-radius: 0 0 0 10px;
  height: 100%;
  object-fit: cover;
}

.is-section.section-slider.medical-banner .swiper-pagination {
  width: auto;
  bottom: 140px;
  z-index: 100;
  left: 7%;
}

.is-section.section-slider.medical-banner .swiper-pagination-bullet {
  color: #FFF;
  background-color: transparent;
  border: none;
  margin: 0px 7px;
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
}

.is-section.section-slider.medical-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: var(--accent-color2);
  background-color: currentColor;
  box-shadow: 0 0 0 2px currentColor;
  width: 12px;
  height: 12px;
}

.is-section.section-slider.medical-banner .swiper-pagination-bullet::before {
  content: none !important;
}

html.html-night .medical-banner .left-box::before {
  background-color: #101010;
}

@media only screen and (max-width: 991px) {
  .medical-banner .left-box {
    margin: 0;
    padding: 50px 50px 80px;
  }

  .is-section.section-slider.medical-banner .swiper-pagination {
    bottom: 20px;
    left: auto;
    right: 20px;
  }

  .medical-banner .right-box {
    order: -1;
  }
}



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

.easy-carousel06 .full-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.easy-carousel06 .carousel-cont {
  border: 2px solid #efefef;
  border-radius: 6px;
  margin: 0 15px 30px;
  padding: 40px 15px 40px;
  height: calc(50% - 30px);
  position: relative;
  transition: all ease-in 300ms;
}

.easy-carousel06 .carousel-cont:hover {
  border-color: var(--accent-color);
}

.easy-carousel06 .carousel-cont::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 7px 15px var(--accent-color);
  opacity: 0;
  transition: all ease-in 300ms;
}

.easy-carousel06 .carousel-cont:hover::before {
  opacity: 0.3;
}

.easy-carousel06 .title {
  font-size: 20px;
}

.easy-carousel06 .pic {
  margin-bottom: 30px;
  display: inline-block;
}

.easy-carousel06 .title {
  margin: 0 0 20px;
}

.easy-carousel06.easy-carousel .carousel-pagination {
  text-align: center;
  margin: 20px 0 0;
}

.medical-section01 .is-box-img .is-overlay {
  border-radius: 0 6px 6px 0;
  overflow: hidden;
  left: 0;
  right: -70px;
  top: -85px;
  bottom: -85px;
  width: auto;
  height: auto;
}

.medical-section01 .is-box-img+.is-box {
  border-radius: 6px 0 0 6px;
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (max-width: 991px) {
  .medical-section01 .is-box-img .is-overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
  }

  .medical-section01 .is-box-img+.is-box {
    border-radius: 0;
  }
}

@media only screen and (max-width:767px) {
  .medical-section01 .is-box-img+.is-box {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.easy-carousel07 {
  text-align: left;
  margin: 0 -15px;
}

.easy-carousel07 .carousel-item {
  padding: 0px 15px;
}

.easy-carousel07 .carousel-cont {
  border: 1px solid #e8e8e8;
  background-color: #FFF;
  border-radius: 6px;
  margin-bottom: 40px;
  height: calc(100% - 40px);
}

.easy-carousel07 .pic {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  margin: -1px -1px 30px;
}

.easy-carousel07 .pic img {
  width: 100%;
}

.easy-carousel07 .title {
  padding: 0px 25px;
  font-size: 18px;
  margin: 0 0 5px;
}

.easy-carousel07 .subtitle {
  padding: 0px 25px;
  font-size: 18px;
  color: var(--accent-color);
  margin: 0 0 15px;
}

.easy-carousel07 .description {
  padding: 0px 25px;
  margin-bottom: 40px;
}

.easy-carousel07 table {
  width: 100%;
}

.easy-carousel07 td:first-child {
  text-align: left;
}

.easy-carousel07 td:last-child {
  text-align: right;
}

.easy-carousel07 .link {
  text-align: center;
  margin-bottom: -25px;
}

.easy-carousel07.easy-carousel .carousel-pagination {
  text-align: center;
}

html.html-night .easy-carousel07 .carousel-cont {
  background-color: #101010;
  border-color: rgba(255, 255, 255, .1);
}


.medical-section02 .is-box-img .is-overlay {
  border-radius: 6px 0 0 6px;
  overflow: hidden;
  left: -70px;
  right: 0;
  top: -85px;
  bottom: -85px;
  width: auto;
  height: auto;
}

.medical-section02 .is-box:first-child:not(.is-box-img) {
  border-radius: 0 6px 6px 0;
  z-index: 2;
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (max-width: 991px) {
  .medical-section02 .is-box-img .is-overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
  }

  .medical-section02 .is-box:first-child:not(.is-box-img) {
    border-radius: 0;
  }
}

@media only screen and (max-width:767px) {
  .medical-section02 .is-box:first-child:not(.is-box-img) {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.img-box09 {
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  display: flex;
  margin: 0px 0px 100px 40px;
  background-color: #FFF;
  height: calc(100% - 100px);
  border-radius: 6px;
  position: relative;
}

.img-box09 .pic {
  flex: 0 0 244px;
  transform: translate(-40px, 40px);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, .01);
}

.img-box09 .pic a,
.img-box09 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-box09 .cont {
  padding: 40px 30px 40px 0;
}

.img-box09 .title {
  font-size: 20px;
  margin: 0 0 20px;
}

.img-box09 .date {
  background-color: var(--accent-color);
  color: #FFF;
  display: inline-block;
  padding: 3px 15px;
  border-radius: 25px;
  font-size: 14px;
  margin-bottom: 25px;
}

.img-box09 .link,
.img-box09 .link:link {
  color: var(--accent-color);
}

.img-box09 .link .sico {
  margin-left: 10px;
  font-size: 20px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.img-box09::before {
  content: "";
  width: 104px;
  background-color: var(--accent-color);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 6px 0 0 6px;
}

html.html-night .img-box09 {
  background-color: #101010;
}

@media only screen and (max-width:767px) {
  .img-box09 {
    display: block;
    margin: 0px 0px 30px;
    height: auto;
  }

  .img-box09::before {
    content: none;
  }

  .img-box09 .pic {
    transform: none;
    margin: 0px;
  }

  .img-box09 .cont {
    padding: 30px 15px 15px;
  }
}

.title-14 {
  font-size: 24px;
  margin: 0 0 30px;
}

.title-14::after {
  content: "";
  width: 64px;
  background-color: var(--accent-color2);
  height: 2px;
  display: block;
  margin-top: 15px;
}

.Medical-footer-table {
  min-width: 230px
}

.Medical-footer-table td {
  padding: 0 0 20px;
}

.Medical-footer-table td:first-child {
  text-align: left;
}

.Medical-footer-table td:last-child {
  text-align: right;
}

.medical-footer a span {
  color: currentColor !important;
}

.medical-footer a:hover {
  color: var(--accent-color2);
  text-decoration: none;
}

.section-title-001 {
  text-align: center;
  position: relative;
}

.link_custom_pad {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
}

.title_bg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #F3F3F3;
  max-width: 1170px;
  padding: 60px 30px 50px;
}

.custom_margin_bot {
  margin-bottom: -15px;
  position: relative;
  z-index: 2;
}

.img_option {
  position: relative;
  display: inline-block;
  margin-bottom: 240px;
}

.img_option:before {
  content: "";
  left: 193px;
  right: 0;
  height: 63px;
  position: absolute;
  background-color: #7DDBFC;
  bottom: 0;
  z-index: 3;
}

.img_option>div {
  display: inline-block;
}

.img_option .img_02 {
  position: absolute;
  left: 193px;
  top: 100%;
  transform: translate(0, -63px);
}

.img_option .img_02 img {
  max-width: inherit;
}

.img_option .img_03 {
  position: absolute;
  left: 79px;
  top: 100%;
  transform: translate(0, -51px);
  z-index: 4;
}

#Body .button-001 {
  border: 2px solid var(--button-color1);
  line-height: 44px;
  color: var(--button-color1);
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
  font-size: 1.25rem;
}

#Body .button-001:hover {
  background-color: var(--button-hover-color1);
  color: #fff;
}

#Body .button-002 {
  border: 2px solid var(--button-color1);
  line-height: 44px;
  color: #f3f3f3;
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
  background-color: var(--button-hover-color1);
  height: 48px;
  position: relative;
  font-size: 1.25rem;
}

#Body .button-002 i {
  position: absolute;
  left: 30px;
  top: 7px;
}

#Body .button-002 i svg {
  width: 30px;
  height: 30px;
}

#Body .button-002:hover {
  background-color: transparent;
  color: var(--button-color1);
}

#Body .btn_link_box .button-002:hover {
  color: #fff;
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}

.sub_title {
  color: #0088d0;
  font-weight: normal;
  font-size: 1.5rem;
}

.img_option2 {
  position: relative;
  display: inline-block;
  margin-bottom: 127px;
}

.img_option2:before {
  content: "";
  left: 100%;
  right: 0;
  bottom: 0;
  top: 271px;
  position: absolute;
  background-color: #7DDBFC;
  transform: translate(-100%, 0);
  z-index: 6;
  width: 46px;
}

.img_option2>div {
  display: inline-block;
}

.img_option2 .img_04 {
  position: absolute;
  left: 100%;
  top: 100%;
  transform: translate(-46px, -305px);
  z-index: 5;
}

.img_option2 .img_04 img {
  max-width: inherit;
}

.img_option2 .img_05 {
  position: absolute;
  left: 127px;
  top: 100%;
  transform: translate(0, -94px);
  z-index: 4;
}

.img_option3 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 85px;
}

.img_option3 .img_05 {
  position: relative;
}

.img_option3 .img_05:before {
  content: "";
  left: 100%;
  right: 0;
  bottom: 0;
  top: 50px;
  position: absolute;
  background-color: #7DDBFC;
  transform: translate(-100%, 0);
  z-index: 6;
  width: 36px;
}

.img_option3 .img_06 {
  margin-left: -36px;
  margin-bottom: -34px;
}

.img_option4 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 126px;
}

.img_option4 .img_02 {
  position: relative;
  margin-left: 228px;
}

.img_option4 .img_02:before {
  content: "";
  left: 100%;
  left: 0;
  bottom: 0;
  top: 196px;
  position: absolute;
  background-color: #7DDBFC;
  transform: translate(0, 0);
  z-index: 6;
  width: 46px;
}

.img_option4 .img_06 {
  margin-left: -36px;
  margin-bottom: -34px;
}

.img_option4 .img_01 {
  position: absolute;
  left: 41px;
  bottom: -80px;
  z-index: 1;
}

.img_option4 .img_03 {
  position: absolute;
  left: 280px;
  bottom: -122px;
}

.img_option4.custom_img_01 .img_01 {
  bottom: -112px;
  left: 61px;
}

.img_option4.custom_img_01 .img_03 {
  bottom: -153px;
  left: 300px;
}

.img_option4.custom_img_01 .img_02:before {
  height: auto;
  top: 199px;
}

.img_option4.custom_img_02 .img_02:before {
  top: 199px;
}

.img_option4.custom_img_02 .img_01 {
  bottom: -82px;
  left: 61px;
}

.img_option4.custom_img_02 .img_03 {
  left: 300px;
}

.our_item {
  background-color: #E7EEF1;
  padding: 40px 25px;
  border-radius: 15px;
  margin-bottom: 30px;
}

.our_item h3 {
  font-size: 1.5rem;
}

.our_item .date_item {
  padding-bottom: 15px;
}

.our_item .date_item>p {
  margin: 0;
  color: #0088d0;
  line-height: 1;
}

.our_item .date_item .is-social i {
  color: #0088d0;
}

.our_img {
  margin-bottom: 30px;
}

.review_box {
  text-align: center;
}

.review_box .number {
  color: #DADBDC;
  font-size: 3.75rem;
  line-height: 1;
  padding-bottom: 10px;
  font-family: "Noto Serif Telugu";
}

.review_box .is-social i {
  color: #767D81;
}

.review_box .is-social i svg {
  width: 40px;
  height: 40px;
}

.review_box .sub_p {
  color: #DADBDC;
}

.review_box .link_box {
  padding-top: 10px;
}

.footer_item p {
  font-size: 0.875rem;
}

.footer_title {
  font-size: 1.25rem;
  margin-bottom: 0;
}

#Body .footer_social_img a {
  margin-right: 15px;
  color: var(--link-hover-color);
}

#Body .footer_social_img a:hover {
  color: var(--accent-color);
}

.footer_social_img a img {
  display: none;
}

.footer_social_img svg {
  width: 42px;
  height: 42px;
  color: currentColor;
}

.footer_bot_box {
  font-size: 0.9rem;
  color: #767D81;
}

#Body .footer_bot_box a {
  color: #767D81;
}

.footer_link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#Body .footer_bot_box a:hover {
  color: var(--link-hover-color);
}

.custom_bot_head .search-popup-box .icon {
  background-color: transparent;
  color: #0088D0;
}

.custom_bot_head .search-popup-box .icon:hover {
  color: #0088D0;
}

.custom_bot_head .container {
  position: relative;
}

.custom_bot_head .dng-megamenu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #FFF;
  padding: 30px 45px;
  border-radius: 15px;
  box-shadow: 0 0 12px rgba(0, 0, 0, .05);
  display: none;
}

.custom_bot_head .dng-megamenu .primary_structure {
  column-count: 4;
  column-gap: 48px;
  display: block;
  width: 100%;
  text-align: left;
  word-wrap: break-word;
}

.custom_bot_head .dng-megamenu .primary_structure>li {
  float: none;
  width: 100%;
  break-inside: avoid;
}

.custom_bot_head .dng-megamenu .primary_structure>li>.dnngo_menuslide {
  display: block !important;
  opacity: 1 !important;
  position: static;
}

.custom_bot_head .dng-megamenu .primary_structure .dnngo_slide_menu {
  box-shadow: none;
}

.custom_bot_head .dng-megamenu .primary_structure>li>a {
  border-bottom: 3px solid #7ddbfc;
  padding: 10px 0 !important;
  display: block;
  margin-bottom: 20px;
}

.custom_bot_head .dng-megamenu .primary_structure>li.dir>a>span:after {
  content: none;
}

.custom_bot_head .dng-megamenu .primary_structure>li>.dnngo_menuslide>ul {
  padding: 0 0 20px;
}

.custom_bot_head .dng-megamenu .primary_structure>li>.dnngo_menuslide>ul>li>a {
  padding: 0;
}

.custom_bot_head .dng-megamenu .primary_structure>li>.dnngo_menuslide>ul>li>a>span {
  line-height: 1.4 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: normal;
}

.custom_bot_head .dng-megamenu .dnngo_submenu {
  overflow: auto;
  top: -0px !important;
}

.custom_bot_head .dng-megamenu .dnngo_submenu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.custom_bot_head .dng-megamenu .dnngo_submenu::-webkit-scrollbar-track {
  background: #f3f3f3;
}

.custom_bot_head .dng-megamenu .dnngo_submenu::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 25px;
}

.custom_bot_head .dng-megamenu .dnngo_submenu .dnngo_submenu {
  display: block !important;
  box-shadow: none !important;
  opacity: 1 !important;
  position: static;
  padding: 0px 0 0 25px;
}

.custom_bot_head .dng-megamenu .dnngo_submenu a:before {
  content: none !important;
}

.custom_bot_head .dng-megamenu .dnngo_submenu .dnngo_submenu ul {
  padding-bottom: 0;
}

#Body .footer_item p,
#Body .footer_item p a {
  color: var(--default-color);
}

#Body .footer_item p a:hover {
  color: var(--link-hover-color);
}

.video_box {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  overflow: hidden;
}

/*html menu*/
.html_menu {
  position: relative;
  clear: both;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.html_menu li {
  float: left;
  list-style: none;
  position: relative;
  margin: 0;
  text-transform: capitalize;
}

.html_menu li a {
  color: #0f0f2b !important;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 21px 27px 22px;
  display: inline-block;
  word-spacing: normal;
  line-height: 33px;
  -webkit-transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;
  transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;
}

.html_menu li a:hover {
  color: var(--accent-color) !important;
}

.title-001 {
  font-size: 3rem;
  padding-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .html_menu li a {
    padding: 20px 14px 21px;
  }
}

@media only screen and (min-width: 992px) {
  .title-001 {
    font-size: 3.4375rem;
  }
}

.subtitle-001 {
  font-size: 1.5rem;
  font-weight: normal;
  font-family: "Kohinoor Telugu";
  line-height: 1.6;
}

.subtitle-002 {
  font-size: 1.375rem;
  font-weight: normal;
  font-family: "Kohinoor Telugu";
  line-height: 1.6;
}

.play_box {
  position: relative;
}

.play_box video,
.play_box img {
  border-radius: 8px;
}

.play_box:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 144px;
  height: 80px;
  transform: translate(-50%, -50%);
  background-image: url(../images/play_icon.webp);
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}

.img_bot_fontbox {
  margin: -32px 29px 0;
  position: relative;
  background-color: #F3F3F3;
  padding: 21px 10px 16px;
  box-shadow: 0 20px 18px #E7E7E8;
  text-align: center;
}

.img_bot_fontbox .title {
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--h3-color);
  font-family: "Noto Serif Telugu";
  font-size: 1.5rem;
  font-weight: normal;
  text-align: center;
  margin: 0;
}

.custom_shadow01 {
  box-shadow: 0 20px 18px rgba(0, 0, 0, .1);
}

.img_bot_fontbox h3 {
  font-size: 1.5rem;
  font-weight: normal;
  text-align: center;
  margin: 0;
}

.img_bot_fontbox h3 a {
  color: currentColor;
}

.img_bot_fontbox h3 a:hover {
  color: var(--link-hover-color);
}

.img_bot_fontbox p {
  font-size: 1.125rem;
  color: #009ee1;
  padding-top: 2px;
  margin: 0;
}

/*accordions_style01*/
.accordions_style01 .accordion01 {
  counter-reset: my-counter;
}

.accordions_style01 .accordion01 .accordion-item {
  border-bottom: 1px solid #0088D0;
  position: relative;
}

.accordions_style01 .accordion01 .accordion-item:before {
  counter-increment: my-counter;
  content: "0" counter(my-counter);
  position: absolute;
  left: 30px;
  top: 35px;
  color: #85cd24;
  font-size: 1.375rem;
}

.accordions_style01 .accordion01 .accordion-item .accordion-header {
  margin: 0;
}

.accordions_style01 .accordion01 .accordion-item .accordion-header button {
  font-size: 1.4375rem;
  color: #0f0f2b;
  font-weight: normal;
  padding: 38px 60px 38px 76px;
  width: 100%;
}

.accordions_style01 .accordion01 .panel-heading .arrow:before,
.accordions_style01 .accordion01 .panel-heading .arrow:after {
  display: none;
}

.accordions_style01 .accordion01 .panel-heading .arrow {
  left: auto;
  right: 25px;
  width: 29px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  -webkit-transition: all ease-in 200ms;
  transition: all ease-in 200ms;
}

.accordions_style01 .accordion01 .panel-heading .arrow:before {
  display: block !important;
  content: "";
  width: 16px;
  height: 2px;
  background-color: var(--link-hover-color);
  transform: rotate(26deg);
  -ms-transform: rotate(26deg);
  -moz-transform: rotate(26deg);
  -webkit-transform: rotate(26deg);
  -o-transform: rotate(26deg);
  left: 9px;
  bottom: 0;
  margin: -1px 0 0px -9px;
  opacity: 1 !important;
  border-radius: 3px 3px 0 0;
}

.accordions_style01 .accordion01 .panel-heading .arrow:after {
  opacity: 1 !important;
  display: block !important;
  content: "";
  width: 16px;
  height: 2px;
  background-color: var(--link-hover-color);
  transform: rotate(-26deg);
  -ms-transform: rotate(-26deg);
  -moz-transform: rotate(-26deg);
  -webkit-transform: rotate(-26deg);
  -o-transform: rotate(-26deg);
  right: 9px;
  bottom: 0;
  margin: -1px 0 0px -2px;
  border-radius: 3px 3px 0 0;
}

.accordions_style01 .accordion01 .accordion-item.opened .panel-heading .arrow {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.accordions_style01 .accordion01 .accordion-item.opened .accordion-header button {}

.accordions_style01 .accordion01 .accordion-content {
  padding: 0 0 54px 76px;
}

.mt-custom01 {
  margin-top: -145px;
}

.img_option2.img_custom01 .img_04 {
  transform: translate(-46px, -285px);
}

.img_option2.img_custom01:before {
  top: 199px;
}

.box-shadow01 {
  box-shadow: 0 20px 18px rgba(0, 0, 0, .08);
}

.our_box .img_bot_fontbox {
  margin-bottom: 60px;
}

.our_box img {
  border-radius: 8px;
}

.info_img_box {
  display: flex;
  flex-flow: column;
  box-shadow: 0 20px 18px #E7E7E8;
  height: calc(100% - 20px);
  margin-bottom: 20px;
}

.info_img_box .pic {
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  border-bottom: 10px solid #7DDBFC;
}

.info_img_box .info_content {
  flex: 1;
  padding: 35px 50px 20px;
  background-color: #F3F3F3;
}

.title-002 {
  font-size: 2.375rem;
}

.info_img_box .info_content a {
  color: currentColor;
}

.info_img_box .info_content a:hover {
  color: var(--link-hover-color);
}

.before_bg {
  position: relative;
}

.before_bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 409px;
  background-color: #E7EEF1;
  z-index: 0 !important;
}

.info_img_box2 {
  display: flex;
  flex-flow: column;
  height: calc(100% - 20px);
  margin-bottom: 20px;
  box-shadow: 0 20px 18px #E7E7E8;
}

.title-003 {
  font-size: 1.5rem;
  font-weight: 600;
}

.title-004 {
  font-size: 2rem;
  font-weight: 600;
  padding-bottom: 20px;
}

.title-005 {
  font-size: 2.5rem;
  padding-bottom: 10px;
}

.info_img_box2 .info_content {
  flex: 1;
  padding: 35px 30px 20px;
  background-color: #F3F3F3;
}

.info_img_box2 .info_content a {
  color: currentColor;
}

.info_img_box2 .info_content a:hover {
  color: var(--link-hover-color);
}

.map_box {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  z-index: 0;
  border-radius: 8px;
}

.map_box iframe,
.map_box object,
.map_box embed,
.map_box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.info-icon-box {
  text-align: center;
  background-color: #E7EEF1;
  border-radius: 8px;
  height: 100%;
  padding: 60px 10px;
}

.info-icon-box .icon {
  width: 128px;
  height: 128px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 128px;
  border-radius: 50%;
  background-color: #009EE1;
  margin-bottom: 40px;
}

.info-icon-box h3 {
  font-size: 1.5rem;
}

.info-icon-box .icon i {
  color: #fff;
}

.info-icon-box .icon svg {
  width: 60px;
  height: 60px;
}

.head_topbox {
  background-color: #C2E3EC;
  border-radius: 8px;
  padding: 32px 70px 0;
}

.head_topbox .review_box .number {
  color: var(--link-color);
}

.head_topbox .review_box .is-social i {
  color: var(--accent-color);
}

.head_topbox .review_box .sub_p {
  color: #191d38;
}

.btn_link_box {
  text-align: center;
  position: relative;
  z-index: 3;
  margin-top: -25px;
}

.btn_link_box>a {
  margin: 0 7px;
}

.number_list {
  list-style-type: none;
  counter-reset: my-counter;
  margin-left: 29px;
}

.number_list>li::before {
  content: counter(my-counter) ". ";
  counter-increment: my-counter;
  color: var(--link-color);
  float: left;
  margin-right: 14px;
  flex: 0 0 17px;
}

.number_list>li>div {
  max-width: calc(100% - 17px);
}

.number_list>li {
  display: flex;
  padding-bottom: 15px;
}

.number_list>li ul li {
  font-size: 1.125rem;
  list-style: none;
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.number_list>li ul {
  padding-top: 20px;
}

.number_list>li ul li:before {
  content: "";
  width: 7px;
  height: 4px;
  background-color: var(--accent-color);
  border: 3px;
  position: absolute;
  left: 0;
  top: 13px;
  border-radius: 50%;
}

.number_list>li ol li {
  list-style-type: lower-latin;
  padding-left: 0;
  font-size: 1.125rem;
  margin-bottom: 5px;
}

.number_list>li ol {
  padding-top: 10px;
  padding-bottom: 5px;
  margin-left: 51px;
}

.number_list>li ol li::before {
  display: none;
}

.number_list>li ol li::marker {
  color: var(--accent-color);
}

ul.in_ul li:before {
  display: none;
}

ul.in_ul li p {
  font-size: 1.125rem;
  line-height: 1.55;
}

.carousel02 .swiper-slide {
  padding: 0 15px;
}

.swiper-container.carousel02 .swiper-button-next,
.swiper-container.carousel02 .swiper-button-prev {
  width: 31px;
  height: 113px;
  margin-top: -56.5px;
  color: #89C924;
}

.swiper-container.carousel02 .swiper-button-prev:before {
  content: "";
  width: 3px;
  height: 63px;
  transform: rotate(26deg);
  -ms-transform: rotate(26deg);
  -moz-transform: rotate(26deg);
  -webkit-transform: rotate(26deg);
  -o-transform: rotate(26deg);
  position: absolute;
  left: 14px;
  top: -3px;
  background-color: currentColor;
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
  border-radius: 6px 6px 0 0;
}

.swiper-container.carousel02 .swiper-button-prev:after {
  content: "";
  width: 3px;
  height: 63px;
  position: absolute;
  left: 14px;
  bottom: -3px;
  background-color: currentColor;
  transform: rotate(-26deg);
  -ms-transform: rotate(-26deg);
  -moz-transform: rotate(-26deg);
  -webkit-transform: rotate(-26deg);
  -o-transform: rotate(-26deg);
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
  border-radius: 0 0 6px 6px;
}

.swiper-container.carousel02 .swiper-button-next:before {
  content: "";
  width: 3px;
  height: 63px;
  transform: rotate(-26deg);
  -ms-transform: rotate(-26deg);
  -moz-transform: rotate(-26deg);
  -webkit-transform: rotate(-26deg);
  -o-transform: rotate(-26deg);
  position: absolute;
  left: 14px;
  top: -3px;
  background-color: currentColor;
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
  border-radius: 6px 6px 0 0;
}

.swiper-container.carousel02 .swiper-button-next:after {
  content: "";
  width: 3px;
  height: 63px;
  position: absolute;
  left: 14px;
  bottom: -3px;
  background-color: currentColor;
  transform: rotate(26deg);
  -ms-transform: rotate(26deg);
  -moz-transform: rotate(26deg);
  -webkit-transform: rotate(26deg);
  -o-transform: rotate(26deg);
  transition: all ease-in 300ms;
  -moz-transition: all ease-in 300ms;
  -webkit-transition: all ease-in 300ms;
  -o-transition: all ease-in 300ms;
  -ms-transition: all ease-in 300ms;
  border-radius: 0 0 6px 6px;
}

.swiper-container.carousel02 .swiper-button-next {
  color: #89C924;
}

.swiper-container.carousel02 .swiper-button-next:hover,
.swiper-container.carousel02 .swiper-button-prev:hover {
  color: var(--accent-color);
}

.swiper-container.carousel02 .swiper-button-next span,
.swiper-container.carousel02 .swiper-button-prev span {
  display: none;
}

.swiper-container.carousel02 .swiper-pagination {
  margin-top: 0;
}

.img_option5 {
  position: relative;
  display: inline-block;
}

.img_option5 .img_02 {
  position: absolute;
  left: -80px;
  bottom: -68px;
}

.img_option5 .img_01 {
  position: relative;
}

.img_option5 .img_01:before {
  content: "";
  width: 46px;
  height: 285px;
  background-color: #7DDBFC;
  position: absolute;
  right: 0;
  bottom: 0;
}

.no_before .img_01:before {
  display: none !important;
}

.img_option6 {
  position: relative;
  display: inline-block;
}

.img_option6 .img_02 {
  position: absolute;
  right: -80px;
  bottom: -68px;
}

.img_option6 .img_01 {
  position: relative;
}

.img_option6 .img_01:before {
  content: "";
  width: 46px;
  height: 285px;
  background-color: #7DDBFC;
  position: absolute;
  left: 0;
  bottom: 0;
}

.list_style01 {
  padding: 0;
  margin: 0 0 0 30px;
}

.list_style01 li {
  list-style: none;
  position: relative;
  padding-left: 15px;
  margin-bottom: 3px;
}

.list_style01 li:before {
  content: "";
  width: 7px;
  height: 4px;
  background-color: var(--accent-color);
  border: 3px;
  position: absolute;
  left: 0;
  top: 15px;
  border-radius: 50%;
}

.html_menu .more_link {
  position: relative;
}

.html_menu .more_link .menu_box {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #FFF;
  padding: 30px 45px;
  border-radius: 15px;
  box-shadow: 0 0 12px rgba(0, 0, 0, .05);
  text-align: left;
  display: none;
}

.html_menu .more_link .menu_box>a {
  padding: 10px 0;
  display: block;
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 500;
}

.img_option6.custom_img_01 .img_01:before {
  height: auto;
  top: 148px;
}

.info_box {
  text-align: center;
  background-color: #E7EEF1;
  padding: 58px 10px;
  border-radius: 15px;
  height: calc(100% - 40px);
  margin-bottom: 40px;
}

.info_box .button-001,
.info_box .button-002 {
  min-width: 234px;
}

#Body .home_box .button-002 {
  height: 68px;
  line-height: 62px;
}

#Body .home_box .button-002:hover {
  border-color: var(--accent-color);
  color: #fff;
  background-color: var(--accent-color);
}

.home_box .play_box:before {
  display: none;
}

.home_box .play_box.paused>a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.home_box .play_box.paused>a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 144px;
  height: 80px;
  transform: translate(-50%, -50%);
  background-image: url(../images/play_icon.webp);
  background-position: center;
  background-repeat: no-repeat;

  pointer-events: none;
}

.svg_icon01 {
  position: relative;
}

.svg_icon01 svg {
  font-weight: 900;
  font-size: 53px;
  z-index: 2;
  letter-spacing: 6px;
  transform: rotate(0deg);
  fill: #f3f3f3;
  max-width: 223px;
}

.svg_icon01 svg text {
  transform: translate(-181px, 322px) rotate(-44deg);
}

.svg_icon02 {
  position: relative;
}

.svg_icon02 svg {
  font-weight: 900;
  font-size: 53px;
  z-index: 2;
  letter-spacing: 6px;
  transform: rotate(178deg);
  fill: #f3f3f3;
  max-width: 223px;
}

.svg_icon02 svg text {
  transform: translate(-192px, 320px) rotate(-44deg);
}


.svg_icon01 #text-circle2 {
  transform: rotate(1deg);
}

.star-right-hidden .is-social {
  display: inline-block;
  overflow: hidden;
  width: 210px;
  white-space: nowrap;
}

@media only screen and (min-width: 1100px) {
  .swiper-container.carousel02 .swiper-pagination {
    display: none;
  }
}

@media (max-width: 1099.98px) {

  .swiper-container.carousel02 .swiper-button-next,
  .swiper-container.carousel02 .swiper-button-prev {
    display: none;
  }
}

@media only screen and (min-width: 1600px) {

  .our_item>.date_item,
  .our_item>p {
    padding-left: 30px;
    padding-right: 30px;
  }

  .info_box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .swiper-container.carousel02 .swiper-button-prev {
    left: -105px;
  }

  .swiper-container.carousel02 .swiper-button-next {
    right: -104px;
  }

  #Body .button-002,
  #Body .button-001 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .our_box .button-002 {
    min-width: 450px;
  }

  .min_height01 {
    min-height: 127.76px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .img_option4.custom_img_02 .img_01 {
    left: 0;
  }

  .img_option4.custom_img_02 .img_02:before {
    top: 144px;
  }

  .img_option4.custom_img_01 .img_02:before {
    top: 147px;
  }

  .img_option4.custom_img_01 .img_01 {
    left: 0;
  }

  .img_option4 .img_01 {
    left: 0;
  }

  .img_option4 .img_02:before {
    top: 92px;
    width: 44px;
  }

  .img_option .img_03 {
    left: -10px;
  }

  .img_option .img_02 img {
    width: 233px;
  }

  .img_option2 .img_04 img {
    width: 240px;
  }

  .img_option {
    margin-bottom: 132px;
  }

  .footer_social_img>a {
    margin-bottom: 5px;
    display: inline-block;
  }

  .img_option:before,
  .img_option .img_02 {
    left: 165px;

  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .img_option3 .img_05:before {
    top: 48px;
  }

  .img_bot_fontbox {
    margin-left: 10px;
    margin-right: 10px;
  }

  #Body .footer_bot_box a {
    margin-right: 10px;
    margin-bottom: 5px;
  }

  .our_box .img_bot_fontbox {
    margin-bottom: 30px;
  }

  .mt-custom01 {
    margin-top: -125px;
  }

  .info_img_box2 .info_content,
  .info_img_box .info_content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767.98px) {
  .accordions_style01 .accordion01 .accordion-content {
    padding-left: 0;
  }

  .accordions_style01 .accordion01 .accordion-item .accordion-header button {
    padding: 38px 30px 38px 35px;
  }

  .accordions_style01 .accordion01 .accordion-item:before {
    left: 0;
  }

  .accordions_style01 .accordion01 .panel-heading .arrow {
    right: 0;
  }

  .img_option4.custom_img_02 .img_03 {
    left: 0;
    right: auto;
    max-width: 180px;
    bottom: -100px;
  }

  .img_option4.custom_img_01 .img_03 {
    left: 0;
    right: auto;
    max-width: 180px;
    bottom: -100px;
  }

  .img_option6 {
    margin-bottom: 50px;
  }

  .img_option6 .img_02 {
    right: 0;
    max-width: 180px;
  }

  .img_option5 .img_02 {
    left: 0;
    max-width: 180px;
  }

  .svg_icon01,
  .svg_icon02 {
    z-index: 3;
  }

  .svg_icon01 svg,
  .svg_icon02 svg {
    max-width: 180px;
    font-size: 64px;
  }

  .img_option6 .img_01:before {
    top: 30%;
    height: auto;
  }

  .info_box {

    height: calc(100% - 20px);
    margin-bottom: 20px;
  }

  .img_option6.custom_img_01 .img_02 {
    max-width: 180px;
    right: 0;
    bottom: -85px;
  }

  .number_list {
    margin-left: 0;
  }

  .title-001 {
    font-size: 2.5rem;
  }

  .btn_link_box>a {
    margin: 0 7px 5px;
  }

  .map_box {
    padding-bottom: 100%;
  }

  .info_img_box2 .info_content,
  .info_img_box .info_content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .title_bg {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .img_option2.img_custom01:before {
    top: auto;
    bottom: 0;
    left: 113px;
    height: 20px;
    width: auto;
    transform: translate(0, 0px);
  }

  .img_option2.img_custom01 .img_04 {
    transform: translate(0, -20px);
    left: 113px;
  }

  .img_option4.custom_img_02 .img_02:before,
  .img_option4.custom_img_01 .img_02:before,
  .img_option4 .img_02:before {
    left: 115px;
    bottom: 0;
    top: auto;
    right: 0;
    width: 100%;
    height: 10px;
  }

  .img_option4 .img_02 {
    overflow: hidden;
  }

  .img_option4 {
    margin-bottom: 357px;
  }

  .img_option4 .img_01 {
    position: absolute;
    left: 120px;
    bottom: 0;
    z-index: 1;
    right: 3px;
    transform: translate(0, calc(100% - 10px));
  }

  .img_option4 .img_03 {
    position: absolute;
    left: 0;
    bottom: -64px;
    right: auto;
    z-index: 10;
  }

  .img_option4 .img_02 {
    margin-left: 0;
  }

  .mt-custom01 {
    margin-top: 60px;
  }

  .our_box .img_bot_fontbox {
    margin-bottom: 20px;
  }

  .img_option .img_03 {
    width: 30%;
    left: 0;
  }

  .img_option:before,
  .img_option .img_02 {
    left: 50px;
  }

  .img_option .img_02 img {
    max-width: 100%;
  }

  .img_option .img_02 {
    transform: translate(0, -10px);
  }

  .img_option:before {
    height: 10px;
  }

  .img_option {
    margin-bottom: 200px;
  }

  .img_option2 {
    margin-bottom: 270px;
  }

  .img_option2 .img_05 {
    left: 0;
    width: 180px;
    z-index: 10;
  }

  .img_option2 .img_04 {
    left: 120px;
    transform: translate(0px, -10px);
  }

  .img_option2 .img_04 img {
    max-width: 100%;
  }

  .img_option2:before {
    left: 120px;
    top: 100%;
    height: 10px;
    width: auto;
    transform: translate(0, -10px);
  }

  .img_option3 .img_05:before {
    top: 40px;
  }

  #Body .footer_bot_box a {
    margin-right: 20px;
    margin-bottom: 5px;
  }

  .copy_box br {
    display: none;
  }
}

@media (max-width: 576px) {
  .img_option {
    margin-bottom: 260px;
  }

  .img_option2 {
    margin-bottom: 359px;
  }

  .play_box:before {
    width: 80px;
    height: 56px;
    background-size: cover;
  }
}

@media (max-width: 430px) {

  .img_option {
    margin-bottom: 260px;
  }

  .img_option2 {
    margin-bottom: 359px;
  }

  .img_option2.img_custom01 {
    margin-bottom: 320px;
  }

  .img_option4.custom_img_02 .img_01 {
    right: 0px;
    left: auto;
    bottom: auto;

  }

  .img_option4.custom_img_02 .img_02:before {
    top: 100%;
    margin-top: -10px;
    right: 0px;
    height: 10px;
    width: inherit;
    left: 90px;
  }

  .img_option4.custom_img_01 .img_02:before {
    top: 100%;
    margin-top: -10px;
    right: 0px;
    height: 10px;
    width: inherit;
    left: 90px;
  }

  .img_option4.custom_img_01 .img_01 {
    right: 0px;
    left: auto;
    bottom: auto;
  }

  .img_option4.custom_img_02,
  .img_option4.custom_img_01 {
    margin-bottom: 358px;
  }

}

@media (max-width: 414px) {
  .img_option2.img_custom01 {
    margin-bottom: 306px;
  }
}

@media (max-width: 390px) {
  .img_option2.img_custom01 {
    margin-bottom: 273px;
  }
}

@media (max-width: 1199.98px) {
  .is-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-mobile {
    padding-left: 15px;
    padding-right: 15px;
  }
}


.flip-box001 {
  -webkit-perspective: 1000;
  perspective: 1000;
  overflow: visible;
  margin-bottom: 0px;
  height: calc(100% - 0px);
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: z-index 750ms ease;
  transition: z-index 750ms ease;
  display: flex;
  opacity: 1;
  z-index: 0;
}

.flip-box001 .front,
.flip-box001 .back {
  -webkit-transition: all 750ms ease 0s;
  transition: all 750ms ease 0s;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  flex: 0 0 100%;
  width: 100%;
  padding: 40px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.flip-box001 .front {
  position: relative;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
  background-color: #edf0f8;
}

.flip-box001 .back {
  z-index: 1;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #0088D0;
  color: #FFF;
  margin-left: -100%;
  text-align: left;
}

.flip-box001:hover,
.flip-box001:focus-within {
  z-index: 100;
}

.flip-box001:hover .front,
.flip-box001:focus-within .front {
  background-color: #FFF;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: #edf0f8;
}

.flip-box001:hover .back,
.flip-box001:focus-within .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
}

.flip-box001 .front .icon {
  margin-bottom: 20px;
  margin-bottom: 20px;
  font-size: 48px;
  color: #0088D0;
  line-height: 1;
}

.flip-box001 .front .title {
  font-size: 1.125rem;
  color: #2e323c;
  margin: 0px 0 15px;
  flex: 1 0 auto;
}

.flip-box001 .front .link {
  font-size: 1.625rem;
}

.flip-box001 .back::before {
  content: "A";
  position: absolute;
  bottom: -5px;
  right: -28px;
  font-size: 200px;
  line-height: .75;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.05);
  z-index: -1;
  pointer-events: none;
}

@media only screen and (max-width: 992px) {
  .flip-box001 .back {
    padding: 15px;
  }
}

.flip-box001 .back .button-002 {
  margin: 0;
}

.flip-box001 .front {
  padding: 0;
  border-radius: 10px;
  background-color: transparent;
}

.flip-box001 .back::before {
  display: none;
}

.flip-box001 .back {
  background-color: #E7EEF1;
  border-radius: 10px;
}

.flip-box001 .back .title {
  font-size: 1.5rem;
  color: #0f0f2b;
  margin-bottom: 0;
}

.flip-box001 .back .date {
  font-size: 1.1875rem;
  color: var(--accent-color);
  margin-bottom: 15px;
}

.flip-box001 .back .description {
  color: #0f0f2b;
  font-size: 1.125rem;
  margin-bottom: 24px;
  line-height: 1.6;
  max-height: calc(7em * 1.6);
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
}

.flip-box001 .back {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.flip-box001 .back>p:last-child {
  margin-bottom: 0;
}


/*flip-box002*/

.flip-box002 {
  -webkit-perspective: 1000;
  perspective: 1000;
  overflow: visible;
  margin-bottom: 0px;
  height: calc(100% - 0px);
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: z-index 750ms ease;
  transition: z-index 750ms ease;
  display: flex;
  opacity: 1;
  z-index: 0;
}

.flip-box002 .front,
.flip-box002 .back {
  -webkit-transition: all 750ms ease 0s;
  transition: all 750ms ease 0s;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  flex: 0 0 100%;
  width: 100%;
  padding: 40px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.flip-box002 .front {
  position: relative;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
  background-color: #edf0f8;
}

.flip-box002 .back {
  z-index: 1;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #0088D0;
  color: #FFF;
  margin-left: -100%;
  text-align: left;
}

.flip-box002:hover,
.flip-box002:focus-within {
  z-index: 100;
}

.flip-box002:hover .front,
.flip-box002:focus-within .front {
  background-color: #FFF;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: #edf0f8;
}

.flip-box002:hover .back,
.flip-box002:focus-within .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
}

.flip-box002 .front .icon {
  margin-bottom: 20px;
  margin-bottom: 20px;
  font-size: 48px;
  color: #0088D0;
  line-height: 1;
}

.flip-box002 .front .title {
  font-size: 1.125rem;
  color: #2e323c;
  margin: 0px 0 15px;
  flex: 1 0 auto;
}

.flip-box002 .front .link {
  font-size: 1.625rem;
}

.flip-box002 .back::before {
  content: "A";
  position: absolute;
  bottom: -5px;
  right: -28px;
  font-size: 200px;
  line-height: .75;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.05);
  z-index: -1;
  pointer-events: none;
}

@media only screen and (max-width: 992px) {
  .flip-box002 .back {
    padding: 15px;
  }
}

.flip-box002 .back .button-002 {
  margin: 0;
}

.flip-box002 .front {
  padding: 0;
  border-radius: 10px;
  background-color: transparent;
}

.flip-box002 .back::before {
  display: none;
}

.flip-box002 .back {
  background-color: #E7EEF1;
  border-radius: 10px;
}

.flip-box002 .back .title {
  font-size: 1.5rem;
  color: #0f0f2b;
  margin-bottom: 0;
}

.flip-box002 .back .date {
  font-size: 1.1875rem;
  color: var(--accent-color);
  margin-bottom: 15px;
}

.flip-box002 .back .description {
  color: #0f0f2b;
  font-size: 1.125rem;
  margin-bottom: 24px;
  line-height: 1.6;
  max-height: calc(7em * 1.6);
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
}

.flip-box002 .back {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.flip-box002 .back>p:last-child {
  margin-bottom: 0;
}

.cell-active .flip-box002 .front {
  -webkit-transform: rotateY(0deg) translateY(100%) !important;
  transform: rotateY(0deg) translateY(100%) !important;
  margin: 0 !important;
}

.cell-active .flip-box002 .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
}