@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

html {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

body {
    color: #000;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden !important;
}

/*------------------------------------------------------------------*/
/*  IE10 in Windows 8 and Windows Phone 8 Bug fix
    /*-----------------------------------------------------------------*/

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}



img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.overlay {
    position: relative;
}

.overlay::after {
    position: absolute;
    content: '';
    background: rgb(0 0 0 / 70%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.overlay .container {
    position: relative;
    z-index: 1;
}

.bg-01,
.bg-02,
.bg-03,
.bg-04,
.bg-05,
.bg-06,
.bg-map,
.bg-pattern {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed !important;
}

.bg-01 {
    background-image: url(../images/img1.webp);
}


/*------------------------------------------*/
/*  LINK SETTINGS
    /*------------------------------------------*/

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

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

a:focus {
    outline: none;
    text-decoration: none;
}

/*------------------------------------------*/
/*  LISTS
    /*------------------------------------------*/

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*------------------------------------------*/
/*  TEXT LIST
    /*------------------------------------------*/

ul.txt-list {
    list-style: disc;
    margin-left: 15px;
}

ul.txt-list li,
ul.ico-list li {
    font-size: 1.05rem;
    margin-bottom: 7px;
}

ul.txt-list li:last-child,
ul.ico-list li:last-child {
    margin-bottom: 0;
}

ul.txt-list li span {
    font-weight: 500;
}

ul.ico-list li i {
    text-align: center;
    float: left;
    font-size: 0.85rem;
    margin-top: 6px;
    margin-right: 10px;
}

/*------------------------------------------*/
/*  BUTTON SETTINGS
    /*------------------------------------------*/

.btn {
    background-color: transparent;
    color: inherit;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 12px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

/*------------------------------------------*/
/*  Button Size
    /*------------------------------------------*/

.btn.btn-sm {
    font-size: 13px;
    padding: 8px 10px;
}

.btn.btn-md {
    font-size: 17px;
    padding: 15px 35px;
}

.btn.btn-lg {
    font-size: 18px;
    padding: 18px 45px;
}

/*------------------------------------------*/
/*  Button Color
    /*------------------------------------------*/

.btn-primary {
    color: #fff !important;
    background: #07a698;
    border: 1px solid #058379 !important;
    transition: all 0s ease-in-out;
}

.btn-primary:hover {
    background: #058379 !important;
    border-color: #07a698;
    transition: all 0s ease-in-out;
}


.btn-warning {
    color: #ffffff !important;
    background-color: #023854;
    border-color: #023854;
}


.btn-warning:hover,
.btn-warning:focus {
    background-color: #6fcb94 !important;
    border-color: #6fcb94 !important;
}


/*------------------------------------------*/
/*  Button Focus
    /*------------------------------------------*/

.btn:focus {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-black:focus {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-tra-black:focus,
.btn.btn-tra-grey:focus {
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*------------------------------------------*/
/*  VIDEO POPUP LINK
    /*------------------------------------------*/

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 36px;
    height: 52px;
    border-radius: 50%;
    padding: 20px 22px 20px 34px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 130px;
    height: 130px;
    background: rgba(248, 248, 248, .5);
    border-radius: 50%;
    -webkit-animation: pulse-border 2200ms ease-out infinite;
    animation: pulse-border 2200ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    transition: all 500ms;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 36px solid #fff;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


/*------------------------------------------*/
/*  SECTION TITLE
    /*------------------------------------------*/
section {
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.section-title {
    text-align: center;
    margin-bottom: 30px;
}

.section-title p {
    color: #6c706f;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 16px;
}

.section-title h3,
.section-title h1,
.section-title h2 {
    font-size: 34px;
    color: #003a70;
    font-weight: 700;
}


.section-subpage-title {
    margin-bottom: 30px;
}

.section-subpage-title p {
    color: #000;
    padding: 0;
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 16px;
}

.section-subpage-title h3,
.section-subpage-title h1,
.section-subpage-title h2 {
    font-size: 32px !important;
    position: relative;
    color: #102b98;
    padding-bottom: 10px;
}

/*  .section-subpage-title h1:before {
                content: '';
                background: #0078d4;
                width: 100%;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: 0;
            }*/

.section-subpage-title h1:after {
    content: '';
    background: #aa6f68;
    width: 150px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    right: 0;
}

/*------------------------------------------*/
/*  SUBTITLE
    /*------------------------------------------*/

.section-subtitle {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 28px;
}



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

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}

#loading {
    background-color: #517082;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999999;
    margin-top: 0px;
    top: 0px;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}


/* ==========================================================================
     HEADER & NAVIGATION
      =========================================================================== */
.top-header {
    background-color: #003a70 !important;
    padding: 6px 0px;
}

.header {
    background-color: #fff !important;
}

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

.header-contact-info li {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
}

.header-contact-info li i {
    color: #fff;
    /* width: 28px;
            height: 28px; */
    margin-right: 6px;
    display: inline-block;
    /* line-height: 28px; */
    /* border-radius: 50%; */
    text-align: center;
    font-size: 13px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.header-contact-info li .fa-whatsapp,
.header-contact-info li .fa-phone-alt {
    /* background: #04cc04; */
    color: #fff;
}

.header-contact-info li .fa-envelope-open {
    /* background: #ff0; */
}

.header-contact-info li a {
    color: #fff;
}

.header-right-content {
    text-align: right;
    color: #fff;
}

.header-right-content .top-header-social {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

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

.header-right-content .top-header-social li a {
    color: #003a70;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    display: block;
}


.header {
    width: 100%;
    display: block;
    padding-top: 0px;
    background: #023854;
    position: relative;
}

.header-wrapper:after {
    position: absolute;
    left: 0;
    bottom: -9px;
    content: "";
    height: 16px;
    width: 100%;
    background: url(../images/brush-top.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 2;
}

.header-wrapper {
    position: relative;
    width: 100%;
}

.headerwp {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
}

.posrlt {
    position: relative;
}

/*------------------------------------------*/
/*   NAVIGATION MENU
    /*------------------------------------------*/

.wsmainfull {
    width: 100%;
    height: auto;
    z-index: 1031;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.tra-menu .wsmainfull {
    background-color: transparent !important;
    padding: 20px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.white-menu .wsmainfull {
    background-color: #fff !important;
    padding: 10px 0;
    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

/*------------------------------------------*/
/*  HEADER LINK
    /*------------------------------------------*/
.wsmenu>.wsmenu-list>li>a i {
    margin-right: 0;
}

.wsmenu>.wsmenu-list>li>a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0;
    padding: 10px 20px;
    line-height: 50px;
    text-decoration: none;
}

.navbar-dark .wsmenu>.wsmenu-list>li>a {
    color: #2d3a5a;
}

.navbar-light .wsmenu>.wsmenu-list>li>a {
    color: #fff;
}

.wsmenu>.wsmenu-list>li>a .wsarrow:after {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    content: "";
    float: right;
    right: 0;
    height: 0;
    margin: 0 0 0 14px;
    position: absolute;
    text-align: right;
    top: 33px;
    width: 0;
}

/*------------------------------------------*/
/*  HEADER  
    /*------------------------------------------*/
.wsmenu>.wsmenu-list>li a.btn {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    background: #07a698 !important;
    border-color: #07a698 !important;
    margin-top: 14px;
    margin-left: 5px;
    padding: 5px 25px;
    border-radius: 8px;
}

.wsmenu>.wsmenu-list>li a.last-link-number {
    font-size: 18px;
    font-weight: 900;
    margin-left: 16px;
}

.wsmenu>.wsmenu-list>li a.last-link-number i {
    position: relative;
    font-size: 16px;
    margin-right: 1px;
}

/*------------------------------------------*/
/*  HEADER SUBMENU
    /*------------------------------------------*/

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
    font-size: 14px;
    padding: 8px 10px;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
    padding: 8px 10px 8px 15px;
}

.wsmenu>.wsmenu-list>li>.wsmegamenu .title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 0;
}

/*------------------------------------------*/
/*   MEGAMENU LATEST NEWS
    /*------------------------------------------*/

.wsmegamenu .latest-news li {
    padding: 15px 0;
    border-bottom: 1px dashed #c0c0c0;
}

.wsmegamenu .latest-news li:first-child {
    padding: 0 0 15px;
}

.wsmegamenu .latest-news li:last-child {
    padding: 15px 0 0;
    border-bottom: 0;
}

.wsmegamenu .latest-news img {
    text-align: center;
    float: left;
    width: 85px;
    height: 85px;
}

.wsmegamenu .post-summary {
    overflow: hidden;
    padding-left: 20px;
}

/*------------------------------------------*/
/*  MEGAMENU LATEST NEWS TYPOGRAPHY
    --------------------------------------------*/

.wsmegamenu .post-summary a {
    color: #888 !important;
    font-size: 16px;
    font-weight: 400;
}

.wsmegamenu h5.h5-md a {
    color: #333 !important;
    margin-bottom: 0;
}

.wsmegamenu .latest-news .post-summary a:hover {
    color: #333 !important;
    text-decoration: underline;
}

.wsmegamenu .latest-news p {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    margin-top: 6px;
    margin-bottom: 0;
}

/*------------------------------------------*/
/*  NAVBAR SCROLL
    /*------------------------------------------*/

.tra-menu .wsmainfull.scroll {
    background-color: #fff !important;
    padding: 3px 0;
    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.white-menu .wsmainfull.scroll {
    padding: 3px 0;
    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.tra-menu.dark-scroll .wsmainfull.scroll {
    background-color: #35344c !important;
    padding: 3px 0;
    -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
    box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.scroll .btn-tra-white {
    color: #444 !important;
    background-color: transparent;
    border-color: #444 !important;
}

.scroll .tra-white-hover:hover {
    color: #fff !important;
    background-color: #444;
    border-color: #444 !important;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.primary-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.primary-scroll a {
    color: #0000fe;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.blue-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.blue-scroll a {
    color: #12a5ea;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.carrot-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.carrot-scroll a {
    color: #e67e22;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.dodgerblue-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.dodgerblue-scroll a {
    color: #2980b9;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.green-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.green-scroll a {
    color: #20ab5c;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.magneta-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.magneta-scroll a {
    color: #8e3178;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.olive-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.olive-scroll a {
    color: #7ba323;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.orange-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.orange-scroll a {
    color: #ff4500;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.red-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.red-scroll a {
    color: #0000fe;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.teal-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.teal-scroll a {
    color: #008080;
}

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li.purple-scroll a,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li.purple-scroll a {
    color: #6b507d;
}

/*------------------------------------------*/
/*  Navigation Menu
    /*------------------------------------------*/

.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li a {
    color: #444;
}

.tra-menu.navbar-light.dark-scroll .scroll .wsmenu>.wsmenu-list>li a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu>.wsmenu-list>li a {
    color: #fff;
}

.tra-menu.navbar-light.dark-scroll .scroll .wsmenu>.wsmenu-list .sub-menu li a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu>.wsmenu-list .sub-menu li a,
.tra-menu.navbar-light.dark-scroll .scroll .wsmenu>.wsmenu-list li .wsmegamenu a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu>.wsmenu-list li .wsmegamenu a {
    color: #666;
}

/*------------------------------------------*/
/*  Logo Image
    /*------------------------------------------*/

.logo-white,
.logo-black {
    display: block;
}

.navbar-light .logo-black,
.navbar-dark .logo-white,
.tra-menu.navbar-light .scroll .logo-white,
.tra-menu.navbar-light.dark-scroll .scroll .logo-black,
.tra-menu.navbar-dark.dark-scroll .scroll .logo-black {
    display: none;
}

.tra-menu.navbar-light .scroll .logo-black,
.tra-menu.navbar-light.dark-scroll .scroll .logo-white,
.tra-menu.navbar-dark.dark-scroll .scroll .logo-white {
    display: block;
}



/*------------------------------------------*/
/*  HERO SLIDER
    /*------------------------------------------*/

.slider {
    position: relative;
    max-width: 100%;
    height: 600px;
}

.slider .slides {
    margin: 0;
    height: 600px;
}

.slider .slides li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: inherit;
    overflow: hidden;
}

.slider .slides #slide-2:after {
    content: '';
    position: absolute;
    background: rgb(0 0 0 / 31%);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.slider .slides li img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.slider .slides li .caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.slider .slides li.active {
    z-index: 2;
}

/*------------------------------------------*/
/*  Slider Animation
    /*------------------------------------------*/

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

/*------------------------------------------*/
/*  Slider Indicators
    /*------------------------------------------*/

.slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: 0;
    z-index: 98;
}

.slider .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    margin: 0 7px;
    opacity: .5;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 50%;
}

.slider .indicators .indicator-item.active {
    background-color: #fff;
    opacity: .65;
}

/*------------------------------------------*/
/*  HERO ANIMATED WAVES
    /*------------------------------------------*/

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    min-height: 100px;
    max-height: 150px;
}

/* Animation */
.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}


/* ==========================================================================
      09. TABS
      =========================================================================== */

#tabs-1 .tab-content {
    display: none;
}

.tabs-nav {
    border-bottom: 1px solid #e5e5e5;
}

#tabs-1 .tab-content.current,
#tabs-1 .tab-content.displayed {
    display: inherit;
}

.tabs-1 li {
    display: inline-block;
    margin: 0 15px;
    background-color: transparent;
    color: #bbb;
    font-size: 1rem;
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.tabs-1 li.displayed,
.tabs-1 li.displayed:hover {
    color: #666;
    font-weight: 600;
    border-color: #517082;
}

.tabs-1.primary-tabs li.displayed,
.tabs-1.primary-tabs li.displayed:hover {
    border-color: #0000fe;
}

.tabs-1.blue-tabs li.displayed,
.tabs-1.blue-tabs li.displayed:hover {
    border-color: #12a5ea;
}

.tabs-1.bluestone-tabs li.displayed,
.tabs-1.bluestone-tabs li.displayed:hover {
    border-color: #517082;
}

.tabs-1.carrot-tabs li.displayed,
.tabs-1.carrot-tabs li.displayed:hover {
    border-color: #e67e22;
}

.tabs-1.dodgerblue-tabs li.displayed,
.tabs-1.dodgerblue-tabs li.displayed:hover {
    border-color: #2980b9;
}

.tabs-1.green-tabs li.displayed,
.tabs-1.green-tabs li.displayed:hover {
    border-color: #20ab5c;
}

.tabs-1.olive-tabs li.displayed,
.tabs-1.olive-tabs li.displayed:hover {
    border-color: #7ba323;
}

.tabs-1.orange-tabs li.displayed,
.tabs-1.orange-tabs li.displayed:hover {
    border-color: #ff4500;
}

.tabs-1.red-tabs li.displayed,
.tabs-1.red-tabs li.displayed:hover {
    border-color: #0000fe;
}

.tabs-1.teal-tabs li.displayed,
.tabs-1.teal-tabs li.displayed:hover {
    border-color: #008080;
}

.tabs-1.purple-tabs li.displayed,
.tabs-1.purple-tabs li.displayed:hover {
    border-color: #4c47a1;
}

#tabs-2 .list-group-item {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 30px 35px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

#tabs-2 .list-group-item.active {
    background-color: #f6f9fd;
    color: #333;
}

#tabs-2.bg-lightgrey .list-group-item.active {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}

#tabs-2.bg-primary .list-group-item.active {
    background-color: #456070;
    box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}




.hover-overlay {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.blog-post .hover-overlay,
.blog-post-img .hover-overlay {
    text-align: center;
}

.hover-overlay img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: transform 400ms;
    -moz-transition: transform 400ms;
    -o-transition: transform 400ms;
    transition: transform 400ms;
}




/* ==========================================================================
      TESTIMONIALS
      =========================================================================== */

#reviews-4 {
    padding-top: 80px;
    padding-bottom: 70px;
}

#reviews-3 span.title-digit,
#reviews-3 span.count-element {
    font-weight: 800;
}

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

.review-2 {
    text-align: center;
    margin-bottom: 70px;
}

.review-3 {
    background: #fff;
    border: 1px solid #E0E5EB;
    padding: 40px 30px;
    margin: 0 25px;
    overflow: visible;
    margin-bottom: 10px;
    border-radius: 15px;
    box-shadow: 0px 8px 19px rgba(13, 40, 38, 0.15);
}

.review-4 {
    padding: 0 30px;
    margin-bottom: 30px;
}

.review-author h5 {
    margin: 0;
    font-size: 16px;
}


.rating {
    padding: 0;
    margin: 0;
}

.rating li {
    list-style-type: none;
    margin-right: 2px;
    display: inline-block;
    font-size: 12px;
}

.rating li:last-child {
    margin-right: 0;
}

.rating li i {
    color: #07a698;
}

/*------------------------------------------*/
/*  MASONRY GRID TESTIMONIALS
    /*------------------------------------------*/

.review-5 {
    width: 50%;
    padding: 0 2%;
    margin: 0 0 60px 0;
}

/*------------------------------------------*/
/*  Testimonial Message Avatar 
    /*------------------------------------------*/

#reviews-1 img,
#reviews-2 img {
    width: 100px;
    height: 100px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.review-3 .author-avatar,
.review-5 .author-avatar {
    display: inline-block;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    margin-left: 15px;
}

.owl-carousel .owl-item .review-3-author img {
    width: 90px;
    display: inline-block;
    margin: 0 15px 0 0;
}

.review-5-author img {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: 0 15px 0 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.quote-ico {
    position: relative;
    margin-bottom: 10px;
}

.review-4 .quote-ico {
    margin-bottom: -55px;
}

.review-4 .quote-ico img {
    width: 85px;
    height: 85px;
    opacity: .15;
}

.owl-carousel .owl-item .quote-ico img {
    width: 30px;
    height: 30px;
}


.flex-control-paging li a {
    background: transparent;
    width: 10px;
    height: 10px;
    border: 2px solid #bbb;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 2px solid #bbb;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #bbb;
    border: 2px solid transparent;
}




/* ==========================================================================
      18. FAQs
      =========================================================================== */

/*------------------------------------------*/
/*  FAQS ACCORDION  
    /*------------------------------------------*/

#faqs-1 .card-header {
    position: relative;
    padding: 22px 20px;
    background-color: #f6f7f9;
    border: none;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

#faqs-1 #accordion [data-toggle="collapse"].collapsed:after,
#faqs-1 #accordion [data-toggle="collapse"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f106";
    position: absolute;
    font-size: 1.15rem;
    top: 21px;
    right: 20px;
}

#faqs-1 #accordion [data-toggle="collapse"].collapsed:after {
    content: "\f107";
}

