/*
@File: Tefri Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style
** - Header Area Style
** - Nav Area Style
** - Banner Area Style

** - Footer Area Style
** - Copy Right Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
body {
    font-size: 16px;
    font-family: "Nunito Sans", sans-serif;
    color: #415674;
}

a {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    text-decoration: none;
    color: #415674;
}

a:hover {
    text-decoration: none;
    color: #243f98;
}

a:focus {
    text-decoration: none;
}

button {
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-primary {
    display: none !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #243f98;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
}

h3 {
    font-weight: 600;
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

p {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.7;
}

p:last-child {
    margin-bottom: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.form-control {
    height: 55px;
    color: #1b2336;
    border: 1px solid #ffffff;
    background-color: #e5e5e5;
    font-size: 16px;
    padding: 10px 20px;
    width: 100%;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border-radius: 5px;
}

.form-control::-webkit-input-placeholder {
    color: #757575;
}

.form-control:-ms-input-placeholder {
    color: #757575;
}

.form-control::-ms-input-placeholder {
    color: #757575;
}

.form-control::placeholder {
    color: #757575;
}

.form-control:focus {
    color: #000000;
    background-color: #e5e5e5;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    outline: 0;
    border: 1px solid #243f98;
}

.form-control:hover:focus,
.form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

textarea.form-control {
    height: auto;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pt-50 {
    padding-top: 50px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

/*
Bg-color Style*/
.body-bg-color {
    background-color: #f8fafb;
}

.bg-color-ffffff {
    background-color: #ffffff;
}

.bg-color-3270ff {
    background-color: #3270ff;
}

.bg-color-1b2336 {
    background-color: #1b2336;
}

/*
Default Btn Area Style*/
.default-btn {
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: -ms-inline-grid;
    display: inline-grid;
    padding: 12px 40px;
    background-color: #243f98;
    border-radius: 40px;
    border: 1px solid #243f98;
}

.default-btn.active {
    background-color: #243f98;
    color: #ffffff;
}

.default-btn.active:hover {
    color: #ffffff;
    background-color: #ffbc00;
    border: 1px solid #ffbc00;
}

.default-btn:hover {
    color: #ffffff;
    background-color: #ffbc00;
    border: 1px solid #ffbc00;
}

/*
Read More Btn Area Style*/
.read-more {
    font-size: 15px;
    color: #ffbc00;
    background-color: transparent;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    font-weight: 600;
}

.read-more i {
    position: relative;
    top: 4px;
}

.read-more:hover {
    color: #ffbc00;
    letter-spacing: 1px;
}

/*
Section Title Area Style*/
.section-title {
    max-width: 700px;
    margin: -5px auto 50px;
    text-align: center;
    position: relative;
}

.section-title .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.section-title h2 {
    font-size: 35px;
    margin-bottom: 15px;
}

.section-title h2 span {
    color: #ffbc00;
}

.section-title h2:last-child {
    margin-bottom: 0;
}

.section-title p {
    max-width: 600px;
    margin: auto;
}

.section-title p span {
    color: #ffbc00;
}

.section-title.white-title span {
    color: #ffbc00;
}

.section-title.white-title h2 {
    color: #ffffff;
}

.section-title.white-title p {
    color: #ffffff;
}

.section-title.left-title {
    margin-left: 0;
    text-align: left;
    max-width: 645px;
}

.section-title.left-title h2 {
    max-width: 700px;
}

.section-title.left-title p {
    margin-left: 0;
}

.section-title.left-title .default-btn {
    position: absolute;
    top: 0;
    right: 0;
}

