/*================================
        Site Transition
================================*/

/*================================
        Site Btn Fill
================================*/

/*================================
        Site Btn Outline
================================*/

/*================================
        Site Link Btn
================================*/

/*================================
        Site Input
================================*/

/*================================
           CheckBox
================================*/

/*================================
       Variables
================================*/

/*================================
    Background Colors
================================*/

/*================================
    Text Colors
================================*/

/*================================
    Borders Colors
================================*/

/*================================
    Theme Fonts Family
================================*/

/*================================
         Font Sizes
================================*/

/*================================
         Line Heights
================================*/

/*================================
         Border Radius
================================*/

/*================================
        Box Shadow
================================*/

.inner-page-header {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

.inner-page-header .container .nav-custom .nav-custom-inner {
  padding: 40px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 30;
}

@media (max-width: 991px) {
  .inner-page-header .container .nav-custom .nav-custom-inner {
    padding: 32px 0 0 0;
  }
}

.inner-page-header .container .nav-custom .nav-custom-inner .logo-otr .logo-inr {
  width: 155px;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 0 24px;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .inner-page-header .container .nav-custom .nav-custom-inner .navigation {
    display: none;
  }
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr {
  position: relative;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr:not(:last-child) {
  padding-right: 40px;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr:hover .dropdown-custom-otr {
  top: 48px;
  opacity: 1;
  z-index: 20;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  visibility: visible;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  line-height: 52px;
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links:hover {
  color: #00b4ee;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr {
  position: absolute;
  top: 120px;
  left: -24px;
  opacity: 0;
  z-index: 20;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr {
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  position: relative;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list {
  position: relative;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:hover .other-drop {
  position: absolute;
  right: -236px;
  opacity: 1;
  z-index: 10;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  padding: 0 28px;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link:hover {
  color: #00b4ee;
  cursor: pointer;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop {
  position: absolute;
  right: -250px;
  top: -24px;
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  padding: 0 28px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link:hover {
  color: #00b4ee;
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle {
  height: 52px;
  width: 52px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle:hover {
  cursor: pointer;
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle:hover .toggle-inner .toggle-line {
  background-color: #00b4ee;
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle:hover .first {
  transform: translateY(-2px);
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle:hover .second {
  transform: translateY(2px);
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle .toggle-inner {
  display: flex;
  flex-direction: column;
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle .toggle-inner .toggle-line {
  width: 24px;
  height: 2px;
  background-color: #666666;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle .toggle-inner .first {
  margin-bottom: 6px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .nav-custom .nav-custom-inner .action-toggle .toggle-inner .second {
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.inner-page-header .container .inner-page-heading {
  text-align: center;
  padding: 96px 0 104px 0;
  position: relative;
  z-index: 1;
}

.inner-page-header .container .inner-page-heading .page-heading {
  color: #ffffff;
  margin: 0 0 20px 0;
}

.inner-page-header .container .inner-page-heading .page-path {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-page-header .container .inner-page-heading .page-path .linnk {
  position: relative;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  transition: 0.3s;
}

.inner-page-header .container .inner-page-heading .page-path .linnk:hover {
  color: #00b4ee;
}

.inner-page-header .container .inner-page-heading .page-path .linnk:hover::after {
  width: 100%;
  left: 0;
}

.inner-page-header .container .inner-page-heading .page-path .linnk::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

.inner-page-header .container .inner-page-heading .page-path .slash {
  color: #ffffff;
  margin: 0 16px;
}

.inner-page-header .shape-1 {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .inner-page-header .shape-1 {
    width: 280px;
  }
}

@media (max-width: 767px) {
  .inner-page-header .shape-1 {
    width: 200px;
  }
}

@media (max-width: 575px) {
  .inner-page-header .shape-1 {
    width: 180px;
  }
}

.inner-page-header .shape-2 {
  position: absolute;
  left: 40%;
  bottom: 0;
}

.inner-page-header .line {
  position: absolute;
  left: 50px;
  top: 0;
}

@media (max-width: 767px) {
  .inner-page-header .line {
    left: -180px;
  }
}

.overlay-custom {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  overflow-y: scroll;
  transition: 0.5s;
}

.overlay-custom .overlay-menu-main {
  height: 100%;
}

.overlay-custom .overlay-menu-main .container {
  position: relative;
}

.overlay-custom .overlay-menu-main .container .close-btn {
  width: 52px;
  height: 52px;
  background-color: #ffffff;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: -64px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (min-width: 991px) and (max-width: 1299px) {
  .overlay-custom .overlay-menu-main .container .close-btn {
    right: 15px;
  }
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .close-btn {
    right: 15px;
    top: -98px;
  }
}

.overlay-custom .overlay-menu-main .container .close-btn:hover .close {
  color: #00b4ee;
}

.overlay-custom .overlay-menu-main .container .close-btn:hover .close path {
  fill: #43419E;
}

.overlay-custom .overlay-menu-main .container .close-btn .close {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}

.overlay-custom .overlay-menu-main .container .close-btn .close path {
  transition: 0.3s;
  fill: #666666;
}

.overlay-custom .overlay-menu-main .container .overlay-content {
  padding-left: 150px;
}

@media (min-width: 991px) and (max-width: 1299px) {
  .overlay-custom .overlay-menu-main .container .overlay-content {
    padding-left: 200px;
  }
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .overlay-content {
    padding-left: 0;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 {
  margin: 128px 0 116px 0;
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 {
    margin: 128px 0 36px 0;
  }
}

@media (max-width: 575px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 {
    padding: 0 !important;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu {
  position: relative;
  top: -15px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li:not(:last-child) {
  margin-bottom: 16px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button {
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button:hover .mobile-menu-text {
  color: #00b4ee;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button:hover .plus-icon {
  color: #00b4ee;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button .mobile-menu-text {
  font-size: 44px;
  line-height: 64px;
  font-family: "WorkSans-SemiBold";
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button .mobile-menu-text:hover {
  cursor: pointer;
}

@media (max-width: 767px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button .mobile-menu-text {
    font-size: 44px;
    line-height: 60px;
  }
}

@media (max-width: 575px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button .mobile-menu-text {
    font-size: 28px;
    line-height: 44px;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button .plus-icon {
  font-size: 24px;
  color: #ffffff;
  position: relative;
  top: 3px;
  left: 12px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (max-width: 575px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .mobile-menu-button .plus-icon {
    font-size: 16px;
    top: 2px;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .inner-pages {
  display: flex;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom {
  margin: 0 0 0 20px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr {
  display: inline-flex;
  flex-direction: column;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr .link-main-overlay {
  display: inline;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr .link-main-overlay .mobile-menu-link {
  display: inline;
  font-size: 44px;
  line-height: 64px;
  font-family: "WorkSans-SemiBold";
  color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr .link-main-overlay .mobile-menu-link:hover {
  color: #ffffff;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr .link-main-overlay .mobile-menu-link:not(:last-child) {
  margin-bottom: 8px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr .link-main-overlay .mobile-menu-link:first-child {
  margin-top: 16px;
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr .link-main-overlay .mobile-menu-link {
    font-size: 36px;
    line-height: 52px;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-menu .col-menu-inr .mobile-menu-ul .mobile-menu-li .collaps-custom .link-main-overlay-otr .link-main-overlay .mobile-menu-link {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr {
    margin: 48px 0 0 0;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .main-logo .logo-otr .logo {
  width: 155px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .main-logo .desc-logo {
  padding: 16px 170px 0 0;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .main-logo .desc-logo {
    padding: 16px 0 0 0;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .contact-details {
  margin: 56px 0 0 0;
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .contact-details {
    margin: 48px 0 0 0;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .contact-details .contact:not(:last-child) {
  margin-bottom: 20px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .contact-details .contact .contact-head {
  color: #ffffff;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .contact-details .contact .contact-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  padding: 16px 190px 0 0;
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-1 .col-we-agency .col-we-agency-inr .contact-details .contact .contact-desc {
    padding: 16px 0 0 0;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 {
  align-items: center;
  padding: 0 15px 64px 15px !important;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-icons .col-icons-inr .icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-icons .col-icons-inr .icons .icons-a {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 1px solid #CCCCCC;
  position: relative;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  margin-top: 12px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-icons .col-icons-inr .icons .icons-a:not(:last-child) {
  margin-right: 12px;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-icons .col-icons-inr .icons .icons-a:hover {
  border: 1px solid transparent;
  background-color: #00b4ee;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-icons .col-icons-inr .icons .icons-a .social-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr {
    justify-content: flex-start;
    margin: 24px 0 0 0;
  }
}

@media (max-width: 420px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr {
    flex-direction: column;
    align-items: baseline;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr .terms-links {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  position: relative;
  transition: 0.3s;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr .terms-links:hover {
  color: #00b4ee;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr .terms-links:hover::after {
  width: 100%;
  left: 0;
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr .terms-links::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

@media (max-width: 420px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr .top {
    margin-bottom: 12px;
  }
}

.overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr .dot {
  margin: 0 8px;
  color: #ffffff;
}

@media (max-width: 420px) {
  .overlay-custom .overlay-menu-main .container .overlay-content .row-custom-2 .col-terms .col-terms-inr .dot {
    display: none;
  }
}

.loader {
  width: 100%;
  height: 100vh;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

.loader .spinner-grow {
  width: 60px !important;
  height: 60px !important;
  background-color: #def5ff;
}

/*================================

        Hero Section Start 

================================*/

.hero-section {
  background-color: #def5ff;
  position: relative;
}

.hero-section .container .hero-wrapper {
  position: relative;
  z-index: 10;
  /*================================

          Navbar Start Here

  ================================*/
  /*================================

          Navbar End Here

  ================================*/
  /*================================

          Hero Slider Start

  ================================*/
  /*================================

          Hero Slider End

  ================================*/
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner {
  padding: 40px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  .hero-section .container .hero-wrapper .nav-custom .nav-custom-inner {
    padding: 32px 0 0 0;
  }
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .logo-otr .logo-inr {
  width: 155px;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 0 24px;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation {
    display: none;
  }
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr {
  position: relative;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr:not(:last-child) {
  padding-right: 40px;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr:hover .dropdown-custom-otr {
  top: 48px;
  opacity: 1;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  visibility: visible;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  line-height: 52px;
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links:hover {
  color: #00b4ee;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr {
  position: absolute;
  top: 120px;
  left: -24px;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr {
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  position: relative;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list {
  position: relative;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:hover .other-drop {
  position: absolute;
  right: -236px;
  opacity: 1;
  z-index: 10;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  padding: 0 28px;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link:hover {
  color: #00b4ee;
  cursor: pointer;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop {
  position: absolute;
  right: -250px;
  top: -24px;
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  padding: 0 28px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link:hover {
  color: #00b4ee;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle {
  height: 52px;
  width: 52px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover {
  cursor: pointer;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .toggle-inner .toggle-line {
  background-color: #00b4ee;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .first {
  transform: translateY(-2px);
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .second {
  transform: translateY(2px);
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner {
  display: flex;
  flex-direction: column;
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .toggle-line {
  width: 24px;
  height: 2px;
  background-color: #666666;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .first {
  margin-bottom: 6px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .second {
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom {
  padding: 128px 0 !important;
  align-items: flex-end;
}

@media (max-width: 767px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom {
    padding: 112px 0 !important;
  }
}

@media (max-width: 991px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
    padding: 0 0 72px 0;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
    padding: 0 0 48px 0;
  }
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .heading-inr {
  color: #000000;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
  font-size: 20px;
  line-height: 40px;
  font-family: "WorkSans-Regular";
  color: #666666;
  padding: 28px 0 16px 0;
}

@media (max-width: 991px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
    padding: 24px 0 32px 0;
  }
}

@media (max-width: 575px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
    font-size: 17px;
    line-height: 34px;
  }
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .count-main {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .count-main {
    justify-content: center;
  }
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .count-main .count-inr .count-head {
  color: #00b4ee;
  padding: 0 0 4px 0;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .count-main .count-inr .primary {
  color: #00b4ee;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .count-main .count-inr .secondry {
  color: #43419E;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .count-main .count-inr .count-desc {
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .count-main .left {
  padding: 0 72px 0 0;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-action {
  display: flex;
  margin: 40px 0 128px 0;
}

@media (max-width: 991px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-action {
    justify-content: center;
    margin: 40px 0 64px 0;
  }
}

@media (max-width: 767px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-action {
    margin: 40px 0 56px 0;
  }
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-action .get-started-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-action .get-started-btn:hover {
  border-radius: 8px;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .img-otr-2 .hero-img-2 {
  border-radius: 24px;
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

@media (max-width: 991px) {
  .hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img {
    justify-content: center;
  }
}

.hero-section .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr .hero-img-1 {
  border-radius: 24px;
}

.hero-section .container .shape-1 {
  position: absolute;
  top: 0;
  width: 55px;
  -webkit-animation: shape-1 30s infinite linear;
          animation: shape-1 30s infinite linear;
}

@-webkit-keyframes shape-1 {
  0% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }

  17% {
    transform: translate(600px, 400px);
    opacity: 40%;
  }

  33% {
    transform: translate(600px, 600px);
    opacity: 70%;
  }

  50% {
    transform: translate(400px, 800px);
    opacity: 20%;
  }

  66% {
    transform: translate(200px, 600px);
    opacity: 60%;
  }

  83% {
    transform: translate(200px, 400px);
    opacity: 30%;
  }

  100% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }
}

@keyframes shape-1 {
  0% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }

  17% {
    transform: translate(600px, 400px);
    opacity: 40%;
  }

  33% {
    transform: translate(600px, 600px);
    opacity: 70%;
  }

  50% {
    transform: translate(400px, 800px);
    opacity: 20%;
  }

  66% {
    transform: translate(200px, 600px);
    opacity: 60%;
  }

  83% {
    transform: translate(200px, 400px);
    opacity: 30%;
  }

  100% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }
}

.hero-section .container .shape-2 {
  position: absolute;
  top: 800px;
  left: 845px;
  width: 55px;
  -webkit-animation: shape-2 50s infinite linear;
          animation: shape-2 50s infinite linear;
}

@-webkit-keyframes shape-2 {
  0% {
    top: 800px;
    left: 845px;
    opacity: 30%;
  }

  25% {
    top: 400px;
    left: 845px;
    opacity: 40%;
  }

  50% {
    top: 800px;
    left: 845px;
    opacity: 100%;
  }

  75% {
    top: 1200px;
    left: 845px;
    opacity: 20%;
  }

  100% {
    top: 800px;
    left: 845px;
    opacity: 30%;
  }
}

@keyframes shape-2 {
  0% {
    top: 800px;
    left: 845px;
    opacity: 30%;
  }

  25% {
    top: 400px;
    left: 845px;
    opacity: 40%;
  }

  50% {
    top: 800px;
    left: 845px;
    opacity: 100%;
  }

  75% {
    top: 1200px;
    left: 845px;
    opacity: 20%;
  }

  100% {
    top: 800px;
    left: 845px;
    opacity: 30%;
  }
}

.hero-section .container .shape-3 {
  position: absolute;
  top: 970px;
  left: 500px;
  width: 55px;
  -webkit-animation: shape-3 5s infinite linear;
          animation: shape-3 5s infinite linear;
}

@-webkit-keyframes shape-3 {
  0% {
    top: 970px;
    left: 500px;
    opacity: 100%;
  }

  25% {
    top: 1000px;
    left: 530px;
    opacity: 30%;
  }

  50% {
    top: 970px;
    left: 560px;
    opacity: 70%;
  }

  75% {
    top: 1000px;
    left: 530px;
    opacity: 40%;
  }

  100% {
    top: 970px;
    left: 500px;
    opacity: 100%;
  }
}

@keyframes shape-3 {
  0% {
    top: 970px;
    left: 500px;
    opacity: 100%;
  }

  25% {
    top: 1000px;
    left: 530px;
    opacity: 30%;
  }

  50% {
    top: 970px;
    left: 560px;
    opacity: 70%;
  }

  75% {
    top: 1000px;
    left: 530px;
    opacity: 40%;
  }

  100% {
    top: 970px;
    left: 500px;
    opacity: 100%;
  }
}

/*================================

        Hero Section End 

================================*/

/*================================

        Clints Start Here 

================================*/

.clients {
  margin: 128px 0;
  position: relative;
}

@media (max-width: 991px) {
  .clients {
    display: none;
  }
}

.clients .container .row-custom {
  align-items: center;
}

.clients .container .row-custom .col-content {
  padding-right: 70px;
}

.clients .container .row-custom .col-content .col-content-inr {
  border-radius: 0px 24px 24px 0px;
}

@media (max-width: 991px) {
  .clients .container .row-custom .col-content .col-content-inr {
    border-radius: 24px;
    text-align: center;
    padding: 40px;
  }
}

.clients .container .row-custom .col-content .col-content-inr .heading {
  color: #000000;
}

.clients .container .row-custom .col-content .col-content-inr .desc {
  padding: 16px 0 0 0;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.clients .container .row-custom .clients-logo {
  align-self: center;
}

.clients .container .row-custom .clients-logo .clients-logo-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clients .container .row-custom .clients-logo .clients-logo-inr .clients-otr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.clients .container .row-custom .clients-logo .clients-logo-inr .clients-otr .clint-img {
  width: auto;
}

.clients .container .row-custom .clients-logo .clients-logo-inr .clients-otr .top {
  margin-bottom: 74px;
}

.clients-992 {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .clients-992 {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .clients-992 {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .clients-992 {
    margin: 72px 0;
  }
}

@media (min-width: 991px) {
  .clients-992 {
    display: none;
  }
}

.clients-992 .content-div .content-div-inr {
  text-align: center;
  background-color: #def5ff;
  padding: 40px 15px;
  margin: 0 0 64px 0;
}

@media (max-width: 575px) {
  .clients-992 .content-div .content-div-inr {
    margin: 0 0 48px 0;
  }
}

.clients-992 .content-div .content-div-inr .heading {
  color: #000000;
}

.clients-992 .content-div .content-div-inr .desc {
  padding: 12px 0 0 0;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.clients-992 .clients-logo-inr-992 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 575px) {
  .clients-992 .clients-logo-inr-992 {
    flex-direction: column;
  }
}

.clients-992 .clients-logo-inr-992 .clients-otr {
  width: 770px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 575px) {
  .clients-992 .clients-logo-inr-992 .clients-otr {
    width: 100%;
  }
}

.clients-992 .clients-logo-inr-992 .clients-otr .clint-img {
  width: auto;
}

@media (min-width: 576px) and (max-width: 767px) {
  .clients-992 .clients-logo-inr-992 .clients-otr .clint-img {
    width: 110px;
  }
}

.clients-992 .clients-logo-inr-992 .clients-otr .top {
  margin-bottom: 50px;
}

@media (max-width: 575px) {
  .clients-992 .clients-logo-inr-992 .pad:not(:last-child) {
    margin-bottom: 50px;
  }
}

.clients-992 .clients-logo-inr-768 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clients-992 .clients-logo-inr-768 .clients-otr {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.clients-992 .clients-logo-inr-768 .clients-otr .clint-img {
  width: 100%;
  padding: 50px 100px;
}

@media (max-width: 575px) {
  .clients-992 .clients-logo-inr-768 .clients-otr .clint-img {
    padding: 40px 0;
    width: 150px;
  }
}

.clients-992 .clients-logo-inr-768 .clients-otr .top {
  margin-bottom: 50px;
}

.clients-992 .clients-logo-inr-575 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clients-992 .clients-logo-inr-575 .clients-otr {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.clients-992 .clients-logo-inr-575 .clients-otr .clint-img {
  width: auto;
}

.clients-992 .clients-logo-inr-575 .clients-otr .top {
  margin-bottom: 50px;
}

/*================================

        Clints End Here 

================================*/

/*================================

        Features Start Here 

================================*/

.features {
  margin: 128px 0 0 0;
}

@media (max-width: 991px) {
  .features {
    margin: 112px 0 0 0;
  }
}

@media (max-width: 767px) {
  .features {
    margin: 96px 0 0 0;
  }
}

@media (max-width: 575px) {
  .features {
    margin: 72px 0 0 0;
  }
}

.features .container {
  position: relative;
  z-index: 10;
}

.features .container .wrapper .main-heading-otr {
  text-align: center;
}

.features .container .wrapper .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.features .container .wrapper .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .features .container .wrapper .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.features .container .wrapper .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.features .container .wrapper .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.features .container .inr-wrapper .row-custom {
  margin: 72px 0 0 0;
}

@media (max-width: 991px) {
  .features .container .inr-wrapper .row-custom {
    margin: 64px 0 0 0;
  }
}

@media (max-width: 767px) {
  .features .container .inr-wrapper .row-custom {
    margin: 56px 0 0 0;
  }
}

@media (max-width: 575px) {
  .features .container .inr-wrapper .row-custom {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .features .container .inr-wrapper .row-custom .col-feature {
    padding: 0 !important;
  }
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr {
  position: relative;
  z-index: 10;
  padding: 40px;
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 16px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr:hover {
  transform: translateY(-5px);
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr:hover .icon-main .icon-otr .icon-origenal {
  transform: translateY(-90px);
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr:hover .icon-main .icon-otr .icon-hover {
  position: absolute;
  transform: translateY(0px);
  width: 60px;
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr .icon-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr .icon-main .icon-otr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: #def5ff;
  position: relative;
  overflow: hidden;
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr .icon-main .icon-otr .icon-origenal {
  width: 60px;
  transition: 0.3s;
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr .icon-main .icon-otr .icon-hover {
  position: absolute;
  transform: translateY(90px);
  width: 60px;
  transition: 0.3s;
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr .icon-main .num-otr .num {
  color: #def5ff;
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr .feature-content .feature-head {
  padding: 25px 0 16px 0;
  color: #000000;
}

.features .container .inr-wrapper .row-custom .col-feature .col-features-inr .feature-content .feature-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

@media (max-width: 991px) {
  .features .container .inr-wrapper .row-custom .col-feature .box1,
  .features .container .inr-wrapper .row-custom .col-feature .box2 {
    margin-bottom: 24px;
  }
}

.features .container .shape-4 {
  position: absolute;
  top: 0;
  width: 55px;
  -webkit-animation: shape-4 10s infinite linear;
          animation: shape-4 10s infinite linear;
}

@-webkit-keyframes shape-4 {
  0% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }

  33% {
    transform: translate(100px, 100px);
    opacity: 30%;
  }

  66% {
    transform: translate(0px, 200px);
    opacity: 70%;
  }

  100% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }
}

@keyframes shape-4 {
  0% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }

  33% {
    transform: translate(100px, 100px);
    opacity: 30%;
  }

  66% {
    transform: translate(0px, 200px);
    opacity: 70%;
  }

  100% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }
}

.features .container .shape-2 {
  position: absolute;
  top: 100px;
  right: 20px;
  width: 55px;
  -webkit-animation: shape-5 5s infinite linear;
          animation: shape-5 5s infinite linear;
}

@-webkit-keyframes shape-5 {
  0% {
    transform: rotate(0);
  }

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

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

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

/*================================

        Features End Here 

================================*/

/*================================

        Laern-1 Start Here 

================================*/

.learn-1 {
  position: relative;
  overflow: hidden;
  padding: 128px 0;
}

@media (max-width: 991px) {
  .learn-1 {
    padding: 112px 0;
  }
}

@media (max-width: 767px) {
  .learn-1 {
    padding: 96px 0;
  }
}

@media (max-width: 575px) {
  .learn-1 {
    padding: 72px 0;
  }
}

.learn-1::after {
  content: "";
  position: absolute;
  left: -40px;
  top: 50%;
  width: 500px;
  height: 500px;
  background-color: #def5ff;
  border-radius: 100%;
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .learn-1::after {
    display: none;
  }
}

.learn-1 .container .row-custom {
  align-items: center;
}

@media (max-width: 575px) {
  .learn-1 .container .row-custom .col-content {
    padding: 0 !important;
  }
}

.learn-1 .container .row-custom .col-content .col-content-inr {
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  .learn-1 .container .row-custom .col-content .col-content-inr {
    margin: 0 0 64px 0;
  }
}

@media (max-width: 767px) {
  .learn-1 .container .row-custom .col-content .col-content-inr {
    margin: 0 0 56px 0;
  }
}

@media (max-width: 991px) {
  .learn-1 .container .row-custom .col-content .col-content-inr .main-heading-otr {
    text-align: center;
  }
}

.learn-1 .container .row-custom .col-content .col-content-inr .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.learn-1 .container .row-custom .col-content .col-content-inr .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .learn-1 .container .row-custom .col-content .col-content-inr .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.learn-1 .container .row-custom .col-content .col-content-inr .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.learn-1 .container .row-custom .col-content .col-content-inr .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.learn-1 .container .row-custom .col-content .col-content-inr .action {
  display: flex;
  margin: 36px 0 0 0;
}

@media (max-width: 991px) {
  .learn-1 .container .row-custom .col-content .col-content-inr .action {
    justify-content: center;
  }
}

.learn-1 .container .row-custom .col-content .col-content-inr .action .learn-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  position: relative;
  z-index: 10;
}

.learn-1 .container .row-custom .col-content .col-content-inr .action .learn-btn:hover {
  border-radius: 8px;
}

@media (max-width: 575px) {
  .learn-1 .container .row-custom .col-img {
    padding: 0 !important;
  }
}

.learn-1 .container .row-custom .col-img .col-img-inr {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .learn-1 .container .row-custom .col-img .col-img-inr {
    justify-content: center;
  }
}

.learn-1 .container .row-custom .col-img .col-img-inr .learn-img {
  width: 550px;
}

.learn-1 .container .shape-2 {
  position: absolute;
  top: 280px;
  right: 55%;
  width: 55px;
  opacity: 20%;
  -webkit-animation: shape-5 5s infinite linear;
          animation: shape-5 5s infinite linear;
}

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

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

.learn-digital {
  padding: 0 0 128px 0;
}

@media (max-width: 991px) {
  .learn-digital {
    padding: 0 0 112px 0;
  }
}

@media (max-width: 767px) {
  .learn-digital {
    padding: 0 0 96px 0;
  }
}

@media (max-width: 575px) {
  .learn-digital {
    padding: 0 0 72px 0;
  }
}

.learn-digital::after {
  top: 42%;
}

.home-corporate-learn-1 {
  padding-bottom: 0;
}

.home-corporate-learn-1::after {
  top: 58%;
}

/*================================

        Laern-1 End Here 

================================*/

/*================================

        Services Start Here 

================================*/

.services {
  padding: 128px 0;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

@media (max-width: 991px) {
  .services {
    padding: 112px 0;
  }
}

@media (max-width: 767px) {
  .services {
    padding: 96px 0;
  }
}

@media (max-width: 575px) {
  .services {
    padding: 72px 0;
  }
}

.services .container .wrapper {
  position: relative;
  z-index: 10;
}

.services .container .wrapper .main-heading-otr {
  text-align: center;
}

.services .container .wrapper .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.services .container .wrapper .main-heading-otr .heading-otr {
  color: #ffffff;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .services .container .wrapper .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.services .container .wrapper .main-heading-otr .heading-otr .we {
  color: #ffffff;
}

.services .container .wrapper .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
}

.services .container .wrapper .inner-wrapper .row-custom {
  margin: 72px 0 72px 0;
}

@media (max-width: 991px) {
  .services .container .wrapper .inner-wrapper .row-custom {
    margin: 64px 0;
  }
}

@media (max-width: 767px) {
  .services .container .wrapper .inner-wrapper .row-custom {
    margin: 56px 0;
  }
}

@media (max-width: 575px) {
  .services .container .wrapper .inner-wrapper .row-custom {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .services .container .wrapper .inner-wrapper .row-custom .cl-outer {
    padding: 0 !important;
  }
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner {
  padding: 40px;
  background-color: #ffffff;
  border-radius: 24px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
  z-index: 10;
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner:hover {
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  transform: translateY(-5px);
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner:hover .img-outer .original-icon {
  transform: translateY(-90px);
  opacity: 0;
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner:hover .img-outer .hover-icon {
  transform: translateY(-90px);
  opacity: 1;
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .img-outer {
  position: relative;
  overflow: hidden;
  width: 90px;
  height: 90px;
  display: flex;
  flex-direction: column;
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .img-outer .original-icon {
  width: 90px;
  height: 90px;
  transition: 0.3s;
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .img-outer .hover-icon {
  width: 90px;
  height: 90px;
  transition: 0.3s;
  opacity: 0;
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .text .sm-heading {
  padding: 24px 0 16px 0;
  color: #000000;
}

.services .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .text .sm-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.services .container .wrapper .inner-wrapper .row-custom .box1,
.services .container .wrapper .inner-wrapper .row-custom .box2,
.services .container .wrapper .inner-wrapper .row-custom .box3 {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .services .container .wrapper .inner-wrapper .row-custom .box4,
  .services .container .wrapper .inner-wrapper .row-custom .box5 {
    margin-bottom: 24px;
  }
}

.services .container .wrapper .inner-wrapper .custom-service-otr {
  text-align: center;
}

.services .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
}

.services .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr .request-btn {
  font-family: "WorkSans-SemiBold";
  display: inline;
  position: relative;
  color: #ffffff;
}

.services .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr .request-btn:hover::after {
  width: 100%;
  left: 0;
}

.services .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr .request-btn::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.services .tours {
  position: absolute;
  top: -80px;
  left: -250px;
  width: 600px;
}

/*================================

        Services End Here 

================================*/

/*================================

        Laern-2 Start Here 

================================*/

.learn-2 {
  padding: 128px 0;
  overflow: hidden;
  position: relative;
}

@media (max-width: 991px) {
  .learn-2 {
    padding: 112px 0;
  }
}

@media (max-width: 767px) {
  .learn-2 {
    padding: 96px 0;
  }
}

@media (max-width: 575px) {
  .learn-2 {
    padding: 72px 0;
  }
}

.learn-2::after {
  content: "";
  position: absolute;
  right: -40px;
  top: 50%;
  width: 500px;
  height: 500px;
  background-color: #def5ff;
  border-radius: 100%;
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .learn-2::after {
    display: none;
  }
}

.learn-2 .container .row-custom {
  align-items: center;
}

@media (max-width: 991px) {
  .learn-2 .container .row-custom {
    flex-direction: column-reverse;
  }
}

@media (max-width: 575px) {
  .learn-2 .container .row-custom .col-img {
    padding: 0 !important;
  }
}

.learn-2 .container .row-custom .col-img .col-img-inr {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 991px) {
  .learn-2 .container .row-custom .col-img .col-img-inr {
    justify-content: center;
  }
}

.learn-2 .container .row-custom .col-img .col-img-inr .learn-img {
  width: 570px;
}

@media (max-width: 575px) {
  .learn-2 .container .row-custom .col-content {
    padding: 0 !important;
  }
}

.learn-2 .container .row-custom .col-content .col-content-inr {
  position: relative;
  padding-left: 80px;
  z-index: 1;
}

@media (max-width: 991px) {
  .learn-2 .container .row-custom .col-content .col-content-inr {
    margin: 0 0 64px 0;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .learn-2 .container .row-custom .col-content .col-content-inr {
    margin: 0 0 56px 0;
    padding-left: 0;
  }
}

.learn-2 .container .row-custom .col-content .col-content-inr .shape {
  width: 490px;
  height: 494px;
  position: absolute;
  left: -100px;
  top: -70px;
}

@media (max-width: 767px) {
  .learn-2 .container .row-custom .col-content .col-content-inr .shape {
    display: none;
  }
}

@media (max-width: 991px) {
  .learn-2 .container .row-custom .col-content .col-content-inr .main-heading-otr {
    text-align: center;
  }
}

.learn-2 .container .row-custom .col-content .col-content-inr .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.learn-2 .container .row-custom .col-content .col-content-inr .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .learn-2 .container .row-custom .col-content .col-content-inr .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.learn-2 .container .row-custom .col-content .col-content-inr .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.learn-2 .container .row-custom .col-content .col-content-inr .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.learn-2 .container .row-custom .col-content .col-content-inr .action {
  display: flex;
  margin: 36px 0 0 0;
}

@media (max-width: 991px) {
  .learn-2 .container .row-custom .col-content .col-content-inr .action {
    justify-content: center;
  }
}

.learn-2 .container .row-custom .col-content .col-content-inr .action .learn-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  position: relative;
  z-index: 10;
}

.learn-2 .container .row-custom .col-content .col-content-inr .action .learn-btn:hover {
  border-radius: 8px;
}

.learn-2 .shape-4 {
  position: absolute;
  top: 200px;
  right: 50%;
  width: 40px;
  -webkit-animation: shape-4 10s infinite linear;
          animation: shape-4 10s infinite linear;
}

@keyframes shape-4 {
  0% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }

  33% {
    transform: translate(100px, 100px);
    opacity: 30%;
  }

  66% {
    transform: translate(0px, 200px);
    opacity: 70%;
  }

  100% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }
}

.learn-2 .shape-2 {
  position: absolute;
  top: 100px;
  right: 20px;
  width: 55px;
  opacity: 30%;
  -webkit-animation: shape-5 5s infinite linear;
          animation: shape-5 5s infinite linear;
}

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

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

/*================================

        Laern-2 End Here 

================================*/

/*================================

        Pricing Start Here 

================================*/

.pricing-main {
  margin: 0 0 128px 0;
}

@media (max-width: 991px) {
  .pricing-main {
    margin: 0 0 112px 0;
  }
}

@media (max-width: 767px) {
  .pricing-main {
    margin: 0 0 96px 0;
  }
}

.pricing-main .container .wrapper .main-heading-otr {
  text-align: center;
}

.pricing-main .container .wrapper .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.pricing-main .container .wrapper .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .pricing-main .container .wrapper .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.pricing-main .container .wrapper .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.pricing-main .container .wrapper .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.pricing-main .container .wrapper .row-custom {
  margin: 140px 0 72px 0;
}

@media (max-width: 991px) {
  .pricing-main .container .wrapper .row-custom {
    margin: 64px 0;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .wrapper .row-custom {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .wrapper .row-custom .col-otr {
    padding: 0 !important;
  }
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr {
  background-color: #def5ff;
  padding: 36px 40px 40px 40px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-name {
  color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-desc {
  padding: 16px 0 16px 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main {
  display: flex;
  align-items: center;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main .price {
  color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main .slash {
  margin: 0 16px;
  color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main .per-month {
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr {
  padding: 24px 0 36px 0;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr {
  display: flex;
  align-items: center;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr:not(:last-child) {
  margin-bottom: 20px;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .check-circle {
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  margin-right: 12px;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon path {
  fill: #00b4ee;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .plan-list {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .action {
  display: flex;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .action .choose-btn {
  padding: 12px 24px;
  background-color: transparent;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  text-align: center;
  color: #ffffff;
  border-color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .action .choose-btn:hover {
  border-radius: 8px;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr:hover .overlay-hover {
  -webkit-clip-path: circle(150%);
          clip-path: circle(150%);
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .overlay-hover {
  position: absolute;
  top: -92px;
  right: -20px;
  width: 150%;
  height: 150%;
  -webkit-clip-path: circle(8% at 95% 11%);
  clip-path: circle(10% at 95% 11%);
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  transition: 0.5s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content {
  position: relative;
  z-index: 10;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-name {
  color: #000000;
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-desc {
  padding: 16px 0 16px 0;
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main {
  display: flex;
  align-items: center;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main .price {
  color: #43419E;
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main .slash {
  margin: 0 16px;
  color: #43419E;
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main .per-month {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr {
  padding: 24px 0 36px 0;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr {
  display: flex;
  align-items: center;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr:not(:last-child) {
  margin-bottom: 20px;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .check-circle {
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #00b4ee;
  position: relative;
  margin-right: 12px;
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon path {
  fill: #ffffff;
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .plan-list {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
  font-family: "WorkSans-SemiBold";
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .action {
  display: flex;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .action .choose-btn {
  padding: 12px 24px;
  background-color: transparent;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  text-align: center;
  transition: 1s;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-inr .price-content .action .choose-btn:hover {
  border-radius: 8px;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary {
  padding: 36px 40px 40px 40px;
  border-radius: 24px;
  position: relative;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .recommended-otr {
  position: absolute;
  top: -68px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .pricing-main .container .wrapper .row-custom .col-otr .col-primary .recommended-otr {
    display: none;
  }
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .recommended-otr .recommended {
  padding: 4px 16px;
  border-radius: 34px;
  background-color: #def5ff;
  color: #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-name-white {
  color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-desc-white {
  padding: 16px 0 16px 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .price-main-white {
  display: flex;
  align-items: center;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .price-main-white .price-white {
  color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .price-main-white .slash-white {
  margin: 0 16px;
  color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .price-main-white .per-month-white {
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white {
  padding: 24px 0 36px 0;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white {
  display: flex;
  align-items: center;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white:not(:last-child) {
  margin-bottom: 20px;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .check-circle-white {
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  margin-right: 12px;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .check-circle-white .check-icon-white {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .check-circle-white .check-icon-white path {
  fill: #43419E;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .plan-list-white {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .action-white {
  display: flex;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .action-white .choose-btn-white {
  padding: 12px 24px;
  background-color: transparent;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  text-align: center;
  color: #ffffff;
  border-color: #ffffff;
}

.pricing-main .container .wrapper .row-custom .col-otr .col-primary .action-white .choose-btn-white:hover {
  border-radius: 8px;
}

@media (max-width: 991px) {
  .pricing-main .container .wrapper .row-custom .col-otr .box1,
  .pricing-main .container .wrapper .row-custom .col-otr .box2 {
    margin-bottom: 30px;
  }
}

.pricing-main .container .wrapper .custom-price-otr {
  text-align: center;
}

.pricing-main .container .wrapper .custom-price-otr .custom-price-inr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.pricing-main .container .wrapper .custom-price-otr .custom-price-inr .request-btn {
  font-family: "WorkSans-SemiBold";
  display: inline;
  position: relative;
  color: #00b4ee;
}

.pricing-main .container .wrapper .custom-price-otr .custom-price-inr .request-btn:hover::after {
  width: 100%;
  left: 0;
}

.pricing-main .container .wrapper .custom-price-otr .custom-price-inr .request-btn::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.price-inr {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .price-inr {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .price-inr {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .price-inr {
    margin: 72px 0;
  }
}

/*================================

        Pricing End Here 

================================*/

/*================================

    Testimonials Start Here 

================================*/

.testimonial .container .wrapper .row-custom {
  align-items: center;
  padding: 0 !important;
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .main-heading-otr {
    text-align: center;
  }
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide {
  background-color: #def5ff;
  padding: 40px;
  margin: 40px 0 0 0;
  border-radius: 16px;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile {
    flex-direction: column;
  }
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .img-outer {
  margin-right: 20px;
  width: 70px;
  height: 70px;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .img-outer .review {
  border-radius: 8px;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details {
  position: relative;
  top: -3px;
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details {
    top: -2px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .name-person {
  font-size: 20px;
  line-height: 40px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #43419E;
  margin: 0 0 12px 0;
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .name-person {
    margin: 0px 0 8px 0;
  }
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .name-person {
    margin: 12px 0 8px 0;
  }
}

@media (max-width: 575px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .name-person {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .name-person .dot {
  margin: 0 8px;
}

@media (max-width: 575px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .name-person .dot {
    display: none;
  }
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .name-person span {
  color: #666666;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .stars {
  display: flex;
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .stars {
    justify-content: center;
  }
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .stars .star:not(:last-child) {
  margin-right: 8px;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .stars .blue-star:hover {
  cursor: pointer;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .stars .blue-star path {
  fill: #00b4ee;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .stars .gray-star:hover {
  cursor: pointer;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .profile .profile-details .name .stars .gray-star path {
  fill: #CCCCCC;
}

.testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .desc .desc-inner {
  font-style: italic;
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-text .cl-text-inner .slide-outer .slide .desc .desc-inner {
    text-align: center;
  }
}

.testimonial .container .wrapper .row-custom .cl-img .img-outer {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .testimonial .container .wrapper .row-custom .cl-img .img-outer {
    margin-top: 64px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .testimonial .container .wrapper .row-custom .cl-img .img-outer {
    margin-top: 56px;
  }
}

@media (max-width: 575px) {
  .testimonial .container .wrapper .row-custom .cl-img .img-outer {
    margin-top: 48px;
  }
}

.testimonial .container .wrapper .row-custom .cl-img .img-outer .img {
  width: 494px;
}

.testimonial-inr {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .testimonial-inr {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .testimonial-inr {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .testimonial-inr {
    margin: 72px 0;
  }
}

/*================================

    Testimonials End Here 

================================*/

/*=======================================

            Blog Start Here 

=========================================*/

.blog {
  margin: 128px 0;
  position: relative;
}

@media (max-width: 991px) {
  .blog {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .blog {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .blog {
    margin: 72px 0;
  }
}

.blog .container {
  position: relative;
}

.blog .container .wrapper .main-heading-otr {
  text-align: center;
}

.blog .container .wrapper .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.blog .container .wrapper .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

.blog .container .wrapper .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.blog .container .wrapper .row-custom {
  margin-top: 72px;
}

@media (max-width: 991px) {
  .blog .container .wrapper .row-custom {
    margin-top: 64px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .blog .container .wrapper .row-custom {
    margin-top: 56px;
  }
}

@media (max-width: 575px) {
  .blog .container .wrapper .row-custom {
    padding: 0 !important;
  }
}

.blog .container .wrapper .row-custom .col-otr .col-inr {
  border-radius: 24px;
  background-color: #def5ff;
  transition: 0.3s linear;
  position: relative;
  z-index: 10;
}

.blog .container .wrapper .row-custom .col-otr .col-inr:hover {
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
}

.blog .container .wrapper .row-custom .col-otr .col-inr .img-otr .img-inr {
  border-radius: 24px;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr {
  padding: 40px;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .cata {
  color: #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  position: relative;
  display: inline-block;
  margin: 0 0 8px 0;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .cata:hover {
  cursor: pointer;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .cata:hover::after {
  width: 100%;
  left: 0;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .cata::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .blog-head-main .blog-head {
  position: relative;
  display: contents;
  font-size: 24px;
  line-height: 40px;
  font-family: "WorkSans-SemiBold";
  color: #000000;
  transition: 0.2s;
}

@media (max-width: 575px) {
  .blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .blog-head-main .blog-head {
    font-size: 20px;
    line-height: 36px;
  }
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .blog-head-main .blog-head:hover {
  text-decoration: underline;
  color: #00b4ee;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile {
  display: inline-flex;
  align-items: center;
  margin: 24px 0 0 0;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link {
  color: #00b4ee;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link::after {
  width: 100%;
  left: 0;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-img {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-img .admin-img-inr {
  border-radius: 50%;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (max-width: 420px) {
  .blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name {
    flex-direction: column;
    align-items: baseline;
  }
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link {
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
  color: #666666;
  padding: 0 5px;
}

@media (max-width: 420px) {
  .blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
    display: none;
  }
}

.blog .container .wrapper .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .date {
  color: #666666;
}

@media (max-width: 991px) {
  .blog .container .wrapper .row-custom .col-otr .box1,
  .blog .container .wrapper .row-custom .col-otr .box2 {
    margin-bottom: 24px;
  }
}

.blog .container .shape-4 {
  position: absolute;
  top: 0px;
  right: 100px;
  width: 40px;
  -webkit-animation: shape-4 10s infinite linear;
          animation: shape-4 10s infinite linear;
}

@keyframes shape-4 {
  0% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }

  33% {
    transform: translate(100px, 100px);
    opacity: 30%;
  }

  66% {
    transform: translate(0px, 200px);
    opacity: 70%;
  }

  100% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }
}

.blog .container .shape-2 {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 55px;
  opacity: 30%;
  -webkit-animation: shape-5 5s infinite linear;
          animation: shape-5 5s infinite linear;
}

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

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

/*=======================================

          Blog End Here 

=========================================*/

/*================================

        Footer Start Here 

================================*/

.footer-main {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  padding: 128px 0 0 0;
  /*================================

          Subscribe Start Here 

  ================================*/
  /*================================

          Subscribe End Here 

  ================================*/
  /*================================

          WeAgency Start Here 

  ================================*/
  /*================================

          WeAgency End Here 

  ================================*/
  /*================================

          CopyRight Start Here 

  ================================*/
  /*================================

          CopyRight End Here 

  ================================*/
}

@media (max-width: 991px) {
  .footer-main {
    padding: 112px 0 0 0;
  }
}

@media (max-width: 767px) {
  .footer-main {
    padding: 96px 0 0 0;
  }
}

@media (max-width: 575px) {
  .footer-main {
    padding: 72px 0 0 0;
  }
}

.footer-main .subscribed .container .row-custom {
  align-items: center;
}

@media (max-width: 991px) {
  .footer-main .subscribed .container .row-custom {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .footer-main .subscribed .container .row-custom {
    padding: 0 !important;
  }
}

.footer-main .subscribed .container .row-custom .col-content .content-inr .subscribe-heading {
  color: #ffffff;
}

@media (max-width: 991px) {
  .footer-main .subscribed .container .row-custom .col-content .content-inr .subscribe-heading {
    text-align: center;
    margin: 0 0 24px 0;
  }
}

@media (max-width: 575px) {
  .footer-main .subscribed .container .row-custom .col-content .content-inr .subscribe-heading {
    margin: 0;
  }
}

.footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr {
  display: flex;
  align-items: center;
  padding-left: 50px;
}

@media (max-width: 991px) {
  .footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr {
    padding-left: 0;
  }
}

@media (max-width: 575px) {
  .footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr {
    flex-direction: column;
  }
}

.footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr .input {
  width: 100%;
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid white;
  color: #ffffff;
  border-radius: 8px;
  opacity: 100%;
}

@media (max-width: 575px) {
  .footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr .input {
    margin: 16px 0;
  }
}

.footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr .action {
  display: flex;
  margin-left: 16px;
}

@media (max-width: 575px) {
  .footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr .action {
    margin-left: 0;
  }
}

.footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr .action .subscribe-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.footer-main .subscribed .container .row-custom .col-action-otr .col-action-inr .action .subscribe-btn:hover {
  border-radius: 8px;
}

.footer-main .footer {
  padding: 96px 0 128px 0;
}

@media (max-width: 991px) {
  .footer-main .footer {
    padding: 72px 0 112px 0;
  }
}

@media (max-width: 767px) {
  .footer-main .footer {
    padding: 72px 0 96px 0;
  }
}

@media (max-width: 575px) {
  .footer-main .footer {
    padding: 72px 0 72px 0;
  }
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr {
  padding-right: 20px;
}

@media (min-width: 1400px) {
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr {
    padding-right: 60px;
  }
}

@media (max-width: 991px) {
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .logo-otr .logo-inr {
  width: 155px;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .agency-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  padding: 24px 0 32px 0;
}

@media (max-width: 991px) {
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .agency-desc {
    text-align: center;
    padding: 16px 0 24px 0;
  }
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .facebook-outer,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .twitter-outer,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .instagram-outer,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .behance-outer,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .basketball-outer,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .linkedin-outer,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .pinterest-outer {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 108px;
  transition: 0.2s linear;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .facebook-outer:hover .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .twitter-outer:hover .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .instagram-outer:hover .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .behance-outer:hover .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .basketball-outer:hover .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .linkedin-outer:hover .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .pinterest-outer:hover .social {
  color: #ffffff;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .facebook-outer:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .twitter-outer:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .instagram-outer:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .behance-outer:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .basketball-outer:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .linkedin-outer:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .pinterest-outer:not(:first-child) {
  margin-left: 12px;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .facebook-outer .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .twitter-outer .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .instagram-outer .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .behance-outer .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .basketball-outer .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .linkedin-outer .social,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .pinterest-outer .social {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  transition: 0.2s;
}

@media (max-width: 1199px) {
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .basketball-outer,
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .linkedin-outer,
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .pinterest-outer {
    display: none;
  }
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .bottom {
  margin-left: 0px !important;
  margin-top: 12px;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .bottom1 {
  margin-top: 12px;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .facebook-outer:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .twitter-outer:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .instagram-outer:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .behance-outer:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .basketball-outer:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .linkedin-outer:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer .pinterest-outer:hover {
  background-color: #00b4ee;
  border: 1px solid transparent;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

@media (max-width: 1199px) {
  .footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 {
    display: flex;
  }
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .basketball-outer1,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .linkedin-outer1,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .pinterest-outer1 {
  position: relative;
  width: 52px;
  height: 52px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 108px;
  transition: 0.2s linear;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .basketball-outer1:hover .social1,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .linkedin-outer1:hover .social1,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .pinterest-outer1:hover .social1 {
  color: #ffffff;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .basketball-outer1:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .linkedin-outer1:not(:first-child),
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .pinterest-outer1:not(:first-child) {
  margin-left: 12px;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .basketball-outer1 .social1,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .linkedin-outer1 .social1,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .pinterest-outer1 .social1 {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  transition: 0.2s;
}

.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .basketball-outer1:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .linkedin-outer1:hover,
.footer-main .footer .container .row-custom .col-we-agency .we-agency-inr .icons-outer1 .pinterest-outer1:hover {
  background-color: #00b4ee;
  border: 1px solid transparent;
}

.footer-main .footer .container .row-custom .navigation .navigation-inr {
  padding-left: 15px;
}

@media (max-width: 991px) {
  .footer-main .footer .container .row-custom .navigation .navigation-inr {
    padding-left: 0;
  }
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .navigation .navigation-inr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.footer-main .footer .container .row-custom .navigation .navigation-inr .navi-heading {
  color: #ffffff;
  padding: 0 0 20px 0;
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .navigation .navigation-inr .navi-list {
    text-align: center;
  }
}

.footer-main .footer .container .row-custom .navigation .navigation-inr .navi-list .navi-list-inr:not(:last-child) {
  margin-bottom: 12px;
}

.footer-main .footer .container .row-custom .navigation .navigation-inr .navi-list .navi-list-inr .navi-link {
  position: relative;
  display: inline-flex;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  text-transform: capitalize;
  transition: 0.3s;
}

.footer-main .footer .container .row-custom .navigation .navigation-inr .navi-list .navi-list-inr .navi-link:hover {
  color: #00b4ee;
}

.footer-main .footer .container .row-custom .navigation .navigation-inr .navi-list .navi-list-inr .navi-link:hover::after {
  width: 100%;
  left: 0;
}

.footer-main .footer .container .row-custom .navigation .navigation-inr .navi-list .navi-list-inr .navi-link::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

.footer-main .footer .container .row-custom .pages .pages-inr {
  padding-left: 30px;
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .pages .pages-inr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
}

.footer-main .footer .container .row-custom .pages .pages-inr .pages-heading {
  color: #ffffff;
  padding: 0 0 20px 0;
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .pages .pages-inr .pages-list {
    text-align: center;
  }
}

.footer-main .footer .container .row-custom .pages .pages-inr .pages-list .pages-list-inr:not(:last-child) {
  margin-bottom: 12px;
}

.footer-main .footer .container .row-custom .pages .pages-inr .pages-list .pages-list-inr .pages-link {
  position: relative;
  display: inline-flex;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  text-transform: capitalize;
  transition: 0.3s;
}

.footer-main .footer .container .row-custom .pages .pages-inr .pages-list .pages-list-inr .pages-link:hover {
  color: #00b4ee;
}

.footer-main .footer .container .row-custom .pages .pages-inr .pages-list .pages-list-inr .pages-link:hover::after {
  width: 100%;
  left: 0;
}

.footer-main .footer .container .row-custom .pages .pages-inr .pages-list .pages-list-inr .pages-link::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner {
  padding-left: 40px;
}

@media (max-width: 991px) {
  .footer-main .footer .container .row-custom .cl-address .cl-address-inner {
    padding-left: 0;
  }
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .address {
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .cl-address .cl-address-inner .address {
    text-align: center;
  }
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .address .address-heading {
  padding-bottom: 16px;
  color: #ffffff;
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .address .address-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .email {
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .cl-address .cl-address-inner .email {
    text-align: center;
  }
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .email .email-heading {
  padding-bottom: 12px;
  color: #ffffff;
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .email .email-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .cl-address .cl-address-inner .phone {
    text-align: center;
  }
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .phone .phone-heading {
  padding-bottom: 12px;
  color: #ffffff;
}

.footer-main .footer .container .row-custom .cl-address .cl-address-inner .phone .phone-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
}

@media (max-width: 991px) {
  .footer-main .footer .container .row-custom .box1 {
    margin-bottom: 72px;
  }
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .box2,
  .footer-main .footer .container .row-custom .box3 {
    margin-bottom: 56px;
  }
}

@media (max-width: 575px) {
  .footer-main .footer .container .row-custom .box1,
  .footer-main .footer .container .row-custom .box2,
  .footer-main .footer .container .row-custom .box3,
  .footer-main .footer .container .row-custom .box4 {
    padding: 0;
  }
}

.footer-main .copy-main {
  padding: 24px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-main .copy-main .container .row-custom {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .footer-main .copy-main .container .row-custom {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .footer-main .copy-main .container .row-custom {
    padding: 0 !important;
  }
}

.footer-main .copy-main .container .row-custom .copyright .copy {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #CCCCCC;
}

.footer-main .copy-main .container .row-custom .copyright .copy .flexo-link {
  position: relative;
  color: #00b4ee;
  display: inline-flex;
}

.footer-main .copy-main .container .row-custom .copyright .copy .flexo-link:hover {
  color: #00b4ee;
}

.footer-main .copy-main .container .row-custom .copyright .copy .flexo-link:hover::after {
  width: 100%;
  left: 0;
}

.footer-main .copy-main .container .row-custom .copyright .copy .flexo-link::after {
  content: "";
  position: absolute;
  right: 0;
  height: 0.5px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

.footer-main .copy-main .container .row-custom .all {
  padding-left: 15px;
}

.footer-main .copy-main .container .row-custom .all .all-rights {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #CCCCCC;
}

.footer-main .copy-main .container .row-custom .terms {
  padding-left: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .footer-main .copy-main .container .row-custom .terms {
    justify-content: center;
    padding-left: 15px;
  }
}

@media (max-width: 420px) {
  .footer-main .copy-main .container .row-custom .terms {
    flex-direction: column;
    padding-top: 8px;
  }
}

.footer-main .copy-main .container .row-custom .terms .link {
  position: relative;
  display: inline-flex;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #CCCCCC;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.footer-main .copy-main .container .row-custom .terms .link:hover {
  color: #00b4ee;
}

.footer-main .copy-main .container .row-custom .terms .link:hover::after {
  width: 100%;
  left: 0;
}

.footer-main .copy-main .container .row-custom .terms .link::after {
  content: "";
  position: absolute;
  right: 0;
  height: 0.5px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

.footer-main .copy-main .container .row-custom .terms .dot {
  margin: 0 10px;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #CCCCCC;
}

@media (max-width: 420px) {
  .footer-main .copy-main .container .row-custom .terms .dot {
    display: none;
  }
}

.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10;
}

.back-to-top .top-btn {
  width: 52px;
  height: 52px;
  background-color: #ffffff;
  border-radius: 100%;
  position: relative;
  opacity: 0;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  transition: 0.3s;
}

.back-to-top .top-btn:hover {
  background-color: #00b4ee;
}

.back-to-top .top-btn:hover .arrow path {
  fill: #ffffff;
}

.back-to-top .top-btn .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  font-size: 30px;
  transition: 0.3s;
}

.back-to-top .top-btn .arrow path {
  fill: #666666;
  transition: 0.3s;
}

#myBtn {
  transition: 0.3s;
}

/*================================

        Footer End Here 

================================*/

/*================================

        Hero Section Start 

================================*/

.hero-section-digital {
  position: relative;
  overflow: hidden;
  /*================================

          Hero Shaps Start 

  ================================*/
  /*================================

          Hero Shaps End 

  ================================*/
}

.hero-section-digital::after {
  content: "";
  position: absolute;
  background-color: #EEEEEE;
  width: 1384px;
  height: 1384px;
  top: -400px;
  right: -400px;
  border-radius: 100%;
}

@media (max-width: 991px) {
  .hero-section-digital::after {
    width: 1700px;
    height: 1700px;
  }
}

.hero-section-digital .container .hero-wrapper {
  position: relative;
  z-index: 10;
  /*================================

          Navbar Start Here

  ================================*/
  /*================================

          Navbar End Here

  ================================*/
  /*================================

          Hero Slider Start

  ================================*/
  /*================================

          Hero Slider End

  ================================*/
  /*================================

       Statisticsnts Start Here

  ================================*/
  /*================================

       Statisticsnts End Here

  ================================*/
}

.hero-section-digital .container .hero-wrapper .nav-custom {
  position: relative;
  z-index: 50;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner {
  padding: 40px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 11;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner {
    padding: 32px 0 0 0;
  }
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .logo-otr .logo-inr {
  width: 155px;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 0 24px;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation {
    display: none;
  }
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr {
  position: relative;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr:not(:last-child) {
  padding-right: 40px;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr:hover .dropdown-custom-otr {
  top: 48px;
  opacity: 1;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  visibility: visible;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  line-height: 52px;
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links:hover {
  color: #00b4ee;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr {
  position: absolute;
  top: 120px;
  left: -24px;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr {
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  position: relative;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list {
  position: relative;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:hover .other-drop {
  position: absolute;
  right: -236px;
  opacity: 1;
  z-index: 10;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  padding: 0 28px;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link:hover {
  color: #00b4ee;
  cursor: pointer;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop {
  position: absolute;
  right: -250px;
  top: -24px;
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  padding: 0 28px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link:hover {
  color: #00b4ee;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle {
  height: 52px;
  width: 52px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover {
  cursor: pointer;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .toggle-inner .toggle-line {
  background-color: #00b4ee;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .first {
  transform: translateY(-2px);
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .second {
  transform: translateY(2px);
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner {
  display: flex;
  flex-direction: column;
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .toggle-line {
  width: 24px;
  height: 2px;
  background-color: #666666;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .first {
  margin-bottom: 6px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .second {
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom {
  align-items: center;
  padding: 128px 0 !important;
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom {
    padding: 112px 0 !important;
  }
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
  position: relative;
  z-index: 10;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
    padding: 0 0 64px 0;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
    margin: 0 0 56px 0;
  }
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .heading-inr {
  color: #000000;
  padding: 0 30px 0 0;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .heading-inr {
    padding: 0;
  }
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
  font-size: 20px;
  line-height: 40px;
  font-family: "WorkSans-Regular";
  color: #666666;
  padding: 28px 0 40px 0;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
    padding: 24px 0 32px 0;
  }
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
    font-size: 17px;
    line-height: 34px;
  }
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action {
  display: flex;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action {
    justify-content: center;
  }
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action .get-started-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action .get-started-btn:hover {
  border-radius: 8px;
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr {
    width: 570px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr {
    width: 450px;
  }
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr {
    width: 100%;
  }
}

.hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr .slider-img {
  width: 550px;
  border-radius: 24px;
  position: relative;
  z-index: 20;
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr .slider-img {
    width: 420px;
  }
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr .slider-img {
    width: 100%;
  }
}

.hero-section-digital .container .hero-wrapper .statistics {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 24px;
  padding: 80px 0 !important;
  margin: 0 0 128px 0;
  z-index: 2;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .statistics {
    margin: 0 0 112px 0;
  }
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .statistics {
    margin: 0 0 96px 0;
  }
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .statistics {
    padding: 72px 120px !important;
  }
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .statistics {
    padding: 72px !important;
  }
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics {
    padding: 40px 28px !important;
    margin: 0 0 72px 0;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-statics-content .col-statics-content-inr {
  padding: 0 0 0 56px;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-statics-content .col-statics-content-inr {
    padding: 0px;
    text-align: center;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-statics-content .col-statics-content-inr .statistics-heading {
  font-size: 36px;
  line-height: 52px;
  color: #000000;
  font-family: "WorkSans-Bold";
  padding: 0 0 16px 0;
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-statics-content .col-statics-content-inr .statistics-heading .we {
  color: #00b4ee;
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-statics-content .col-statics-content-inr .statistics-heading {
    font-size: 30px;
    line-height: 44px;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-statics-content .col-statics-content-inr .statistics-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr {
  padding: 0 70px;
}

@media (max-width: 991px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr {
    padding: 64px 0 0 0;
  }
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr {
    padding: 56px 0 0 0;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex .counter {
    font-size: 50px;
    line-height: 64px;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex .blue {
  color: #00b4ee;
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex .blue {
    font-size: 50px;
    line-height: 64px;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex .million {
  font-size: 60px;
  line-height: 84px;
  font-family: "WorkSans-Bold";
}

@media (max-width: 767px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex .million {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .count-flex .million {
    font-size: 50px;
    line-height: 64px;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .counter-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr .counter-desc {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count .counter-otr1 {
    padding: 0 0 56px 0;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count-box1 {
  margin-bottom: 40px;
}

@media (max-width: 575px) {
  .hero-section-digital .container .hero-wrapper .statistics .row-statistics .col-counter .col-counter-inr .count-box1 {
    margin-bottom: 56px;
  }
}

.hero-section-digital .container .hero-wrapper .statistics .bg-shape {
  position: absolute;
  left: 0;
  bottom: 0;
}

.hero-section-digital .shape-1 {
  position: absolute;
  top: 0;
  width: 55px;
  -webkit-animation: shape-1 30s infinite linear;
          animation: shape-1 30s infinite linear;
}

@keyframes shape-1 {
  0% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }

  17% {
    transform: translate(600px, 400px);
    opacity: 40%;
  }

  33% {
    transform: translate(600px, 600px);
    opacity: 70%;
  }

  50% {
    transform: translate(400px, 800px);
    opacity: 20%;
  }

  66% {
    transform: translate(200px, 600px);
    opacity: 60%;
  }

  83% {
    transform: translate(200px, 400px);
    opacity: 30%;
  }

  100% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }
}

.hero-section-digital .shape-2 {
  position: absolute;
  top: 800px;
  left: 630px !important;
  width: 40px;
  opacity: 50%;
  -webkit-animation: shape-5 10s infinite linear;
          animation: shape-5 10s infinite linear;
}

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

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

.hero-section-digital .shape-3 {
  position: absolute;
  top: 140px !important;
  right: 0px !important;
  left: initial !important;
  width: 10px;
  z-index: 2;
  -webkit-animation: shape-3 5s infinite linear;
          animation: shape-3 5s infinite linear;
}

@keyframes shape-3 {
  0% {
    top: 970px;
    left: 500px;
    opacity: 100%;
  }

  25% {
    top: 1000px;
    left: 530px;
    opacity: 30%;
  }

  50% {
    top: 970px;
    left: 560px;
    opacity: 70%;
  }

  75% {
    top: 1000px;
    left: 530px;
    opacity: 40%;
  }

  100% {
    top: 970px;
    left: 500px;
    opacity: 100%;
  }
}

/*================================

        Hero Section End 

================================*/

/*================================

        Clients Start Here 

================================*/

.digital-clients {
  background-color: #def5ff;
  margin: 128px 0;
}

@media (max-width: 991px) {
  .digital-clients {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .digital-clients {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .digital-clients {
    margin: 72px 0;
  }
}

.digital-clients .container .row {
  padding: 0 15px !important;
  justify-content: space-between;
}

.digital-clients .container .row .img-otr {
  padding: 50px 0;
  display: flex;
  align-items: center;
}

.digital-clients .container .row .img-otr:last-child {
  padding-bottom: 50px;
}

@media (max-width: 575px) {
  .digital-clients .container .row .img-otr {
    justify-content: center;
    padding: 50px 0 0 0;
  }

  .digital-clients .container .row .img-otr:last-child {
    padding-bottom: 50px;
  }
}

.digital-clients .container .row .img-otr .img-inr {
  width: auto;
}

@media (min-width: 991px) {
  .digital-clients .container .row .lastotr {
    display: none;
  }
}

@media (min-width: 991px) {
  .digital-clients .container .row .desktop-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 991px) {
  .digital-clients .container .row .desktop-last {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .digital-clients .container .row .center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .digital-clients .container .row .last {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/*================================

        Clients End Here 

================================*/

/*================================

        Team Start Here

=================================*/

.team-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .team-main {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .team-main {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .team-main {
    margin: 72px 0;
  }
}

.team-main .container {
  position: relative;
}

.team-main .container .main-heading-otr {
  text-align: center;
}

.team-main .container .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.team-main .container .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .team-main .container .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.team-main .container .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.team-main .container .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.team-main .container .row-custom {
  margin: 72px 0 72px 0;
}

@media (max-width: 991px) {
  .team-main .container .row-custom {
    margin: 64px 0;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .team-main .container .row-custom {
    margin: 56px 0;
  }
}

@media (max-width: 575px) {
  .team-main .container .row-custom {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .team-main .container .row-custom .col-otr {
    padding: 0 !important;
  }
}

.team-main .container .row-custom .col-otr .col-inr {
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 24px;
}

.team-main .container .row-custom .col-otr .col-inr:hover .hover-main .content-main {
  transform: translateY(-110px);
  opacity: 0;
}

.team-main .container .row-custom .col-otr .col-inr:hover .hover-main .icons-outer {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.team-main .container .row-custom .col-otr .col-inr .col-img .team-img {
  border-radius: 24px;
  position: relative;
  z-index: 10;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main {
  position: relative;
  overflow: hidden;
  opacity: 1;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .content-main {
  text-align: center;
  padding: 32px 0;
  transition: 0.3s;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .content-main .heading-name {
  color: #000000;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .content-main .desc-team {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  padding: 8px 0 0 0;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 140%);
  flex-wrap: wrap;
  transition: 0.3s;
  width: 100%;
  opacity: 0;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .facebook-outer,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .twitter-outer,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .instagram-outer {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid #CCCCCC;
  border-radius: 108px;
  transition: 0.2s linear;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .facebook-outer:hover .social,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .twitter-outer:hover .social,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .instagram-outer:hover .social {
  color: #ffffff;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .facebook-outer:not(:first-child),
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .twitter-outer:not(:first-child),
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .instagram-outer:not(:first-child) {
  margin-left: 12px;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .facebook-outer .social,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .twitter-outer .social,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .instagram-outer .social {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #00b4ee;
  transition: 0.2s;
}

.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .facebook-outer:hover,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .twitter-outer:hover,
.team-main .container .row-custom .col-otr .col-inr .hover-main .icons-outer .instagram-outer:hover {
  background-color: #00b4ee;
  border: 1px solid transparent;
}

@media (max-width: 991px) {
  .team-main .container .row-custom .col-otr .box1,
  .team-main .container .row-custom .col-otr .box2 {
    margin-bottom: 24px;
  }
}

.team-main .container .shape-4 {
  position: absolute;
  top: 0;
  width: 55px;
  -webkit-animation: shape-4 10s infinite linear;
          animation: shape-4 10s infinite linear;
}

@keyframes shape-4 {
  0% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }

  33% {
    transform: translate(100px, 100px);
    opacity: 30%;
  }

  66% {
    transform: translate(0px, 200px);
    opacity: 70%;
  }

  100% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }
}

.team-main .container .shape-2 {
  position: absolute;
  top: 100px;
  right: 20px;
  width: 55px;
  -webkit-animation: shape-5 5s infinite linear;
          animation: shape-5 5s infinite linear;
}

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

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

/*================================

        Team End Here

=================================*/

/*================================

        Hero Section Start 

================================*/

.hero-section-cooporate {
  position: relative;
  overflow: hidden;
}

.hero-section-cooporate .overlay {
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 32px 0 200px 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .hero-section-cooporate .overlay {
    padding: 0;
  }
}

.hero-section-cooporate .overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  top: 0;
  left: 0;
  opacity: 85%;
}

.hero-section-cooporate .overlay .container .hero-wrapper {
  position: relative;
  /*================================

          Navbar Start Here

  ================================*/
  /*================================

          Navbar End Here

  ================================*/
  /*================================

          Hero Slider Start

  ================================*/
  /*================================

          Hero Slider End

  ================================*/
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 20;
}

@media (max-width: 991px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner {
    padding: 24px 0 0 0;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .logo-otr .logo-inr {
  width: 155px;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 0 24px;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation {
    display: none;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr {
  position: relative;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr:not(:last-child) {
  padding-right: 40px;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr:hover .dropdown-custom-otr {
  top: 48px;
  opacity: 1;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  visibility: visible;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  line-height: 52px;
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .nav-links:hover {
  color: #00b4ee;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr {
  position: absolute;
  top: 120px;
  left: -24px;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr {
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  position: relative;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list {
  position: relative;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list:hover .other-drop {
  position: absolute;
  right: -236px;
  opacity: 1;
  z-index: 10;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  padding: 0 28px;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .drop-link:hover {
  color: #00b4ee;
  cursor: pointer;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop {
  position: absolute;
  right: -250px;
  top: -24px;
  background: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  border-radius: 8px;
  padding: 20px 0;
  width: 236px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list:not(:last-child) {
  margin-bottom: 6px;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  color: #666666;
  padding: 0 28px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .navigation .navigation-inr .dropdown-custom-otr .dropdown-custom-inr .drop-list .other-drop .otr-drop-list .otr-drop-link:hover {
  color: #00b4ee;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle {
  height: 52px;
  width: 52px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover {
  cursor: pointer;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .toggle-inner .toggle-line {
  background-color: #00b4ee;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .first {
  transform: translateY(-2px);
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle:hover .second {
  transform: translateY(2px);
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner {
  display: flex;
  flex-direction: column;
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .toggle-line {
  width: 24px;
  height: 2px;
  background-color: #666666;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .first {
  margin-bottom: 6px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .nav-custom .nav-custom-inner .action-toggle .toggle-inner .second {
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom {
  align-items: center;
  padding: 200px 0 0 0 !important;
}

@media (max-width: 991px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom {
    padding: 96px 0 128px 0 !important;
  }
}

@media (max-width: 767px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom {
    padding: 72px 0 96px 0 !important;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
  position: relative;
  z-index: 10;
}

@media (max-width: 991px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
    padding: 0 0 64px 0;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr {
    padding: 0 0 56px 0;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .heading-inr {
  color: #ffffff;
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
  font-size: 20px;
  line-height: 40px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  padding: 28px 0 40px 0;
}

@media (max-width: 991px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
    padding: 24px 0 32px 0;
  }
}

@media (max-width: 575px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-context .slider-desc {
    font-size: 17px;
    line-height: 34px;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action {
  display: flex;
}

@media (max-width: 991px) {
  .hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action {
    justify-content: center;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action .get-started-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-content .col-content-inr .slider-action .get-started-btn:hover {
  border-radius: 8px;
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-color: #00b4ee;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00b4ee;
  -webkit-animation: home3pulse1 1.5s linear 0.8s infinite;
          animation: home3pulse1 1.5s linear 0.8s infinite;
}

@-webkit-keyframes home3pulse1 {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  50% {
    transform: scale(1.4);
    opacity: 1;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

@keyframes home3pulse1 {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  50% {
    transform: scale(1.4);
    opacity: 1;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00b4ee;
  -webkit-animation: home3pulse1 1.5s linear infinite;
          animation: home3pulse1 1.5s linear infinite;
}

@keyframes home3pulse1 {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  50% {
    transform: scale(1.4);
    opacity: 1;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr .play-btn-otr {
  width: 100px;
  height: 100px;
  border: 5px solid #ffffff;
  border-radius: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-section-cooporate .overlay .container .hero-wrapper .hero-slider .hero-slider-inner .row-custom .col-img .col-img-inr .play-btn-otr .play-btn {
  position: relative;
  z-index: 2;
}

.hero-section-cooporate .overlay .container .shape-1 {
  position: absolute;
  top: 0;
  width: 55px;
  -webkit-animation: shape-1 30s infinite linear;
          animation: shape-1 30s infinite linear;
}

@keyframes shape-1 {
  0% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }

  17% {
    transform: translate(600px, 400px);
    opacity: 40%;
  }

  33% {
    transform: translate(600px, 600px);
    opacity: 70%;
  }

  50% {
    transform: translate(400px, 800px);
    opacity: 20%;
  }

  66% {
    transform: translate(200px, 600px);
    opacity: 60%;
  }

  83% {
    transform: translate(200px, 400px);
    opacity: 30%;
  }

  100% {
    transform: translate(400px, 200px);
    opacity: 30%;
  }
}

.hero-section-cooporate .overlay .container .shape-2 {
  position: absolute;
  top: 800px;
  left: 845px;
  width: 55px;
  -webkit-animation: shape-2 50s infinite linear;
          animation: shape-2 50s infinite linear;
}

@keyframes shape-2 {
  0% {
    top: 800px;
    left: 845px;
    opacity: 30%;
  }

  25% {
    top: 400px;
    left: 845px;
    opacity: 40%;
  }

  50% {
    top: 800px;
    left: 845px;
    opacity: 100%;
  }

  75% {
    top: 1200px;
    left: 845px;
    opacity: 20%;
  }

  100% {
    top: 800px;
    left: 845px;
    opacity: 30%;
  }
}

.hero-section-cooporate .overlay .container .shape-3 {
  position: absolute;
  bottom: 210px;
  left: 500px;
  width: 55px;
  -webkit-animation: shape-4 30s infinite linear;
          animation: shape-4 30s infinite linear;
}

@keyframes shape-4 {
  0% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }

  33% {
    transform: translate(100px, 100px);
    opacity: 30%;
  }

  66% {
    transform: translate(0px, 200px);
    opacity: 70%;
  }

  100% {
    transform: translate(0px, 0px);
    opacity: 100%;
  }
}

/*================================

        Hero Section End 

================================*/

/*================================

        Clients Start Here 

================================*/

.cooprate-clients {
  margin: 0 0 128px 0;
}

@media (max-width: 991px) {
  .cooprate-clients {
    margin: 0 0 112px 0;
  }
}

@media (max-width: 767px) {
  .cooprate-clients {
    margin: 0 0 96px 0;
  }
}

@media (max-width: 575px) {
  .cooprate-clients {
    margin: 0 0 72px 0;
  }
}

.cooprate-clients .container .row {
  padding: 0 15px !important;
  justify-content: space-between;
}

.cooprate-clients .container .row .img-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .cooprate-clients .container .row .img-otr {
    justify-content: center;
  }

  .cooprate-clients .container .row .img-otr:not(:first-child) {
    padding: 50px 0 0 0;
  }
}

.cooprate-clients .container .row .img-otr .img-inr {
  width: auto;
}

@media (max-width: 991px) {
  .cooprate-clients .container .row .bottom {
    padding: 72px 0 0 0;
  }
}

@media (min-width: 991px) {
  .cooprate-clients .container .row .lastotr {
    display: none;
  }
}

@media (min-width: 991px) {
  .cooprate-clients .container .row .desktop-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 991px) {
  .cooprate-clients .container .row .desktop-last {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .cooprate-clients .container .row .center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .cooprate-clients .container .row .last {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/*================================

        Clients End Here 

================================*/

/*================================

        Pricing Start Here 

================================*/

.pricing-corporate {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .pricing-corporate {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .pricing-corporate {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .pricing-corporate {
    margin: 72px 0;
  }
}

.pricing-corporate .container .wrapper .main-heading-otr {
  text-align: center;
}

.pricing-corporate .container .wrapper .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.pricing-corporate .container .wrapper .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 20px 0;
}

@media (max-width: 767px) {
  .pricing-corporate .container .wrapper .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.pricing-corporate .container .wrapper .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.pricing-corporate .container .wrapper .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.pricing-corporate .container .wrapper .row-custom {
  margin: 140px 0 72px 0;
}

@media (max-width: 991px) {
  .pricing-corporate .container .wrapper .row-custom {
    margin: 64px 0;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .pricing-corporate .container .wrapper .row-custom {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .pricing-corporate .container .wrapper .row-custom .col-otr {
    padding: 0 !important;
  }
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr {
  background-color: #def5ff;
  padding: 36px 40px 40px 40px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-name {
  color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-desc {
  padding: 16px 0 16px 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main {
  display: flex;
  align-items: center;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main .price {
  color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main .slash {
  margin: 0 16px;
  color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .price-main .per-month {
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr {
  padding: 24px 0 36px 0;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr {
  display: flex;
  align-items: center;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr:not(:last-child) {
  margin-bottom: 20px;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .check-circle {
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  margin-right: 12px;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon path {
  fill: #00b4ee;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .plan-list-otr .plan-list-inr .plan-list {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .action {
  display: flex;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .action .choose-btn {
  padding: 12px 24px;
  background-color: transparent;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  text-align: center;
  color: #ffffff;
  border-color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .price-content .action .choose-btn:hover {
  border-radius: 8px;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr:hover .overlay-hover {
  -webkit-clip-path: circle(150%);
          clip-path: circle(150%);
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .overlay-hover {
  position: absolute;
  top: -92px;
  right: -20px;
  width: 150%;
  height: 150%;
  -webkit-clip-path: circle(8% at 95% 11%);
  clip-path: circle(10% at 95% 11%);
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  transition: 0.5s;
}

@media (max-width: 767px) {
  .pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .overlay-hover {
    top: -114px;
    right: -43px;
    width: 270%;
  }
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content {
  position: relative;
  z-index: 10;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-name {
  color: #000000;
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-desc {
  padding: 16px 0 16px 0;
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main {
  display: flex;
  align-items: center;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main .price {
  color: #43419E;
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main .slash {
  margin: 0 16px;
  color: #43419E;
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .price-main .per-month {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr {
  padding: 24px 0 36px 0;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr {
  display: flex;
  align-items: center;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr:not(:last-child) {
  margin-bottom: 20px;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .check-circle {
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #00b4ee;
  position: relative;
  margin-right: 12px;
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .check-circle .check-icon path {
  fill: #ffffff;
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .plan-list-otr .plan-list-inr .plan-list {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
  font-family: "WorkSans-SemiBold";
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .action {
  display: flex;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .action .choose-btn {
  padding: 12px 24px;
  background-color: transparent;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  text-align: center;
  transition: 1s;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-inr .price-content .action .choose-btn:hover {
  border-radius: 8px;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary {
  padding: 36px 40px 40px 40px;
  border-radius: 24px;
  position: relative;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .recommended-otr {
  position: absolute;
  top: -68px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .recommended-otr {
    display: none;
  }
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .recommended-otr .recommended {
  padding: 4px 16px;
  border-radius: 34px;
  background-color: #def5ff;
  color: #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-name-white {
  color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-desc-white {
  padding: 16px 0 16px 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .price-main-white {
  display: flex;
  align-items: center;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .price-main-white .price-white {
  color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .price-main-white .slash-white {
  margin: 0 16px;
  color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .price-main-white .per-month-white {
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white {
  padding: 24px 0 36px 0;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white {
  display: flex;
  align-items: center;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white:not(:last-child) {
  margin-bottom: 20px;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .check-circle-white {
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #ffffff;
  position: relative;
  margin-right: 12px;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .check-circle-white .check-icon-white {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .check-circle-white .check-icon-white path {
  fill: #43419E;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .plan-list-otr-white .plan-list-inr-white .plan-list-white {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .action-white {
  display: flex;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .action-white .choose-btn-white {
  padding: 12px 24px;
  background-color: transparent;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  text-align: center;
  color: #ffffff;
  border-color: #ffffff;
}

.pricing-corporate .container .wrapper .row-custom .col-otr .col-primary .action-white .choose-btn-white:hover {
  border-radius: 8px;
}

@media (max-width: 991px) {
  .pricing-corporate .container .wrapper .row-custom .col-otr .box1,
  .pricing-corporate .container .wrapper .row-custom .col-otr .box2 {
    margin-bottom: 30px;
  }
}

.pricing-corporate .container .wrapper .custom-price-otr {
  text-align: center;
}

.pricing-corporate .container .wrapper .custom-price-otr .custom-price-inr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.pricing-corporate .container .wrapper .custom-price-otr .custom-price-inr .request-btn {
  font-family: "WorkSans-SemiBold";
  display: inline;
  position: relative;
  color: #00b4ee;
}

.pricing-corporate .container .wrapper .custom-price-otr .custom-price-inr .request-btn:hover::after {
  width: 100%;
  left: 0;
}

.pricing-corporate .container .wrapper .custom-price-otr .custom-price-inr .request-btn::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

/*================================

        Pricing End Here 

================================*/

/*================================

        CTA Start Here 

================================*/

.home-cooprate-cta {
  margin: 128px 0 0 0;
  position: relative;
}

@media (max-width: 991px) {
  .home-cooprate-cta {
    margin: 112px 0 0 0;
  }
}

@media (max-width: 767px) {
  .home-cooprate-cta {
    margin: 96px 0 0 0;
  }
}

@media (max-width: 575px) {
  .home-cooprate-cta {
    margin: 72px 0 0 0;
  }
}

.home-cooprate-cta .overlay {
  background-image: url("/assets/img/bg-image.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 96px 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

@media (max-width: 575px) {
  .home-cooprate-cta .overlay {
    padding: 72px 0;
  }
}

.home-cooprate-cta .overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  top: 0;
  opacity: 85%;
  left: 0;
  z-index: 1;
}

.home-cooprate-cta .overlay .container .content1-otr .content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.home-cooprate-cta .overlay .container .content1-otr .content .heading {
  color: #ffffff;
}

.home-cooprate-cta .overlay .container .content1-otr .content .desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  padding: 24px 0 36px 0;
}

.home-cooprate-cta .overlay .container .content1-otr .action {
  display: flex;
  justify-content: center;
}

.home-cooprate-cta .overlay .container .content1-otr .action .get-started-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  background-color: #00b4ee;
  color: #ffffff;
  position: relative;
  z-index: 10;
}

.home-cooprate-cta .overlay .container .content1-otr .action .get-started-btn:hover {
  border-radius: 8px;
}

.cta-contact {
  margin: 0;
}

.services-cta {
  margin: 0;
}

/*================================

        CTA End Here 

================================*/

.about-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .about-main {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .about-main {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .about-main {
    margin: 72px 0;
  }
}

.about-main .container .row-custom {
  align-items: center;
}

@media (max-width: 991px) {
  .about-main .container .row-custom {
    flex-direction: column-reverse;
  }
}

@media (max-width: 575px) {
  .about-main .container .row-custom .col-img-otr {
    padding: 0 !important;
  }
}

@media (max-width: 991px) {
  .about-main .container .row-custom .col-img-otr .col-img-inr {
    margin-top: 64px;
  }
}

@media (max-width: 767px) {
  .about-main .container .row-custom .col-img-otr .col-img-inr {
    margin-top: 56px;
  }
}

@media (max-width: 575px) {
  .about-main .container .row-custom .col-img-otr .col-img-inr {
    margin-top: 48px;
  }
}

.about-main .container .row-custom .col-img-otr .col-img-inr .img-about {
  width: auto;
  border-radius: 24px;
}

@media (max-width: 575px) {
  .about-main .container .row-custom .col-content-otr {
    padding: 0 !important;
  }
}

.about-main .container .row-custom .col-content-otr .col-content-inr .main-heading-otr {
  padding-left: 48px;
}

@media (max-width: 991px) {
  .about-main .container .row-custom .col-content-otr .col-content-inr .main-heading-otr {
    padding-left: 0;
  }
}

.about-main .container .row-custom .col-content-otr .col-content-inr .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.about-main .container .row-custom .col-content-otr .col-content-inr .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 20px 0;
}

@media (max-width: 767px) {
  .about-main .container .row-custom .col-content-otr .col-content-inr .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.about-main .container .row-custom .col-content-otr .col-content-inr .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.about-main .container .row-custom .col-content-otr .col-content-inr .main-heading-otr .desc-1 {
  margin: 0 0 16px 0;
}

.client-inner {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .client-inner {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .client-inner {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .client-inner {
    margin: 72px 0;
  }
}

.client-inner .container .main-heading-otr {
  text-align: center;
  margin: 0 0 72px 0;
}

@media (max-width: 991px) {
  .client-inner .container .main-heading-otr {
    margin: 0 0 64px 0;
  }
}

@media (max-width: 767px) {
  .client-inner .container .main-heading-otr {
    margin: 0 0 48px 0;
  }
}

.client-inner .container .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.client-inner .container .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .client-inner .container .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.client-inner .container .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.client-inner .container .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.client-inner .container .row {
  padding: 0 15px !important;
  justify-content: space-between;
}

.client-inner .container .row .img-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .client-inner .container .row .img-otr {
    justify-content: center;
  }

  .client-inner .container .row .img-otr:not(:first-child) {
    padding: 50px 0 0 0;
  }
}

.client-inner .container .row .img-otr .img-inr {
  width: auto;
}

@media (max-width: 991px) {
  .client-inner .container .row .bottom {
    padding: 72px 0 0 0;
  }
}

@media (min-width: 991px) {
  .client-inner .container .row .lastotr {
    display: none;
  }
}

@media (min-width: 991px) {
  .client-inner .container .row .desktop-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 991px) {
  .client-inner .container .row .desktop-last {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .client-inner .container .row .center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .client-inner .container .row .last {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

.our-goal {
  margin: 128px 0 0 0;
}

@media (max-width: 991px) {
  .our-goal {
    margin: 112px 0 0 0;
  }
}

@media (max-width: 767px) {
  .our-goal {
    margin: 96px 0 0 0;
  }
}

.our-goal .overlay {
  position: relative;
  background-image: url("/assets/img/about-img-2.jpg");
  background-size: cover;
  background-attachment: fixed;
  padding: 128px 0;
}

.our-goal .overlay::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  opacity: 85%;
}

.our-goal .container .wrapper {
  position: relative;
  z-index: 10;
}

.our-goal .container .wrapper .heading {
  color: #ffffff;
}

.our-goal .container .wrapper .desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
  margin: 20px 0 0 0;
}

/*================================

        Services Start Here 

================================*/

.service-inner {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .service-inner {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .service-inner {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .service-inner {
    margin: 72px 0;
  }
}

.service-inner .container .wrapper {
  position: relative;
  z-index: 10;
}

.service-inner .container .wrapper .main-heading-otr {
  text-align: center;
}

.service-inner .container .wrapper .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.service-inner .container .wrapper .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 24px 0;
}

@media (max-width: 767px) {
  .service-inner .container .wrapper .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.service-inner .container .wrapper .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.service-inner .container .wrapper .inner-wrapper .row-custom {
  margin: 72px 0 72px 0;
}

@media (max-width: 991px) {
  .service-inner .container .wrapper .inner-wrapper .row-custom {
    margin: 64px 0;
  }
}

@media (max-width: 767px) {
  .service-inner .container .wrapper .inner-wrapper .row-custom {
    margin: 56px 0;
  }
}

@media (max-width: 575px) {
  .service-inner .container .wrapper .inner-wrapper .row-custom {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer {
    padding: 0 !important;
  }
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner {
  padding: 40px;
  background-color: #def5ff;
  border-radius: 24px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
  z-index: 10;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner:hover {
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
  background-color: #ffffff;
  transform: translateY(-5px);
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner:hover .img-outer .original-icon {
  transform: translateY(-90px);
  opacity: 0;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner:hover .img-outer .hover-icon {
  transform: translateY(-90px);
  opacity: 1;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .img-outer {
  position: relative;
  overflow: hidden;
  width: 90px;
  height: 90px;
  display: flex;
  flex-direction: column;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .img-outer .original-icon {
  width: 90px;
  height: 90px;
  transition: 0.3s;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .img-outer .hover-icon {
  width: 90px;
  height: 90px;
  transition: 0.3s;
  opacity: 0;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .text .sm-heading {
  padding: 24px 0 12px 0;
  color: #000000;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .cl-outer .col-inner .text .sm-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.service-inner .container .wrapper .inner-wrapper .row-custom .box1,
.service-inner .container .wrapper .inner-wrapper .row-custom .box2,
.service-inner .container .wrapper .inner-wrapper .row-custom .box3 {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .service-inner .container .wrapper .inner-wrapper .row-custom .box4,
  .service-inner .container .wrapper .inner-wrapper .row-custom .box5 {
    margin-bottom: 24px;
  }
}

.service-inner .container .wrapper .inner-wrapper .custom-service-otr {
  text-align: center;
}

.service-inner .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.service-inner .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr .request-btn {
  font-family: "WorkSans-SemiBold";
  display: inline;
  position: relative;
  color: #00b4ee;
}

.service-inner .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr .request-btn:hover::after {
  width: 100%;
  left: 0;
}

.service-inner .container .wrapper .inner-wrapper .custom-service-otr .custom-service-inr .request-btn::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

/*================================

        Services End Here 

================================*/

.coming-soon .overlay {
  position: relative;
  background-image: url("/assets/img/coming-soon.jpg");
  background-attachment: fixed;
  background-size: cover;
}

.coming-soon .overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #43419E;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  opacity: 85%;
  z-index: 1;
}

.coming-soon .overlay .container .wrapper {
  position: relative;
  z-index: 10;
  padding: 40px 0;
}

.coming-soon .overlay .container .wrapper .nav-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.coming-soon .overlay .container .wrapper .nav-bar .logo-main .logo-inr .logo {
  width: auto;
}

.coming-soon .overlay .container .wrapper .nav-bar .icons-outer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .coming-soon .overlay .container .wrapper .nav-bar .icons-outer {
    display: none;
  }
}

.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .facebook-outer,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .twitter-outer,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .instagram-outer,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .behance-outer,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .basketball-outer,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .linkedin-outer,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .pinterest-outer {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid #CCCCCC;
  border-radius: 108px;
  transition: 0.2s linear;
}

.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .facebook-outer:hover .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .twitter-outer:hover .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .instagram-outer:hover .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .behance-outer:hover .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .basketball-outer:hover .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .linkedin-outer:hover .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .pinterest-outer:hover .social {
  color: #ffffff;
}

.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .facebook-outer:not(:first-child),
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .twitter-outer:not(:first-child),
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .instagram-outer:not(:first-child),
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .behance-outer:not(:first-child),
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .basketball-outer:not(:first-child),
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .linkedin-outer:not(:first-child),
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .pinterest-outer:not(:first-child) {
  margin-left: 12px;
}

.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .facebook-outer .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .twitter-outer .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .instagram-outer .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .behance-outer .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .basketball-outer .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .linkedin-outer .social,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .pinterest-outer .social {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  transition: 0.2s;
}

.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .facebook-outer:hover,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .twitter-outer:hover,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .instagram-outer:hover,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .behance-outer:hover,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .basketball-outer:hover,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .linkedin-outer:hover,
.coming-soon .overlay .container .wrapper .nav-bar .icons-outer .pinterest-outer:hover {
  background-color: #00b4ee;
  border: 1px solid transparent;
}

.coming-soon .overlay .container .wrapper .coming-soon-content {
  padding: 170px 0 196px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media (max-width: 991px) {
  .coming-soon .overlay .container .wrapper .coming-soon-content {
    padding: 112px 0;
  }
}

@media (max-width: 767px) {
  .coming-soon .overlay .container .wrapper .coming-soon-content {
    padding: 96px 0;
  }
}

@media (max-width: 575px) {
  .coming-soon .overlay .container .wrapper .coming-soon-content {
    padding: 72px 0;
  }
}

.coming-soon .overlay .container .wrapper .coming-soon-content .heading {
  color: #ffffff;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .heading .we {
  color: #00b4ee;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .heading .dot {
  color: #00b4ee;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .desc-1 {
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  padding: 20px 0 0 0;
}

.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started {
  margin: 64px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 575px) {
  .coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex {
    flex-direction: column;
    justify-content: center;
  }
}

.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .days,
.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .hours,
.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .minutes,
.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .seconds {
  color: #00b4ee;
  font-size: 96px;
  line-height: 112px;
  margin-right: 16px;
}

.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .days-desc,
.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .hours-desc,
.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .minutes-desc,
.coming-soon .overlay .container .wrapper .coming-soon-content #getting-started .flex .seconds-desc {
  color: #ffffff;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .desc-2 {
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr {
  display: flex;
  align-items: center;
  margin: 24px 0 0 0;
}

@media (max-width: 767px) {
  .coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr {
    flex-direction: column;
    width: 100%;
  }
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input {
  width: 370px;
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  border: 2px solid #999999;
  color: #CCCCCC;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid white;
  color: #ffffff;
  border-radius: 8px;
  opacity: 100%;
}

@media (max-width: 767px) {
  .coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input {
    width: 100%;
    display: flex;
  }
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input::-moz-placeholder {
  color: #CCCCCC;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input:-ms-input-placeholder {
  color: #CCCCCC;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input::placeholder {
  color: #CCCCCC;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input:focus::-moz-placeholder {
  color: transparent;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input:focus:-ms-input-placeholder {
  color: transparent;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .input:focus::placeholder {
  color: transparent;
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .action {
  display: flex;
  margin-left: 16px;
}

@media (max-width: 767px) {
  .coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .action {
    margin: 20px 0 0 0;
    justify-content: center;
  }
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .action .subscribe-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.coming-soon .overlay .container .wrapper .coming-soon-content .col-action-inr .action .subscribe-btn:hover {
  border-radius: 8px;
}

.coming-soon .overlay .container .wrapper .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.coming-soon .overlay .container .wrapper .footer .left .copy {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #CCCCCC;
}

.coming-soon .overlay .container .wrapper .footer .left .copy .visto {
  position: relative;
  display: inline-flex;
  color: #00b4ee;
  transition: 0.3s;
}

.coming-soon .overlay .container .wrapper .footer .left .copy .visto:hover::after {
  width: 100%;
  left: 0;
}

.coming-soon .overlay .container .wrapper .footer .left .copy .visto::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .coming-soon .overlay .container .wrapper .footer .right {
    display: none;
  }
}

.coming-soon .overlay .container .wrapper .footer .right .rights {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #CCCCCC;
}

.main-404 {
  position: relative;
}

.main-404::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

@media (max-width: 991px) {
  .main-404::after {
    display: none;
  }
}

.main-404 .container .row-custom {
  height: 100vh;
  align-items: center;
}

@media (max-width: 991px) {
  .main-404 .container .row-custom {
    height: auto;
    margin: 100px 0;
  }
}

@media (max-width: 991px) {
  .main-404 .container .row-custom .col-content-otr .col-content-inr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 0 72px 0;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .main-404 .container .row-custom .col-content-otr .col-content-inr {
    padding: 0 0 64px 0;
  }
}

@media (max-width: 991px) and (max-width: 767px) {
  .main-404 .container .row-custom .col-content-otr .col-content-inr {
    padding: 0 0 56px 0;
  }
}

.main-404 .container .row-custom .col-content-otr .col-content-inr .heading {
  color: #000000;
}

.main-404 .container .row-custom .col-content-otr .col-content-inr .heading .oops {
  color: #00b4ee;
}

.main-404 .container .row-custom .col-content-otr .col-content-inr .desc {
  color: #666666;
  font-size: 20px;
  line-height: 40px;
  font-family: "WorkSans-Regular";
  padding: 24px 0 36px 0;
}

.main-404 .container .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
}

.main-404 .container .row-custom .col-content-otr .col-content-inr .action .go-back-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.main-404 .container .row-custom .col-content-otr .col-content-inr .action .go-back-btn:hover {
  border-radius: 8px;
}

.main-404 .container .row-custom .col-img-otr .col-img-inr {
  padding-left: 100px;
}

@media (max-width: 991px) {
  .main-404 .container .row-custom .col-img-otr .col-img-inr {
    display: flex;
    justify-content: center;
    padding: 0;
  }
}

.main-404 .container .row-custom .col-img-otr .col-img-inr .img-404 {
  position: relative;
  z-index: 10;
  width: auto;
}

.faq-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .faq-main {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .faq-main {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .faq-main {
    margin: 72px 0;
  }
}

@media (max-width: 991px) {
  .faq-main .container .row-custom .col-tabs-otr .col-tabs-inr {
    margin-bottom: 64px;
  }
}

@media (max-width: 767px) {
  .faq-main .container .row-custom .col-tabs-otr .col-tabs-inr {
    margin-bottom: 56px;
  }
}

@media (max-width: 575px) {
  .faq-main .container .row-custom .col-tabs-otr .col-tabs-inr {
    margin-bottom: 48px;
  }
}

.faq-main .container .row-custom .col-tabs-otr .col-tabs-inr .nav-pills-custom {
  display: flex;
  flex-direction: column;
  padding: 24px 32px;
  background-color: #def5ff;
  border-radius: 16px;
}

.faq-main .container .row-custom .col-tabs-otr .col-tabs-inr .nav-pills-custom .nav--item:not(:last-child) {
  margin-bottom: 12px;
}

.faq-main .container .row-custom .col-tabs-otr .col-tabs-inr .nav-pills-custom .nav--item .nav--link {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #666666;
  padding: 0;
  font-family: "WorkSans-SemiBold";
}

.faq-main .container .row-custom .col-tabs-otr .col-tabs-inr .nav-pills-custom .nav--item .active {
  color: #00b4ee;
}

.faq-main .container .row-custom .col-collpase-main .col-collpase-inr .tab-content-custom .tab-pane-custom .accordion-custom .accordion-item-custom:not(:last-child) {
  margin-bottom: 30px;
}

.faq-main .container .row-custom .col-collpase-main .col-collpase-inr .tab-content-custom .tab-pane-custom .accordion-custom .accordion-item-custom .accordion-header-custom .accordion-button-custom {
  color: #666666;
  padding: 18px 28px !important;
  border: none;
  border-radius: 8px;
  background-color: #def5ff;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: 0.3s;
}

.faq-main .container .row-custom .col-collpase-main .col-collpase-inr .tab-content-custom .tab-pane-custom .accordion-custom .accordion-item-custom .accordion-header-custom .accordion-button-custom:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

.faq-main .container .row-custom .col-collpase-main .col-collpase-inr .tab-content-custom .tab-pane-custom .accordion-custom .accordion-item-custom .accordion-collapse-custom .accordion-content {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  padding: 0 28px 20px 28px;
  background-color: #def5ff;
  border-radius: 0 0 8px 8px;
}

.accordion-button:not(.collapsed) {
  color: #00b4ee !important;
  border-radius: 8px 8px 0 0 !important;
}

.accordion-button::after {
  background-image: url("/assets/img/plus.svg");
  transform: rotate(0);
  width: 16px;
  height: 16px;
  background-size: cover;
}

.accordion-button:not(.collapsed):after {
  background-image: url("/assets/img/minus.svg");
  transform: rotate(0);
  position: relative;
  top: 7px;
  background-size: auto;
}

/*==========================================

            Blog Start Here 

==========================================*/

.blog-inr-page {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .blog-inr-page {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .blog-inr-page {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .blog-inr-page {
    margin: 72px 0;
  }
}

.blog-inr-page .container .row-custom {
  justify-content: center;
}

@media (max-width: 575px) {
  .blog-inr-page .container .row-custom {
    padding: 0 !important;
  }
}

.blog-inr-page .container .row-custom .col-otr .col-inr {
  border-radius: 24px;
  background-color: #def5ff;
  transition: 0.3s linear;
}

.blog-inr-page .container .row-custom .col-otr .col-inr:hover {
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
}

.blog-inr-page .container .row-custom .col-otr .col-inr .img-otr .img-inr {
  border-radius: 24px;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr {
  padding: 40px;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .cata {
  color: #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  position: relative;
  display: inline-block;
  margin: 0 0 8px 0;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .cata:hover {
  cursor: pointer;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .cata:hover::after {
  width: 100%;
  left: 0;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .cata::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .blog-head-main .blog-head {
  position: relative;
  display: contents;
  font-size: 24px;
  line-height: 40px;
  font-family: "WorkSans-SemiBold";
  color: #000000;
  transition: 0.2s;
}

@media (max-width: 575px) {
  .blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .blog-head-main .blog-head {
    font-size: 20px;
    line-height: 36px;
  }
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .blog-head-main .blog-head:hover {
  text-decoration: underline;
  color: #00b4ee;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile {
  display: inline-flex;
  align-items: center;
  margin: 24px 0 0 0;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link {
  color: #00b4ee;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link::after {
  width: 100%;
  left: 0;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-img {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-img .admin-img-inr {
  border-radius: 50%;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (max-width: 767px) {
  .blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name {
    flex-direction: column;
    align-items: baseline;
  }
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link {
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
  color: #666666;
  padding: 0 5px;
}

@media (max-width: 767px) {
  .blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
    display: none;
  }
}

.blog-inr-page .container .row-custom .col-otr .col-inr .content-otr .admin-profile .admin-name .date {
  color: #666666;
}

.blog-inr-page .container .row-custom .col-otr .box1,
.blog-inr-page .container .row-custom .col-otr .box2,
.blog-inr-page .container .row-custom .col-otr .box3,
.blog-inr-page .container .row-custom .col-otr .box4,
.blog-inr-page .container .row-custom .col-otr .box5,
.blog-inr-page .container .row-custom .col-otr .box6 {
  margin: 0 0 24px 0;
}

@media (max-width: 991px) {
  .blog-inr-page .container .row-custom .col-otr .box7,
  .blog-inr-page .container .row-custom .col-otr .box8 {
    margin: 0 0 24px 0;
  }
}

.blog-inr-page .container .pagination-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 56px 0 0 0;
}

@media (max-width: 991px) {
  .blog-inr-page .container .pagination-otr {
    margin: 48px 0 0 0;
  }
}

@media (max-width: 767px) {
  .blog-inr-page .container .pagination-otr {
    margin: 40px 0 0 0;
  }
}

.blog-inr-page .container .pagination-otr .pagination-inr {
  margin-top: 16px;
}

.blog-inr-page .container .pagination-otr .pagination-inr:not(:last-child) {
  margin-right: 16px;
}

@media (max-width: 420px) {
  .blog-inr-page .container .pagination-otr .pagination-inr:not(:last-child) {
    margin-right: 12px;
  }
}

.blog-inr-page .container .pagination-otr .pagination-inr .left-arrow {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #def5ff;
  position: relative;
  transition: 0.3s;
}

.blog-inr-page .container .pagination-otr .pagination-inr .left-arrow:hover {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.blog-inr-page .container .pagination-otr .pagination-inr .left-arrow:hover .arrow path {
  fill: #ffffff;
}

.blog-inr-page .container .pagination-otr .pagination-inr .left-arrow .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.blog-inr-page .container .pagination-otr .pagination-inr .left-arrow .arrow path {
  transition: 0.3s;
  fill: #666666;
}

.blog-inr-page .container .pagination-otr .pagination-inr .pagi-num {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #def5ff;
  position: relative;
  transition: 0.3s;
}

.blog-inr-page .container .pagination-otr .pagination-inr .pagi-num:hover {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.blog-inr-page .container .pagination-otr .pagination-inr .pagi-num:hover .num {
  color: #ffffff;
}

.blog-inr-page .container .pagination-otr .pagination-inr .pagi-num .num {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: 0.3s;
}

.blog-inr-page .container .pagination-otr .pagination-inr .right-arrow {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #def5ff;
  position: relative;
  transition: 0.3s;
}

.blog-inr-page .container .pagination-otr .pagination-inr .right-arrow:hover {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.blog-inr-page .container .pagination-otr .pagination-inr .right-arrow:hover .arrow path {
  fill: #ffffff;
}

.blog-inr-page .container .pagination-otr .pagination-inr .right-arrow .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.blog-inr-page .container .pagination-otr .pagination-inr .right-arrow .arrow path {
  transition: 0.3s;
  fill: #666666;
}

/*==========================================

            Blog End Here 

==========================================*/

/*==========================================

        Blog-with-Sidebar Start Here 

==========================================*/

.blog-with-sidebar {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .blog-with-sidebar {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .blog-with-sidebar {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .blog-with-sidebar {
    margin: 72px 0;
  }
}

.blog-with-sidebar .container .row-custom .col-blog-posts {
  padding-right: 20px !important;
}

@media (max-width: 991px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts {
    margin: 0 0 64px 0;
    padding: 0 15px !important;
  }
}

@media (max-width: 767px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts {
    margin: 0 0 56px 0;
  }
}

@media (max-width: 767px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts {
    margin: 0 0 48px 0;
  }
}

@media (max-width: 575px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts {
    padding: 0 !important;
  }
}

@media (max-width: 991px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr {
    padding: 0 !important;
  }
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr {
  border-radius: 24px;
  background-color: #def5ff;
  transition: 0.3s linear;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr:hover {
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .img-otr .img-inr {
  border-radius: 24px;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr {
  padding: 40px;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .cata {
  color: #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  position: relative;
  display: inline-block;
  margin: 0 0 8px 0;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .cata:hover {
  cursor: pointer;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .cata:hover::after {
  width: 100%;
  left: 0;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .cata::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .blog-head-main .blog-head {
  position: relative;
  display: contents;
  font-size: 24px;
  line-height: 40px;
  font-family: "WorkSans-SemiBold";
  color: #000000;
  transition: 0.2s;
}

@media (max-width: 575px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .blog-head-main .blog-head {
    font-size: 20px;
    line-height: 36px;
  }
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .blog-head-main .blog-head:hover {
  text-decoration: underline;
  color: #00b4ee;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile {
  display: inline-flex;
  align-items: center;
  margin: 24px 0 0 0;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link {
  color: #00b4ee;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link::after {
  width: 100%;
  left: 0;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-img {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-img .admin-img-inr {
  border-radius: 50%;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (max-width: 767px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-name {
    flex-direction: column;
    align-items: baseline;
  }
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link {
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
  color: #666666;
  padding: 0 5px;
}

@media (max-width: 767px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
    display: none;
  }
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .col-inr .content-otr .admin-profile .admin-name .date {
  color: #666666;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box1,
.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box2,
.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box3,
.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box4,
.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box5,
.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box6,
.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box7,
.blog-with-sidebar .container .row-custom .col-blog-posts .row-custom-inr .col-otr .box8 {
  margin: 0 0 24px 0;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 56px 0 0 0;
}

@media (max-width: 991px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr {
    margin: 48px 0 0 0;
  }
}

@media (max-width: 767px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr {
    margin: 40px 0 0 0;
  }
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr {
  margin-top: 16px;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr:not(:last-child) {
  margin-right: 16px;
}

@media (max-width: 420px) {
  .blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr:not(:last-child) {
    margin-right: 12px;
  }
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .left-arrow {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #def5ff;
  position: relative;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .left-arrow:hover {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .left-arrow:hover .arrow path {
  fill: #ffffff;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .left-arrow .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .left-arrow .arrow path {
  transition: 0.3s;
  fill: #666666;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .pagi-num {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #def5ff;
  position: relative;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .pagi-num:hover {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .pagi-num:hover .num {
  color: #ffffff;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .pagi-num .num {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .right-arrow {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #def5ff;
  position: relative;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .right-arrow:hover {
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .right-arrow:hover .arrow path {
  fill: #ffffff;
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .right-arrow .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.blog-with-sidebar .container .row-custom .col-blog-posts .pagination-otr .pagination-inr .right-arrow .arrow path {
  transition: 0.3s;
  fill: #666666;
}

.blog-with-sidebar .container .row-custom .col-sidebar {
  padding-left: 20px !important;
}

@media (max-width: 991px) {
  .blog-with-sidebar .container .row-custom .col-sidebar {
    padding: 0 15px !important;
  }
}

@media (max-width: 575px) {
  .blog-with-sidebar .container .row-custom .col-sidebar {
    padding: 0 !important;
  }
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main {
  position: relative;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .input {
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  padding: 12px 64px 12px 24px;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  border-radius: 8px;
  opacity: 100%;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .search-icon {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .search-icon path {
  fill: #999999;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories {
  margin: 56px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-heading {
  color: #000000;
  margin: 0 0 12px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li:not(:last-child) {
  margin: 0 0 8px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr {
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr:hover {
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr:hover .list-name {
  color: #00b4ee;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr:hover .list-name::after {
  transition: 0.3s;
  width: 100%;
  left: 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr .dot {
  display: flex;
  width: 8px;
  height: 8px;
  background-color: #00b4ee;
  border-radius: 100%;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr .list-name {
  position: relative;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
  margin-left: 12px;
  line-height: 36px;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr .list-name::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 9px;
  width: 0;
  height: 1px;
  background-color: #00b4ee;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-heading {
  color: #000000;
  margin: 0 0 24px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li:not(:last-child) {
  margin: 0 0 20px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div {
  display: flex;
  align-items: center;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .img-otr {
  display: inline-table;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 18px;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .img-otr .img {
  transition: 0.3s;
  width: 72px;
  height: 72px;
  border-radius: 8px;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .posts-desc {
  color: #000000;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: 0.3s;
  display: contents;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .posts-desc:hover {
  color: #00b4ee;
  text-decoration: underline;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives {
  margin: 56px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-heading {
  color: #000000;
  margin: 0 0 12px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li:not(:last-child) {
  margin: 0 0 8px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr {
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr:hover {
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr:hover .list-name {
  color: #00b4ee;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr:hover .list-name::after {
  transition: 0.3s;
  width: 100%;
  left: 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr .dot {
  display: flex;
  width: 8px;
  height: 8px;
  background-color: #00b4ee;
  border-radius: 100%;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr .list-name {
  position: relative;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
  margin-left: 12px;
  line-height: 36px;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr .list-name::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 9px;
  width: 0;
  height: 1px;
  background-color: #00b4ee;
  transition: 0.3s;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-heading {
  color: #000000;
  margin: 0 0 12px 0;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li {
  margin-top: 12px;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li:not(:last-child) {
  margin-right: 16px;
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li .tags-a {
  padding: 6px 18px;
  color: #999999;
  border: 2px solid #CCCCCC;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  border-radius: 30px;
  transition: 0.3s;
  font-family: "WorkSans-SemiBold";
}

.blog-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li .tags-a:hover {
  color: #00b4ee;
  border: 2px solid #00b4ee;
}

/*==========================================

        Blog-with-Sidebar End Here 

==========================================*/

/*==========================================

        Posts Details Start Here 

==========================================*/

.posts-details {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .posts-details {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .posts-details {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .posts-details {
    margin: 72px 0;
  }
}

.posts-details .container .row-custom {
  justify-content: center;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr {
    padding: 0 !important;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .marketing {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .heading-main {
  color: #000000;
  padding: 8px 0 20px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile:hover .admin-name .admin-link {
  color: #00b4ee;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile:hover .admin-name .admin-link::after {
  width: 100%;
  left: 0;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-img {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-img .admin-img-inr {
  border-radius: 50%;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .admin-link {
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .admin-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .dot {
  color: #666666;
  padding: 0 5px;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .date {
  color: #666666;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .post-img-1 {
  border-radius: 24px;
  margin: 40px 0 48px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .first-div .img-bottom-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.posts-details .container .row-custom .col-otr .col-inr .steps .f-step-heading {
  color: #000000;
  margin: 32px 0 14px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .steps .f-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.posts-details .container .row-custom .col-otr .col-inr .steps .posts-img-2 {
  border-radius: 24px;
  margin: 48px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .steps .s-step-heading {
  color: #000000;
  margin: 0 0 14px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .steps .s-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.posts-details .container .row-custom .col-otr .col-inr .steps .l-step-heading {
  color: #000000;
  margin: 32px 0 14px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .steps .l-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.posts-details .container .row-custom .col-otr .col-inr .tags {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 24px 0;
  border-bottom: 2px solid #CCCCCC;
  border-top: 2px solid #CCCCCC;
  margin: 48px 0 0 0;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-left {
  display: flex;
  align-items: center;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-left .tag-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
  margin-right: 20px;
  padding: 12px 0 0 0;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li {
  padding: 12px 0 0 0;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li:not(:last-child) {
  margin-right: 16px;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li .tags-a {
  padding: 6px 18px;
  color: #999999;
  border: 2px solid #CCCCCC;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  border-radius: 30px;
  transition: 0.3s;
  font-family: "WorkSans-SemiBold";
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li .tags-a:hover {
  color: #00b4ee;
  border: 2px solid #00b4ee;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-right {
  padding: 12px 0 0 0;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-right .share:hover path {
  fill: #00b4ee;
}

.posts-details .container .row-custom .col-otr .col-inr .tags .tag-right .share path {
  transition: 0.3s;
  fill: #666666;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts {
  margin: 72px 0;
}

@media (max-width: 991px) {
  .posts-details .container .row-custom .col-otr .col-inr .simi-posts {
    margin: 64px 0;
  }
}

@media (max-width: 767px) {
  .posts-details .container .row-custom .col-otr .col-inr .simi-posts {
    margin: 56px 0;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .simi-head {
  color: #000000;
  margin: 0 0 40px 0;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr {
    padding: 0 !important;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr {
  border-radius: 24px;
  background-color: #def5ff;
  transition: 0.3s linear;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr:hover {
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .img-otr .img-inr {
  border-radius: 24px;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr {
  padding: 40px;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .cata {
  color: #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  position: relative;
  display: inline-block;
  margin: 0 0 8px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .cata:hover {
  cursor: pointer;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .cata:hover::after {
  width: 100%;
  left: 0;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .cata::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .blog-head-main .blog-head {
  position: relative;
  display: contents;
  font-size: 24px;
  line-height: 40px;
  font-family: "WorkSans-SemiBold";
  color: #000000;
  transition: 0.2s;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .blog-head-main .blog-head {
    font-size: 20px;
    line-height: 36px;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .blog-head-main .blog-head:hover {
  text-decoration: underline;
  color: #00b4ee;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile {
  display: inline-flex;
  align-items: center;
  margin: 24px 0 0 0;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link {
  color: #00b4ee;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link::after {
  width: 100%;
  left: 0;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-img {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-img .admin-img-inr {
  border-radius: 50%;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-name {
    flex-direction: column;
    align-items: baseline;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link {
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-name .admin-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
  color: #666666;
  padding: 0 5px;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-name .dot {
    display: none;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .col-inr .content-otr .admin-profile .admin-name .date {
  color: #666666;
}

@media (max-width: 991px) {
  .posts-details .container .row-custom .col-otr .col-inr .simi-posts .col-otr .box1 {
    margin-bottom: 24px;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .recent-head {
  color: #000000;
  margin: 0 0 40px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr {
  padding: 36px 40px;
  border-radius: 24px;
  border: 2px solid #CCCCCC;
  transition: 0.3s;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr:hover {
  background-color: #def5ff;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr:not(:last-child) {
  margin-bottom: 30px;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .msg-inr {
  display: flex;
  align-items: center;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .msg-inr .review-img {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  margin-right: 12px;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .msg-inr .usernaem {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #666666;
  font-family: "WorkSans-SemiBold";
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action {
  display: flex;
}

@media (max-width: 420px) {
  .posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action {
    margin: 20px 0 0 0;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action .reply-btn {
  padding: 6px 18px;
  color: #00b4ee;
  border: 2px solid #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  border-radius: 30px;
  transition: 0.3s;
  font-family: "WorkSans-SemiBold";
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action .reply-btn:hover {
  background-color: #00b4ee;
  border: 2px solid transparent;
  color: #ffffff;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .msg-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
  margin: 16px 0 0 0;
}

.posts-details .container .row-custom .col-otr .col-inr .recent-posts .margin-left {
  margin-left: 30px;
}

.posts-details .container .row-custom .col-otr .col-inr .comment {
  margin: 72px 0 0 0;
}

@media (max-width: 991px) {
  .posts-details .container .row-custom .col-otr .col-inr .comment {
    margin: 64px 0 0 0;
  }
}

@media (max-width: 767px) {
  .posts-details .container .row-custom .col-otr .col-inr .comment {
    margin: 56px 0 0 0;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .comment .comment-head {
  color: #000000;
  margin: 0 0 40px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input-flex {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input-flex {
    flex-direction: column;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .input {
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  border-radius: 8px;
  opacity: 100%;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .left-input {
  margin-right: 30px;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .left-input {
    margin: 0 0 30px 0;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input {
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  border-radius: 8px;
  opacity: 100%;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .center-input {
  margin: 30px 0;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .textarea {
  border-radius: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  height: 160px;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 28px 0;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check {
    flex-direction: column;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label {
  display: flex;
  align-items: baseline;
  margin: 0;
}

@media (max-width: 575px) {
  .posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label {
    margin-bottom: 20px;
  }
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  border: 1px solid #CCCCCC;
  position: relative;
  top: 6px;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner:hover {
  cursor: pointer;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .input-check:checked + .fill-current {
  display: block;
  fill: white;
  background-color: #43419E;
  padding-left: 6px;
  padding-top: 7px;
  border-radius: 50%;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .fill-current {
  background-color: #00ACEE;
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: relative;
  top: -1px;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner {
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 28px;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner .link {
  color: #00b4ee;
  display: inline-flex;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 28px;
  font-family: "WorkSans-SemiBold";
  transition: 0.3s;
  position: relative;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner .link:hover::after {
  width: 100%;
  left: 0;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner .link::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .action .login-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  width: 50%;
  text-align: center;
}

.posts-details .container .row-custom .col-otr .col-inr .comment .input-form .action .login-btn:hover {
  border-radius: 8px;
}

/*==========================================

        Posts Details End Here 

==========================================*/

/*==========================================

    Post-Details-with-Sidebar Start Here 

==========================================*/

.post-details-with-sidebar {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .post-details-with-sidebar {
    margin: 112px 0;
  }
}

@media (max-width: 767px) {
  .post-details-with-sidebar {
    margin: 96px 0;
  }
}

@media (max-width: 575px) {
  .post-details-with-sidebar {
    margin: 72px 0;
  }
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom {
    padding: 0 !important;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr {
  padding-right: 20px !important;
}

@media (max-width: 991px) {
  .post-details-with-sidebar .container .row-custom .col-otr {
    padding-right: 12px !important;
    margin: 0 0 64px 0;
  }
}

@media (max-width: 767px) {
  .post-details-with-sidebar .container .row-custom .col-otr {
    padding-right: 12px !important;
    margin: 0 0 56px 0;
  }
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr {
    padding-right: 12px !important;
    margin: 0 0 48px 0;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .marketing {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .heading-main {
  color: #000000;
  padding: 8px 0 20px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile:hover .admin-name .admin-link {
  color: #00b4ee;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile:hover .admin-name .admin-link::after {
  width: 100%;
  left: 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-img {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-img .admin-img-inr {
  border-radius: 50%;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .admin-link {
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .admin-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .dot {
  color: #666666;
  padding: 0 5px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .admin-profile .admin-name .date {
  color: #666666;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .post-img-1 {
  border-radius: 24px;
  margin: 40px 0 48px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .first-div .img-bottom-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .steps .f-step-heading {
  color: #000000;
  margin: 32px 0 14px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .steps .f-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .steps .posts-img-2 {
  border-radius: 24px;
  margin: 48px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .steps .s-step-heading {
  color: #000000;
  margin: 0 0 14px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .steps .s-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .steps .l-step-heading {
  color: #000000;
  margin: 32px 0 14px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .steps .l-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 24px 0;
  border-bottom: 2px solid #CCCCCC;
  border-top: 2px solid #CCCCCC;
  margin: 48px 0 0 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-left {
  display: flex;
  align-items: center;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-left .tag-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
  margin-right: 20px;
  padding: 12px 0 0 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li {
  padding: 12px 0 0 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li:not(:last-child) {
  margin-right: 16px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li .tags-a {
  padding: 6px 18px;
  color: #999999;
  border: 2px solid #CCCCCC;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  border-radius: 30px;
  transition: 0.3s;
  font-family: "WorkSans-SemiBold";
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-left .tags-ul .tags-li .tags-a:hover {
  color: #00b4ee;
  border: 2px solid #00b4ee;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-right {
  padding: 12px 0 0 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-right .share:hover path {
  fill: #00b4ee;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .tags .tag-right .share path {
  transition: 0.3s;
  fill: #666666;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts {
  margin: 72px 0;
}

@media (max-width: 991px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts {
    margin: 64px 0;
  }
}

@media (max-width: 767px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts {
    margin: 56px 0;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .simi-head {
  color: #000000;
  margin: 0 0 40px 0;
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr {
    padding: 0 !important;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr {
  border-radius: 24px;
  background-color: #def5ff;
  transition: 0.3s linear;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr:hover {
  background-color: #ffffff;
  box-shadow: 0px 15px 40px rgba(37, 31, 69, 0.1);
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .img-otr .img-inr {
  border-radius: 24px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr {
  padding: 40px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .cata {
  color: #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  position: relative;
  display: inline-block;
  margin: 0 0 8px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .cata:hover {
  cursor: pointer;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .cata:hover::after {
  width: 100%;
  left: 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .cata::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .blog-head-main .blog-head {
  position: relative;
  display: contents;
  font-size: 24px;
  line-height: 40px;
  font-family: "WorkSans-SemiBold";
  color: #000000;
  transition: 0.2s;
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .blog-head-main .blog-head {
    font-size: 20px;
    line-height: 36px;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .blog-head-main .blog-head:hover {
  text-decoration: underline;
  color: #00b4ee;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile {
  display: inline-flex;
  align-items: center;
  margin: 24px 0 0 0;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link {
  color: #00b4ee;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile:hover .admin-name .admin-link::after {
  width: 100%;
  left: 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-img {
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 12px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-img .admin-img-inr {
  border-radius: 50%;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-name {
    flex-direction: column;
    align-items: baseline;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-name .admin-link {
  color: #666666;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  position: relative;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-name .admin-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 1px;
  width: 0%;
  background-color: #00b4ee;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-name .dot {
  color: #666666;
  padding: 0 5px;
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-name .dot {
    display: none;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .col-inr .content-otr .admin-profile .admin-name .date {
  color: #666666;
}

@media (max-width: 767px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .simi-posts .col-otrr .box1 {
    margin-bottom: 24px;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .recent-head {
  color: #000000;
  margin: 0 0 40px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr {
  padding: 36px 40px;
  border-radius: 24px;
  border: 2px solid #CCCCCC;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr:hover {
  background-color: #def5ff;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr:not(:last-child) {
  margin-bottom: 30px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .msg-inr {
  display: flex;
  align-items: center;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .msg-inr .review-img {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  margin-right: 12px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .msg-inr .usernaem {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #666666;
  font-family: "WorkSans-SemiBold";
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action {
  display: flex;
}

@media (max-width: 420px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action {
    margin: 20px 0 0 0;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action .reply-btn {
  padding: 6px 18px;
  color: #00b4ee;
  border: 2px solid #00b4ee;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  border-radius: 30px;
  transition: 0.3s;
  font-family: "WorkSans-SemiBold";
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .review-main .action .reply-btn:hover {
  background-color: #00b4ee;
  border: 2px solid transparent;
  color: #ffffff;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .msg-otr .msg-desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 36px;
  color: #666666;
  margin: 16px 0 0 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .recent-posts .margin-left {
  margin-left: 30px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment {
  margin: 72px 0 0 0;
}

@media (max-width: 991px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment {
    margin: 64px 0 0 0;
  }
}

@media (max-width: 767px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment {
    margin: 56px 0 0 0;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .comment-head {
  color: #000000;
  margin: 0 0 40px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input-flex {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input-flex {
    flex-direction: column;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .input {
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  border-radius: 8px;
  opacity: 100%;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .left-input {
  margin-right: 30px;
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input-flex .left-input {
    margin: 0 0 30px 0;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input {
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  border-radius: 8px;
  opacity: 100%;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .center-input {
  margin: 30px 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .textarea {
  border-radius: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  height: 160px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 28px 0;
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check {
    flex-direction: column;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label {
  display: flex;
  align-items: baseline;
  margin: 0;
}

@media (max-width: 575px) {
  .post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label {
    margin-bottom: 20px;
  }
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  border: 1px solid #CCCCCC;
  position: relative;
  top: 6px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner:hover {
  cursor: pointer;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .input-check:checked + .fill-current {
  display: block;
  fill: white;
  background-color: #43419E;
  padding-left: 6px;
  padding-top: 7px;
  border-radius: 50%;
  position: relative;
  left: -1px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .check-inner .fill-current {
  background-color: #00ACEE;
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: relative;
  top: -1px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner {
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 28px;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner .link {
  color: #00b4ee;
  display: inline-flex;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  line-height: 28px;
  font-family: "WorkSans-SemiBold";
  transition: 0.3s;
  position: relative;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner .link:hover::after {
  width: 100%;
  left: 0;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .check label .select-none .forget-inner .link::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1px;
  top: 29px;
  width: 0%;
  background-color: #00b4ee;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .action .login-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  width: 50%;
  text-align: center;
}

.post-details-with-sidebar .container .row-custom .col-otr .col-inr .comment .input-form .action .login-btn:hover {
  border-radius: 8px;
}

.post-details-with-sidebar .container .row-custom .col-sidebar {
  padding-left: 20px !important;
}

@media (max-width: 991px) {
  .post-details-with-sidebar .container .row-custom .col-sidebar {
    padding: 0 15px !important;
  }
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main {
  position: relative;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .input {
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
  padding: 12px 64px 12px 24px;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  border-radius: 8px;
  opacity: 100%;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .search-icon {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .input-main .search-icon path {
  fill: #999999;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories {
  margin: 56px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-heading {
  color: #000000;
  margin: 0 0 12px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li:not(:last-child) {
  margin: 0 0 8px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr {
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr:hover {
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr:hover .list-name {
  color: #00b4ee;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr:hover .list-name::after {
  transition: 0.3s;
  width: 100%;
  left: 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr .dot {
  display: flex;
  width: 8px;
  height: 8px;
  background-color: #00b4ee;
  border-radius: 100%;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr .list-name {
  position: relative;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
  margin-left: 12px;
  line-height: 36px;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .categories .categories-ul .categories-li .categories-list-inr .list-name::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 9px;
  width: 0;
  height: 1px;
  background-color: #00b4ee;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-heading {
  color: #000000;
  margin: 0 0 24px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li:not(:last-child) {
  margin: 0 0 20px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div {
  display: flex;
  align-items: center;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .img-otr {
  display: inline-table;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 18px;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .img-otr .img {
  transition: 0.3s;
  width: 72px;
  height: 72px;
  border-radius: 8px;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .posts-desc {
  color: #000000;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  font-family: "WorkSans-SemiBold";
  transition: 0.3s;
  display: contents;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .popular-posts .posts-ul .posts-li .posts-div .posts-desc:hover {
  color: #00b4ee;
  text-decoration: underline;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives {
  margin: 56px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-heading {
  color: #000000;
  margin: 0 0 12px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li:not(:last-child) {
  margin: 0 0 8px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr {
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr:hover {
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr:hover .list-name {
  color: #00b4ee;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr:hover .list-name::after {
  transition: 0.3s;
  width: 100%;
  left: 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr .dot {
  display: flex;
  width: 8px;
  height: 8px;
  background-color: #00b4ee;
  border-radius: 100%;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr .list-name {
  position: relative;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
  margin-left: 12px;
  line-height: 36px;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .archives .archives-ul .archives-li .archives-list-inr .list-name::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 9px;
  width: 0;
  height: 1px;
  background-color: #00b4ee;
  transition: 0.3s;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-heading {
  color: #000000;
  margin: 0 0 12px 0;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li {
  margin-top: 12px;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li:not(:last-child) {
  margin-right: 16px;
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li .tags-a {
  padding: 6px 18px;
  color: #999999;
  border: 2px solid #CCCCCC;
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  border-radius: 30px;
  transition: 0.3s;
  font-family: "WorkSans-SemiBold";
}

.post-details-with-sidebar .container .row-custom .col-sidebar .col-sidebar-inr .tags .tags-ul .tags-li .tags-a:hover {
  color: #00b4ee;
  border: 2px solid #00b4ee;
}

/*==========================================

    Post-Details-with-Sidebar End Here 

==========================================*/

/*===================================

        Contact Start Here

===================================*/

.contact-page {
  padding: 128px 0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 991px) {
  .contact-page {
    padding: 112px 0;
  }
}

@media (max-width: 767px) {
  .contact-page {
    padding: 96px 0;
  }
}

@media (max-width: 575px) {
  .contact-page {
    padding: 72px 0;
  }
}

.contact-page .container .row-custom {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .contact-page .container .row-custom {
    padding: 0 !important;
  }
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .main-heading-otr .tag-section {
  font-size: 16px;
  line-height: 30px;
  font-family: "WorkSans-Regular";
  color: #00b4ee;
  font-family: "WorkSans-SemiBold";
  text-transform: capitalize;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .main-heading-otr .heading-otr {
  color: #000000;
  padding: 8px 0 20px 0;
}

@media (max-width: 767px) {
  .contact-page .container .row-custom .col-form-otr .col-form-inr .main-heading-otr .heading-otr {
    padding: 4px 0 16px 0;
  }
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .main-heading-otr .heading-otr .we {
  color: #00b4ee;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .main-heading-otr .desc-otr {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #666666;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .form-main {
  margin: 40px 0 0 0;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .form-main .input {
  padding: 12px 24px;
  background-color: transparent;
  font-family: "WorkSans-SemiBold";
  border: 2px solid rgba(0, 0, 0, 0.2);
  color: #000000;
  background-attachment: fixed;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 100%;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .form-main .input:focus {
  outline: none;
  box-shadow: none;
  border: 2px solid #00b4ee;
  color: #00b4ee;
  border-radius: 8px;
  opacity: 100%;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .form-main .margin-top {
  margin: 30px 0 0 0;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .form-main .textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  height: 160px;
  border-radius: 24px;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .form-main .action .send-btn {
  padding: 12px 24px;
  background-color: #00b4ee;
  color: #ffffff;
  font-family: "WorkSans-SemiBold";
  line-height: 30px;
  border-radius: 30px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
  width: 50%;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  text-align: center;
}

.contact-page .container .row-custom .col-form-otr .col-form-inr .form-main .action .send-btn:hover {
  border-radius: 8px;
}

@media (max-width: 575px) {
  .contact-page .container .row-custom .col-form-otr .col-form-inr .form-main .action .send-btn {
    width: 100%;
  }
}

.contact-page .container .row-custom .col-address-otr {
  width: 50%;
}

@media (max-width: 991px) {
  .contact-page .container .row-custom .col-address-otr {
    display: none;
  }
}

.contact-page .container .row-custom .col-address-otr::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
  background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #00b4fe 0%, #000000 100%), linear-gradient(225deg, #00b4ff 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
  background-blend-mode: screen, overlay, hard-light, normal;
  background-attachment: fixed;
  z-index: -1;
}

@media (max-width: 991px) {
  .contact-page .container .row-custom .col-address-otr::before {
    display: none;
  }
}

.contact-page .container .row-custom .col-address-otr .col-address-inr {
  margin-left: 140px;
}

@media (min-width: 991px) and (max-width: 1199px) {
  .contact-page .container .row-custom .col-address-otr .col-address-inr {
    margin-left: 100px;
  }
}

@media (max-width: 991px) {
  .contact-page .container .row-custom .col-address-otr .col-address-inr {
    margin: 0;
  }
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .info-main {
  position: relative;
  z-index: 1;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .info-main:not(:last-child) {
  margin-bottom: 20px;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .info-main .head {
  color: #ffffff;
  margin: 0 0 12px 0;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .info-main .desc {
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
  color: #ffffff;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .facebook-outer,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .twitter-outer,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .instagram-outer,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .behance-outer,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .basketball-outer {
  position: relative;
  width: 52px;
  height: 52px;
  border: 1px solid #CCCCCC;
  border-radius: 108px;
  transition: 0.2s linear;
  z-index: 1;
  margin-top: 28px;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .facebook-outer:hover,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .twitter-outer:hover,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .instagram-outer:hover,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .behance-outer:hover,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .basketball-outer:hover {
  background-color: #43419E;
  border: 1px solid transparent;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .facebook-outer:hover .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .twitter-outer:hover .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .instagram-outer:hover .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .behance-outer:hover .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .basketball-outer:hover .social {
  color: #ffffff;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .facebook-outer:not(:first-child),
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .twitter-outer:not(:first-child),
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .instagram-outer:not(:first-child),
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .behance-outer:not(:first-child),
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .basketball-outer:not(:first-child) {
  margin-left: 12px;
}

.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .facebook-outer .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .twitter-outer .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .instagram-outer .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .behance-outer .social,
.contact-page .container .row-custom .col-address-otr .col-address-inr .icons-outer .basketball-outer .social {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  transition: 0.2s;
}

@media (min-width: 991px) {
  .contact-page .view-992 {
    display: none;
  }
}

.contact-page .view-992::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
  background-image: url("/assets/img/contact-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.map-otr .map {
  width: 100%;
  height: 580px;
}

.privacy {
  padding-top: 128px;
}

@media (max-width: 991px) {
  .privacy {
    padding-top: 112px;
  }
}

@media (max-width: 767px) {
  .privacy {
    padding-top: 96px;
  }
}

@media (max-width: 575px) {
  .privacy {
    padding-top: 72px;
  }
}

.privacy .container .privacy-main .text:not(:last-child) {
  margin-bottom: 30px;
}

.privacy .container .privacy-main .text .heading {
  margin-bottom: 20px;
  color: #000000;
}

.privacy .container .privacy-main .text .desc {
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

.privacy .container .privacy-main .text .desc:not(:last-child) {
  margin-bottom: 16px;
}

.terms-and-condition {
  padding-top: 128px;
}

@media (max-width: 991px) {
  .terms-and-condition {
    padding-top: 112px;
  }
}

@media (max-width: 767px) {
  .terms-and-condition {
    padding-top: 96px;
  }
}

@media (max-width: 575px) {
  .terms-and-condition {
    padding-top: 72px;
  }
}

.terms-and-condition .container .privacy-main .text:not(:last-child) {
  margin-bottom: 30px;
}

.terms-and-condition .container .privacy-main .text .heading {
  margin-bottom: 20px;
  color: #000000;
}

.terms-and-condition .container .privacy-main .text .desc {
  color: #666666;
  font-size: 18px;
  line-height: 34px;
  font-family: "WorkSans-Regular";
}

.terms-and-condition .container .privacy-main .text .desc:not(:last-child) {
  margin-bottom: 16px;
}

html {
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  display: block;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}

p {
  margin: 0px;
  padding: 0px;
}

.container {
  padding: 0 15px !important;
}

@media (max-width: 1400px) {
  .container {
    max-width: 1200px !important;
  }
}

@media (max-width: 1199px) {
  .container {
    padding: 0 15px;
  }
}

@media (max-width: 991px) {
  .container {
    max-width: 770px !important;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 100% !important;
  }
}

.row {
  padding: 0 !important;
}

@media (max-width: 575px) {
  .row {
    padding: 0 15px !important;
  }
}

h1 {
  font-size: 60px;
  line-height: 84px;
  font-family: "WorkSans-Bold";
}

@media (min-width: 991px) and (max-width: 1199px) {
  h1 {
    font-size: 52px;
    line-height: 70px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 50px;
    line-height: 70px;
  }
}

@media (max-width: 575px) {
  h1 {
    font-size: 34px;
    line-height: 50px;
  }
}

h2 {
  font-size: 44px;
  line-height: 64px;
  font-family: "WorkSans-Bold";
}

@media (max-width: 767px) {
  h2 {
    font-size: 36px;
    line-height: 52px;
  }
}

@media (max-width: 575px) {
  h2 {
    font-size: 28px;
    line-height: 44px;
  }
}

h3 {
  font-size: 24px;
  line-height: 40px;
  font-family: "WorkSans-SemiBold";
}

@media (max-width: 575px) {
  h3 {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (max-width: 991px) {
  br {
    display: none;
  }
}

button {
  border: none;
  background-color: transparent;
}

button:focus {
  border: none;
  outline: none;
}

::-moz-placeholder {
  color: #CCCCCC;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

:-ms-input-placeholder {
  color: #CCCCCC;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

::placeholder {
  color: #CCCCCC;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

input:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

input:focus:-ms-input-placeholder {
  color: transparent;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

input:focus::placeholder {
  color: transparent;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

textarea:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

textarea:focus::placeholder {
  color: transparent;
  transition: all 0.3s ease-in-out;
  transition: 0.3s linear;
  /* vendorless fallback */
  -o-transition: 0.3s linear;
  /* opera */
  -ms-transition: 0.3s linear;
  /* IE 10 */
  -moz-transition: 0.3s linear;
  /* Firefox */
  -webkit-transition: 0.3s linear;
  /*safari and chrome */
}

@media (max-width: 991px) {
  .shape-1,
  .shape-2,
  .shape-3,
  .shape-4,
  .shape-5 {
    display: none;
  }
}


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