#faqs-1 .card-header a:hover {
    color: #151515;
}

/*------------------------------------------*/
/*  Question
    /*------------------------------------------*/

#accordion .card {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#accordion .card-header h5 {
    line-height: 1;
    font-weight: 800;
    margin-bottom: 0;
}

#accordion .card-header h5 span {
    font-weight: 400;
    margin-right: 2px;
}

/*------------------------------------------*/
/*  Answer
    /*------------------------------------------*/

#accordion .card-body {
    padding: 30px 25px 15px;
}

#accordion .card-body p {
    color: #666;
}

#accordion .card-body .content-list {
    margin-bottom: 1rem;
}

/*------------------------------------------*/
/*  FAQS TYPOGRAPHY 
    /*------------------------------------------*/

#faqs-1 h4 {
    margin-left: 10px;
    margin-bottom: 60px;
}

/*------------------------------------------*/
/*  MORE QUESTIONS BUTTON
    /*------------------------------------------*/

.more-questions {
    margin-top: 60px;
}

.more-questions h5 {
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 0;
}

.more-questions a {
    font-weight: 800;
    text-decoration: underline;
    letter-spacing: -1px;
    margin-left: 3px;
}

.more-questions a:hover {
    color: #111;
}



/* ==========================================================================
      BLOG
      =========================================================================== */


.blog-post {
    position: relative;
    /* z-index: 999;  */
    background-color: #fff;
    top: 0;
    padding: 20px;
    margin-bottom: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.blog-post:hover {
    top: -10px;
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, .15);
}

#leave-comment,
.single-post-title,
.single-post-txt {
    padding: 0 3%;
}

.single-post-txt .txt-list {
    margin-bottom: 16px;
}

/*------------------------------------------*/
/*  MASONRY GRID TESTIMONIALS
    /*------------------------------------------*/

#blog-2 .masonry-item {
    width: 33.3333%;
    margin: 0;
}

#blog-2 .blog-post {
    margin: 0 10px 50px;
}

/*------------------------------------------*/
/*  POST IMAGE
    /*------------------------------------------*/