/*
Navbar Area Style
======================================================*/
.navbar-area {
    position: relative;
    background-color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-area.is-sticky {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    position: fixed;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    background-color: #ffffff !important;
}

.navbar-area .container-fluid {
    max-width: 1760px;
    margin: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.navbar-area .navbar-brand {
    margin-right: 30px;
}

.navbar-area .navbar-brand .white-logo {
    display: none;
}

.navbar-area .mobile-responsive-menu .logo .white-logo {
    display: none;
}

.navbar-area.style-border {
    border: 1px solid #ffffff;
}

.desktop-nav {
    padding-top: 0;
    padding-bottom: 0;
}

.desktop-nav .navbar {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    z-index: 2;
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.desktop-nav .navbar ul {
    margin-bottom: 0;
    list-style-type: none;
}

.desktop-nav .navbar .navbar-nav .nav-item {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
    font-size: 16px;
    color: #1b2336;
    line-height: 1;
    position: relative;
    font-weight: 600;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
    padding-right: 20px;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after {
    display: none;
}

.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
    content: "\EA4E";
    position: absolute;
    top: 0;
    right: 0;
    font-family: remixicon !important;
    line-height: 1;
    font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item a:hover,
.desktop-nav .navbar .navbar-nav .nav-item a:focus,
.desktop-nav .navbar .navbar-nav .nav-item a.active {
    color: #243f98;
}

.desktop-nav .navbar .navbar-nav .nav-item a i {
    font-size: 18px;
    line-height: 0;
    position: relative;
    top: 4px;
}

.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
    margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover a,
.desktop-nav .navbar .navbar-nav .nav-item:focus a,
.desktop-nav .navbar .navbar-nav .nav-item.active a {
    color: #243f98;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    position: absolute;
    visibility: hidden;
    border-radius: 0;
    display: block;
    width: 250px;
    border: none;
    z-index: 99;
    opacity: 0;
    top: 80px;
    left: 0;
    padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: #1b2336;
    padding: 15px;
    border-bottom: 1px dashed #ededed;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    display: block;
    position: relative;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a.dropdown-toggle::after {
    display: none;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    a.dropdown-toggle::before {
    content: "\EA4E";
    position: absolute;
    top: 14px;
    right: 13px;
    font-family: remixicon !important;
    line-height: 1;
    font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #243f98;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: 250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #1b2336;
    border-bottom: 1px dashed #ededed;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    position: relative;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.dropdown-toggle::after {
    display: none;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.dropdown-toggle::before {
    content: "\EA4E";
    position: absolute;
    top: 14px;
    right: 13px;
    font-family: remixicon !important;
    line-height: 1;
    font-size: 17px;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: 250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #000000;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #000000;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #000000;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #000000;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a {
    color: #000000;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:hover,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a:focus,
.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    a.active {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #243f98;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -1px;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #ffbc00;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    top: -1px;
    visibility: visible;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #ffbc00;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    top: -15px;
    visibility: visible;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li.active
    a {
    color: #ffbc00;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #ffbc00;
}

.desktop-nav
    .navbar
    .navbar-nav
    .nav-item
    .dropdown-menu
    li:hover
    .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
    border-bottom: none;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    top: 100%;
    opacity: 1;
    margin-top: 0;
    visibility: visible;
}

.desktop-nav .navbar .others-options ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.desktop-nav .navbar .others-options ul li {
    margin-right: 20px;
    display: inline-block;
}

.desktop-nav .navbar .others-options ul li:last-child {
    margin-right: 0;
}

.desktop-nav .navbar .others-options ul li .search-form {
    position: relative;
    margin-left: 20px;
}

.desktop-nav .navbar .others-options ul li .search-form .form-control {
    height: 42px;
    background-color: #ffffff;
    border-color: #e5e5e5;
    border-radius: 50px;
}

.desktop-nav .navbar .others-options ul li .search-form .form-control:focus {
    border-color: #243f98;
}

.desktop-nav .navbar .others-options ul li .search-form .src-btn {
    position: absolute;
    top: 11px;
    right: 15px;
    background-color: transparent;
    font-size: 20px;
    line-height: 1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    color: #243f98;
}

.desktop-nav .navbar .others-options ul li .search-form .src-btn:hover {
    color: #243f98;
}

.desktop-nav .navbar .others-options ul li .call-us {
    position: relative;
    padding-left: 50px;
    font-weight: 700;
    font-size: 16px;
    color: #1b2336;
}

.desktop-nav .navbar .others-options ul li .call-us i {
    position: absolute;
    top: -9px;
    left: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #243f98;
    border-radius: 50px;
    color: #243f98;
    background: rgba(50, 112, 252, 0.1);
    font-weight: normal;
    font-size: 20px;
}

.desktop-nav .navbar .others-options ul li .call-us:hover {
    color: #243f98;
}

.desktop-nav .navbar .others-options ul li .default-btn i {
    display: none;
}

.mobile-responsive-nav {
    display: none;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.others-options-for-mobile {
    position: absolute;
    top: 1px;
    left: 70px;
    right: 0;
    margin: auto;
    display: table;
    z-index: 999;
}

.others-options-for-mobile ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.others-options-for-mobile ul li {
    margin-right: 20px;
    display: inline-block;
}

.others-options-for-mobile ul li:last-child {
    margin-right: 0;
}

.others-options-for-mobile ul li .search-form {
    position: relative;
    margin-left: 20px;
}

.others-options-for-mobile ul li .search-form .form-control {
    height: 42px;
    background-color: #ffffff;
    border-color: #e5e5e5;
    border-radius: 50px;
}

.others-options-for-mobile ul li .search-form .form-control:focus {
    border-color: #243f98;
}

.others-options-for-mobile ul li .search-form .src-btn {
    position: absolute;
    top: 11px;
    right: 15px;
    background-color: transparent;
    font-size: 20px;
    line-height: 1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    color: #243f98;
}

.others-options-for-mobile ul li .search-form .src-btn:hover {
    color: #243f98;
}

.others-options-for-mobile ul li .call-us {
    position: relative;
    padding-left: 50px;
    font-weight: 700;
    font-size: 16px;
    color: #1b2336;
}

.others-options-for-mobile ul li .call-us i {
    position: absolute;
    top: -9px;
    left: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #243f98;
    border-radius: 50px;
    color: #243f98;
    background: rgba(50, 112, 252, 0.1);
    font-weight: normal;
    font-size: 20px;
}

.others-options-for-mobile ul li .call-us:hover {
    color: #243f98;
}

.others-options-for-mobile ul li .default-btn i {
    display: none;
}

/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
    display: none !important;
}

.others-option-for-responsive .dot-menu {
    padding: 0 10px;
    height: 30px;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    right: 60px;
    top: -40px;
}

.others-option-for-responsive .dot-menu .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
}

.others-option-for-responsive .dot-menu .inner .circle {
    height: 5px;
    width: 5px;
    border-radius: 100%;
    margin: 0 2px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color: #ffbc00;
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
    background-color: #ffbc00;
}

.others-option-for-responsive .container {
    position: relative;
}

.others-option-for-responsive .container .container {
    position: absolute;
    right: -2px;
    top: 15px;
    max-width: 320px;
    margin-left: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px;
}

.others-option-for-responsive .container .container.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.others-option-for-responsive .others-options {
    background-color: #ffffff;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.others-option-for-responsive .others-options ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.others-option-for-responsive .others-options ul li {
    margin-right: 20px;
    display: inline-block;
}

.others-option-for-responsive .others-options ul li:last-child {
    margin-right: 0;
}

.others-option-for-responsive .others-options ul li .search-form {
    position: relative;
    margin-left: 20px;
}

.others-option-for-responsive .others-options ul li .search-form .form-control {
    height: 42px;
    background-color: #ffffff;
    border-color: #e5e5e5;
    border-radius: 50px;
}

.others-option-for-responsive
    .others-options
    ul
    li
    .search-form
    .form-control:focus {
    border-color: #243f98;
}

.others-option-for-responsive .others-options ul li .search-form .src-btn {
    position: absolute;
    top: 11px;
    right: 15px;
    background-color: transparent;
    font-size: 20px;
    line-height: 1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    color: #243f98;
}

.others-option-for-responsive
    .others-options
    ul
    li
    .search-form
    .src-btn:hover {
    color: #243f98;
}

.others-option-for-responsive .others-options ul li .call-us {
    position: relative;
    padding-left: 50px;
    font-weight: 700;
    font-size: 16px;
    color: #1b2336;
}

.others-option-for-responsive .others-options ul li .call-us i {
    position: absolute;
    top: -9px;
    left: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #243f98;
    border-radius: 50px;
    color: #243f98;
    background: rgba(50, 112, 252, 0.1);
    font-weight: normal;
    font-size: 20px;
}

.others-option-for-responsive .others-options ul li .call-us:hover {
    color: #243f98;
}

.others-option-for-responsive .others-options ul li .default-btn i {
    display: none;
}

/*
Banner Area Style
======================================================*/
.banner-area {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    padding-top: 80px;
}

.banner-area .container-fluid {
    max-width: 1520px;
}

.banner-area.bg-1 {
    background-image: url(../../assets/images/banner/banner-bg-1.png);
}

.banner-area.style-two .container-fluid {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
}

.banner-area.style-two .bg-style-two {
    background-image: url(../../assets/images/banner/banner-bg-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
}

.banner-content {
    position: relative;
    max-width: 778px;
    margin-left: auto;
}

.banner-content .top-title {
    color: #ffbc00;
    margin-bottom: 15px;
    display: block;
}

.banner-content h1 {
    font-size: 60px;
    margin-bottom: 30px;
}

.banner-content .porttitor {
    margin-bottom: 40px;
    font-size: 18px;
    max-width: 600px;
}

.banner-content .banner-btn {
    margin-bottom: 20px;
}

.banner-content .banner-btn .default-btn {
    padding: 16px 30px;
    background-color: #243f98;
}

.banner-content .banner-btn .default-btn:hover {
    background-color: #ffbc00;
}

.banner-content .banner-btn .video-btn {
    width: 56px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    margin-left: 30px;
}

.banner-content .banner-btn .video-btn i {
    font-size: 30px;
}

.banner-content .question {
    font-weight: 700;
}

.banner-content .question a {
    color: #243f98;
}

.banner-content .question a:hover {
    color: #ffbc00;
}

.banner-content .social {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-top: 100px;
}

.banner-content .social li {
    display: inline-block;
    margin-right: 10px;
}

.banner-content .social li span {
    position: relative;
    top: -4px;
    padding-right: 43px;
}

.banner-content .social li span::before {
    content: "";
    position: absolute;
    top: 11px;
    right: 0;
    width: 30px;
    height: 1px;
    background-color: #415674;
}

.banner-content .social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #afb5c4;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
}

.banner-content .social li a:hover {
    background-color: #243f98;
}

.banner-content .social li a i {
    color: #ffffff;
}

.banner-content.style-two {
    margin-left: 0;
}

.banner-content .banner-img-shape-3 {
    position: absolute;
    top: -75px;
    left: -210px;
}

.banner-img {
    text-align: center;
    position: relative;
    z-index: 1;
}

.banner-img .banner-shape-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.banner-img .banner-shape-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.banner-slide {
    max-width: 778px;
}

.banner-slide .owl-item.active .banner-content {
    overflow: hidden;
}

.banner-slide .owl-item.active .banner-content h1 {
    -webkit-animation: 1s 0.1s fadeInLeft both;
    animation: 1s 0.1s fadeInLeft both;
}

.banner-slide .owl-item.active .banner-content p {
    -webkit-animation: 1s 0.1s fadeInRight both;
    animation: 1s 0.1s fadeInRight both;
}

.banner-slide .owl-item.active .banner-content .banner-btn {
    -webkit-animation: 1s 0.1s fadeInUpBig both;
    animation: 1s 0.1s fadeInUpBig both;
}

.banner-slide .owl-item.active .banner-content .question {
    -webkit-animation: 1s 0.1s fadeInUpBig both;
    animation: 1s 0.1s fadeInUpBig both;
}

.banner-slide.owl-theme .owl-dots {
    margin-top: 50px !important;
    line-height: 1;
    text-align: left;
}

.banner-slide.owl-theme .owl-dots .owl-dot {
    margin-right: 10px;
}

.banner-slide.owl-theme .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.banner-slide.owl-theme .owl-dots .owl-dot span {
    margin: 0;
    width: 8px;
    height: 8px;
    background: rgba(50, 112, 255, 0.45);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.banner-slide.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #243f98;
    width: 10px;
    height: 10px;
}

.banner-slide.owl-theme .owl-dots .owl-dot.active span {
    background-color: #243f98;
    width: 10px;
    height: 10px;
}

/*
Partner Area Style
======================================================*/
.partner-area {
    overflow: hidden;
    position: relative;
}

.partner-area .container-fluid {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
}

.partner-bg {
    padding: 50px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.partner-bg .owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}

/*
What We Do Area Style
======================================================*/
.single-what-we-do {
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    border-radius: 5px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
}

.single-what-we-do::before {
    content: "";
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #243f98;
    border-radius: 5px 5px 0 0;
    z-index: -1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-what-we-do::after {
    content: "";
    position: absolute;
    bottom: -50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #243f98;
    border-radius: 0 0 5px 5px;
    z-index: -1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-what-we-do img {
    margin-bottom: 10px;
}

.single-what-we-do h3 {
    font-size: 24px;
    margin-bottom: 15px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-what-we-do p {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-what-we-do:hover::before {
    top: 0;
}

.single-what-we-do:hover::after {
    bottom: 0;
}

.single-what-we-do:hover h3 {
    color: #ffffff;
}

.single-what-we-do:hover p {
    color: #ffffff;
}

/*
What We Provied Area Style
======================================================*/
.what-we-provide-content .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.what-we-provide-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.what-we-provide-content p {
    margin-bottom: 20px;
}

.what-we-provide-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.what-we-provide-content ul li {
    position: relative;
    font-size: 18px;
    background-color: #ffffff;
    padding: 30px 20px;
    padding-left: 113px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.what-we-provide-content ul li:last-child {
    margin-bottom: 0;
}

.what-we-provide-content ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #ffbc00;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.what-we-provide-content ul li span {
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 35px;
    font-weight: 700;
    color: #1b2336;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.what-we-provide-content ul li:hover::before {
    background-color: #ffbc00;
    width: 112px;
}

.what-we-provide-content ul li:hover span {
    color: #ffffff;
}

.provider-img {
    position: relative;
    z-index: 1;
    text-align: center;
}

.provider-img .provider-shape {
    position: absolute;
    bottom: 0;
    left: -170px;
    right: 0;
    z-index: -1;
    margin: auto;
    max-width: 800px;
}

.provider-img .provider-shape.style-two {
    left: 0;
}

/*
Counter Area Style
======================================================*/
.counter-area {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.counter-area .shape {
    position: absolute;
    top: 0;
    z-index: -1;
}

.counter-area .shape.counter-shape-1 {
    left: 0;
    mix-blend-mode: screen;
}

.counter-area .shape.counter-shape-2 {
    right: 0;
    opacity: 0.5;
}

.single-counter-item {
    text-align: center;
}

.single-counter-item h2 {
    color: #ffffff;
    font-size: 35px;
}

.single-counter-item h2 .target {
    position: relative;
    margin-left: -8px;
    top: 2px;
}

.single-counter-item p {
    color: #ffffff;
}

/*
Services Area Style
======================================================*/
.services-area {
    overflow: hidden;
}

.services-area .container-fluid {
    left: calc((100% - 1320px) / 2);
    position: relative;
}

.services-slide.owl-theme .owl-dots {
    margin: 0 !important;
    line-height: 1;
}

.services-slide.owl-theme .owl-dots .owl-dot span {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.services-slide.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #243f98;
}

.services-slide.owl-theme .owl-dots .owl-dot.active span {
    background-color: #243f98;
}

.single-services-box {
    background-color: #ffffff;
    padding: 30px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.single-services-box .icon {
    font-size: 80px;
    line-height: 1;
    margin-bottom: 5px;
    display: inline-block;
    color: #243f98;
}

.single-services-box .shape {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 100px;
    opacity: 0.3;
    color: #e5e5e5;
}

.single-services-box h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.single-services-box h3 a {
    color: #1b2336;
}

.single-services-box p {
    margin-bottom: 20px;
}

.single-services-box .default-btn {
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid #243f98;
    color: #1b2336;
}

.single-services-box .default-btn:hover {
    background-color: #243f98;
    color: #ffffff;
}

.single-services-box.style-two {
    background-color: transparent;
    border: 1px solid #e3e9ed;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-services-box.style-two:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    border-color: #ffffff;
}

.single-services-box:hover .default-btn {
    background-color: #243f98;
    color: #ffffff;
}

.services-content {
    max-width: 520px;
}

.services-content .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.services-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

/*
Patients Area Style
======================================================*/
.patients-area .container-fluid {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
}

.patients-content {
    position: relative;
}

.patients-content .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.patients-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.patients-content p {
    margin-bottom: 30px;
}

.patients-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.patients-content ul li {
    background-color: #ffffff;
    border: 0.5px solid #e3e9ed;
    position: relative;
    padding: 15px;
    font-weight: 600;
    font-size: 16px;
    padding-left: 30px;
    margin-bottom: 20px;
    border-radius: 5px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
    color: #1b2336;
}

.patients-content ul li:last-child {
    margin-bottom: 0;
}

.patients-content ul li i {
    position: absolute;
    top: 16px;
    left: 20px;
    color: #ffbc00;
    font-weight: normal;
    font-size: 20px;
}

.patients-content ul li:hover {
    border-color: #ffbc00;
}

.patients-content.style-two {
    max-width: 620px;
    margin-left: auto;
}

.patients-content .patients-shape {
    position: absolute;
    top: 90px;
    left: -300px;
}

/*
Appointment Area Style
======================================================*/
.appointment-area {
    position: relative;
}

.appointment-area .container-fluid {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
}

.appointment-area.style-two .bg-style-two {
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.appointment-area.style-two .appointment-content {
    max-width: 638px;
}

.appointment-content .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.appointment-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.appointment-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.appointment-form .form-group label {
    color: #1b2336;
    margin-bottom: 8px;
}

.appointment-form .form-group .form-control {
    background-color: #f8fafb;
    border: 1px solid #afb5c4;
    border-radius: 5px;
}

.appointment-form .form-group i {
    position: absolute;
    top: 45px;
    right: 23px;
    font-size: 20px;
    color: #1b2336;
}

.appointment-form .form-group .form-select {
    background-size: 33px 15px;
}

.appointment-form .submit-btn .default-btn {
    padding: 16px 40px;
}

.appointment-form .submit-btn ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    margin-left: 20px;
}

.appointment-form .submit-btn ul li {
    display: inline-block;
    margin-right: 20px;
}

.appointment-form .submit-btn ul li:last-child {
    margin-right: 0;
}

.appointment-img {
    position: relative;
}

.appointment-img .appointment-img-2 {
    position: absolute;
    top: -106px;
}

/*
Doctor Area Style
======================================================*/
.single-doctor {
    text-align: center;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    margin-bottom: 30px;
}

.single-doctor img {
    border-radius: 10px;
    margin-bottom: 20px;
}

.single-doctor h3 {
    font-size: 20px;
    margin-bottom: 5px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-doctor span {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-doctor ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: absolute;
    bottom: 39px;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-doctor ul li {
    display: inline-block;
    margin-right: 5px;
}

.single-doctor ul li:last-child {
    margin-right: 0;
}

.single-doctor ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    border-radius: 50px;
    background-color: #243f98;
}

.single-doctor ul li a:hover {
    background-color: #ffbc00;
}

.single-doctor ul li a i {
    font-size: 15px;
}

.single-doctor:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.single-doctor:hover h3 {
    opacity: 0;
}

.single-doctor:hover span {
    opacity: 0;
}

.single-doctor:hover ul {
    opacity: 1;
    visibility: visible;
}

/*
Solutions Area Style
======================================================*/
.solutions-area .container-fluid {
    max-width: 1760px;
    padding-left: 30px;
    padding-right: 30px;
}

.solutions-bg {
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.solutions-bg .solutions-content {
    padding: 100px;
}

.solutions-content .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.solutions-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.solutions-img {
    position: relative;
}

.solutions-img img {
    border-radius: 10px;
}

.solutions-img .play-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*
Accordion Area Style
======================================================*/
.accordion-item {
    margin-bottom: 30px;
    border-radius: 0 !important;
    border: none;
    background-color: transparent;
}

.accordion-item h2 {
    margin-bottom: 0;
}

.accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-item .accordion-body {
    padding: 0;
    margin-top: 15px;
    padding-left: 35px;
}

.accordion-item .accordion-body a {
    color: #ffbc00;
}

.accordion-item .accordion-body ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.accordion-item .accordion-body ul li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
}

.accordion-item .accordion-body ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 11px;
    height: 11px;
    line-height: 10px;
    background-color: #ffbc00;
}

.accordion-item .accordion-body ul li:last-child {
    margin-bottom: 0;
}

.accordion-button {
    padding: 0;
    background-color: transparent;
    padding-left: 35px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
    color: #1b2336;
}

.accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #1b2336;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: unset;
    content: "\f1af";
    font-family: "remixicon" !important;
    border-color: #ffffff;
}

.accordion-button::after {
    background-image: unset;
    content: "\ea13";
    font-family: "remixicon" !important;
    position: absolute;
    border: 1px solid #ffbc00;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    left: 0;
    top: -1px;
    text-align: center;
    line-height: 24px;
    font-size: 19px;
    background-color: #ffbc00;
    color: #ffffff;
    display: inline-block;
}

/*
Subscribe Area Style
======================================================*/
.subscribe-area {
    position: relative;
    z-index: 1;
}

.subscribe-area::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #ffffff;
    z-index: -1;
}

.subscribe-bg {
    border-radius: 10px;
    padding: 100px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.subscribe-bg .subscribe-shape {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: -1;
}

.subscribe-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
    color: #ffffff;
}

.subscribe-content p {
    color: #ffffff;
}

.newsletter-wrap .newsletter-form {
    position: relative;
}

.newsletter-wrap .newsletter-form .form-control {
    background-color: #ffffff;
}

.newsletter-wrap .newsletter-form .default-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    height: 49px;
    padding: 10px 25px;
    background-color: #243f98;
}

.newsletter-wrap .validation-danger {
    font-size: 14px;
    color: #ff0000;
    margin-top: 5px;
}

/*
Footer Area Style
======================================================*/
.single-footer-widget {
    margin-bottom: 30px;
}

.single-footer-widget .white-logo {
    display: none;
}

.single-footer-widget img {
    margin-bottom: 20px;
}

.single-footer-widget h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.single-footer-widget p {
    margin-bottom: 20px;
}

.single-footer-widget .social-link {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.single-footer-widget .social-link li {
    display: inline-block;
    margin-right: 10px;
}

.single-footer-widget .social-link li:last-child {
    margin-right: 0;
}

.single-footer-widget .social-link li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    background-color: #afb5c4;
    color: #ffffff;
    border-radius: 50px;
}

.single-footer-widget .social-link li a:hover {
    background-color: #243f98;
}

.single-footer-widget .contact-info {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.single-footer-widget .contact-info li {
    position: relative;
    padding-left: 81px;
    margin-bottom: 20px;
}

.single-footer-widget .contact-info li:last-child {
    margin-bottom: 0;
}

.single-footer-widget .contact-info li span {
    position: absolute;
    top: 1px;
    left: 0;
    color: #243f98;
    font-weight: 700;
}

.single-footer-widget .help-link {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.single-footer-widget .help-link li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}

.single-footer-widget .help-link li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #243f98;
}

.single-footer-widget .help-link li:last-child {
    margin-bottom: 0;
}

.single-footer-widget .app-btn .default-btn {
    padding: 20px;
    border-radius: 0;
    background-color: #1b2336;
    margin-right: 15px;
}

.single-footer-widget .app-btn .default-btn:last-child {
    margin-right: 0;
}

.single-footer-widget .app-btn .default-btn i {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.single-footer-widget .app-btn .default-btn.apple {
    background-color: #f8fafb;
    border: 1px solid #e3e9ed;
    color: #1b2336;
}

/*
Copy Right Area Style
======================================================*/
.copy-right-area p a {
    color: #ffbc00;
}

.copy-right-area p a:hover {
    color: #243f98;
}

.copy-right-area .language {
    position: relative;
    padding-left: 10px;
    float: right;
}

.copy-right-area .language .form-select {
    background-color: transparent;
    border: none;
    max-width: 150px;
    cursor: pointer;
    color: #898c90;
}

.copy-right-area .language .form-select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.copy-right-area .language i {
    position: absolute;
    top: 7px;
    left: 0;
}

.copy-right-area .copy-right-bg {
    border-top: 1px solid #e3e9ed;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*
Client Area Style
======================================================*/
.single-client-say {
    border: 1px solid #e3e9ed;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-client-say .client-img {
    position: relative;
    padding-left: 65px;
    margin-bottom: 20px;
}

.single-client-say .client-img img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px;
    max-width: 53px;
}

.single-client-say .client-img h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

.single-client-say p {
    margin-bottom: 0;
}

.single-client-say i {
    position: absolute;
    top: 30px;
    right: 30px;
    color: rgba(27, 35, 54, 0.07);
    font-size: 50px;
    line-height: 1;
}

.single-client-say.style-two {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    border-color: #ffffff;
}

.client-say-slide .owl-item.active.center .single-client-say {
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.client-say-slide.owl-theme .owl-dots {
    line-height: 1;
    margin-top: 0 !important;
}

.client-say-slide.owl-theme .owl-dots .owl-dot {
    margin-right: 10px;
}

.client-say-slide.owl-theme .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.client-say-slide.owl-theme .owl-dots .owl-dot span {
    margin: 0;
    width: 8px;
    height: 8px;
    background: rgba(50, 112, 255, 0.45);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.client-say-slide.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #243f98;
    width: 10px;
    height: 10px;
}

.client-say-slide.owl-theme .owl-dots .owl-dot.active span {
    background-color: #243f98;
    width: 10px;
    height: 10px;
}

/*
Blog Area Style
======================================================*/
.single-blog {
    margin-bottom: 30px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-blog img {
    border-radius: 10px;
    margin-bottom: 20px;
}

.single-blog .blog-content ul {
    padding-left: 0;
    margin-bottom: 15px;
    list-style-type: none;
}

.single-blog .blog-content ul li {
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
}

.single-blog .blog-content ul li:last-child {
    margin-right: 0;
}

.single-blog .blog-content ul li i {
    color: #ffbc00;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.single-blog .blog-content h3 {
    font-size: 24px;
}

.single-blog .blog-content h3 a {
    color: #1b2336;
}

.single-blog:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.single-blog:hover .blog-content h3 a {
    color: #ffbc00;
}

/*
Blog Area Style
======================================================*/
.single-pricing-box {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-pricing-box h3 {
    font-size: 30px;
    margin-bottom: 0;
}

.single-pricing-box span {
    display: block;
    margin-bottom: 15px;
}

.single-pricing-box h1 {
    color: #243f98;
    font-size: 60px;
    font-family: "Nunito Sans", sans-serif;
    margin-bottom: 15px;
}

.single-pricing-box h1 sub {
    font-size: 16px;
    font-weight: normal;
}

.single-pricing-box ul {
    padding-left: 0;
    margin-bottom: 28px;
    list-style-type: none;
}

.single-pricing-box ul li {
    margin-bottom: 15px;
}

.single-pricing-box ul li:last-child {
    margin-bottom: 0;
}

.single-pricing-box ul li i {
    float: right;
}

/*
Testimonial Area Style
======================================================*/
.testimonial-item {
    max-width: 860px;
    margin: auto;
    text-align: center;
}

.testimonial-item .testimonial-img {
    position: relative;
    margin-bottom: 30px;
}

.testimonial-item .testimonial-img img {
    border-radius: 50px;
}

.testimonial-item .testimonial-img i {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    color: #ffbc00;
    font-size: 30px;
    line-height: 1;
}

.testimonial-item p {
    font-size: 24px;
    margin-bottom: 20px;
}

.testimonial-item h3 {
    font-size: 20px;
    margin-bottom: 0;
}

.testimonial-item span {
    color: #ffbc00;
    font-size: 14px;
}

.testimonial-slide.owl-carousel .owl-item img {
    width: auto;
    margin: auto;
}

.testimonial-slide.owl-theme .owl-dots {
    margin-top: 50px !important;
    line-height: 1;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot {
    margin-right: 10px;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot span {
    margin: 0;
    width: 8px;
    height: 8px;
    background: rgba(50, 112, 255, 0.45);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #243f98;
    width: 10px;
    height: 10px;
}

.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
    background-color: #243f98;
    width: 10px;
    height: 10px;
}

.testimonial-wrap {
    position: relative;
}

.testimonial-wrap .shape {
    position: absolute;
    border-radius: 50px;
}

.testimonial-wrap .shape.shape-1 {
    top: 0;
    left: 100px;
}

.testimonial-wrap .shape.shape-2 {
    top: 41%;
    left: 0;
}

.testimonial-wrap .shape.shape-3 {
    bottom: 0;
    left: 100px;
}

.testimonial-wrap .shape.shape-4 {
    bottom: 0;
    right: 0;
}

.testimonial-wrap .shape.shape-5 {
    top: 0;
    right: 0;
}

/*
Telehealth Area Style
======================================================*/
.telehealth-content .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.telehealth-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.telehealth-content .default-btn {
    margin-top: 20px;
}

/* 
Page Title Area Style
=====================================================*/
.page-title-area {
    position: relative;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#dfe7ed),
        to(#eff3ff)
    );
    background: linear-gradient(270deg, #dfe7ed 0%, #eff3ff 100%);
    padding-top: 200px;
    padding-bottom: 100px;
}

.page-title-area .shape {
    position: absolute;
}

.page-title-area .shape.page-shape-1 {
    bottom: 0;
    left: 0;
}

.page-title-area .shape.page-shape-2 {
    bottom: 30px;
    right: 100px;
}

.page-title-content {
    position: relative;
    max-width: 860px;
    margin: auto;
    text-align: center;
}

.page-title-content h2 {
    margin-bottom: 20px;
    font-size: 50px;
}

.page-title-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.page-title-content ul li {
    display: inline-block;
    position: relative;
    font-size: 16px;
    padding-right: 15px;
    margin-left: 15px;
}

.page-title-content ul li a:hover {
    color: #ffbc00;
}

.page-title-content ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    right: -5px;
    background-color: #ffbc00;
    width: 8px;
    height: 8px;
    border-radius: 50px;
}

.page-title-content ul li.active {
    color: #ffbc00;
}

.page-title-content ul li:first-child {
    margin-left: 0;
}

.page-title-content ul li:last-child {
    padding-right: 0;
}

.page-title-content ul li:last-child::before {
    display: none;
}

/* 
About Area Style
=====================================================*/
.about-img img {
    border-radius: 5px;
}

.about-content {
    background-color: #ffffff;
    padding: 50px;
    border-radius: 5px;
    margin-left: -400px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.about-content .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.about-content h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.about-content.style-two {
    margin-left: 0;
    margin-right: -400px;
    position: relative;
    background-color: #243f98;
}

.about-content.style-two .top-title {
    color: #ffffff;
}

.about-content.style-two h2 {
    color: #ffffff;
}

.about-content.style-two p {
    color: #ffffff;
}

/* 
FAQ Area Style
=====================================================*/
.faq-content {
    max-width: 860px;
    margin: auto;
}

.faq-content.style-two .accordion-button {
    background-color: #f8fafb;
    border: 1px solid #ecedf1;
    padding: 20px;
    padding-right: 50px;
    border-radius: 5px;
}

.faq-content.style-two .accordion-button i {
    position: absolute;
}

.faq-content.style-two .accordion-button::after {
    top: 19px;
    left: auto;
    right: 18px;
}

.faq-content.style-two .accordion-body {
    padding-left: 0;
}

.faq-content.style-two .accordion-body p {
    position: relative;
    padding-left: 25px;
}

.faq-content.style-two .accordion-body p span {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
    color: #1b2336;
}

/* 
Main Contact Area Style
=====================================================*/
.contact-form {
    max-width: 860px;
    margin: auto;
}

.contact-form h2 {
    font-size: 25px;
    margin-bottom: 30px;
}

.contact-form .form-group {
    margin-bottom: 30px;
}

.contact-form .form-group label {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #243f98;
}

.contact-form .form-group .form-control {
    background: #ffffff;
    border: 1px solid #afb5c4;
}

.contact-form .form-group .form-control:focus {
    border-color: #ffbc00;
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
    font-size: 13px;
}

.contact-form .form-group .form-control:-ms-input-placeholder {
    font-size: 13px;
}

.contact-form .form-group .form-control::-ms-input-placeholder {
    font-size: 13px;
}

.contact-form .form-group .form-control::placeholder {
    font-size: 13px;
}

.contact-form .form-check {
    padding-left: 12px;
}

.contact-form .form-check label {
    margin-bottom: 0;
}

.list-unstyled {
    color: #dc3545;
    margin-top: 10px;
    font-size: 14px;
}

.hidden {
    display: none;
}

#msgSubmit {
    margin-top: 30px;
    font-size: 20px;
}

.maps iframe {
    border: none;
    width: 100%;
    height: 500px;
    border-radius: 5px;
}

/* 
Login Register Area Style
=====================================================*/
.login-register-content {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    padding: 50px;
    border-radius: 5px;
}

.login-register-content h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.login-register-content .form-group {
    margin-bottom: 20px;
}

.login-register-content .form-group .form-control {
    background-color: #ffffff;
    border-color: #afb5c4;
}

.login-register-content .form-group .form-control::-webkit-input-placeholder {
    color: #afb5c4;
}

.login-register-content .form-group .form-control:-ms-input-placeholder {
    color: #afb5c4;
}

.login-register-content .form-group .form-control::-ms-input-placeholder {
    color: #afb5c4;
}

.login-register-content .form-group .form-control::placeholder {
    color: #afb5c4;
}

.login-register-content .form-group .form-control:focus {
    border-color: #243f98;
}

.login-register-content .form-group .default-btn {
    width: 100%;
}

.login-register-content .form-group a {
    text-align: right;
    display: block;
}

.login-register-content label {
    margin-bottom: 8px;
}

/* 
Login Register Area Style
=====================================================*/
.info-content {
    background-color: #243f98;
    padding: 50px;
    border-radius: 5px;
    margin-right: -100px;
    position: relative;
}

.info-content h3 {
    color: #ffffff;
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 15px;
}

.info-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.info-content ul li {
    color: #ffffff;
    position: relative;
    padding-left: 80px;
    margin-bottom: 15px;
}

.info-content ul li:last-child {
    margin-bottom: 0;
}

.info-content ul li span {
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}

.info-content ul li a {
    color: #ffffff;
}

/* 
Services Details Area Style
=====================================================*/
.services-content-1 .top-title {
    font-size: 14px;
    color: #ffbc00;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.services-content-1 h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.services-content-2 h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

.services-content-2 ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.services-content-2 ul li {
    display: block;
    position: relative;
    padding-left: 12px;
    margin-bottom: 10px;
}

.services-content-2 ul li:last-child {
    margin-bottom: 0;
}

.services-content-2 ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #243f98;
    border-radius: 50px;
}

/* 
Telehealth Area Style
=====================================================*/
.telehealth-content {
    max-width: 630px;
}

.telehealth-content h2 {
    font-size: 35px;
    margin-bottom: 40px;
}

.telehealth-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.telehealth-content ul li {
    position: relative;
    padding-left: 65px;
    margin-bottom: 30px;
}

.telehealth-content ul li:last-child {
    margin-bottom: 0;
}

.telehealth-content ul li i {
    position: absolute;
    top: 0;
    left: 0;
    color: #243f98;
    font-size: 50px;
}

.telehealth-content ul li h3 {
    font-size: 20px;
}

/* 
Benefits Area Style
=====================================================*/
.benefits-area .col-lg-12:last-child .single-benefits-content {
    margin-bottom: 0;
}

.single-benefits-content {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-benefits-content h3 {
    font-size: 22px;
}

.single-benefits-content:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

/* 
Blog De6tails Area Style
=====================================================*/
.blog-details-content img {
    border-radius: 5px;
    margin-bottom: 15px;
}

.blog-details-content .blog-content ul {
    padding-left: 0;
    margin-bottom: 10px;
    list-style-type: none;
}

.blog-details-content .blog-content ul li {
    display: inline-block;
    margin-right: 10px;
}

.blog-details-content .blog-content ul li i {
    position: relative;
    top: 2px;
    color: #ffbc00;
}

.blog-details-content .blog-content ul li a:hover {
    color: #ffbc00;
}

.blog-details-content .blog-content ul li:last-child {
    margin-right: 0;
}

.blog-details-content .blog-content h3 {
    font-size: 30px;
    margin-bottom: 15px;
}

.blog-details-content .img-1 img {
    margin-bottom: 0;
}

.blog-details-content .img-2 img {
    margin-bottom: 0;
}

.blog-details-content .tag-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.blog-details-content .tag-list li span {
    font-weight: 700;
    color: #1b2336;
}

.blog-details-content .leave-form h3 {
    margin-bottom: 5px;
}

.blog-details-content .leave-form p {
    margin-bottom: 30px;
}

.blog-details-content .leave-form .form-group {
    margin-bottom: 25px;
}

.blog-details-content .leave-form .form-group label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #1b2336;
}

.blog-details-content .leave-form .form-group .form-control {
    background-color: #ffffff;
    border-color: #afb5c4;
}

.blog-details-content
    .leave-form
    .form-group
    .form-control::-webkit-input-placeholder {
    font-size: 14px;
}

.blog-details-content
    .leave-form
    .form-group
    .form-control:-ms-input-placeholder {
    font-size: 14px;
}

.blog-details-content
    .leave-form
    .form-group
    .form-control::-ms-input-placeholder {
    font-size: 14px;
}

.blog-details-content .leave-form .form-group .form-control::placeholder {
    font-size: 14px;
}

.widget-sidebar .sidebar-widget {
    margin-bottom: 30px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
}

.widget-sidebar .sidebar-widget:last-child {
    margin-bottom: 0;
}

.widget-sidebar .sidebar-widget h3 {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.widget-sidebar .sidebar-widget ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.widget-sidebar .sidebar-widget ul li {
    position: relative;
    padding-left: 18px;
    font-size: 16px;
    margin-bottom: 10px;
}

.widget-sidebar .sidebar-widget ul li:last-child {
    margin-bottom: 0;
}

.widget-sidebar .sidebar-widget ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #ffbc00;
    border-radius: 50px;
}

.widget-sidebar .sidebar-widget .src-form {
    position: relative;
}

.widget-sidebar .sidebar-widget .src-form .form-control {
    border: 1px solid #e2e2e2;
}

.widget-sidebar .sidebar-widget .src-form .form-control:focus {
    border-color: #ffbc00;
}

.widget-sidebar .sidebar-widget .src-form .src-btn {
    position: absolute;
    top: 12px;
    right: 18px;
    background-color: transparent;
    font-size: 20px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.widget-sidebar .sidebar-widget .src-form .src-btn:hover {
    color: #ffbc00;
}

.widget-sidebar .sidebar-widget.recent-post .item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 115px;
}

.widget-sidebar .sidebar-widget.recent-post .item:last-child {
    margin-bottom: 0;
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb {
    top: 0;
    left: 0;
    width: 100px;
    float: unset;
    height: 100%;
    display: block;
    position: absolute;
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage {
    width: 100px;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center !important;
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-1 {
    background-image: url(../../assets/images/blog/blog-1.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-2 {
    background-image: url(../../assets/images/blog/blog-2.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-3 {
    background-image: url(../../assets/images/blog/blog-3.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .thumb .fullimage.bg-4 {
    background-image: url(../../assets/images/blog/blog-4.jpg);
}

.widget-sidebar .sidebar-widget.recent-post .item .info .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 7px;
}

.widget-sidebar .sidebar-widget.recent-post .item .info .date {
    padding-left: 0;
    position: relative;
}

.widget-sidebar .sidebar-widget.recent-post .item .info .date i {
    position: relative;
    top: 2px;
}

.widget-sidebar .sidebar-widget.tags ul {
    margin-bottom: -10px;
}

.widget-sidebar .sidebar-widget.tags ul li {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 0;
    margin-right: 10px;
}

.widget-sidebar .sidebar-widget.tags ul li:last-child {
    margin-bottom: 0;
    margin-right: 0;
}

.widget-sidebar .sidebar-widget.tags ul li::before {
    display: none;
}

.widget-sidebar .sidebar-widget.tags ul li a {
    border: 1px solid #c4c4c4;
    padding: 5px 12px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
}

.widget-sidebar .sidebar-widget.tags ul li a:hover {
    background-color: #ffbc00;
    color: #ffffff;
    border-color: #ffbc00;
}

/* 
Products Area Style
=====================================================*/
.single-product {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.single-product .product-img {
    position: relative;
}

.single-product .product-img img {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-product .product-img ul {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.single-product .product-img ul li {
    display: inline-block;
    margin: 0 5px;
}

.single-product .product-img ul li a i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #afb5c4;
    color: #1b2336;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    display: inline-block;
    border-radius: 5px;
    background-color: #ffffff;
}

.single-product .product-img ul li a:hover i {
    background-color: #243f98;
    color: #ffffff;
    border-color: #243f98;
}

.single-product .product-content {
    z-index: 1;
    position: relative;
    padding-top: 20px;
}

.single-product .product-content a h3 {
    margin-bottom: 10px;
    font-size: 20px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.single-product .product-content a:hover h3 {
    color: #ffbc00;
}

.single-product .product-content .price {
    font-size: 16px;
    display: block;
    color: #415674;
    line-height: 1;
}

.single-product .product-content .price del {
    margin-right: 10px;
    color: #415674;
}

.single-product .new {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #d00000;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
}

.single-product .new.sell {
    background-color: #008000;
}

.single-product:hover .product-img img {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
}

.single-product:hover .product-img ul {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.single-product:hover .product-img::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.single-product .star-rating {
    position: relative;
    top: 5px;
    direction: rtl;
    display: inline-block;
    cursor: default;
    margin-bottom: 10px;
}

.single-product .star-rating input[type="radio"] {
    display: none;
}

.single-product .star-rating label {
    color: #dddddd;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-product .star-rating label:hover,
.single-product .star-rating label:hover ~ label,
.single-product .star-rating input[type="radio"]:checked ~ label {
    color: #f2b600;
}

.showing-result {
    margin-bottom: 30px;
}

.showing-result .form-control {
    max-width: 300px;
    background-color: #ffffff;
    border-color: #afb5c4;
    cursor: pointer;
}

/*
Product Details Area Style
=====================================================*/
.product-details-desc h3 {
    font-size: 25px;
}

.product-details-desc p {
    margin-bottom: 0;
}

.product-details-desc .price {
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: 500;
}

.product-details-desc .price span {
    padding: 0 5px;
    color: #ffbc00;
}

.product-details-desc .price del {
    margin-right: 10px;
    color: #415674;
}

.product-details-desc .sku {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-details-desc .sku li {
    margin-bottom: 20px;
    color: #1b2336;
    position: relative;
    font-weight: 600;
}

.product-details-desc .sku li span {
    color: #415674;
}

.product-details-desc .sku li:last-child {
    margin-bottom: 0;
}

.product-details-desc .product-add-to-cart {
    margin-bottom: 20px;
    margin-top: 20px;
}

.product-details-desc .product-add-to-cart .quantities {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #1b2336;
}

.product-details-desc .product-add-to-cart .input-counter {
    max-width: 130px;
    min-width: 130px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
    border: 1px solid #cfcfcf;
}

.product-details-desc .product-add-to-cart .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 40px;
    height: 100%;
    line-height: 48px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.product-details-desc .product-add-to-cart .input-counter span:hover {
    color: #ffbc00;
}

.product-details-desc .product-add-to-cart .input-counter span.minus-btn {
    left: 0;
    border-right: 1px solid #cfcfcf;
}

.product-details-desc .product-add-to-cart .input-counter span.plus-btn {
    right: 0;
    border-left: 1px solid #cfcfcf;
}

.product-details-desc .product-add-to-cart .input-counter input {
    height: 48px;
    color: #333333;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
}

.product-details-desc
    .product-add-to-cart
    .input-counter
    input::-webkit-input-placeholder {
    color: #333333;
}

.product-details-desc
    .product-add-to-cart
    .input-counter
    input:-ms-input-placeholder {
    color: #333333;
}

.product-details-desc
    .product-add-to-cart
    .input-counter
    input::-ms-input-placeholder {
    color: #333333;
}

.product-details-desc .product-add-to-cart .input-counter input::placeholder {
    color: #333333;
}

.product-details-desc .add-wishlist {
    background-color: transparent;
    font-weight: 600;
}

.product-details-desc .add-wishlist i {
    position: relative;
    top: 2px;
    color: #ffbc00;
}

.product-details-desc .add-wishlist:hover {
    color: #ffbc00;
}

.product-details-desc .default-btn {
    margin-bottom: 0 !important;
}

.product-details-desc .default-btn i {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.product-details-desc .category {
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
}

.product-details-desc .category span {
    font-weight: normal;
}

.product-details-desc .product-review {
    position: relative;
    margin-bottom: 10px;
}

.product-details-desc .product-review .rating i {
    color: #ffba0a;
}

.product-details-desc .product-review .rating-count {
    position: absolute;
    top: 0;
    left: 110px;
}

.product-details-image {
    text-align: center;
}

.product-details-tab {
    margin-top: 50px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    background-color: #ffffff;
    padding: 30px;
    border-radius: 5px;
}

.product-details-tab .nav-tabs {
    display: block;
    border: none;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.product-details-tab .nav-tabs .nav-item {
    display: inline-block;
    margin-right: 30px;
}

.product-details-tab .nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.product-details-tab .nav-tabs .nav-item .nav-link {
    padding: 0;
    border: none;
    color: #1b2336;
    position: relative;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    font-weight: 700;
}

.product-details-tab .nav-tabs .nav-item .nav-link::before {
    content: "";
    position: absolute;
    bottom: -17px;
    right: 0;
    width: 0;
    height: 3px;
    background-color: #243f98;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.product-details-tab .nav-tabs .nav-item .nav-link.active {
    border: none;
    color: #243f98;
}

.product-details-tab .nav-tabs .nav-item .nav-link.active::before {
    width: 100%;
    right: auto;
    left: 0;
}

.product-details-tab .nav-tabs .nav-item .nav-link:hover {
    color: #243f98;
}

.product-details-tab .nav-tabs .nav-item .nav-link:hover::before {
    width: 100%;
    right: auto;
    left: 0;
}

.product-details-tab .product-details-review-content p {
    margin-bottom: 20px;
}

.product-details-tab .product-details-review-content p:last-child {
    margin-bottom: 0;
}

.product-details-tab .product-details-review-content h3 {
    margin-bottom: 15px;
    font-size: 20px;
    margin-top: -5px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-title {
    position: relative;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-title
    .rating {
    display: inline-block;
    position: relative;
    top: 1px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-title
    .rating
    .fas.fa-star {
    color: #ffba0a;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-title
    .rating
    i {
    color: #ffba0a;
    font-size: 14px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-title
    p {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 5px;
    line-height: initial;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-title
    .btn {
    position: absolute;
    right: 0;
    bottom: 10px;
    padding: 10px 11px;
    font-size: 11px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-title
    .btn:focus {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 4px;
    background-color: #ffbc00;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments {
    margin-top: 35px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item {
    margin-top: 30px;
    position: relative;
    padding-right: 200px;
    border-top: 1px dashed #eaedff;
    padding-top: 30px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item
    .rating
    .fas.fa-star {
    color: #ffba0a;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item
    .rating
    i {
    font-size: 14px;
    color: #ffba0a;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item
    h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item
    span {
    margin-bottom: 10px;
    font-size: 13px;
    display: block;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item
    p {
    margin-bottom: 0;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item
    .review-report-link {
    position: absolute;
    right: 0;
    color: #57647c;
    top: 40px;
    text-decoration: underline;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-comments
    .review-item
    .review-report-link:hover {
    color: #ff4800;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-form {
    margin-top: 30px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-form
    form
    .form-group {
    margin-bottom: 30px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-form
    form
    .form-group
    label {
    color: #444444;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 14px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-form
    form
    .form-group
    textarea {
    padding-top: 15px;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-form
    form
    .form-group
    .form-control {
    font-size: 14px;
    background-color: #ffffff;
    border-color: #e5e5e5;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-form
    form
    .form-group
    .form-control:focus {
    border-color: #ffbc00;
}

.product-details-tab
    .product-details-review-content
    .product-review-form
    .review-form
    form
    .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.product-details-tab .product-details-additional-content ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    text-align: left;
}

.product-details-tab .product-details-additional-content ul li {
    border: 1px solid #eaedff;
    border-bottom: none;
    padding: 10px 15px;
    color: #57647c;
}

.product-details-tab .product-details-additional-content ul li:last-child {
    border-bottom: 1px solid #eaedff;
}

.product-details-tab .product-details-additional-content ul li span {
    color: #1b2336;
}

/*
Cart Area Style
======================================================*/
.cart-controller {
    border: 1px solid #ebebeb;
    border-bottom: none;
    margin-bottom: 35px;
    border-radius: 5px;
}

.cart-controller .table > :not(:first-child) {
    border: none !important;
}

.cart-controller .table-bordered > :not(caption) > * {
    border-color: #dedede;
}

.cart-controller .trash {
    text-align: center !important;
}

.cart-controller .trash .remove {
    color: #ed1d24;
    font-size: 20px;
}

.cart-controller .trash .remove:hover {
    color: #ed1d24;
}

.cart-controller .product-thumbnail {
    width: 130px;
}

.cart-controller .cart-table {
    text-align: center;
}

.cart-controller .cart-table table {
    margin-bottom: 0;
}

.cart-controller .cart-table table thead tr {
    border-style: none;
}

.cart-controller .cart-table table thead tr th {
    border: none;
    color: #1b2336;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 30px;
}

.cart-controller .cart-table table tbody tr td {
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #dedede;
    white-space: nowrap;
    padding: 15px 30px;
}

.cart-controller .cart-table table tbody tr td a {
    color: #1b2336;
    font-weight: 700;
}

.cart-controller .cart-table table tbody tr td a:hover {
    color: #ffbc00;
}

.cart-controller .cart-table table tbody tr td .default-btn {
    display: inline-block;
    color: #ffffff;
    font-weight: 500;
}

.cart-controller .cart-table table tbody tr td .default-btn:hover {
    color: #ffffff;
}

.cart-controller .cart-table table tbody tr td.product-quantity {
    width: 145px;
    padding: 0;
}

.cart-controller .cart-table table tbody tr td.product-quantity .input-counter {
    position: relative;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    input {
    height: 45px;
    color: #1b2336;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    input::-webkit-input-placeholder {
    color: #1b2336;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    input:-ms-input-placeholder {
    color: #1b2336;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    input::-ms-input-placeholder {
    color: #1b2336;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    input::placeholder {
    color: #1b2336;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    .minus-btn {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    cursor: pointer;
    color: #1b2336;
    width: 40px;
    height: 100%;
    line-height: 48px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border: 1px solid #dedede;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    .minus-btn
    i {
    font-weight: 700;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    .minus-btn:hover {
    color: #ffffff;
    background-color: #ffbc00;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    .plus-btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    cursor: pointer;
    color: #1b2336;
    width: 40px;
    height: 100%;
    line-height: 48px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border: 1px solid #dedede;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    .plus-btn
    i {
    font-weight: 700;
}

.cart-controller
    .cart-table
    table
    tbody
    tr
    td.product-quantity
    .input-counter
    .plus-btn:hover {
    color: #ffffff;
    background-color: #ffbc00;
}

.coupon-cart {
    padding-top: 5px;
    margin-bottom: 0;
}

.coupon-cart .form-group {
    position: relative;
}

.coupon-cart .form-group .form-control {
    border: 1px solid #dedede;
    background-color: #ffffff;
}

.coupon-cart .form-group .form-control:focus {
    border-color: #ffbc00;
}

.coupon-cart .form-group .default-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 40px;
    height: 55px;
    line-height: 24px;
}

.coupon-cart .form-group .default-btn::before {
    display: none;
}

.coupon-cart .form-group .default-btn::after {
    display: none;
}

.coupon-cart .default-btn.update-cart {
    float: right;
    padding: 14px 30px;
}

.cart-totals {
    padding: 30px;
    border: 1px solid #afb5c4;
    background-color: #ffffff;
    max-width: 600px;
    margin: 100px auto 0;
    border-radius: 5px;
}

.cart-totals h3 {
    margin-bottom: 22px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    position: relative;
}

.cart-totals ul {
    padding: 0;
    margin: 0 0 25px;
    list-style-type: none;
}

.cart-totals ul li {
    color: #415674;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
}

.cart-totals ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.cart-totals ul li span {
    float: right;
    color: #666666;
    font-weight: normal;
}

.cart-totals .default-btn {
    display: block;
}

/* 
Checkout Area Style
=====================================================*/
.checkout-wrap .billing-details {
    padding: 30px;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    background-color: #ffffff;
    border-radius: 5px;
}

.checkout-wrap .billing-details h3 {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    position: relative;
}

.checkout-wrap .billing-details .form-group {
    margin-bottom: 20px;
}

.checkout-wrap .billing-details .form-group .form-control {
    background-color: #ffffff;
    border-color: #ebebeb;
}

.checkout-wrap .billing-details .form-group .form-control:focus {
    border-color: #ffbc00;
}

.checkout-wrap .billing-details .form-group label {
    display: block;
    color: #415674;
    margin-bottom: 10px;
    font-size: 16px;
}

.checkout-wrap .billing-details .form-group label .required {
    color: #415674;
}

.checkout-wrap .billing-details .form-group textarea {
    padding-top: 13px;
}

.checkout-wrap .billing-details .form-check {
    margin-bottom: 20px;
}

.checkout-wrap .billing-details .form-check .form-check-label {
    color: #415674;
    font-weight: 600;
    font-size: 14px;
}

.checkout-wrap .billing-details .form-check label {
    position: relative;
    top: 1px;
}

.checkout-wrap .billing-details .col-lg-12:last-child .form-group {
    margin-bottom: 0;
}

.checkout-wrap .cart-totals {
    margin-bottom: 30px;
    margin-top: 0;
}

.checkout-wrap .cart-totals ul {
    margin-bottom: 0;
}

.checkout-wrap .faq-accordion {
    padding: 30px;
    border: 1px solid #afb5c4;
    background-color: #ffffff;
    border-radius: 5px;
}

.checkout-wrap .faq-accordion h3 {
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    font-size: 22px;
    position: relative;
}

.checkout-wrap .faq-accordion .accordion-button {
    background-color: transparent;
    font-size: 16px;
}

.checkout-wrap .faq-accordion .accordion-button::after {
    content: "\EB7D";
}

.checkout-wrap .faq-accordion .accordion-button:not(.collapsed)::after {
    background-color: transparent;
    content: "\EB7C";
    color: #ffbc00;
}

.checkout-wrap .faq-accordion .accordion-button {
    padding-left: 25px;
}

.checkout-wrap .faq-accordion .accordion-button::after {
    background-color: transparent;
    color: #ffbc00;
    border: none;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: -4px;
}

.checkout-wrap .faq-accordion .form-check {
    margin-bottom: 30px;
}

.checkout-wrap .faq-accordion .default-btn {
    width: 100%;
}

.checkout-wrap .login-now {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    padding: 15px;
    border-top: 2px solid #243f98;
}

.checkout-wrap .login-now a {
    color: #243f98;
}

/* 
Main Content Text Style
=====================================================*/
.main-content-text h1,
.main-content-text h2,
.main-content-text h3,
.main-content-text h4,
.main-content-text h5,
.main-content-text h6 {
    margin-bottom: 15px;
}

.main-content-text h1 {
    font-size: 30px;
}

.main-content-text h2 {
    font-size: 26px;
}

.main-content-text h3 {
    font-size: 22px;
}

.main-content-text h4 {
    font-size: 22px;
}

.main-content-text h5 {
    font-size: 20px;
}

.main-content-text h6 {
    font-size: 18px;
}

.main-content-text .gap-20 {
    margin-bottom: 30px;
}

.main-content-text ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.main-content-text ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 35px;
}

.main-content-text ul li:last-child {
    margin-bottom: 0;
}

.main-content-text ul li i {
    position: absolute;
    top: -6px;
    left: 0;
    color: #ffbc00;
    font-size: 25px;
}

.main-content-text ol {
    padding-left: 18px;
}

.main-content-text ol li {
    margin-bottom: 10px;
}

.main-content-text ol li::marker {
    color: #ffbc00;
}

.main-content-text ol li:last-child {
    margin-bottom: 0;
}

.main-content-text a {
    color: #ffbc00;
}

.main-content-text a:hover {
    text-decoration: underline;
}

.main-content-text .content-gap-mb-20 {
    margin-bottom: 20px;
}

.main-content-text .content-gap-mb-30 {
    margin-bottom: 30px;
}

/*
Error Area CSS
=====================================================*/
.error-content {
    text-align: center;
    position: relative;
}

.error-content .default-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 200px;
}

/*
Coming Soon Area Style
=====================================================*/
.coming-soon-area {
    height: 100vh;
}

.coming-soon-content {
    max-width: 700px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding: 60px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    margin: auto;
}

.coming-soon-content h2 {
    font-size: 40px;
    margin-top: -10px;
    margin-bottom: 0;
}

.coming-soon-content #timer {
    margin-top: 40px;
}

.coming-soon-content #timer div {
    border: 4px solid #ffbc00;
    color: #ffbc00;
    width: 100px;
    height: 105px;
    border-radius: 5px;
    font-size: 40px;
    font-weight: 800;
    margin-left: 10px;
    margin-right: 10px;
}

.coming-soon-content #timer div span {
    display: block;
    margin-top: -2px;
    font-size: 17px;
    font-weight: 600;
}

.coming-soon-content form {
    position: relative;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.coming-soon-content form .form-group {
    margin-bottom: 25px;
    width: 100%;
    position: relative;
}

.coming-soon-content form .form-group .label-title {
    margin-bottom: 0;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    color: #1b2336;
}

.coming-soon-content form .form-group .label-title i {
    position: absolute;
    left: 0;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    top: 9px;
    font-size: 22px;
}

.coming-soon-content form .form-group .label-title::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background: #ffbc00;
}

.coming-soon-content form .form-group .input-newsletter {
    border-radius: 0;
    border: 1px solid #eeeeee;
    padding: 10px 20px;
    color: #1b2336;
    height: 50px;
    display: block;
    width: 100%;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    font-size: 16px;
    font-weight: 400;
    background-color: #ffffff;
}

.coming-soon-content
    form
    .form-group
    .input-newsletter::-webkit-input-placeholder {
    color: #415674;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder {
    color: #415674;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder {
    color: #415674;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter::placeholder {
    color: #415674;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.coming-soon-content form .form-group .input-newsletter:focus {
    border-color: #ffbc00;
    outline: 0 !important;
}

.coming-soon-content
    form
    .form-group
    .input-newsletter:focus::-webkit-input-placeholder {
    color: transparent;
}

.coming-soon-content
    form
    .form-group
    .input-newsletter:focus:-ms-input-placeholder {
    color: transparent;
}

.coming-soon-content
    form
    .form-group
    .input-newsletter:focus::-ms-input-placeholder {
    color: transparent;
}

.coming-soon-content form .form-group .input-newsletter:focus::placeholder {
    color: transparent;
}

.coming-soon-content form .validation-danger {
    margin-top: 15px;
    color: #ff0000;
}

.coming-soon-content form .validation-success {
    margin-top: 15px;
}

.coming-soon-content form p {
    margin-bottom: 0;
    margin-top: 20px;
}

.coming-soon-content .newsletter-form .default-btn {
    margin-top: 0;
    height: 49px;
}

/*====================================================
OTHERS STYLE AREA
=====================================================*/
/*
Preloader Area Style*/
.preloader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #162434;
    z-index: 9999;
}

.preloader .preloader-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#00ff00),
        color-stop(#00ff00),
        to(#00ff00)
    );
    background: linear-gradient(#00ff00, #00ff00, #00ff00);
    -webkit-animation: rotate-fourteen 1s linear infinite;
    animation: rotate-fourteen 1s linear infinite;
}

.preloader .preloader-wrap span {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#00b2ff),
        color-stop(#00ffbb),
        to(#6bff6b)
    );
    background: linear-gradient(#00b2ff, #00ffbb, #6bff6b);
}

.preloader .preloader-wrap span:nth-child(1) {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.preloader .preloader-wrap span:nth-child(2) {
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.preloader .preloader-wrap::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #162434;
    border-radius: 50%;
}

.preloader.preloader-deactivate {
    visibility: hidden;
}

@-webkit-keyframes rotate-fourteen {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-fourteen {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*
Go Top Style*/
.go-top {
    position: fixed;
    cursor: pointer;
    right: 3%;
    top: 87%;
    background-color: #ffbc00;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    -webkit-transition: 0.9s;
    transition: 0.9s;
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 20px;
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}

.go-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #ffbc00;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.go-top:hover {
    color: #ffffff;
    background-color: #ffbc00;
}

.go-top:hover::before {
    opacity: 1;
    visibility: visible;
}

.go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.go-top:focus {
    color: #ffffff;
}

.go-top:focus::before {
    opacity: 1;
    visibility: visible;
}

.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.go-top.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    right: 3%;
    top: 84%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*
Video wave Style*/
.video-btn {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 0;
    color: #ffbc00;
    position: relative;
    z-index: 1;
    background-color: #ffbc00;
    border-radius: 50%;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.video-btn i {
    font-size: 42px;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}

.video-btn::after,
.video-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 0;
    border-radius: 50%;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-animation: ripple 1.6s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
    background-color: #ffbc00;
}

.video-btn span {
    position: absolute;
    top: 0;
    right: -105px;
    width: 100px;
    font-size: 15px;
}

.video-btn:hover {
    background-color: #243f98;
}

.video-btn:hover::before,
.video-btn:hover::after {
    background-color: #243f98;
}

@-webkit-keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

/*
Page-navigation Area Style*/
.pagination-area {
    margin-top: 10px;
    text-align: center;
}

.pagination-area .page-numbers {
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #898c90;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 16px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    box-shadow: 0px 5px 50px rgba(50, 112, 252, 0.08);
    border-radius: 3px;
}

.pagination-area .page-numbers:hover {
    color: #ffffff;
    background-color: #243f98;
}

.pagination-area .page-numbers i {
    font-size: 16px;
    font-weight: normal;
}

.pagination-area .page-numbers.next {
    top: 3px;
}

.pagination-area .page-numbers.current {
    color: #ffffff;
    border-color: #243f98;
    background-color: #243f98;
}

/*
Animation Area Style*/
.delay-0-2s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.delay-0-4s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.delay-0-6s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delay-0-8s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.delay-0-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
/*# sourceMappingURL=style.css.map */