/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ex-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.ex-vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ex-transition {
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.ex-transition-medium {
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.ex-transition-large {
  -webkit-transition: all 1.8s ease;
  transition: all 1.8s ease;
}

/*--------------------------------------- Mixins Ends -------------------------------------*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
#header-wrapper {
  z-index: 20;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#header-wrapper .navbar-section .navbar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

#header-wrapper .navbar-section .navbar-container .logo-container {
  width: 250px;
}

#header-wrapper .navbar-section .navbar-container .nav-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li {
  display: inline-block;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li:not(:last-of-type) {
  margin-right: 55px;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li:last-of-type > a {
  padding: 10px 30px;
  background-color: #00A8FF;
  border: 2px solid #fff;
  border-radius: 120px;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li > a {
  padding: 50px 0 45px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  display: block;
  font-family: "Roboto", sans-serif;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li > a span {
  margin-left: 15px;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li.sub-menu-container {
  position: relative;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li.sub-menu-container:hover ul.dropdown-menu {
  opacity: 1;
  top: 90%;
  pointer-events: initial;
  -webkit-transition: all 0.5 ease;
  transition: all 0.5 ease;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li ul.dropdown-menu {
  position: absolute;
  top: -100%;
  background-color: #00A8FF;
  text-align: left;
  min-width: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li ul.dropdown-menu > li > a {
  color: #fff;
  font-size: 22px;
  padding: 25px 12px;
}

#header-wrapper .navbar-section .navbar-container .nav-container .menu-main-menu-container > ul > li ul.dropdown-menu > li > a:hover {
  background-color: transparent;
}

#header-wrapper .navbar-section .navbar-container .burger-container {
  display: none;
}

#header-wrapper .navbar-section .navbar-container .burger-container .nav-toggle {
  padding: 5px;
}

#header-wrapper .navbar-section .navbar-container .burger-container .nav-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #FFBE58;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: auto;
}

#header-wrapper .navbar-section .navbar-container .burger-container .nav-toggle span:not(:last-of-type) {
  margin-bottom: 6px;
}

#header-wrapper.nav-scroll {
  position: fixed;
  background-color: #2d2e3182;
  -webkit-animation: slide-down 0.7s;
          animation: slide-down 0.7s;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.nav-section {
  z-index: 5;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #292f35;
  left: 0;
  height: 100vh;
  width: 100%;
  padding-top: 120px;
  overflow-y: scroll;
  opacity: 0;
  pointer-events: none;
}

.nav-section .navigation ul li {
  margin: 0;
}

.nav-section .navigation ul li a {
  font-size: 1.25rem;
  display: block;
  color: #fff;
  padding: 15px 20px;
  text-transform: capitalize;
}

.nav-section .navigation ul li .uk-accordion-content {
  margin: 0;
}

.nav-section .navigation ul li .uk-accordion-content ul.sub-menu > li > a {
  color: #FFBE58;
  font-size: 1rem;
  padding: 8px 30px;
}

/*--------------------------------- Header Wrapper Ends ---------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
#content-wrapper #home-page .banner-slider-section {
  position: relative;
}

#content-wrapper #home-page .banner-slider-section .banner-slider {
  margin-bottom: 350px;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper {
  position: absolute;
  bottom: -17%;
  -webkit-transform: translateY(17%);
          transform: translateY(17%);
  left: 0;
  right: 0;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container {
  max-width: 1800px;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -30px;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item {
  padding: 30px;
  width: 33.33%;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item:nth-of-type(1) .inner {
  background-color: #1A2B55;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item:nth-of-type(2) .inner {
  background-color: #1A2B55;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item:nth-of-type(3) .inner {
  background-color: #1A2B55;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner {
  border-radius: 6px;
  padding: 45px 25px;
  color: #fff;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .icon-num-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .icon-num-wrapper .icon-container {
  width: 120px;
  height: 120px;
  padding-bottom: 25px;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .icon-num-wrapper .icon-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .icon-num-wrapper span {
  height: 70px;
  width: 70px;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .icon-num-wrapper span h2 {
  font-size: 36px;
  color: #000;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .title {
  padding-bottom: 40px;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .title h2 {
  font-size: 38px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  color: #fff;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .content {
  padding-bottom: 30px;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .content p {
  font-size: 24px;
  line-height: 2;
  font-family: "Roboto", sans-serif;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .form-action {
  text-align: left;
}

#content-wrapper #home-page .banner-slider-section .card-wrapper .custom-container .card-container .card-item .inner .form-action button {
  color: #fff;
}

#content-wrapper #about-page .support-section {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#content-wrapper #about-page .support-section .section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#content-wrapper #about-page .support-section .section-content .image-container {
  width: 25%;
  text-align: center;
}

#content-wrapper #chairman-page .message-nav-section .message-container {
  padding: 50px 20px;
  background-color: #F7F7F7;
  border-radius: 8px;
}

#content-wrapper #chairman-page .message-nav-section .message-container .inner .content .text-container p {
  font-size: 24px;
}

#content-wrapper #chairman-page .message-nav-section .message-container .inner .content .chairman-container {
  text-align: center;
  padding-top: 35px;
}

#content-wrapper #chairman-page .message-nav-section .message-container .inner .content .chairman-container .inner .image-container {
  width: 300px;
  height: 300px;
  margin: auto;
}

#content-wrapper #chairman-page .message-nav-section .message-container .inner .content .chairman-container .inner .image-container img {
  border-radius: 50%;
}

#content-wrapper #chairman-page .message-nav-section .message-container .inner .content .chairman-container .inner .text-container h3 {
  color: #FFBE58;
}

#content-wrapper #chairman-page .message-nav-section .nav-team-wrapper .team-container .common-title h2:after {
  left: 0;
  bottom: -15px;
  width: 30px;
}

#content-wrapper #contact-page .contact-section .contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item .inner {
  padding: 50px 25px;
  height: 100%;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type {
  width: 70%;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner {
  background-color: #F7F7F7;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .fields {
  padding: 30px 0;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .fields .common-item:not(:last-of-type) {
  margin-bottom: 60px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .fields .common-item label {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  color: #FFBE58;
  font-weight: bold;
  padding-bottom: 25px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .fields .common-item input {
  width: 100%;
  border: none;
  font-size: 24px;
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 22px;
  background-color: transparent;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .fields .common-item input:focus-visible {
  outline: none;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .fields .common-item textarea {
  height: 150px;
  font-size: 24px;
  border: 1px solid #C4C4C4;
  width: 100%;
  background-color: transparent;
  padding: 15px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .form-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:first-of-type .inner .form-action button {
  background-color: #FFBE58;
  color: #fff;
  height: 65px;
  width: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type {
  width: 30%;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner {
  background-color: #FFBE58;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner .inner-content .title {
  padding-bottom: 65px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner .inner-content .title h2 {
  text-align: center;
  color: #fff;
  font-size: 40px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner .inner-content .content {
  padding: 0 20px 70px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner .inner-content .content ul li:not(:last-of-type) {
  margin-bottom: 60px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner .inner-content .content ul li span.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner .inner-content .content ul li span.wrapper span.icon {
  margin-right: 35px;
  font-size: 30px;
}

#content-wrapper #contact-page .contact-section .contact-container .contact-item:last-of-type .inner .inner-content .content ul li span.wrapper h5 a {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 24px;
}

#content-wrapper #events-page .common-news-events-section .section-wrapper .common-title {
  text-align: center;
}

#content-wrapper #events-page .common-news-events-section .section-wrapper .section-content .item .text-container .content h3 {
  color: #395467;
}

#content-wrapper #products-page .product-section .custom-container .product-container .outer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}

#content-wrapper #products-page .product-section .custom-container .product-container .outer-container .box-container {
  width: 50%;
}

#content-wrapper #products-page .product-section .custom-container .product-container .outer-container .box-container .image-container {
  width: 500px;
}

#content-wrapper #products-page .product-section .custom-container .product-container .outer-container .box-container .inner-content-container h6 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 20px;
}

#content-wrapper #products-page .product-section .custom-container .product-container .outer-container .box-container .button-container button {
  background-color: #00A8FF;
  padding: 10px 30px;
  border: 2px solid #fff;
  border-radius: 120px;
}

#content-wrapper #products-page .product-section .custom-container .product-container .outer-container .box-container .button-container button a {
  color: white;
}

/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
#footer-wrapper {
  margin-top: 50px;
}

#footer-wrapper .common-floating-footer {
  margin-bottom: -160px;
}

#footer-wrapper .common-floating-footer .floating-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -50px;
}

#footer-wrapper .common-floating-footer .floating-container .icon {
  padding: 50px;
  width: 25%;
}

#footer-wrapper .common-floating-footer .floating-container .icon .inner {
  padding: 25px;
  background-color: #F7F7F7;
  text-align: center;
  border-radius: 8px;
  border-bottom: 6px solid #FFBE58;
}

#footer-wrapper .common-floating-footer .floating-container .icon .inner .image-container {
  padding-bottom: 25px;
}

#footer-wrapper .common-floating-footer .floating-container .icon .inner .text-container h2 {
  font-size: 42px;
  color: #395467;
  margin-bottom: 10px;
  font-weight: 700;
}

#footer-wrapper .common-floating-footer .floating-container .icon .inner .text-container h3 {
  font-size: 24px;
  text-transform: uppercase;
}

#footer-wrapper .top-footer {
  background-color: #395467;
}

#footer-wrapper .top-footer .top-footer-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item {
  width: 25%;
  padding: 0 30px;
  color: #fff;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .logo-container a img {
  margin-top: -50px;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .title {
  padding-bottom: 40px;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .title h3 {
  font-size: 32px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  position: relative;
  color: #fff;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .title h3:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 4 0%;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #FFBE58;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .content ul li:not(:last-of-type) {
  margin-bottom: 18px;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .content ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .content ul li a span {
  color: #fff;
  margin-right: 10px;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .content ul li a span.icon {
  color: #FFBE58;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .content ul li a h5 {
  color: #fff;
  font-size: 22px;
  font-family: "Roboto", sans-serif;
}

#footer-wrapper .top-footer .top-footer-wrapper .top-footer-item .content h5 {
  line-height: 2;
  color: #fff;
  font-size: 22px;
}

#footer-wrapper .bottom-footer {
  background-color: #000;
}

#footer-wrapper .bottom-footer p {
  text-align: center;
  color: #fff;
  font-size: 22px;
}

/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
.common-image-container {
  height: calc(100vh + 310px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.common-image-container .custom-container {
  text-align: left;
  width: 100%;
  z-index: 1;
}

.common-image-container .custom-container .inner .banner-content {
  position: absolute;
  top: 210%;
  left: 7%;
}

.common-image-container .custom-container .inner .banner-content .banner-title {
  padding-bottom: 44px;
}

.common-image-container .custom-container .inner .banner-content .banner-title h1 {
  color: #FFBE58;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.common-image-container .custom-container .inner .banner-content .section-content {
  margin-bottom: 60px;
}

.common-image-container .custom-container .inner .banner-content .section-content p {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.common-image-container .custom-container .inner .banner-content .form-action {
  text-align: left;
}

.common-image-container .custom-container .inner .banner-content .form-action button {
  padding: 18px 18px 18px 34px;
  border: unset;
  border-radius: 50px;
  color: #fff;
  font-size: 26px;
  background: unset;
  background-color: #415DEC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.common-image-container .custom-container .inner .banner-content .form-action button span {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #415DEC;
  background-color: #fff;
}

.common-content-section {
  background-color: #F7F7F7;
}

.common-content-section .section-content .block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.common-content-section .section-content .block-content.type-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.common-content-section .section-content .block-content .content-item {
  width: 50%;
}

.common-content-section .section-content .block-content .content-item.type-text .inner {
  padding: 80px;
}

.common-content-section .section-content .block-content .content-item.type-text .inner.left-padding {
  padding: 0;
  padding-left: 30px;
}

.common-content-section .section-content .block-content .content-item.type-text .inner.no-top-padding {
  padding-top: 0;
}

.common-content-section .section-content .block-content .content-item.type-text .inner .title {
  padding-bottom: 30px;
}

.common-content-section .section-content .block-content .content-item.type-text .inner .content p {
  font-size: 24px;
  line-height: 2;
  font-family: "Roboto", sans-serif;
}

.common-content-section .section-content .block-content .content-item.type-text .inner .content ul.uk-accordion li {
  padding: 20px;
  border: 1px solid #FFBE58;
}

.common-content-section .section-content .block-content .content-item.type-text .inner .content ul.uk-accordion li:not(:last-of-type) {
  margin-bottom: 20px;
}

.common-content-section .section-content .block-content .content-item.type-text .inner .content ul.uk-accordion li a.uk-accordion-title {
  font-size: 30px;
  color: #395467;
  font-weight: bold;
}

.common-content-section .section-content .block-content .content-item.type-text .inner .content ul.uk-accordion li .uk-accordion-content p {
  color: #6FB342;
}

.common-content-section .section-content .block-content .content-item.type-text .inner .form-action {
  margin-top: 60px;
  text-align: left;
}

.common-content-section .section-content .block-content .content-item.type-image .image-container {
  height: 1030px;
  max-height: 100%;
  position: relative;
}

.common-content-section .section-content .block-content .content-item.type-image .image-container.no-effect:after {
  display: none;
}

.common-content-section .section-content .block-content .content-item.type-image .image-container:after {
  position: absolute;
  content: "";
  background: #F7F7F7;
  
  width: 114px;
  -webkit-transform: skew(184deg);
          transform: skew(184deg);
  left: -60px;
  top: 0;
  z-index: 0;
}

.common-content-section .section-content .block-content .content-item.type-image .image-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.common-content-section .section-content .block-content:nth-of-type(2) .content-item {
  width: 100%;
}

.common-content-section.question-section .section-content .block-content .content-item.type-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.common-what-we-do-section .section-content .tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -25px;
}

.common-what-we-do-section .section-content .tab-container .tabs {
  width: 33.33%;
  padding: 25px;
  text-align: center;
}

.common-what-we-do-section .section-content .tab-container .tabs .inner {
  padding: 80px 20px;
  background-color: #F7F7F7;
  border-radius: 6px;
}

.common-what-we-do-section .section-content .tab-container .tabs .inner .image-container {
  height: 100px;
  width: 100px;
  margin: auto;
}

.common-what-we-do-section .section-content .tab-container .tabs .inner .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.common-what-we-do-section .section-content .tab-container .tabs .inner .title {
  padding: 30px 0;
}

.common-what-we-do-section .section-content .tab-container .tabs .inner .title h3 {
  font-size: 40px;
  font-family: "Roboto", sans-serif;
}

.common-what-we-do-section .section-content .tab-container .tabs .inner .description p {
  font-size: 26px;
  font-family: "Roboto", sans-serif;
}

.common-quote-slider-section {
  background-color: #F7F7F7;
}

.common-quote-slider-section .quote-slider .quote-slider-item .quote-slider-wrapper {
  text-align: center;
}

.common-quote-slider-section .quote-slider .quote-slider-item .quote-slider-wrapper .quote-item:nth-of-type(1) .text-container {
  padding: 80px 140px 50px;
  text-align: center;
}

.common-quote-slider-section .quote-slider .quote-slider-item .quote-slider-wrapper .quote-item:nth-of-type(1) .text-container p {
  font-style: italic;
  font-size: 26px;
  line-height: 2.5;
  position: relative;
}

.common-quote-slider-section .quote-slider .quote-slider-item .quote-slider-wrapper .quote-item:nth-of-type(2) .image-container {
  height: 200px;
  width: 200px;
  border-radius: 100%;
  margin: auto;
}

.common-quote-slider-section .quote-slider .quote-slider-item .quote-slider-wrapper .quote-item:nth-of-type(2) .image-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.common-quote-slider-section .quote-slider .quote-slider-item .quote-slider-wrapper .quote-item:nth-of-type(2) .author-title {
  padding: 30px 0;
}

.common-quote-slider-section .quote-slider .quote-slider-item .quote-slider-wrapper .quote-item:nth-of-type(2) .author-title h4 {
  color: #395467;
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
}

.common-banner-section {
  margin-bottom: 100px;
}

.common-banner-section .common-image-container {
  border-radius: 0 0 25% 25%;
}

.common-block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.common-block-content .common-content-item {
  width: 50%;
}

.common-member-section .common-title {
  text-align: center;
}

.common-member-section .common-title h2 {
  text-transform: capitalize;
}

.common-member-section .member-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -50px;
}

.common-member-section .member-container .member {
  width: 25%;
  padding: 50px;
  text-align: center;
}

.common-member-section .member-container .member .image-container {
  height: 300px;
  width: 300px;
  margin: auto;
}

.common-member-section .member-container .member .image-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.common-member-section .member-container .member .text-container {
  padding: 20px 0;
}

.common-member-section .member-container .member .text-container h3 {
  color: #FFBE58;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 8px;
}

.common-member-section .member-container .member .text-container h4 {
  color: #395467;
  font-size: 22px;
}

.common-inner .content-inner-wrapper .content-inner-item:not(:last-of-type) {
  margin-bottom: 30px;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item {
  padding: 0 10px;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:first-of-type {
  width: 30%;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:first-of-type .image-container {
  margin: auto;
  height: 120px;
  width: 120px;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:first-of-type .image-container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:last-of-type {
  width: 70%;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:last-of-type .text-container ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:last-of-type .text-container ul li h4 {
  font-size: 26px;
  color: #FFBE58;
  font-family: "Roboto", sans-serif;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:last-of-type .text-container ul li h5 {
  font-size: 22px;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}

.common-inner .content-inner-wrapper .content-inner-item ._inner .common-block-item:last-of-type .text-container ul li a {
  color: #395467;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
}

.common-title h2 {
  display: inline-block;
  font-size: 34px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin-bottom: 30px;
  color: #395467;
  position: relative;
}

.common-title h2:after {
  position: absolute;
  content: "";
  display: inline-block;
  right: -100px;
  bottom: 0;
  width: 90px;
  height: 2px;
  background-color: #395467;
}

.common-title h1 {
  font-size: 40px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  color: #FFBE58;
  margin-bottom: 30px;
}

.common-block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -30px;
}

.common-block-content .common-block-item {
  padding: 30px;
}

.common-block-content .common-block-item:first-of-type {
  width: 70%;
}

.common-block-content .common-block-item:last-of-type {
  width: 30%;
}

.common-nav-container {
  padding-bottom: 50px;
}

.common-nav-container .inner {
  padding: 20px;
  background-color: #FFBE58;
  border-radius: 4px;
}

.common-nav-container .inner ul.nav-tabs {
  border-bottom: 0;
}

.common-nav-container .inner ul li {
  padding: 20px 0;
  width: 100%;
}

.common-nav-container .inner ul li:not(:last-of-type) {
  border-bottom: 1px solid #fff;
}

.common-nav-container .inner ul li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  padding: 0;
}

.common-nav-container .inner ul li a:hover {
  background-color: transparent;
  border-color: transparent;
}

.common-nav-container .inner ul li a span {
  margin-right: 10px;
}

.common-nav-container .inner ul li.active > a {
  background-color: transparent;
  border: 0;
}

.common-nav-container .inner ul li.active > a:hover {
  color: #fff;
}

.common-swiperjs .swiper {
  width: 50%;
  height: 50%;
}

.common-swiperjs .swiper.mySwiper .swiper-wrapper .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.common-swiperjs .swiper.mySwiper .swiper-wrapper .swiper-slide .image-container {
  height: 50%;
}

.common-swiperjs .swiper.mySwiper .swiper-wrapper .swiper-slide .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.common-product-details .custom-container .product-details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.common-product-details .custom-container .product-details-container .product-info {
  width: 50%;
  border-right: 4px solid orange;
  margin-right: 50px;
  line-height: 2;
}

.common-product-details .custom-container .product-details-container .product-desc {
  width: 50%;
  line-height: 2;
}

.common-product-details .custom-container .product-details-container .product-desc ul .title {
  color: orange;
}

ul.arrow-style li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.arrow-style li:not(:last-of-type) {
  margin-bottom: 30px;
}

ul.arrow-style li:before {
  position: absolute;
  content: "\f105";
  font-family: fontAwesome;
  left: 0;
  font-size: 20px;
  top: 10%;
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}

ul.arrow-style li p {
  margin-left: 20px;
}

.common-social-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.common-social-links ul li {
  height: 60px;
  width: 60px;
  background-color: #FFBE58;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.common-social-links ul li a {
  color: #fff;
  font-size: 30px;
}

.common-social-links ul li:not(:last-of-type) {
  margin-right: 20px;
}

.common-social-links.white-background ul li {
  background-color: #fff;
}

.common-social-links.white-background ul li a {
  color: #FFBE58;
}

.common-news-events-section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.common-news-events-section:after {
  content: "";
  position: absolute;
  background-color: #00000087;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}

.common-news-events-section.no-effect:after {
  content: unset;
}

.common-news-events-section .section-wrapper {
  z-index: 1;
  position: relative;
}

.common-news-events-section .section-wrapper .section-title h2 {
  color: #fff;
}

.common-news-events-section .section-wrapper .section-title h1:after {
  background-color: #fff;
}

.common-news-events-section .section-wrapper .section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -45px;
}

.common-news-events-section .section-wrapper .section-content .item {
  width: 33.33%;
  padding: 45px;
}

.common-news-events-section .section-wrapper .section-content .item .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.common-news-events-section .section-wrapper .section-content .item .text-container .content {
  padding: 20px 0;
}

.common-news-events-section .section-wrapper .section-content .item .text-container .content h3 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

.common-news-events-section .section-wrapper .section-content .item .text-container .event-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.common-news-events-section .section-wrapper .section-content .item .text-container .event-container ul li:not(:last-of-type) {
  margin-right: 15px;
}

.common-news-events-section .section-wrapper .section-content .item .text-container .event-container ul li span {
  padding: 8px 20px;
  border-radius: 25px;
  font-weight: bold;
  font-style: italic;
  font-size: 26px;
  color: #fff;
}

.common-news-events-section .section-wrapper .section-content .item .text-container .event-container ul li span.date {
  background-color: #6FB342;
}

.common-news-events-section .section-wrapper .section-content .item .text-container .event-container ul li span.time {
  background-color: #FD7E14;
}

.common-news-events-section .section-wrapper .action {
  text-align: center;
  padding-top: 70px;
}

.common-news-events-section .section-wrapper .action button {
  border: unset;
  border-radius: 4px;
  padding: 20px 30px;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  background-color: #FD7E14;
}

.common-news-events-section .section-wrapper .action button span {
  margin-left: 10px;
}

.common-remove-tab-style {
  border-bottom: 0;
}

.common-remove-tab-style li a {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.common-remove-tab-style li a:focus, .common-remove-tab-style li a:hover {
  background-color: transparent;
  border: 0;
}

.common-remove-tab-style li.active a {
  background-color: transparent;
  border: 0;
}

.common-remove-tab-style li.active a:focus, .common-remove-tab-style li.active a:hover {
  background-color: transparent;
  border: 0;
}

/*------------------------------------ Components Ends ------------------------------------*/
.animation-area .ani-sequence {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  top: 100px;
  position: relative;
  -webkit-transition: all 1.4s ease;
  transition: all 1.4s ease;
}

.animation-area .ani-sequence.second {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.animation-area .ani-sequence.third {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.animation-area .ani-sequence.normal {
  opacity: 1;
  top: 0px;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition: all 1.4s ease;
  transition: all 1.4s ease;
}

.animation-area .ani-sequence.normal.second {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.animation-area .ani-sequence.normal.third {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.animation-area-sequence.ani-sequence-2 .ani-sequence {
  opacity: 0;
  position: relative;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: all 1.4s ease;
  transition: all 1.4s ease;
}

.animation-area-sequence.ani-sequence-2 .ani-sequence:first-of-type {
  left: -100%;
}

.animation-area-sequence.ani-sequence-2 .ani-sequence:last-of-type {
  right: -100%;
}

.animation-area-sequence.ani-sequence-2 .ani-sequence.normal {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: all 1.4s ease;
  transition: all 1.4s ease;
}

.animation-area-sequence.ani-sequence-2 .ani-sequence.normal:first-of-type {
  left: 0;
}

.animation-area-sequence.ani-sequence-2 .ani-sequence.normal:last-of-type {
  right: 0;
}

/*---------------------------------- Slick Slider Starts ----------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
.banner-slider.slick-slider .slick-prev,
.banner-slider.slick-slider .slick-next {
  z-index: 1;
  height: 50px;
  width: 50px;
  border: 1px solid #fff;
  background-color: #7876762e;
  border-radius: 50%;
}

.banner-slider.slick-slider .slick-prev:before,
.banner-slider.slick-slider .slick-next:before {
  display: none;
}

.banner-slider.slick-slider .slick-prev:after,
.banner-slider.slick-slider .slick-next:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 25px;
  width: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
  right: 0;
  left: 0px;
}

.banner-slider.slick-slider .slick-prev {
  left: 10px;
}

.banner-slider.slick-slider .slick-prev:after {
  background-image: url("../img/icons/arrow-left.png");
}

.banner-slider.slick-slider .slick-next {
  right: 10px;
}

.banner-slider.slick-slider .slick-next:after {
  background-image: url("../img/icons/arrow-right.png");
}

.common-quote-slider-section .slick-dots li.slick-active button:before {
  color: #FFBE58;
}

.common-quote-slider-section .slick-dots li button:before {
  font-size: 20px;
}

/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*----------------------------------- UI KIT Starts -----------------------------------*/
.uk-accordion-title::before {
  float: right;
}

/*----------------------------------- UI KIT Ends -----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*------------------------------------- Mcustom Starts ------------------------------------*/
/*-------------------------------------- Mcustom Ends -------------------------------------*/
/*-------------------------------------- Modal Starts -------------------------------------*/
.modal-dialog {
  margin: 70px auto;
}

.modal-dialog .modal-header {
  padding: 0;
  border: 0;
}

.modal-dialog .modal-header button {
  position: absolute;
  top: -30px;
  right: 0;
  color: #fff;
  opacity: 1;
}

.modal-dialog .modal-content {
  background: black;
  border-radius: 0;
}

.modal-dialog .modal-content .modal-body {
  padding: 30px 26px;
}

.modal-dialog .modal-content .modal-body .modal-loading-gif {
  height: 130px;
  position: relative;
}

.modal-dialog .modal-content .modal-body .modal-loading-gif img {
  width: 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.modal-dialog .modal-content .modal-body p,
.modal-dialog .modal-content .modal-body h1,
.modal-dialog .modal-content .modal-body h2,
.modal-dialog .modal-content .modal-body h3,
.modal-dialog .modal-content .modal-body h4,
.modal-dialog .modal-content .modal-body h5,
.modal-dialog .modal-content .modal-body h6,
.modal-dialog .modal-content .modal-body ul li,
.modal-dialog .modal-content .modal-body ol li,
.modal-dialog .modal-content .modal-body span {
  color: #fff;
}

/*--------------------------------------- Modal Ends --------------------------------------*/
/*# sourceMappingURL=thestyles.css.map */