.blog-post-img img {
    border-radius: 10px;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

/*------------------------------------------*/
/*  Post Read
    /*------------------------------------------*/

p.post-read {
    color: #999;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 0;
}

/*------------------------------------------*/
/*  POST TEXT
    /*------------------------------------------*/

.blog-post-txt {
    padding: 25px 0 0 0;
}

.blog-post-txt h3,
.blog-post-txt h5 {
    font-weight: 500;
    margin-top: 12px;
    margin-bottom: 10px;
    height: 41px;
    font-size: 16px;
    overflow: hidden;
}

.blog-post-txt a {
    color: #000;
}

.blog-post-txt a:hover {
    color: #c08465;
}

.blog-post-short {
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Inter', sans-serif !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

.blog-post-short p {
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Inter', sans-serif !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/*------------------------------------------*/
/*  Post Tag
    /*------------------------------------------*/

p.post-tag {
    color: #aaa;
    font-size: 0.975rem;
    line-height: 1;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 0;
}

p.post-tag a {
    color: #aaa;
}

/*------------------------------------------*/
/*  Post Data
    /*------------------------------------------*/

p.post-data {
    color: #aaa;
    font-size: 0.975rem;
    line-height: 1;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 0;
}

p.post-data a {
    color: #353637;
    font-weight: 500;
}

/*------------------------------------------*/
/*  More Post Button
    /*------------------------------------------*/

.more-posts {
    margin-top: 30px;
    margin-bottom: 40px;
}

/*------------------------------------------*/
/*  SINGLE BLOG POST
    /*------------------------------------------*/

.post-share-links {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #e5e5e5;
}

.single-post-txt h5 {
    margin-bottom: 20px;
}

.single-post-txt h4 {
    margin-top: 25px;
    margin-bottom: 25px;
}

/*------------------------------------------*/
/*  SINGLE POST DATA
    /*------------------------------------------*/

.single-post-data {
    margin-top: 15px;
}

.single-post-data p {
    font-size: 1.1rem;
}

.single-post-data a {
    color: #222;
    font-weight: 500;
}

.post-title-meta {
    margin-bottom: 20px;
}

.post-title-meta span {
    color: #bbb;
    font-size: 0.815rem;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
}

/*------------------------------------------*/
/*  Single Post Inner Image
    /*------------------------------------------*/

.post-inner-img {
    margin-top: 40px;
    margin-bottom: 40px;
}

.post-inner-img p.p-sm {
    margin-top: 20px;
    margin-bottom: 0;
}

/*------------------------------------------*/
/*  Follow Button 
    /*------------------------------------------*/

.follow-author {
    position: relative;
    color: #757575;
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 400;
    padding: 3px 8px;
    top: -2px;
    margin-left: 8px;
    border: 1px solid #888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*------------------------------------------*/
/*  POST TAGS 
    /*------------------------------------------*/

.post-share-links {
    margin-top: 70px;
}

.post-tags-list span a {
    color: #999;
    font-size: 0.925rem;
    font-weight: 400;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 7px 16px;
    margin-right: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.post-tags-list span a:hover {
    background-color: #f0f1f3;
    border-color: #f0f1f3;
}

/*------------------------------------------*/
/*  POST SHARE ICONS
    /*-----------------------------------------*/

.share-social-icons {
    display: inline-block;
    padding-left: 0;
}

.share-social-icons li {
    width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
    padding: 0;
}

a.share-ico {
    color: #555;
    width: 30px;
    height: 30px;
    font-size: 22px;
    display: block;
    margin-right: 3px;
}


/*------------------------------------------*/
/*  CONTACT BOX
    /*------------------------------------------*/

.contact-box {
    margin-bottom: 40px;
}

#contacts-2 .contact-box {
    margin-bottom: 30px;
}

.cbox-2-txt {
    overflow: hidden;
    padding-left: 20px;
}

/*------------------------------------------*/
/*  CONTACT BOX TYPOGRAPHY
    /*------------------------------------------*/
.contact-box h2 {
    font-weight: 500;
    margin-bottom: 5px !important;
    color: #ffe200;
    font-size: 18px;
}

.contact-box h5 {
    font-weight: 500;
    margin-bottom: 5px !important;
    color: #ffe200;
}

.contact-box p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}

.contact-box img {
    width: 30px;
    height: 30px;
}

.contact-box span,
.contact-box img {
    float: left;
    text-align: center;
    margin-top: 3px;
}

#contacts-1 .form-holder {
    background-color: transparent;
    padding: 0;
}

.contact-box a {
    color: #fff;
}

/*------------------------------------------*/
/*  CONTACT FORM
    /*------------------------------------------*/

.contact-form .form-control {
    min-height: 52px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 1rem;
    font-weight: 300;
    padding: 0 20px;
    margin-bottom: 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.bg-lightgrey .contact-form .form-control {
    background-color: #fcfcfc;
    border-color: #ccc;
}

/*------------------------------------------*/
/*  Contact Form Textarea
    /*------------------------------------------*/

.contact-form textarea {
    min-height: 200px;
}

.contact-form textarea.form-control {
    padding: 20px;
}

/*------------------------------------------*/
/*  Contact Form Placeholder
    /*------------------------------------------*/

.contact-form .form-control::-moz-placeholder {
    color: #555;
}

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

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

/*------------------------------------------*/
/*  Contact Form Input Focus
    /*------------------------------------------*/

.contact-form .form-control:focus,
.bg-lightgrey .contact-form .form-control:focus {
    outline: 0px none;
    box-shadow: none;
    border-color: #517082;
}

/*------------------------------------------*/
/*  Contact Form Message
    /*------------------------------------------*/

.contact-form-msg {
    width: 100% !important;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.contact-form .loading {
    color: #00b2e4;
    font-size: 18px;
    font-weight: 500;
}

.error {
    color: #e74c3c;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}




/*------------------------------------------*/
/*  FOOTER TYPOGRAPHY
    /*------------------------------------------*/

.footer .footer-link-head {
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 10px;
    color: #94e1b3;
    font-size: 14px;
}

.link-head {
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 5px;
    color: #94e1b3 !important;
    font-size: 14px;
    padding-left: 0 !important;
}

.link-head::before {
    display: none;
}

.footer-info p {
    margin-top: 25px;
}

.footer-contacts p {
    font-size: 1.05rem;
    margin-bottom: 1px;
}

.footer-copyright p span {
    font-weight: 800;
}

.footer-contacts .btn {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}

/*------------------------------------------*/
/*  FOOTER LINKS
    /*------------------------------------------*/
.footer {
    background: #1F2B2A;
    padding: 60px 0 0px 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.footer-links li {
    display: block !important;
    vertical-align: top;
    clear: none !important;
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    position: relative;
}

.footer-links li::before {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
}

.footer-links li a {
    font-size: 14px;
    color: #fff;
}

.footer-li-list {
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    -webkit-column-fill: auto;
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    -moz-column-fill: auto;
    column-count: 2;
    column-gap: 15px;
}

.machine-list {
    -webkit-column-count: 1;
    -webkit-column-gap: 0px;
    -webkit-column-fill: auto;
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -moz-column-fill: auto;
    column-count: 1;
    column-gap: 0px;
}

.footer-li-list li {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    margin-bottom: 20px;
}

.machine-list li {
    display: block;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    margin-bottom: 20px;
}

.footer-li-list li a {
    display: block;
    padding-left: 15px;
    color: #fff;
    margin: 0 0 5px 0;
    position: relative;
    font-size: 14px;
}

.footer-li-list li a::before {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
}

/*------------------------------------------*/
/*  FOOTER SOCIAL LINKS
    /*------------------------------------------*/

.foo-socials {
    display: inline-block;
    padding-left: 0;
    margin: 10px auto 0;
}

.bottom-footer .foo-socials {
    margin: 0;
}

.foo-socials li {
    width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
    margin: 0;
    padding: 0;
}

.foo-socials a {
    color: #888;
    font-size: 1rem;
    line-height: 30px !important;
    margin-right: 22px;
    display: block;
    text-align: center;
}

.foo-socials a {
    color: #000;
    background-color: #fff;
    /* border: 2px solid #aaa; */
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 32px !important;
    margin-right: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.foo-socials a.ico-facebook:hover {
    color: #3b5998;
}

.foo-socials a.ico-twitter:hover {
    color: #00a9ed;
}

.foo-socials a.ico-instagram:hover {
    color: #e44772;
}

.foo-socials a.ico-dribbble:hover {
    color: #d92d84;
}

.foo-socials a.ico-behance:hover {
    color: #2473f6;
}

.foo-socials a.ico-pinterest:hover {
    color: #ac281a;
}

.foo-socials a.ico-linkedin:hover {
    color: #015886;
}

.foo-socials a.ico-google-plus:hover {
    color: #cd1111;
}

.foo-socials a.ico-youtube:hover {
    color: #cd1b20;
}

.foo-socials a.ico-tumblr:hover {
    color: #3a5976;
}

.foo-socials a.ico-vk:hover {
    color: #3b5998;
}

.foo-socials a.ico-facebook:hover {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.foo-socials a.ico-twitter:hover {
    color: #fff;
    background-color: #00a9ed;
    border-color: #00a9ed;
}

.foo-socials a.ico-instagram:hover {
    color: #fff;
    background-color: #e44772;
    border-color: #e44772;
}

.foo-socials a.ico-dribbble:hover {
    color: #fff;
    background-color: #d92d84;
    border-color: #d92d84;
}

.foo-socials a.ico-behance:hover {
    color: #fff;
    background-color: #2473f6;
    border-color: #2473f6;
}

.foo-socials a.ico-pinterest:hover {
    color: #fff;
    background-color: #ac281a;
    border-color: #ac281a;
}

.foo-socials a.ico-linkedin:hover {
    color: #fff;
    background-color: #015886;
    border-color: #015886;
}

.foo-socials a.ico-google-plus:hover {
    color: #fff;
    background-color: #cd1111;
    border-color: #cd1111;
}

.foo-socials a.ico-youtube:hover {
    color: #fff;
    background-color: #cd1b20;
    border-color: #cd1b20;
}

.foo-socials a.ico-tumblr:hover {
    color: #fff;
    background-color: #3a5976;
    border-color: #3a5976;
}

.foo-socials a.ico-vk:hover {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

/*------------------------------------------*/
/*  FOOTER NEWSLETTER FORM
    /*------------------------------------------*/

.footer-form .form-control {
    height: 48px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    color: #333;
    font-size: 0.925rem;
    padding: 0 15px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

/*------------------------------------------*/
/*  Newsletter Form Input Focus
    /*------------------------------------------*/

.footer-form .form-control:focus {
    border: 1px solid #ccc;
    border-right: none;
    outline: 0;
    box-shadow: none;
}

/*------------------------------------------*/
/*  Newsletter Form Button
    /*------------------------------------------*/

.footer-form .btn {
    height: 48px;
    color: #aaa;
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: none;
    font-size: 1.45rem;
    line-height: 1 !important;
    padding: 0 15px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

/*------------------------------------------*/
/*  Newsletter Form Notification
    /*------------------------------------------*/

.footer-form .form-notification {
    font-size: 0.925rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px;
    margin-left: 5px;
}

/*------------------------------------------*/
/*  BOTTOM FOOTER
    /*------------------------------------------*/

.bottom-footer {
    border-top: 1px solid rgb(255 255 255 / 31%);
    margin-top: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.bg-dark .bottom-footer {
    border-top: 1px solid #454647;
}

.bottom-footer p {
    margin-bottom: 0;
}

.bottom-footer p.p-sm {
    display: inline-block;
    font-size: 0.925rem;
    line-height: 1;
    margin-left: 17px;
    margin-bottom: 0;
}

.bg-dark .bottom-footer p.p-sm {
    color: #ddd;
}

/*------------------------------------------*/
/*  Bottom Footer List
    /*------------------------------------------*/

.bottom-footer-list li {
    font-size: 14px;
    width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
    margin: 0 9px 5px 0;
    padding: 0;
    color: #fff;
}

.bottom-footer-list li a {
    font-weight: 600;
    color: #fff;
}

.bottom-footer-list p:after {
    content: "|";
    padding-left: 11px;
    position: relative;
    top: -1px;
}

.bottom-footer-list p.last-li:after {
    content: " ";
    padding-left: 0;
}




/* ==========================================================================
      25. INNER PAGE WRAPPER
      =========================================================================== */

.inner-page-wrapper {
    margin-top: 85px;
}

/*------------------------------------------*/
/*  INNER PAGE HERO
    /*------------------------------------------*/

.page-hero-section {
    background: no-repeat center center;
    /* padding-top: 100px;
      padding-bottom: 100px; */
    height: 250px;
    background-size: cover !important;
    position: relative;
    background-position: center !important;
}

.inner-banner {
    position: relative;
}

.inner-banner::after {
    background: rgb(0 0 0 / 46%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.page-hero-section.inner-banner.contact-banner {
    background: url(../images/banner/contact-us.jpg);
    background-position: left !important;
}

/*------------------------------------------*/
/*  INNER PAGE HERO TYPOGRAPHY
    /*------------------------------------------*/
.page-hero-section .container {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.page-hero-section h3 {
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 15px;
    font-size: 42px;
    color: #fff;
}

.page-hero-section p {
    font-size: 1.35rem;
    font-weight: 400;
    padding: 0 15%;
    margin-bottom: 0;
}

/* ==========================================================================
  PAGE PAGINATION
      =========================================================================== */

.page-pagination {
    padding-bottom: 100px;
}

.page-link {
    color: #666;
    font-weight: 600;
    padding: 7px 14px;
    margin: 0 3px;
    background-color: transparent;
    border-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.page-item:first-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.page-item.disabled .page-link {
    color: #aaa;
    background-color: transparent;
    border-color: transparent;
}

.next-page.page-link1 {
    margin-left: 30px;
}

.page-link:hover,
.page-item.active .page-link {
    background-color: #3a3953;
    color: #fff;
    border-color: #3a3953;
    box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}

.page-link:focus {
    background-color: transparent;
    color: #666;
    border-color: transparent;
    box-shadow: 0 0;
}




/* ==========================================================================
     SCROLL TO TOP
      =========================================================================== */

#scrollUp {
    display: none !important;
    width: 40px;
    height: 45px;
    position: fixed;
    bottom: 50px;
    right: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: url(../images/back-to-top.png);
    background-repeat: no-repeat;
    background-position: 50% 48%;
    background-color: rgba(35, 35, 35, 0.65);
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    transition: all 250ms linear;
    z-index: 5 !important;
}

#scrollUp:hover {
    background-color: #151515;
}

nav a#pull {
    display: none;
}


.ul-list {
    position: relative;
}

.ul-list ul {
    margin: 0;
    padding: 0;
}

.ul-list ul li {
    width: 50%;
    float: left;
}

.ul-list ul li a {
    display: block;
    background: linear-gradient(to left, #673AB7, #3b62ff);
    color: #fff;
    border-radius: 30px;
    padding: 5px 15px;
    margin: 5px;
    position: relative;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-size: 300% 100%;
}

.ul-list ul li a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 15px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.ul-list ul li a:hover {
    background-image: linear-gradient(to right, #673AB7, #3b62ff, #673AB7, #3b62ff);
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.ul-list ul li a:hover:after {
    right: 10px;
}

.heading {
    position: relative;
}

.heading h4 {
    font-size: 32px;
    font-weight: 600;
    color: #0000fe;
}

.reviews-section {
    padding: 60px 0;
}



.reviews-section .section-title p {
    color: #000;
}

.book-appointment-wrapper {
    background: #070948;
}

.bookingForm {
    padding: 30px;
}

.bookingForm h3 {
    text-align: center;
    color: #fff;
    position: relative;
    margin-bottom: 30px;
}

.bookingForm h3:after {
    position: absolute;
    content: '';
    width: 150px;
    height: 2px;
    background: #fff;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: 0 auto;
}

.bookingForm label {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

.bookingForm .form-control {
    height: 42px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    color: #000;
    font-size: 15px;
    line-height: 42px;
    padding: 0 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px 1px rgba(34, 34, 34, .2);
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.bookingForm a {
    background: linear-gradient(to left, #673AB7, #3b62ff);
    margin-top: 15px;
    padding: 0 15px;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    height: 42px;
    line-height: 42px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
}

.about-section,
.services-section {
    padding: 60px 0;
}

.drProfile-wrapper {
    position: relative;
    border: 1px solid #e9e9e9;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 8px 20px 0px rgba(20, 20, 20, .15);
    background: #fff;
}

.drProfile-thumbs {
    margin-bottom: 10px;
}

.drProfile-thumbs img {
    border: 2px solid #d7d6d6;
    border-radius: 8px;
}

.drProfile-text {
    /* text-align: justify;*/
    font-size: 14px;
}

/* ------------------------
        Services
    ------------------------*/
.service-item {
    text-align: center;
    margin-top: 20px;
}

.service-images {
    position: relative;
    overflow: hidden;
}

.service-images img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -moz-transform: scale(1.03);
}

.service-item:hover img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}

.service-icon {
    bottom: -100%;
    display: inline-block;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    z-index: 99;
}

.service-icon i {
    z-index: 9;
    width: 80px;
    height: 80px;
    line-height: 60px;
    background: #4ab242;
    display: inline-block;
    font-weight: bold;
    margin: 0 5px;
    color: #ffffff;
    font-size: 30px;
    border-radius: 50%;
}

.service-item:hover .service-icon {
    bottom: -30px;
}

.service-description {
    background: #162a59;
    padding: 20px;
    color: #fff;
}

.service-item h4 {
    background: #620148;
    color: #fff;
    padding: 20px 0;
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600
}

.service-description a {
    font-weight: 500;
    text-transform: uppercase;
    color: #fde205
}

.dark-service .service-item .service-description a {
    color: #ffffff
}

.dark-service .service-item .service-description a:hover,
.service-description a:hover {
    color: #fde205
}

.dark-service .service-item .service-description {
    background: #202125;
    color: #fff;
}


.mask *,
.mask .cover,
.mask:hover .cover,
.mask img,
.mask:hover img,
.mask .cover p {
    -o-transition: .7s;
    -ms-transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
    transition: .7s;
    outline: none;
}

.mask {
    width: 100%;
    position: relative;
    overflow: hidden !important;
    display: inline-block;
}

.mask img {
    width: 100%;
    height: 100%;
}

.mask .cover {
    display: table;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 70px;
    padding: 25px;
    background: rgb(2 4 55 / 66%);
    bottom: 0px;
    top: 100%;
    margin-top: -70px;
}

.mask .cover .c-inner {
    display: table-cell;
    vertical-align: middle;
}

.mask.light .cover {
    background: #ffffff;
}

.mask .cover h3 {
    font-size: 18px;
    color: #fff;
    line-height: 1em;
}

.mask.light .cover h3 {
    color: #000000;
}

.mask .cover p {
    color: #bbbbbb;
    padding-top: 15px;
    padding-right: 25px;
}

.mask.light .cover p {
    color: #777777;
}

.mask:hover .cover {
    height: 100%;
    top: 0;
    margin-top: -0px;
    background: rgba(0, 0, 0, .8);
}

.mask:hover .cover p {
    opacity: 1;
}

.mask:hover .cover p {
    padding-top: 0px;
}

.mask .cover h3 span {
    margin-left: 20px;
}

.mask .cover h3 i {
    font-size: 32px;
    position: absolute;
    left: 30px;
    margin-top: -8px;
}

.rtl .mask .cover h3 i {
    right: 30px;
}

.rtl .mask .cover h3 {
    padding-right: 50px;
}

.rtl .mask .cover p {
    padding-right: 15px;
}

.mask.s1 .cover {
    top: 0;
    padding: 30px;
    text-align: center;
    background: rgba(0, 0, 0, .0);
}

.mask.s1 .cover .desc {
    opacity: 0;
}

.mask.s1:hover .cover {
    background: rgba(0, 0, 0, .8);
}

.mask.s1:hover .cover .desc {
    opacity: 1;
}

.mask.s1 h3 {
    font-size: 24px;
}

.mask .cover a.btn-custom {
    display: block;
    padding: 5px 10px;
    width: 100%;
    text-align: center;
    background: #ffe204;
}

.mask .s-gradient img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.mask .s-gradient {
    position: relative;
}

.mask .s-gradient .gradient-fx {
    position: absolute;
    background: #333;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(var(--primary-color-rgb), .75) 0%, rgba(var(--primary-color-rgb), .2) 100%);
    background: -webkit-linear-gradient(left, rgba(var(--primary-color-rgb), .75) 0%, rgba(var(--primary-color-rgb), .2) 100%);
    background: linear-gradient(to right, rgba(var(--primary-color-rgb), .75) 0%, rgba(var(--primary-color-rgb), .2) 100%);
}


/*.swiper-slide {
    height: 600px;
}*/

.swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: #2C3E50;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    background-size: 12px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 22px;
    color: #fff;
}

/*.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}*/

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #e31e24;
}

/* Flip */


.flipBox {
    margin: 0 auto;
    height: 250px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.flipBox .flipBox-front,
.flipBox .flipBox-back {
    text-align: center;
}

.flipBox .flipBox-front {
    height: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    text-align: center;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.flipBox .flipBox-back {
    background: linear-gradient(to left, #c58b70, #aa7055);
    width: 100%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.flipBox.flip .flipBox-front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flipBox.flip .flipBox-back {
    z-index: 1000;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

.flipBox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    z-index: 1;
    padding: 5px 10px;
}

.flipBox-title h3 {
    font-size: 22px;
}

.flipBox-item {
    background-color: #14bcc8;
    width: 100%;
    height: 250px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}

.flipBox-item:before {
    content: '';
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.82), rgba(255, 255, 255, 0));
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
    z-index: 1;
}

.flipBox-item-back {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: absolute;
    overflow: hidden;
}

.item-feature {
    box-sizing: border-box;
    font-size: 14px;
    padding: 10px;
    transition: visibility 0s, opacity .5s ease;
    position: relative;
    color: #000;
    display: block;
    margin: 10px 0;
    text-align: center;
}

.item-feature h3 {
    font-size: 18px;
}

.item-feature p {
    margin: 0;
}

.item-feature .item-feature-thumbs {
    width: 60px;
    margin-bottom: 10px;
    /* background: #fff; */
    /* border: 1px solid #E0E5EB; */
    box-shadow: 0px 8px 19px rgba(13, 40, 38, 0.15);
    border-radius: 50px;
    padding: 10px;
    margin: 0 auto;
}

.services-item {
    position: relative;
    background: #f6f8f9;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #d9d9d9;
    margin: 40px 0;
}

.services-item-img {
    margin-top: -100px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    min-height: 250px;
    position: relative;
}

.services-item-img img {
    height: 220px;
    object-fit: cover;
    transform: scale(1);
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: 0 auto;
    border-radius: 10px;
}

.services-item h3 {
    font-size: 18px;
    font-weight: 500;
}

.services-item:hover .services-item-img img {
    height: 250px;
    transform: scale(1);
}

.services-item a {
    color: #0000fe;
}

.services-item-body {
    min-height: 100px;
}

.services-item-body p {
    height: 70px;
    overflow: hidden;
}

.services-item-body h2 {
    font-size: 18px;
    color: #0000fe;
}

.fix-call-icon {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}

.fix-call-icon a {
    display: block;
    margin: 10px 0;
}

.fix-call-icon img {
    width: 40px;
}

.liveChat-icon {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    cursor: pointer;
}

.enquiry-button {
    transform: rotate(270deg);
    position: fixed;
    z-index: 99;
    right: -55px;
    top: 40%;
    background: #000;
    padding: 5px 16px 20px;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 16px;
}

.btn-close {
    cursor: pointer !important;
}



.call-to-action-wrap-layout {
    position: relative;
    padding: 100px 0;
    /* background: linear-gradient(to left, #e8e8e8, transparent); */
    background-color: #fff;
}

.call-to-action-wrap-layout .item-img {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: calc((100% - 1290px)/2);
}

.call-to-action-wrap-layout .offer-img {
    position: absolute;
    top: 30%;
    z-index: 2;
    right: 60px;
}

@media only screen and (max-width: 1399px) {
    .call-to-action-wrap-layout .item-img {
        left: calc((100% - 1110px)/2);
    }
}

@media only screen and (max-width: 1199px) {
    .call-to-action-wrap-layout .item-img {
        left: 30px;
        width: 200px;
    }
}

@media only screen and (max-width: 991px) {
    .call-to-action-wrap-layout .item-img {
        left: 20px;
        width: 187px;
    }
}

@media only screen and (max-width: 767px) {
    .call-to-action-wrap-layout .item-img {
        display: none;
    }

    .call-to-action-wrap-layout .offer-img {
        position: relative;
        top: auto;
        z-index: 2;
        right: auto;
        text-align: center;
    }
}

.call-to-action-box-layout {
    text-align: center;
}

.call-to-action-box-layout .item-title {
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    /* width: 65%; */
    margin-left: auto;
    margin-right: auto;
    line-height: 1.75;
}

@media only screen and (max-width: 1199px) {
    .call-to-action-box-layout .item-title {
        width: 100%;
        font-size: 34px;
    }
}

@media only screen and (max-width: 991px) {
    .call-to-action-box-layout .item-title {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .call-to-action-box-layout .item-title {
        font-size: 22px;
    }

    .brand-logo {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .call-to-action-box-layout .item-title {
        font-size: 18px;
    }

    .call-to-action-box-layout .call-to-action-phone a {
        font-size: 24px;
    }
}

.call-to-action-box-layout .item-title span {
    display: block;
}

.call-to-action-box-layout .call-to-action-phone {
    margin-bottom: 20px;
    font-size: 32px;
}

@media only screen and (max-width: 1199px) {
    .call-to-action-box-layout .call-to-action-phone {
        font-size: 28px;
    }
}

@media only screen and (max-width: 991px) {
    .call-to-action-box-layout .call-to-action-phone {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .call-to-action-box-layout .call-to-action-phone {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .call-to-action-box-layout .call-to-action-phone {
        font-size: 18px;
    }
}

.call-to-action-box-layout .call-to-action-phone a {
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.call-to-action-box-layout .call-to-action-phone a i {
    font-size: 24px;
    margin-right: 10px;
    color: #fff;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.call-to-action-box-layout .call-to-action-phone a:hover {
    color: #6fcb94;
}

@media only screen and (max-width: 991px) {
    .call-to-action-box-layout .call-to-action-phone a i {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .call-to-action-box-layout .call-to-action-phone a i {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .call-to-action-box-layout .call-to-action-phone a i {
        font-size: 20px;
    }
}

.call-to-action-box-layout .call-to-action-btn .item-btn {
    border: 1px solid;
    border-color: #6fcb94;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFA726 !important;
    background: #FFA726 !important;
    border-color: #FFA726;
    text-transform: initial;
    color: #ffffff;
    padding: 14px 35px;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@media only screen and (max-width: 575px) {
    .call-to-action-box-layout .call-to-action-btn .item-btn {
        padding: 12px 24px;
    }
}

.call-to-action-box-layout .call-to-action-btn .item-btn:hover {
    background-color: transparent;
}

.form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.photo-wrapper {
    position: relative;
}

.photo-wrapper .venobox img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.TVAKDrProfle-wrapper {
    position: relative;
    padding: 10px;
    font-size: 16px;
}

.TVAKDrProfle-thumbs {
    margin-bottom: 10px;
}

.TVAKDrProfle-thumbs img {
    border: 2px solid #d7d6d6;
    border-radius: 8px;
}

.TVAKDrProfle-wrapper h4 {
    font-size: 24px;
    font-weight: 600;
    color: #2b50e5;
}

.TVAKDrProfle-wrapper ul {
    margin-left: 20px;
}

.TVAKDrProfle-wrapper ul li {
    list-style: disc;
}

.TVAKDrProfle-box {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    text-align: center;
    margin: 5px 0;
    position: relative;
    background: #fff;
}

.TVAKDrProfle-box:after {
    content: '';
    display: block;
    clear: both;
    position: relative;
}

ul.itemList-inline li {
    width: 50%;
    float: left;
}

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

.TVAKDrProfle-box .b-head {
    position: relative;
    background: linear-gradient(45deg, #284fca, #d5c004);
    border-radius: 30px;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 15px;
}


.quick-callback-wrapper {
    width: 600px;
    left: 0;
    right: 0;
    bottom: -4px;
    position: fixed;
    z-index: 20;
    background: #e2e2e2;
    padding: 20px;
    margin: 0 auto;
    /* border: 2px solid #333; */
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    box-shadow: 0 0px 30px #000;
}

.quick-callback-wrapper a {
    display: block;
    background: linear-gradient(45deg, #FF9800, #FF5722);
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    font-size: 16px;
}

.getAcall {
    right: 10px;
    bottom: 10px;
    position: fixed;
    z-index: 20;
}

.getAcall a {
    display: block;
    color: #fff !important;
    padding: 5px;
    font-size: 16px;
    text-align: center;
    border-radius: 100px;
    border: 2px solid #0666b2;
    margin-top: 10px;
}

.getAcall .phone {
    border-color: #0666b2;
}

.getAcall .whatsapp {
    border-color: #068313;
}

.getAcall .whatsapp i {
    background: #068313;
}

.getAcall i {
    width: 35px;
    height: 35px;
    background: #0457b4;
    border-radius: 50px;
    line-height: 35px;
    /* position: absolute;  
    left: 0; 
        top: 0;   */
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.style-box {
    padding: 20px;
    border-radius: 5px;
    background: linear-gradient(126deg, #bd8574, #b3795b);
}

.latest-video-wrapper {
    position: relative;
    border: 2px solid #d2d2d2;
    background: #fff;
    margin-bottom: 20px;
}

.latest-video-title {
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 500;
    color: #000;
    height: 80px;
    overflow: hidden;
    background: #e4eae7;
    border-bottom: 2px solid #d2d2d2;
}

.latest-video-frame {
    margin-bottom: -7px;
    padding: 20px;
}

.latest-video-wrapper iframe {
    width: 100%;
    height: 210px;
    margin: 0;
    padding: 0;
}



.sidebar {
    padding: 30px;
    /* margin: 0 0 60px 20px;*/
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.sidebar .sidebar-title {
    font-size: 20px;
    font-weight: 500;
    padding: 0 0 12px 0;
    margin: 0 0 15px 0;
    color: #263179;
    position: relative;
    border-bottom: 1px solid #ccc;
}


.sidebar .recent-posts .post-item+.post-item {
    margin-top: 15px;
}

.sidebar .recent-posts img {
    width: 80px;
    float: left;
    height: 65px;
    object-fit: cover;
}

.sidebar .recent-posts h4 {
    font-size: 15px;
    margin-left: 95px;
    font-weight: bold;
    height: 36px;
    overflow: hidden;
}

.sidebar .recent-posts h4 a {
    color: #263179;
    transition: 0.3s;
}

.sidebar .recent-posts h4 a:hover {
    color: #4154f1;
}

.sidebar .recent-posts time {
    display: block;
    margin-left: 95px;
    font-style: italic;
    font-size: 14px;
    color: #aaaaaa;
}

.entry-single {
    margin-bottom: 30px;
    /* padding: 30px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */
}

.entry {
    margin-bottom: 20px;
}

.entry .entry-img {
    margin-bottom: 20px;
    /*margin: -30px -30px 20px -30px;
    overflow: hidden;*/
}

.entry .entry-img img {
    width: 100%;
}

.entry .entry-title {
    font-size: 28px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 20px 0;
}

.entry .entry-title a {
    color: #263179;
    transition: 0.3s;
}

.entry .entry-title a:hover {
    color: #4154f1;
}

.entry .entry-meta {
    margin-bottom: 15px;
    color: #aaaaaa;
    font-size: 14px;
}

.entry .entry-meta ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0;
}


.entry .entry-meta ul li+li {
    padding-left: 20px;
}

.entry .entry-meta i {
    font-size: 16px;
    margin-right: 8px;
    line-height: 0;
}

.entry .entry-meta a {
    color: #777777;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
}

.entry .entry-content p {
    line-height: 24px;
}

.entry .entry-content .read-more {
    -moz-text-align-last: right;
    text-align-last: right;
}

.entry .entry-content .read-more a {
    display: inline-block;
    background: #4154f1;
    color: #fff;
    padding: 6px 20px;
    transition: 0.3s;
    font-size: 14px;
    border-radius: 4px;
}

.entry .entry-content .read-more a:hover {
    background: #5969f3;
}



.entry-single h1 {
    color: #b1593f;
    font-size: 28px;
}

.entry-single h2,
.entry-single h3,
.entry-single h4 {
    margin: 15px 0 10px 0;
    color: #000;
}

.entry-single h2 {
    font-size: 24px;
}

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

.entry-single h3 {
    font-size: 18px;
}


.entry-single ul {
    margin-left: 15px;
}

.entry-single ul li {
    list-style: disc;
}


.entry .entry-content h3 {
    font-size: 20px;
    margin-top: 10px;
}

.entry .entry-content h4 {
    font-size: 18px;
}

.tvaklaserclinic-dr-profile {
    background: #d8d0bb;
}

.tvaklaserclinic-dr-profile.drJaishreeNoor-bg {
    background: url(../images/drJaishreeNoor-bg.jpg);
    background-size: cover;
    background-position: center center;
}

.tvaklaserclinic-dr-profile.drkashyap-bg {
    background: url(../images/drkashyap-bg.jpg);
    background-size: cover;
    background-position: center center;
}

.treatment-details-wrapper {
    position: relative;
}

.treatment-details-wrapper h1 {
    color: #c08365;
    font-size: 24px;
}

.treatment-details-wrapper h2 {
    font-size: 22px;
    color: #c08365;
}

.treatment-details-wrapper h3 {
    font-size: 20px;
}

.treatment-details-wrapper h4 {
    font-size: 18px;
}

.treatment-details-wrapper h5 {
    font-size: 16px;
}

.treatment-details-wrapper ul {
    padding-left: 30px;
    margin-bottom: 20px;
}

.treatment-details-wrapper ul li {
    list-style: disc;
}

.modal-header {
    background-image: linear-gradient(91deg, #a36869, #c28565);
}

.modal-title {
    color: #fff;
}

.btn-close {
    opacity: initial;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

.modal-content .btn {
    padding: 10px 25px;
}

.treatment-img {
    text-align: center;
    margin-bottom: 20px;
}

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

.sidebar-form {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.sidebar-form .sidebar-form-title {
    font-size: 18px;
    font-weight: 500;
    padding: 12px;
    color: #fff;
    background: linear-gradient(126deg, #aa6f69, #b97d66);
    position: relative;
    text-align: center;
    font-family: initial !important;
}

.sidebar-form .form-control {
    height: 45px;
    background: #f2f2f2;
}

.sidebar-form-body {
    padding: 30px;
}

.btn-danger {
    background: #010d0d;
    border: none !important;
    color: #fff;
}

.btn-danger:hover {
    background-color: #c08365 !important;
    color: #fff;
}

#headfix {
    z-index: -1;
}

.mobileForm {
    display: none;
}

.headfix {
    display: block;
}

.thanks-wrapper {
    width: 600px;
    margin: 0 auto;
    background: #eff0ff;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0px 20px rgb(0 0 0 / 31%);
    border: 4px solid #fff;
    text-align: center;
}

.right-wrapper {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 220px;
    z-index: 8;
    border-radius: 10px;
}



.modal-wrapper {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 230px;
    z-index: 9;
    border-radius: 10px;
}

.modal-wrapper img {
    border-radius: 10px;
}

.closeTN,
.closeTN1 {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-weight: 600;
    cursor: pointer;
}

.closeTN1 {
    right: 0px;
}

@media (max-width: 768px) {
    .modal-wrapper {
        bottom: 10px;
    }

    .right-wrapper {
        bottom: 70px;
        right: 10px;
    }
}

/*Extra*/
.contact-captcha .capimage1 {
    height: 50px;
    width: 280px;
}

.contact-captcha .refresh {
    width: 40px;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    vertical-align: super;
}

.contact-captcha .refresh1 {
    width: 40px;
    background-color: #e1e3eb;
    border-radius: 5px;
    padding: 10px;
    vertical-align: super;
}


/* luv css */

/* .card-box {
    position: relative;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    transition: all 0.5s ease;
    overflow: hidden;
    width: 100%;
    height: 330px;
    margin-bottom: 25px;
  }
.card-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  
  .card-box:hover {
    transform: translateY(10px);
  }
  
  .card-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.88), rgba(245, 245, 245, 0.15));
    transition: all 0.5s;
    border-radius: 25px;
    z-index: 1;
  }
  
  .card-box .info{
    position: absolute;
    opacity: 1;
    width: 100%;
    height: 100%;
    padding: 20px;
    bottom: 0px;
    left: 0px;
    transform: translateY(240px);
  transition: all 0.8s;
  z-index: 3;
  }

  .card-box:hover .info{
  transform: translateY(0);
  height: 100%;
  transition: all 0.8s;

  }
  .card-box .info-title{
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 3px;
    
  }
  .card-box .info p{
    font-weight: 400;
    color: #fefefe;
    margin-bottom: 20px;
    line-height: 1.55;
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }
  .card-box:hover .info p{
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
.card-btn{
    padding: 8px 14px;
    background: #fff;
    color: #4b5563;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
  }

  .director-msg-card {
    background-color: #fefefe;
    padding: 40px;
    margin-top: 70px;
    border: 2px solid #e4e4e4;
    border-radius: 10px;
}

.director-msg-card100 {
    margin-top: 100px
}

.director-msg-card img {
    margin-top: -100px
}
.director-msg-card .partners-msg h3 {
    
    font-size: 35px;
    font-weight: 500;
    color: #0d0d0d;
    margin-bottom: 5px;
}
.director-msg-card .partners-msg h4 {
    
    font-size: 20px;
    font-weight: 500;
    color: #00b2e4;
    margin-bottom: 5px;
}
.director-msg-card .partners-msg p{
    font-weight: 400;
    color: #4a4a4a;
    margin-bottom: 20px;
    line-height: 1.76;
}
.director-msg-card .partners-msg .card-btn{
   background-color: #00b2e4;
   color:#fff;
}

  
   */


.bg-light-pink {
    background-color: #f3c6b0;
}

.bg-light-pink .text-white {
    color: #222 !important;
}

.text-primary {
    color: #b77655 !important;
}

.bg-light {
    background: #ebf2fa !important;
}

.bg-dark {
    background: #023854 !important;
}


.text-pink {
    color: #f7a7a6 !important;
    font-family: 600;
}

.faq-sec {
    background-image: url(../images/banner/faq-banner.jpg);
    background-size: cover;
    background-position: top right;
    background-attachment: fixed;
}

.faq-sec .section-title {
    text-align: left;
}

.faq-sec .accordion .accordion-item {
    margin-bottom: 15px;
}

.faq-sec .accordion .accordion-header button {
    padding: 12px 30px 12px 15px !important;
    border: none;
    font-size: 20px;
    font-weight: 500;
    color: #010d0d;
    outline: none;
    cursor: pointer !important;
    border-bottom: 1px solid transparent;
}

.faq-sec .accordion .accordion-header button:focus {
    box-shadow: none;
    outline: none;
    background-color: #fff !important;
    border-bottom: 1px solid #ccc;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
}

.accordion-button:not(.collapsed) .accordion-header button {
    color: #c28565;
}

.faq-sec .accordion .accordion-body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #646464;
    line-height: 1.75;
}

.intrSection {
    margin-bottom: -8px;
}

.intrSection video {
    max-width: 100%;
    width: 100%;
    line-height: 1;
    border: none;
}

.about-section {
    background: url(../images/about-bg.jpg) no-repeat #bbc9ba;
    background-size: contain;
}

/* .swiper-slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    padding: 30px;
    color: #fff;
    z-index: 3;
    background: linear-gradient(to top, #aa6f68, #c08465);
} */
.mySwiper-banner .swiper-slide {
    height: 500px;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: start;
}



.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}


.th-btn {
    position: relative;
    z-index: 1;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 21px 30px;
    border-radius: 0
}

.th-btn:before,
.th-btn:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    z-index: -1;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    border-radius: 99px
}

.th-btn:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.th-btn:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.th-btn:hover,
.th-btn.active {
    color: #fff;
}

.th-btn:hover::before,
.th-btn:hover:after,
.th-btn.active::before,
.th-btn.active:after {
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}


.service-card {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
    border-radius: 15px;
    position: relative;
}

.service-card a {
    color: inherit;
    text-decoration: none;
}

.service-card:hover {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

.service-card-thumb {
    height: 180px;
    overflow: hidden;
    background-color: #000;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.service-card-thumb img {
    width: 100%;
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.service-card:hover .service-card-thumb {
    height: 70px;
}

.service-card:hover .service-card-thumb img {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}



.service-card-body {
    position: relative;
    height: 110px;
    padding: 15px;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    text-align: center;
}

.service-card:hover .service-card-body {
    height: 220px;
}

.service-card-category {
    position: absolute;
    top: -25px;
    left: 0;
    height: 25px;
    padding: 0 15px;
    background-color: coral;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 25px;
}

.service-card-title {
    margin: 0;
    padding: 0 0 5px 0;
    color: #010d0d;
    font-size: 24px;
    font-weight: 500;
}

.service-card-subtitle {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 19px;
    color: #ff7f50;
}

.service-card-description {
    position: absolute;
    left: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
    color: #666C74;
    line-height: 20px;
    opacity: 0;
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    font-size: 13px;
}

.service-card:hover .service-card-description {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.service-card-footer {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    color: #A3A9A2;
    padding: 0px 20px 15px 0;
    text-align: center;
}

.service-card-footer a {
    display: inline-block;
    padding: 7px 20px;
    text-align: center;
    background: #a36869;
    color: #fff;
    font-size: 13px;
    border-radius: 30px;
}

.service-card:hover .service-card-footer a {
    background: #000;
}

.service-card:hover .th-btn:before,
.service-card:hover .th-btn:after {
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}


.bg-blue-gradient {
    /* background: linear-gradient(45deg, #5468b9, #8bb5f0); */
    background-image: linear-gradient(91deg, #a36869, #c28565);
}


.style-wrapper {
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #E0E5EB;
    display: block;
}

.style-wrapper-title {
    text-align: center;
    background: #07a698;
    color: #fff;
    padding: 5px 20px;
    font-size: 16px;
    transition-duration: .3s;
}

.style-wrapper-title h2,
.style-wrapper-title h3,
.style-wrapper-title h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.style-thumbail {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.style-wrapper img {
    transition-duration: .3s;
    transition-property: transform;
    object-fit: cover;
    width: 100%;
    height: 250px;
}

.style-wrapper:hover img {
    transform: none;
    transform: scale(1.1);
}

.style-wrapper:hover .style-wrapper-title {
    background: #003a70;
}

.about-derm {
    padding: 50px 0px;
    background-image: linear-gradient(rgba(194, 133, 101, 0.81), rgba(194, 133, 101, 0.81)), url(../images/banner/faq-banner-3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.about-derm .section-title h3 {
    font-size: 40px;
    color: #f3f3f3;
}

.about-derm .section-title p {
    font-weight: 400;
    color: #f3f3f3;
    margin-top: 18px;
    line-height: 1.85;
    font-size: 17px;
}

.profile {
    background-color: #FFEFE1;
    padding: 80px 0px;
}

.profile .doc-text {
    background-color: #fff;
    padding: 40px;
    margin-top: -45px;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.10);
}

.profile .doc-text .section-title {
    text-align: left;
    margin-bottom: 0px;
}

.profile .doc-text .section-title h3 {
    font-size: 35px;
}

.profile .doc-text .section-title p {
    font-weight: 400;
    color: #646464;
    margin-top: 10px;
    line-height: 1.75;
    font-size: 16px;
}

.profile .list-sec {
    margin-top: 25px;
}

.profile .list-sec h4 {
    font-size: 30px;
    margin-bottom: 10px;
}

.profile .list-sec h4 {
    font-size: 30px;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 12px;
}

.profile .list-sec h4:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background-color: #c28565;
}

.profile .list-sec .expertise-list li {
    font-weight: 400;
    color: #646464;
    margin-top: 8px;
    font-size: 16px;
    display: inline-block;
    margin-right: 8px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}

.profile .expertise-list li::before {
    content: "\f336";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 2px;
    left: 0px;
    font-size: 15px;
    color: #c28565;
    font-weight: 500;
}

.doc-text .expertise-list li {
    font-weight: 400;
    color: #646464;
    margin-top: 8px;
    font-size: 16px;
    display: inline-block;
    margin-right: 8px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}

.doc-text .list-2 li {
    display: block;
}

.bg-blue {
    background: #07a698 !important;
}

.why-sec {
    background-image: linear-gradient(#c286658a, #c7896759), url(../images/gallery/1.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: top right;
    padding: 50px 0px;
}

.why-2 {
    background-image: linear-gradient(#c286658a, #c7896759), url(../images/gallery/2.jpg);
    /* background-attachment: fixed; */
    background-size: cover;
    background-position: top right;
    padding: 50px 0px;
}

.why-sec .why-text {
    padding: 30px;
    background-color: #f7f7f7b3;
}

.why-sec .why-text .section-title {
    text-align: left;
}

.why-sec .why-text .section-title h3 {
    font-size: 35px;
}

.why-sec .why-text .section-title p {
    font-weight: 400;
    margin-top: 12px;
    line-height: 1.75;
    font-size: 16px;
}

.tech-box {
    position: relative;
    background: #faf2ef;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #d9d9d9;
    margin-bottom: 25px;
    min-height: 982px;
}

.tech-box .img-box {
    margin-bottom: 20px;
}

.tech-box .tech-text p {
    font-size: 15px;
    font-weight: 400;
    color: #646464;
    margin-top: 8px;
    line-height: 1.60;
}

.video-box {
    position: relative;
    cursor: pointer;
    border: 4px solid #c18466;
}

.video-box svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    color: #ff0000;
    width: 60px;
}

.modal .modal-dialog iframe {
    width: 100% !important;
    height: 400px !important;
}

.modal-header .btn-close {
    top: -6px;
    right: -6px;
    position: absolute;
    font-size: 13px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1 !important;
}

.modal-backdrop {
    background-color: #000000 !important;
    opacity: 0.8 !important;
}

.machine-box {
    margin-bottom: 20px;
    padding: 20px 30px;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #f7e6cf;
}

.machine-box .machine-text h5 {
    font-size: 22px;
    font-weight: 500;
    color: #010d0d;
    padding-top: 11px;
}

.machine-box .machine-image {
    border-radius: 8px;
    overflow: hidden;
}

.machine-box .machine-image img {
    height: 260px;
}

.machine-display-none {
    display: none;
}

.about-form .sidebar-form-body {
    padding: 15px;
}

.about-form .form-control {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    border-radius: .25rem;
}

.about-form .contact-captcha .capimage1 {
    height: 40px;
    width: 300px;
}

.videoID {
    height: 250px;
    width: 100%;
    overflow: hidden;
}

.videoFrame {
    height: 450px;
    position: relative;
    z-index: 1;
}

.videoFrame lite-youtube,
.videoFrame img {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 10px;
    border: 4px solid #fff;
}

.brand-logo {
    margin-bottom: 20px;
}

.brand-logo img {
    padding: 0 15px;
}

.white-shape img {
    position: absolute;
    z-index: 3;
}

.white-shape .bottom {
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
}

.white-shape .top {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}


li .call {
    display: flex;
    justify-content: right;
    margin-top: 15px;
    margin-left: 50px;
}

li .call i {
    display: inline-block;
    font-size: 36px;
    margin-right: 15px;
    position: relative;
    color: #46a994;
}

li .call .info {
    text-align: left;
}

li .call p {
    margin-bottom: 5px;
    line-height: 1;
    font-size: 12px;
}

li .call h5 {
    margin: 0;
    font-weight: 800;
    font-size: 20px;
}

li .call h5 a {
    padding: 0 !important;
    display: inline-block;
    text-transform: lowercase;
    font-weight: 500;
    color: #46a994;
}

/* ----- extra css start ----  */

.breadcrumb {
    padding: 10px 0px;
    background-color: #07a698;
    margin-bottom: 0px;
}

.breadcrumb ul {
    text-align: left;
    margin-bottom: 0px;
    padding-left: 0px;
}

.breadcrumb ul li {
    list-style: none;
    display: inline;
    position: relative;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-right: 8px;
}

.breadcrumb ul li a {
    font-weight: 500;
    font-size: 14px;
    word-break: break-all;
    color: #fff;
}

.breadcrumb ul li a:hover {
    color: #fff;
}

.breadcrumb ul li i {
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
}

.breadcrumb ul li::after {
    content: "\f324";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.breadcrumb ul li.active {
    color: #fff;
    padding-right: 0px;
    margin-right: 0px;
}

.breadcrumb ul li.active::after {
    display: none;
}


.product-detail .popup-img-sec {
    position: sticky;
    top: 130px;
    left: 0px;
    right: 0px;
}

.quick-popup .popup-img-sec {
    position: relative;
    top: 0px;
}

.product-detail .popup-img-sec .mySwiper2-popup {
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    margin-bottom: 10px;
}

.product-detail .popup-img-sec .mySwiper2-popup img {
    object-fit: contain;
    height: 320px;
    min-height: 320px;
}

.product-detail .popup-img-sec .mySwiper2-popup .swiper-slide {
    text-align: center;
    padding: 15px;
}

.product-detail .popup-img-sec .mySwiper-popup .swiper-slide {
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    opacity: 0.8;
}

.product-detail .popup-img-sec .mySwiper-popup .swiper-slide img {
    object-fit: contain;
    height: 70px;
    width: 100%;
}

.product-detail .mySwiper-popup .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid #35b79a;
}

.product-detail .popup-text-sec h1 {
    font-size: 24px;
    margin: 0 0 5px;
    line-height: 1.6;
    font-weight: 600;
    color: #e3010e;
}

.product-detail .popup-text-sec .discription {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px;
}

.product-detail .popup-text-sec .popup-button-sec a {
    padding: 10px 24px;
    display: inline-block;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    background: linear-gradient(45deg, #35b79a, #478678);
    color: #fff;
    transition: all 0.2s ease-in;
}

.product-detail .popup-text-sec .popup-button-sec a:last-child {
    background: none;
    border: 1px solid #ccc;
    color: #000;
    margin-left: 10px;
}

.product-detail .popup-text-sec .popup-button-sec a:hover {
    background: linear-gradient(90deg, #478678, #35b79a);
    color: #fff;
}

.enquiry-popup {
    z-index: 9999999;
}

.enquiry-popup .modal-dialog {
    max-width: 550px !important;
}

.enquiry-popup .modal-header .btn-close {
    top: 10px;
    right: 10px;
    position: absolute;
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1 !important;
}

.enquiry-popup .modal-header {
    padding: 10px !important;
    background: linear-gradient(45deg, #35b79a, #478678);
}

.enquiry-popup .modal-header h5 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.enquiry-popup .form-control {
    font-size: 14px;
    min-height: 45px;
}

.modal-body {
    padding: 15px !important;
}

.modal-backdrop {
    background-color: #000000 !important;
    opacity: 0.8 !important;
}


.discription-box .nav {
    justify-content: center;
}

.discription-box .nav-tabs {
    border: none;
}

.discription-box .nav-tabs {
    border: none;
}

.discription-box .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    border: none;
    color: #35b79a;
}

.discription-box .nav-tabs .nav-link.active::after {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.discription-box .nav-tabs .nav-link {
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #0f0f0f;
    margin-right: 30px;
    position: relative;
    padding: 10px 0px 10px;
    text-transform: capitalize;
}

.discription-box .nav-tabs .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 2px;
    width: 0px;
    background-color: #35b79a;
    transition: all 0.3s ease-in-out;
}

.discription-box .nav-tabs .nav-link:hover {
    border: none;
}

.discription-box .nav-tabs .nav-link:hover::after {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.discription-box .tab-content {
    padding-top: 30px;
}

.discription-box .tab-content .discription-text p {
    color: #000;
    line-height: 24px;
}

.discription-box .table-discripion {
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
}

.discription-box .table-discripion th,
.discription-box .table-discripion td {
    padding: 8px;
    border: 1px solid #e7e7e7;
}

.discription-box .table-discripion th {
    background: linear-gradient(45deg, #35b79a, #478678);
    color: #fff;
}

.discription-box .table-discripion td {
    color: #292929;
}

.discription-box .table-discripion td.specification {
    font-weight: 600;
    color: #478678;
}

.discription-box .faq-discription .discription-box .faq-discription .accordion {
    position: relative;
}

.discription-box .faq-discription .accordion-button {
    position: relative;
    padding: 12px 45px 12px 12px;
    background-color: transparent;
    color: #35b79a;
    font-weight: 500;
    box-shadow: none;
    outline: none;
}

.discription-box .faq-discription .accordion-button::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-image: none;
    content: "\f068";
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #35b79a;
    color: #fff;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

.discription-box .faq-discription .accordion-button:not(.collapsed) {
    background: linear-gradient(45deg, #35b79a, #478678);
    color: #fff;
}

.discription-box .faq-discription .accordion-button:not(.collapsed)::after {
    content: "\f067";
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    color: #35b79a;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: all 0.2s ease-in-out;
}

.discription-box .faq-discription .accordion-body p {
    font-size: 15px;
    line-height: 27px;
    font-weight: 500;
    color: #7e7e7e;
    margin-bottom: 10px;
}


.about-text h2 {
    font-size: 28px;
    margin: 0 0 5px;
    line-height: 1.6;
    font-weight: 600;
    color: #222;
}

.about-text p {
    font-size: 14px;
    color: #707070;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px;
}

.faq-image {
    position: relative;
    margin-right: 20px;
}

.faq-image img {
    object-fit: cover;
    border-radius: 16px;
    width: 100%;
}


.why-us-sec {
    background-color: #F4F6FA;
}

.why-text h2 {
    font-size: 28px;
    margin: 0 0 5px;
    line-height: 1.6;
    font-weight: 600;
    color: #222;
}

.check-list {
    padding-left: 0;
    margin-left: 0px;
}

.check-list li {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding-left: 30px;
    margin-bottom: 12px;
}

.check-list li::before {
    content: '\f058';
    font-family: "Font Awesome 5 pro";
    color: #023854;
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
}

.address-sec .contact-address {
    padding: 25px;
    background-color: #f4f6fa;
    border-radius: 10px;
}

.address-sec .contact-address .heading {
    text-align: left;
    font-size: 26px;
    margin-bottom: 10px;
}

.address-sec .contact-address .main-p {
    font-size: 18px;
}

.address-sec .contact-address .address-box {
    display: flex;
    gap: 10px;
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 15px;
}

.address-sec .contact-address .address-box .icon-box {
    display: inline-block;
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #023854;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    position: relative;
}

.address-sec .contact-address .address-box .address-text h4,
.address-sec .contact-address .address-box .address-text h2 {
    font-size: 18px;
    font-weight: 500;
}

.address-sec .contact-address .address-box .address-text p {
    font-size: 14px;
    line-height: 26px;
    /* word-break: break-all; */
    margin-bottom: 0px;
}

.address-sec .contact-address .address-box .address-text a {
    font-size: 15px;
    color: #424242;
}

.address-sec iframe {
    border-radius: 10px;
    overflow: hidden;
}

.form-sec {
    background-color: #f4f6fa;
    position: relative;
}

.form-sec .form-box {
    box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.06);
    width: 100%;
    padding: 30px 40px 40px 40px;
    background-color: #fff;
}

.form-sec .form-control {
    min-height: 45px;
    padding: 10px 15px;
    border: 1px solid transparent;
    color: #6e6e6e;
    background-color: #e8edf7;
    border-radius: 0;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    transition: 0.4s ease-in-out;
}

.form-sec .form-group {
    margin-bottom: 18px;
}

.inner-page-data h1,
.inner-page-data h2,
.inner-page-data h3,
.inner-page-data h4,
.inner-page-data h5,
.inner-page-data h6
{
 font-family: 'Inter', sans-serif !important;
}
.inner-page-data p {
    text-align: justify;
    font-family: 'Inter', sans-serif !important;
}
.inner-page-data span{
     font-family: 'Inter', sans-serif !important;
}
.inner-page-data .main-img {
    border-radius: 10px;
    margin-bottom: 12px;
    width: 100%;
}

.inner-page-data .heading {
    font-size: 28px;
    color: #023854;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    margin-top: 0px;
}

.inner-page-data h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.inner-page-data h3,
.inner-page-data h4 {
    font-size: 22px;
    color: #0d0d0d;
    margin-bottom: 6px;
    font-weight: 500;
    margin-bottom: 10px;
}

.inner-page-data h5,
.inner-page-data h6 {
    font-size: 26px;
    color: #0d0d0d;
    margin-bottom: 6px;
    font-weight: 500;
}

.inner-page-data ol,
.inner-page-data ul {
    padding-left: 0px;
    margin-bottom: 10px;
}

.inner-page-data ol li,
.inner-page-data ul li {
    display: block;
    position: relative;
    color: #646464;
    font-size: 16px;
    font-weight: 400;
    padding-left: 25px;
    line-height: 27px;
    margin-bottom: 8px;
}

.inner-page-data ol li::before,
.inner-page-data ul li::before {
    position: absolute;
    content: '\f058';
    font-family: "Font Awesome 5 pro";
    top: 0px;
    left: 0px;
    color: #023854;
    font-size: 18px;
}

.inner-page-data .inner-list li {
    display: inline-block;
    position: relative;
    color: #0D0D0D;
    font-size: 16px;
    font-weight: 500;
    margin-right: 22px;
    padding-left: 22px;
}

.inner-page-data .inner-list li::before {
    position: absolute;
    content: '\f058';
    font-family: "Font Awesome 5 pro";
    top: 0px;
    left: 0px;
    color: #46a994;
    font-size: 18px;
}

.inner-page-data .service-img-box {
    display: inline-block;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
    padding: 5px;
    border: 2px dashed #46a994;
    margin-bottom: 10px;
}

.inner-page-data .service-img-box img {
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}


.inner-page-data .entry-meta {
    margin-bottom: 15px;
    color: #aaaaaa;
    font-size: 14px;
}

.inner-page-data .entry-meta ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0;
}


.inner-page-data .entry-meta ul li {
    padding-left: 0px;
    margin-right: 10px;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 1;
}

.inner-page-data .entry-meta ul li::before {
    display: none;
}

.inner-page-data .entry-meta i {
    font-size: 16px;
    margin-right: 8px;
    line-height: 0;
}

.recent-blog-sec {
    background-color: #f4f6fa;
    padding: 25px;
    border-radius: 10px;
}

.recent-blog-sec h4 {
    font-size: 24px;
    color: #0d0d0d;
    margin-bottom: 15px;
    font-weight: 500;
}

.recent-blog-sec .blog-box {
    display: flex;
    margin-bottom: 12px;
    align-items: start;
    padding-bottom: 10px;
    border-bottom: 1px dashed #002d45;
}

.recent-blog-sec .blog-box:last-child {
    border: none;
    padding-bottom: 0;
}

.recent-blog-sec .blog-box .img-box {
    width: 110px;
    height: 80px;
    overflow: hidden;
    border-radius: 8px;
    margin-right: 10px;
    object-fit: cover;
}

.recent-blog-sec .blog-box .img-box img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.recent-blog-sec .blog-box .blog-text {
    width: 100%;
    box-sizing: border-box;
}

.recent-blog-sec .blog-box .blog-text p {
    margin-bottom: 0px;
    font-size: 12px;
    color: #222;
}

.recent-blog-sec .blog-box .blog-text h5 {
    font-size: 15px;
    font-weight: 500;
    height: 37px;
    overflow: hidden;
    color: #0d0d0d;
    transition: all 0.3s ease-in-out;
}

.recent-blog-sec .blog-box:hover .blog-text h5 {
    color: #2d3a5a;
    transition: all 0.3s ease-in-out;
}

.gallery-sec .event-pic {
    overflow: hidden;
    transition: all 0.3s ease-out;
    padding: 0px;
    border-radius: 10px;
    border: 2px solid #46a994 !important;
    margin-bottom: 25px;
}

.gallery-sec .event-pic.certificate {
    border: none !important;
}

.gallery-sec .event-pic a {
    display: block;
    width: 100%;
}

.gallery-sec .event-pic img {
    width: 100%;
    /* height: 250px; */
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    border-radius: 10px;
}

.gallery-sec.certificate .event-pic img {
    width: 100%;
    /* height: 250px; */
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    border-radius: 10px;
}

.bg-biege {
    background-color: #d7ccc8;
    color: #2d3a5a !important;
}


.btn-warning {
    background-color: #4CAF50 !important;
    background: #4CAF50 !important;
    border-color: #4CAF50;
}

.btn-warning:hover {
    background-color: #FFA726 !important;
    background: #FFA726 !important;
    border-color: #FFA726;
}

.footer .footer-link-head,
.link-head {
    color: #FFA726 !important;
}

.home-call-sec {
    background-image: url(../images/img-bg.jpg);
    background-position: top center;
    background-size: cover;
}

.call-box {
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 25px;
}

.home-call-sec .form-control {
    margin-bottom: 12px;
    min-height: 50px;
    font-size: 14px;
}



.home-call-sec .call-box h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.home-call-sec .call-box .info-link {
    font-size: 16px;
    margin-bottom: 8px;
    color: #000;
    display: block;
    cursor: pointer;
}

.home-call-sec .call-box .info-link i {
    margin-right: 8px;
    width: 30px;
    height: 30px;
    background: #07a698;
    border-radius: 50px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}








.shapes .shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

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

.shapes .shape-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}




.styleBox {
    overflow: hidden;
    margin: 0 auto;
    display: grid;
    place-content: center;
    display: block;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 #000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle), #ffffff, #eaeaea 5%, #ffffff 60%, #ffffff 95%);
    border: solid 5px transparent;
    border-radius: 2em;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
}

.styleBox.circle {
    width: 65px;
    height: 65px;
    border-width: 5px;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #f6bc4a, #003a70 99%, transparent);
}

.styleBox.circle i {
    font-size: 28px;
}

.styleBox.imgRound {
    width: 80px;
    height: 80px;
    padding: 10px;
    border-radius: 100px;
    border-width: 3px;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #f6bc4a, #be340f 99%, transparent);
}

.styleBox.imgRound img {
    width: 50px;
}

@-webkit-keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.styleBox:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}


.machine-section-panel {
    position: relative;
}

.machine-section-panel:after {
    background-color: #003a70;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    max-width: 716px;
    position: absolute;
    top: 0;
    width: 90%;
    z-index: -1;
}


.box-wrapper {
    border-radius: 10px;
    display: block;
}

.box-thumbail {
    position: relative;
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: #fff;
}

.inner-machine .box-thumbail {
    border: 2px solid #dedede;
}

.box-wrapper img {
    transition-duration: .3s;
    transition-property: transform;
    object-fit: cover;
    width: 100%;
    height: 250px;
}

.box-wrapper-title {
    text-align: center;
    font-weight: 600;
    color: #000;
    padding: 0 20px;
}

.box-wrapper:hover img {
    transform: none;
    transform: scale(1.1);
}

.breadcrumb-image {
    text-align: center;
    height: 250px;
    background-size: cover !important;
    padding: 10px 0;
}

.pdf-download {
    background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(../images/service-bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}

.pdf-download .catalouge-box {
    border: 2px solid #afafaf81;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

.pdf-download .catalouge-box .item-content {
    padding: 15px;
    background-color: #f2f2f2;
}

.about-new {
    background-image: url(../images/about-bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.about-shapes img:nth-child(1) {
    width: 200px;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}

.about-shapes img:nth-child(2) {
    right: 0;
    bottom: 0;
    width: 200px;
    position: absolute;
    z-index: -1;
}

.director {
    margin-top: 20px;
}

.director .image_block_1 .image-box {
    position: relative;
    display: block;
    padding: 0px 30px;
    margin-top: 7px;
}

.director .image_block_1 .image-box img {
    width: 100%;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.director .image_block_1 .image-box .text {
    position: absolute;
    right: -20px;
    bottom: 40px;
    width: calc(100% - 80px);
    padding: 10px 20px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 15px -10px 30px 0px rgb(0 0 0 / 8%);
    z-index: 1;
}

.director .image_block_1 .image-box .text h4 {
    font-size: 17px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0px;
}

.director .image_block_1 .image-box .text p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
}

.about-new p {
    font-size: 16px;
    color: #505050;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 18px;
}

.under-text .heading {
    font-size: 28px;
    line-height: 32px;
    font-family: 'Inter', sans-serif;
}

.under-text h3,
.under-text h4 {
    font-size: 20px;
    font-family: 'Inter', sans-serif;
}

.under-text h5,
.under-text h6 {
    font-size: 18px;
    font-family: 'Inter', sans-serif;
}

.under-text ol li,
.under-text ul li {
    font-size: 13px;
    margin-right: 6px;
    padding-left: 15px;
    line-height: 20px;
    font-family: 'Inter', sans-serif;
}

.under-text ol li::before,
.under-text ul li::before {
    font-size: 10px;
}


.error-area {
    padding: 50px 0;
}


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

.error-content svg {
    width: 500px;
    color: #07a698;
    margin-bottom: 45px;
}

.error-content img {
    width: 350px;
    margin-bottom: 45px;
}


.error-content .title {
    margin-bottom: 10px;
    font-size: 38px;
}


.error-content p {
    margin-bottom: 20px;
    font-size: 16px;
}

/* .banner-image{
    background-image: url(../images/home-banner-new.jpg);
    background-size: cover;
    background-position: bottom center;
    height: 100dvh;
    overflow: hidden;
}
       .banner-image h1{
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    padding-top: 60px;
    text-align: center;
}

.product-img{
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0px;
    right: 0px;
    text-align: center;
    z-index: 8;
}
.area{
    width: 100%;
    height: 100dvh;
    
   
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

} */

.director-text h2,
.director-text h3,
.director-text h4 {
    margin: 0;
    padding: 0;
    font-size: 22px;
}


.service-section {
    position: relative;
    z-index: 1;
    height: 80vh;
    background: url(../images/circle-bg.png), radial-gradient(#ffffff, #d1eeff);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}




.shape-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    justify-items: center;
    align-items: center;
    display: flex;
    margin-top: 30px;
}

.shape15 {
    position: absolute;
    right: 0;
    margin: auto;
    z-index: -1;
    left: 0;
    top: 0;
}

.shape18 {
    position: relative;
    text-align: center;
}


.coin-ring {
    -webkit-animation: circle 20s infinite linear;
    animation: circle 20s infinite linear;
    text-align: center;
    z-index: 1;
}

@-webkit-keyframes circle {
    from {
        -webkit-transform: rotateZ(0deg)
    }

    to {
        -webkit-transform: rotateZ(360deg)
    }
}

@-webkit-keyframes ccircle {
    from {
        -webkit-transform: rotateZ(360deg)
    }

    to {
        -webkit-transform: rotateZ(0deg)
    }
}



.hero-section {
    position: relative;
    height: 600px;
    overflow: hidden;
    background: url(../images/main-bg.jpg);
    background-size: cover;
    background-position: bottom center;
}

.hero-section::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.1;
    background: url(../images/circle-bg.png) center;
    content: '';
}

.Plastic-Free-Products {
    width: 535px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.hero-text {
    position: relative;
    z-index: 3;
    padding-top: 20px;
}

.hero-text h1 {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    position: relative;
    z-index: 6;
    color: #e1020e;
    /* animation: Color 5s linear infinite; */
    text-shadow: 2px 2px #fff;
}

.hero-text p {
    font-size: 18px;
    font-weight: 700;
    color: #003a70;
    text-shadow: 2px 2px #fff;
}

@keyframes Color {

    20% {
        color: #ffffff;
    }

    30% {
        color: #fffc00;
    }

    70% {
        color: #0190cd;
    }

    80% {
        color: #00ffe4;
    }

}

@-moz-keyframes Color {

    20% {
        color: #ffffff;
    }

    30% {
        color: #fffc00;
    }

    70% {
        color: #0190cd;
    }

    80% {
        color: #00ffe4;
    }
}

@-webkit-keyframes Color {

    20% {
        color: #ffffff;
    }

    30% {
        color: #fffc00;
    }

    70% {
        color: #0190cd;
    }

    80% {
        color: #00ffe4;
    }
}


.burger__smoke {
    position: absolute;
    width: 80%;

    padding-top: 50%;
    margin-left: 10%;
    left: 0;
    bottom: 20%;
    mask: url(#smoke);
    -webkit-mask-box-image: url(../images/smoke-mask.png);
    background-image: url(../images/smoke.png);
    background-size: 100% auto;
    animation: bgpos 30s linear infinite forwards;
    opacity: 1;
    transform-origin: bottom center;
}

@keyframes bgpos {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 340%;
    }
}



.icon-thumb .icon1 {
    bottom: 100px;
    left: -75px;
    position: absolute;
    width: 90px;
}

.icon-thumb .icon2 {
    top: -84px;
    left: -6px;
    position: absolute;
    width: 90px;
}

.icon-thumb .icon3 {
    top: -186px;
    left: 218px;
    position: absolute;
    width: 90px;
}

.icon-thumb .icon4 {
    top: -84px;
    right: -6px;
    position: absolute;
    width: 90px;
}

.icon-thumb .icon5 {
    bottom: 100px;
    right: -75px;
    position: absolute;
    width: 90px;
}


.clouds {
    position: absolute;
    top: 0;
    width: 100%;
    height: 260px;
    background: url(../images/cloud.png);
    background-repeat: repeat-x;
    -webkit-animation: animate-cloud 30s linear infinite;
    animation: animate-cloud 30s linear infinite;
}
@media (max-width: 767px) {
    .clouds { 
    -webkit-animation: animate-cloud 10s linear infinite;
    animation: animate-cloud 10s linear infinite;
}
}
@-webkit-keyframes animate-cloud {
    from {
        background-position: 0 100%;
    }

    to {
        background-position: 100% 0;
    }
}

@-moz-keyframes animate-cloud {
    from {
        background-position: 0 100%;
    }

    to {
        background-position: 100% 0;
    }
}

@-ms-keyframes animate-cloud {
    from {
        background-position: 0 100%;
    }

    to {
        background-position: 100% 0;
    }
}

@-o-keyframes animate-cloud {
    from {
        background-position: 0 100%;
    }

    to {
        background-position: 100% 0;
    }
}