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

    Default Styles

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

/*-- Variables --*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/* @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"); */

@import url("vendor/datatables.css");

:root {

    --color-primary: #2197f1;

    --color-primary-rgb: 33, 151, 241;

    --color-secondary: #e7172a;

    --color-secondary-rgb: 231, 23, 42;

    --color-secondary-alt: #FFF6F4;

    --color-tertiary: #FFA41B;

    --color-tertiary-2: #7152E9;

    --color-dark: #202133;

    --color-body: #6F6B80;

    --color-heading: #202133;

    --color-white: #ffffff;

    --color-shape: #EEEEEE;

    --color-shade: #F5F5F5;

    --color-border: #EEEEEE;

    --color-black: #000000;

    --color-blackest: #0f0f11;

    --color-extra01: #666666;

    --color-extra02: #606770;

    --color-extra03: #FBFBFD;

    --color-extra04: #1A1A1A;

    --color-extra05: #242424;

    --color-extra06: #DBF1C0;

    --color-extra07: #EAF3FE;

    --color-extra08: #C3ECCE;

    --color-success: #3EB75E;

    --color-danger: #FF0003;

    --color-warning: #FF8F3C;

    --color-info: #1BA2DB;

    --color-facebook: #3B5997;

    --color-twitter: #1BA1F2;

    --color-youtube: #ED4141;

    --color-linkedin: #0077B5;

    --color-pinterest: #E60022;

    --color-instagram: #C231A1;

    --color-vimeo: #00ADEF;

    --color-twitch: #6441A3;

    --color-discord: #7289da;

    --border-width: 2px;

    --radius-small: 5px;

    --radius: 10px;

    --radius-big: 16px;

    --p-light: 300;

    --p-regular: 400;

    --p-medium: 500;

    --p-semi-bold: 600;

    --p-bold: 700;

    --p-extra-bold: 800;

    --p-black: 900;

    --shadow-primary: 0px 8px 30px rgba(0, 0, 0, 0.04);

    --shadow-light: 1px 1px 6px rgba(0, 0, 0, 0.25);

    --shadow-lighter: 4px 4px 20px 20px rgba(0, 0, 0, 0.01);

    --color-white-rgb: 255, 255, 255;

    --transition: 0.3s;

    --transition-2: 0.7s;

    --transition-transform: transform .65s cubic-bezier(.23, 1, .32, 1);

    --font-primary: 'Urbanist', sans-serif;

    --font-secondary: 'Urbanist', sans-serif;

    --font-awesome: 'Font Awesome 5 Pro';

    --font-bootstrap: 'bootstrap-icons';

    --font-size-b1: 18px;

    --font-size-b2: 16px;

    --font-size-b3: 14px;

    --font-size-b4: 12px;

    --line-height-b1: 1.67;

    --line-height-b2: 1.63;

    --line-height-b3: 1.6;

    --line-height-b4: 1.3;

    --h1: 72px;

    --h2: 68px;

    --h3: 40px;

    --h4: 32px;

    --h5: 24px;

    --h6: 20px;

    --h1-lineHeight: 1.25;

    --h2-lineHeight: 1.24;

    --h3-lineHeight: 1.4;

    --h4-lineHeight: 1.38;

    --h5-lineHeight: 1.5;

    --h6-lineHeight: 1.6;

}

* {

    scrollbar-width: thin;

    scrollbar-color: var(--color-primary) transparent;

}

*::-webkit-scrollbar {

    width: 8px;

    height: 8px;

}

*::-webkit-scrollbar-track {

    background: transparent;

}

*::-webkit-scrollbar-thumb {

    background-color: var(--color-primary);

}

::selection {

    background: var(--color-primary);

}

::selection {

    color: var(--color-white);

    text-shadow: none;

}

:root {

    scroll-behavior: smooth;

}

.bg-primary {

    background: var(--color-primary) !important;

}

.bg-secondary {

    background: var(--color-secondary) !important;

}

.fit-content {

    width: fit-content;

}

.fit-height {

    height: fit-content;

}

.line-through {

    text-decoration: line-through;

}

.bg-none {

    background: transparent !important;

}

.box-shadow-none {

    box-shadow: none !important;

}

.bg-lights {

    background: var(--color-extra07);

}

.max-10 {

    max-width: 10%;

}

.max-20 {

    max-width: 20%;

}

.max-30 {

    max-width: 30%;

}

.max-40 {

    max-width: 40%;

}

.max-50 {

    max-width: 50%;

}

.max-60 {

    max-width: 60%;

}

.max-70 {

    max-width: 70%;

}

.max-80 {

    max-width: 80%;

}

.max-90 {

    max-width: 90%;

}

.g-7,
.gy-7 {

    --bs-gutter-y: 7rem;

}

.g-7,
.gx-7 {

    --bs-gutter-x: 3rem;

}

/* --------------------------------------------------------------------------



                              Custome Dropdown



---------------------------------------------------------------------------*/

.my-custom-dropdown button {

    color: var(--color-black);

    font-size: 15px;

}

.my-custom-dropdown .dropdown-menu {

    background: var(--color-white);

    border: none;

    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;

    padding: 0;

    color: var(--color-black);

    z-index: 6;

}

.my-custom-dropdown .dropdown-menu a {

    font-size: 15px;

    background: none;

    color: var(--color-black);

    padding: 10px 10px;

}

.my-custom-dropdown .dropdown-menu a:hover {

    font-size: 15px;

    background: var(--color-primary);

    color: var(--color-white);

}

/*------------------------------

    Scroll Up 

--------------------------------*/

#scrollUp {

    width: 70px;

    height: 80px;

    right: 100px;

    bottom: 60px;

    text-align: center;

    z-index: 9811 !important;

    text-decoration: none;

    background: #fff;

    line-height: 80px;

    color: #757589;

    font-size: 15px;

    font-weight: 400;

    display: inline-block;

    background: #ffffff;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    #scrollUp {

        right: 20px;

        bottom: 40px;

    }

}

@media only screen and (max-width: 767px) {

    #scrollUp {

        right: 20px;

        bottom: 40px;

    }

}

#scrollUp::before {

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    background: rgba(0, 2, 72, 0.1);

    content: "";

    position: absolute;

    z-index: -1;

    transform-style: preserve-3d;

    transform: rotateY(-10deg);

    filter: blur(50px);

}

#scrollUp::after {

    background: #ffffff;

    position: absolute;

    content: "";

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    transform-style: preserve-3d;

    transform: rotateY(-10deg);

}

@media only screen and (max-width: 767px) {

    #scrollUp {

        right: 20px;

        bottom: 30px;

        width: 50px;

        height: 60px;

        line-height: 60px;

    }

}

#scrollUp span.text {

    position: relative;

    display: inline-block;

    margin-top: 7px;

}

@media only screen and (max-width: 767px) {

    #scrollUp span.text {

        margin-top: 3px;

    }

}

#scrollUp span.text::after {

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 5px 7px 5px;

    border-color: transparent transparent var(--color-primary) transparent;

    position: absolute;

    content: "";

    left: 50%;

    top: 21%;

    transform: translateX(-50%);

}

#scrollUp:hover span.text {

    color: var(--color-primary);

}

/*--------------------------

    Top Bar Styles  

--------------------------*/

.top-bar {

    background: var(--color-border);

    padding: 5px 0;

    /* position: relative; */

    /* z-index: 1; */

}

.top-bar .inner {

    padding: 0px 35px;

}

@media(max-width:400px) {

    .top-bar .inner {

        padding: 0px 10px;

    }

}

.top-bar .social-items a {

    font-size: 15px;

    color: var(--color-extra02);

    /*	text-transform: capitalize;*/

    margin-left: 15px;

}

.top-bar .social-items a:first-child {

    margin: 0;

}

.top-bar .social-items a i {

    margin-right: 5px;

}

.top-bar .social-items a:hover {

    color: var(--color-primary);

}



.top-bar .topbar-dropdown {

    display: flex;

    justify-content: end;

    /* flex-wrap: wrap; */

}

@media(max-width:991px) {

    .top-bar .topbar-dropdown {

        justify-content: center;

    }

}

.top-bar .topbar-dropdown .items {

    margin-right: 10px;

}

.top-bar .topbar-dropdown .items:last-child {

    margin-right: 0;

}

.top-bar .topbar-dropdown .items>a {

    position: relative;

    display: block;

    padding: 0 15px;

    color: var(--color-extra02);

}



@media (max-width:400px) {

    .top-bar .topbar-dropdown .items>a {

        padding: 0 9px;



    }

}



.top-bar .topbar-dropdown .items>a:after {

    position: absolute;

    content: "\e969";

    font-family: 'icomoon';

    right: -5px;

    top: 50%;

    transform: translateY(-50%);

    font-weight: 600;

}

.top-bar .topbar-dropdown .items ul.dropdown-menu {

    background: var(--color-white);

    border: none;

    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;

    padding: 0;

    color: var(--color-black);

    z-index: 6;

    min-width: 200px;

    border-radius: 0px;

    transform: translate3d(0px, 0px, 0px) !important;

    left: unset !important;

    right: 0;

    top: 100% !important;

}

.top-bar .topbar-dropdown .acountdropdown.items ul.dropdown-menu {

    left: 0px !important;

    right: unset !important;

}

.top-bar .topbar-dropdown .items ul.dropdown-menu li {

    margin: 0;

}

.top-bar .topbar-dropdown .items ul.dropdown-menu li a {

    display: block;

    width: 100%;

    clear: both;

    text-align: start;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

    transition: 0.5s;

    position: relative;

    font-size: 15px;

    background: none;

    color: var(--color-body);

    padding: 8px 10px;

    font-weight: 600;

}

.top-bar .topbar-dropdown .items ul.dropdown-menu li a:hover {

    color: var(--color-primary);

}

.top-bar .topbar-dropdown .nofication.items ul.dropdown-menu {

    min-width: 250px;

}

.top-bar .topbar-dropdown .nofication.items ul.dropdown-menu a {

    white-space: break-spaces;

}



/*----------------------

    language Popup  

-----------------------*/

.theme-language-popup {

    position: fixed;

    top: 0px;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 9999;

    -webkit-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-transition: -webkit-transform 0.7s ease;

    transition: -webkit-transform 0.7s ease;

    transition: transform 0.7s ease;

    transition: transform 0.7s ease, -webkit-transform 0.7s ease;

}



.theme-language-popup.open {

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

    height: 100%;

}



.theme-language-popup .content-wrap {

    background-color: var(--color-white);

    width: 100%;

    min-height: 580px;

    position: relative;

    box-shadow: 0px 10px 40px 0 rgba(0, 0, 0, 0.08);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 20px;

    z-index: 999;

}



@media only screen and (max-width: 767px) {

    .theme-language-popup .content-wrap {

        min-height: 450px;

    }

}



.theme-language-popup .site-logo {

    position: absolute;

    top: 60px;

    left: 70px;

}



.theme-language-popup .site-logo img.logo-dark {

    display: none;

}



.theme-language-popup .site-logo img.logo-light {

    display: inline-block;

}



@media only screen and (max-width: 1199px) {

    .theme-language-popup .site-logo {

        top: 40px;

        left: 20px;

    }

}



.theme-language-popup .close-button {

    position: absolute;

    right: 62px;

    top: 62px;

}



@media only screen and (max-width: 1199px) {

    .theme-language-popup .close-button {

        top: 60px;

        right: 15px;

    }

}



.theme-language-popup .close-button .close-trigger {

    background: transparent;

    border: none;

    color: var(--color-heading);

    font-size: 22px;

    -webkit-transition: var(--transition);

    transition: var(--transition);

}



.theme-language-popup .close-button .close-trigger:hover {

    color: var(--color-primary);

}



.theme-language-popup .inner {

    width: 100%;

    padding-top: 100px;

    overflow: auto;

}

@media(max-width:767px) {

    .theme-language-popup .inner {

        padding-top: 80px;

    }

}

.theme-language-popup .inner .heading {

    font-size: 35px;

    color: var(--color-black);

    margin-bottom: 15px;

    line-height: 1.5;

}

@media(max-width:550px) {

    .theme-language-popup .inner .heading {

        font-size: 25px;

        color: var(--color-black);

        margin-bottom: 15px;

        line-height: 1.5;

    }

}

.theme-language-popup .inner .discription {

    font-size: 18px;

    color: var(--color-body);

    margin-bottom: 15px;

    line-height: 2;

}

.theme-language-popup .inner .language-list {

    /*display: flex;

	flex-wrap: wrap;*/

    max-height: 250px;

    overflow: auto;

    list-style: none;

    padding: 0;

}

.theme-language-popup .inner .language-list li {

    margin-bottom: 10px;

    width: 50%;

    float: left;

}



@media (max-width:767px) {

    .theme-language-popup .inner .language-list li {

        width: 100%;

    }

}



.theme-language-popup .inner .language-list li h6 {

    font-size: 18px;

    color: var(--color-extra05);

    font-weight: 600;

    margin-bottom: 10px;

}

.theme-language-popup .inner .language-list li a {

    font-size: 16px;

    font-weight: 600;

    color: var(--font-primary);

    margin-bottom: 10px;

    padding-left: 10px;

    list-style: disc;

    display: inline flow-root list-item;

    list-style-position: inside;

    width: 100%;

}

.theme-language-popup .inner .language-list li a img {

    margin-right: 8px;

}

.theme-language-popup .inner .language-list li a:hover {

    color: var(--color-primary);

}



/*----------------------

    searcgh bar  

-----------------------*/

.header-searchbar {

    padding: 0px 0px;

    margin-bottom: 20px;

}

.header-searchbar .bg {

    background: var(--color-shade);

    padding: 10px 10px 10px 5px;

}

.domainsearch {

    display: flex;

    position: relative;

    width: 100%;

}

.domainsearch .searchbar {

    background-color: #fff;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 500;

    color: var(--color-body);

    padding: 11px 15px;

    border-radius: 0;

    width: 100%;

    border: 1px solid #e0e0e0;

    outline: unset;

}



.domainsearch .right-sider {

    position: absolute;

    right: 0px;

    top: 0;

}





.domainsearch .searchbtn,
.domainsearch .transferbtn {

    background: var(--color-primary);

    border-radius: 0;

    padding: 10px 15px;

    color: var(--color-white);

    margin: 0;

    font-size: 18.5px;

    line-height: 1.5;

    transform: unset !important;

    height: unset;

    border: 0;

}

.domainsearch .transferbtn {

    background: var(--color-secondary);

}

@media(max-width:1200px) {

    .domainsearch .searchbtn,
    .domainsearch .transferbtn {

        padding: 10px 15px;

        font-size: 20px;

        top: 0px;

    }

}

@media(max-width:991px) {

    .domainsearch .searchbar {

        padding: 12px 15px;

        font-size: 16px;

    }

    .domainsearch .searchbtn,
    .domainsearch .transferbtn {

        font-size: 19px !important;

        top: 1px;

    }

}

.header-searchbar .promo-list {

    display: flex;

    justify-content: space-between;

    list-style: none;

    margin: 0;

    padding: 0;

}

.header-searchbar .promo-list li {

    padding: 0px;

    margin: 0;

    position: relative;

}

.header-searchbar .promo-list li::before {

    content: '';

    width: 1px;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0;

    background: #e1d2d2;

    transform: translate(-25px);

}

.header-searchbar .promo-list li:first-child:before {

    content: unset;

}

.header-searchbar .promo-list li a {

    font-size: 16px;

    color: var(--color-body);

    transition: ease 0.3s;

    display: flex;

    justify-content: center;

    align-items: center;

    line-height: 2;

    font-weight: 604;

}

.header-searchbar .promo-list li a:hover {

    color: var(--color-primary);

}

.header-searchbar .promo-list li a svg {

    margin-right: 5px;

    fill: var(--color-body);

    transition: ease 0.3s;

}

.header-searchbar .promo-list li a:hover svg {

    fill: var(--color-primary);

}

.header-searchbar .promo-list li a img {

    margin-right: 5px;

}



/*----------------------

    Header main

-----------------------*/





/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

.header {

    transition: all 0.5s;

    padding: 20px 0;

    position: relative;

    width: 100%;

}



.header.header-sticky {

    /* z-index: 99; */

}



.header.header-sticky.sticky {

    position: fixed;

    left: 0;

    background-color: #fff !important;

    width: 100%;

    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.05);

    z-index: 99;

    max-width: 100%;

    top: -100px;

    transform: translateY(100px);

    transition: transform .5s;

}



@media (max-width:1280px) {

    .header.header-sticky.sticky {

        top: 0px;

        transform: unset;

    }

}









.header .logo img {

    max-height: 55px;

    margin-right: 6px;

}



.header .logo h1 {

    font-size: 30px;

    margin: 0;

    font-weight: 700;

    color: #fff;

    font-family: var(--font-primary);

}



/*--------------------------------------------------------------

  # Desktop Navigation

  --------------------------------------------------------------*/

.navbar li {

    margin: 0;

}

@media (min-width: 1280px) {

    .header {

        padding: 0;

    }

    .navbar {

        padding: 0;

        margin-bottom: 0;

        position: static;

    }



    .navbar ul {

        margin: 0;

        padding: 0;

        display: flex;

        list-style: none;

        align-items: center;

    }



    .navbar li {

        position: relative;

    }



    .navbar a,

    .navbar a:focus {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 30px 0 30px 40px;

        font-family: var(--font-primary);

        font-size: 16px;

        font-weight: 600;

        color: rgb(111, 107, 128);

        white-space: nowrap;

        transition: 0.3s;

        letter-spacing: 0.5px;

    }



    .navbar a i,

    .navbar a:focus i {

        font-size: 12px;

        line-height: 0;

        margin-left: 5px;

    }



    .navbar a:hover,

    .navbar .active,

    .navbar .active:focus,

    .navbar li:hover>a {

        color: var(--color-primary);

    }



    .navbar .menu-account-btn,

    .navbar .menu-account-btn:focus {

        background: var(--color-primary);

        padding: 8px 20px;

        margin-left: 30px;

        border-radius: 4px;

        color: #fff;

        border: 1px solid var(--color-primary);

    }



    .navbar .menu-account-btn i,
    .navbar .menu-account-btn:focus i {

        font-size: 16px;

        margin: 0;

        margin-inline-end: 5px;

    }







    .navbar .menu-account-btn:hover,

    .navbar .menu-account-btn:focus:hover {

        color: var(--color-primary);

        background: var(--color-white);

    }



    .navbar .dropdown.megamenu {

        position: static;

    }





    .navbar .dropdown ul {

        display: block;

        position: absolute;

        left: 14px;

        top: calc(100% + 30px);

        margin: 0;

        padding: 10px 0;

        z-index: 99;

        opacity: 0;

        visibility: hidden;

        background: #fff;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

        transition: 0.3s;

        border-radius: 4px;

    }



    .navbar .dropdown ul li {

        min-width: 320px;

    }



    .navbar .dropdown.only-list ul li {

        min-width: 230px;

    }



    .navbar .dropdown.only-list ul li a.active {

        color: var(--color-primary);

    }



    .navbar .dropdown ul a {

        padding: 10px 20px;

        font-size: 15px;

        text-transform: none;

        font-weight: 600;

        color: var(--color-heading);

        letter-spacing: 0.5px;

    }



    .navbar .dropdown ul a i {

        font-size: 12px;

    }



    .navbar .dropdown ul a:hover,

    .navbar .dropdown ul .active:hover,

    .navbar .dropdown ul li:hover>a {

        color: var(--color-primary);

    }





    .navbar .dropdown .downdown-list {

        display: flex;

        width: 100%;

        flex-direction: column;



    }



    .navbar .dropdown .downdown-list .title {

        display: flex;

        width: 100%;

        margin-bottom: 5px;

        align-items: center;

    }



    .navbar .dropdown .downdown-list .title .icon {

        margin-inline-end: 10px;

        width: fit-content;

        height: 100%;

    }



    .navbar .dropdown .downdown-list .title .icon i {

        font-size: 22px;

        margin: 0;

        line-height: 1.2;

        color: var(--color-primary);

        font-weight: initial;

    }



    .navbar .dropdown .downdown-list .title .icon svg {

        margin: 0;

        fill: var(--color-primary);

    }



    .navbar .dropdown .downdown-list .title .content {

        font-size: 16px;

        margin-bottom: 0;

        font-weight: 600;

        color: var(--color-heading);

        transition: all 0.3s;

        white-space: break-spaces;

        letter-spacing: 0.5px;

    }



    .navbar .dropdown .downdown-list:hover .title .content,
    .navbar .dropdown .active .downdown-list .title .content {

        color: var(--color-primary);

    }



    .navbar .dropdown .downdown-list .subtitle {

        margin-bottom: 0;

        font-size: 15px;

        font-weight: 400;

        color: #475569;

        white-space: break-spaces;

    }



    .navbar .dropdown.megamenu>ul {

        display: flex;

        flex-wrap: wrap;

        width: 100%;

        min-width: unset;

        align-items: start;

        opacity: 0;

        visibility: hidden;

    }



    .navbar .dropdown.megamenu:hover>ul {

        opacity: 1;

        visibility: visible;

    }







    .navbar .dropdown.megamenu>ul>li {

        flex: 0 25%;

        min-width: unset;

    }



    .navbar .dropdown.megamenu>ul>li>a {

        font-size: 15px;

        font-weight: 600;

        position: relative;

        color: #757575;

        cursor: auto;

        letter-spacing: 0.5px;

    }



    .navbar .dropdown.megamenu>ul>li>a:after {

        content: '';

        width: 95%;

        position: absolute;

        bottom: 0;

        left: 3%;

        height: 1px;

        background: #b3b1b1;

    }



    .navbar .dropdown.megamenu>ul>li>a>i {

        display: none;

    }



    .navbar .dropdown.megamenu>ul>li>ul {

        visibility: hidden;

        opacity: 0;

        position: unset;

        box-shadow: unset;

        padding: 0;

    }

    .navbar .dropdown.megamenu:hover>ul>li>ul {

        visibility: visible;

        opacity: 1;

    }



    .navbar .dropdown.megamenu>ul>li>ul>li {

        min-width: unset;

    }



    .navbar .dropdown.megamenu>ul>li>ul>li>a.active {

        color: var(--color-primary);

    }





    .navbar .dropdown:hover>ul {

        opacity: 1;

        top: 100%;

        visibility: visible;

    }



    .navbar .dropdown .dropdown ul {

        top: 0;

        left: calc(100% - 30px);

        visibility: hidden;

    }



    .navbar .dropdown .dropdown:hover>ul {

        opacity: 1;

        top: 0;

        left: 100%;

        visibility: visible;

    }

}



@media (min-width: 1280px) and (max-width: 1366px) {

    .navbar .dropdown .dropdown ul {

        left: -90%;

    }



    .navbar .dropdown .dropdown:hover>ul {

        left: -100%;

    }

}



@media (min-width: 1280px) {



    .mobile-nav-show,

    .mobile-nav-hide {

        display: none;

    }

}



/*--------------------------------------------------------------

  # Mobile Navigation

  --------------------------------------------------------------*/

@media (max-width: 1279px) {

    .navbar {

        position: fixed;

        top: 0;

        right: -100%;

        width: 100%;

        max-width: 400px;

        bottom: 0;

        transition: 0.3s;

        z-index: 9997;

    }



    .navbar ul {

        position: absolute;

        inset: 0;

        padding: 50px 0 10px 0;

        margin: 0;

        background: rgba(14, 29, 52, 0.9);

        overflow-y: auto;

        transition: 0.3s;

        z-index: 9998;

    }



    .navbar a,

    .navbar a:focus {

        display: flex;

        align-items: center;

        justify-content: space-between;

        padding: 12px 20px;

        font-family: var(--font-primary);

        font-size: 16px;

        font-weight: 500;

        color: rgba(255, 255, 255, 0.7);

        white-space: nowrap;

        transition: 0.3s;

    }



    .navbar a i,

    .navbar a:focus i {

        font-size: 12px;

        line-height: 0;

        margin-left: 5px;

    }



    .navbar a:hover,

    .navbar .active,

    .navbar .active:focus,

    .navbar li:hover>a {

        color: #fff;

    }



    .navbar .menu-account-btn,

    .navbar .menu-account-btn:focus {

        background: var(--color-primary);

        padding: 8px 20px;

        border-radius: 4px;

        margin: 15px;

        color: #fff;

        display: block;

        text-align: center;

        border: 1px solid var(--color-primary);

    }



    .navbar .menu-account-btn i {

        font-size: 16px;

        margin-inline-end: 5px;

    }



    .navbar .menu-account-btn:hover,

    .navbar .menu-account-btn:focus:hover {

        color: var(--color-primary);

        background: transparent;

    }



    .navbar .dropdown ul,

    .navbar .dropdown .dropdown ul {

        position: static;

        display: none;

        padding: 10px 0;

        margin: 10px 20px;

        transition: all 0.5s ease-in-out;

        border: 1px solid #19335c;

    }



    .navbar .dropdown>.dropdown-active,

    .navbar .dropdown .dropdown>.dropdown-active {

        display: block;

    }





    .navbar .dropdown .downdown-list {

        display: flex;

        width: 100%;

        flex-direction: column;



    }



    .navbar .dropdown .downdown-list .title {

        display: flex;

        width: 100%;

        margin-bottom: 5px;

        align-items: center;

    }



    .navbar .dropdown .downdown-list .title .icon {

        margin-inline-end: 10px;

        width: fit-content;

        height: 100%;

    }



    .navbar .dropdown .downdown-list .title .icon i {

        font-size: 22px;

        margin: 0;

        line-height: 1.2;

        color: var(--color-primary);

    }



    .navbar .dropdown .downdown-list .title .icon svg {

        margin: 0;

        fill: var(--color-primary);

    }



    .navbar .dropdown .downdown-list .title .content {

        font-size: 16px;

        margin-bottom: 0;

        font-weight: 500;

        color: #d0d2d5;

        transition: all 0.3s;

        white-space: break-spaces;

    }



    .navbar .dropdown .downdown-list:hover .title .content {

        color: var(--color-primary);

    }



    .navbar .dropdown .downdown-list .subtitle {

        margin-bottom: 0;

        font-size: 15px;

        font-weight: 400;

        color: #929293;

        white-space: break-spaces;

    }



    .navbar .dropdown a .dropdown-indicator {

        font-size: 20px;

    }



    .navbar .dropdown a .dropdown-indicator.bi-chevron-down::before {

        content: '\F4FE';

    }



    .navbar .dropdown a .dropdown-indicator.bi-chevron-up::before {

        content: '\F2EA';

    }



    .mobile-nav-show {

        height: 50px;

        line-height: 50px;

        width: 50px;

        text-align: center;

        box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);

        border-radius: 5px;

        outline: none;

        color: var(--color-primary);

        border: 0 none;

        padding: 0;

        background: var(--color-white);

        display: block;

        font-size: 16px;

        margin-inline-end: 10px;

        cursor: pointer;

    }



    .mobile-nav-hide {

        color: #fff;

        font-size: 32px;

        cursor: pointer;

        line-height: 0;

        transition: 0.5s;

        position: fixed;

        right: 20px;

        top: 20px;

        z-index: 9999;

    }



    .mobile-nav-active {

        overflow: hidden;

    }



    .mobile-nav-active .navbar {

        right: 0;

    }



    .mobile-nav-active .navbar:before {

        content: "";

        position: fixed;

        inset: 0;

        background: rgba(14, 29, 52, 0.8);

        z-index: 9996;

    }

}



@media (max-width:767px) {

    .mobile-nav-show {

        height: 40px;

        line-height: 40px;

        width: 40px;

    }

}





/*----------------------

    Search Popup  

-----------------------*/

.ace-search-popup {

    opacity: 0;

    visibility: hidden;

    transition: 0.4s;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

    transform: scale(0.95);

}

.ace-search-popup.open {

    opacity: 1;

    visibility: visible;

    transform: scale(1);

}

.ace-search-popup .close-button {

    position: absolute;

    right: 30px;

    top: 30px;

}

.ace-search-popup .close-button .close-trigger {

    background: var(--color-white);

    border: 0 none;

    color: var(--color-heading);

    width: 40px;

    height: 40px;

    font-size: 21px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);

}

.ace-search-popup .inner {

    position: absolute;

    top: 46%;

    width: 100%;

}

.ace-search-popup .inner .search-form {

    text-align: center;

    max-width: 1170px;

    margin: 0 auto;

    position: relative;

}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .ace-search-popup .inner .search-form {

        padding: 0 20px;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .ace-search-popup .inner .search-form {

        padding: 0 20px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ace-search-popup .inner .search-form {

        padding: 0 20px;

    }

}

@media only screen and (max-width: 767px) {

    .ace-search-popup .inner .search-form {

        padding: 0 20px;

    }

}

.ace-search-popup .inner .search-form input {

    height: 60px;

    border: 0 none;

    border-radius: 5px;

    background: #FFFFFF;

    padding: 0 30px;

    padding-right: 55px;

    font-weight: 500;

    font-size: 16px;

    line-height: 26px;

}

.ace-search-popup .inner .search-form .submit-button {

    position: absolute;

    right: 30px;

    padding: 0;

    margin: 0;

    border: 0 none;

    outline: none;

    color: var(--color-heading);

    background: transparent;

    top: 50%;

    transform: translateY(-50%);

}

.ace-search-popup::before {

    position: absolute;

    background: #0C5ADB;

    opacity: 0.7;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}

/*---------------------------

 * Section Title

----------------------------*/

.section-title.border-left-sider .title {

    padding-left: 15px;

    border-left: 5px solid var(--color-primary);

    margin-bottom: 20px;

}



.section-title.border-right-sider .title {

    padding-right: 15px;

    border-right: 5px solid var(--color-primary);

    margin-bottom: 20px;

}



.section-title .pre-title {

    font-weight: 800;

    font-size: 16px;

    line-height: 26px;

    color: var(--color-primary);

    display: inline-block;

    text-transform: uppercase;

    margin-bottom: 5px;

    letter-spacing: 0.1em;

}

.section-title .title {

    margin-bottom: 0;

    font-size: 40px;

}

.section-title .title span {

    color: var(--color-primary);

}

.section-title .content {

    margin-bottom: 0;

    font-size: 18px;

    color: var(--color-body);

    margin-top: 20px;

}

@media only screen and (max-width: 575px) {

    .section-title .title {

        font-size: 32px;

    }

}

@media only screen and (max-width: 767px) {

    .section-title .title br {

        display: none;

    }

}

.section-title.text-white .pre-title {

    color: var(--color-white);

}

.section-title.text-white .title {

    color: var(--color-white);

}

.section-title.text-white .content {

    color: var(--color-white);

}

/*---------------------------

    Social Share Style

---------------------------*/



.payment-icons {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 10px;

}



.payment-icons img {

    margin: 4px;

    display: block;

}



.social-share {

    margin: -7px;

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

}

.social-share li {

    margin: 7px;

}

.social-share li a {

    background: rgba(255, 255, 255, 0.1);

    border-radius: 4px;

    width: 50px;

    height: 50px;

    line-height: 55px;

    display: inline-block;

    font-size: 24px;

    color: var(--color-white);

    transition: 0.4s;

    text-align: center;

}

.social-share li a:hover {

    background: var(--color-primary);

    color: var(--color-white);

}

.social-share.bg-transparent li a {

    background: transparent;

    border: 1px solid rgba(45, 40, 78, 0.1);

    color: var(--color-primary);

    border-radius: 100%;

}

.social-share.bg-transparent li a:hover {

    border-color: var(--color-primary);

    background: var(--color-primary);

    color: var(--color-white);

}

.social-share.icon-transparent {

    margin: 0 -15px;

}

.social-share.icon-transparent li {

    margin: 0 15px;

}

.social-share.icon-transparent li a {

    background: transparent;

    height: auto;

    width: auto;

    color: var(--color-body);

    transition: 0.4s;

    line-height: initial;

}

.social-share.icon-transparent li a:hover {

    color: var(--color-primary);

}

.social-share.border-style {

    margin: 0 -7px;

}

.social-share.border-style li {

    margin: 0 7px;

}

.social-share.border-style li a {

    background: transparent;

    height: 40px;

    width: 40px;

    color: var(--color-primary);

    transition: 0.4s;

    line-height: 42px;

    text-align: center;

    border: 1px solid rgba(45, 40, 78, 0.1);

    border-radius: 100%;

    font-size: 16px;

}

.social-share.border-style li a:hover {

    color: var(--color-white);

    background: var(--color-primary);

    border-color: var(--color-primary);

}

.social-share.medium-size li a {

    width: 40px;

    height: 40px;

    line-height: 42px;

    font-size: 16px;

}

/*-------------------------

    Back To Top  

---------------------------*/

@-webkit-keyframes border-transform {

    0%,
    100% {

        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;

    }

    14% {

        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;

    }

    28% {

        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;

    }

    42% {

        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;

    }

    56% {

        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

    }

    70% {

        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;

    }

    84% {

        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;

    }

}

.paginacontainer {

    height: 3000px;

}

.rn-progress-parent {

    position: fixed;

    right: 30px;

    bottom: 100px;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    border-radius: 50px;

    box-shadow: inset 0 0 0 2px #f8e3c3;

    z-index: 10000;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.rn-progress-parent.rn-backto-top-active {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.rn-progress-parent::after {

    position: absolute;

    font-family: 'icomoon' !important;

    content: "\e90f";

    text-align: center;

    line-height: 46px;

    font-size: 24px;

    color: var(--color-tertiary);

    left: 0;

    top: 0;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    z-index: 2;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.rn-progress-parent:hover::after {

    color: var(--color-tertiary);

}

.rn-progress-parent::before {

    position: absolute;

    font-family: 'feather' !important;

    content: "\e914";

    text-align: center;

    line-height: 46px;

    font-size: 24px;

    opacity: 0;

    background: #0d0d12;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    left: 0;

    top: 0;

    height: 46px;

    width: 46px;

    cursor: pointer;

    display: block;

    z-index: 2;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.rn-progress-parent svg path {

    fill: none;

}

.rn-progress-parent svg.rn-back-circle path {

    stroke: var(--color-primary);

    stroke-width: 4;

    box-sizing: border-box;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

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

    Start Footer Area 

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

.footer-style-default {

    position: relative;

    z-index: 1;

}

.footer-style-default .footer-top {

    padding: 50px 0;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-style-default .footer-top {

        padding: 80px 0;

    }

}

@media only screen and (max-width: 767px) {

    .footer-style-default .footer-top {

        padding: 80px 0;

    }

}

.footer-style-default .widget-title {

    font-weight: 700;

    font-size: 24px;

    line-height: 36px;

    color: var(--color-white);

}

.footer-style-default .description {

    color: var(--color-white);

    margin-top: 34px;

    margin-bottom: 40px;

}

.footer-style-default .information-list li {

    color: var(--color-white);

    margin-top: 0;

    margin-bottom: 0;

    font-weight: 500;

    display: flex;

}

.footer-style-default .information-list li i {

    font-size: 15px;

    margin-right: 12px;

    position: relative;

    top: 5px;

}

.footer-style-default .information-list li a {

    color: var(--color-white);

    transition: 0.3s;

}

.footer-style-default .information-list li+li {

    margin-top: 20px;

}

.footer-style-default .information-list li:hover a {

    color: var(--color-primary);

}

.footer-style-default .ace-footer-widget .inner {

    margin-top: 34px;

}

.footer-style-default .ace-footer-widget .footer-link {

    list-style: none;

    padding: 0;

}

.footer-style-default .ace-footer-widget .footer-link li {

    margin-top: 0;

    margin-bottom: 0;

}

.footer-style-default .ace-footer-widget .footer-link li a {

    font-size: 16px;

    display: block;

    color: var(--color-white);

    line-height: 26px;

}

.footer-style-default .ace-footer-widget .footer-link li a i {

    margin-right: 10px;

    font-size: 14px;

}

.footer-style-default .ace-footer-widget .footer-link li+li {

    margin-top: 20px;

}

.footer-style-default .ace-footer-widget .footer-link li:hover a {

    color: var(--color-primary);

}

.footer-style-default .ace-footer-widget.explore-widget {

    margin-left: 0px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .footer-style-default .ace-footer-widget.explore-widget {

        margin-left: 0;

    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-style-default .ace-footer-widget.explore-widget {

        margin-left: 0;

    }

}

@media only screen and (max-width: 767px) {

    .footer-style-default .ace-footer-widget.explore-widget {

        margin-left: 0;

    }

}

.footer-style-default .ace-footer-widget.quick-link-widget {

    margin-left: 0px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .footer-style-default .ace-footer-widget.quick-link-widget {

        margin-left: 0;

    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-style-default .ace-footer-widget.quick-link-widget {

        margin-left: 0;

    }

}

@media only screen and (max-width: 767px) {

    .footer-style-default .ace-footer-widget.quick-link-widget {

        margin-left: 0;

    }

}

.aceorbit-footer-one {

    background: var(--color-extra04);

}

.aceorbit-footer-one .shape-image {

    position: absolute;

    z-index: -1;

}

.aceorbit-footer-one .shape-image.shape-image-1 {

    top: -11px;

    left: -263px;

}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {

    .aceorbit-footer-one .shape-image.shape-image-1 {

        top: -51px;

        left: -130px;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .aceorbit-footer-one .shape-image.shape-image-1 {

        top: -51px;

        left: -150px;

    }

}

.aceorbit-footer-one .shape-image.shape-image-2 {

    bottom: -83px;

    right: -200px;

}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {

    .aceorbit-footer-one .shape-image.shape-image-2 {

        bottom: -13px;

        right: -100px;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .aceorbit-footer-one .shape-image.shape-image-2 {

        bottom: -13px;

        right: -150px;

    }

}

/*---------------------------------

 Footer with Call To Action  

----------------------------------*/

.ace-footer-with-cta {

    position: relative;

    z-index: 2;

    margin-top: 138px;

    background: #231F40;

}

@media only screen and (max-width: 767px) {

    .ace-footer-with-cta {

        margin-top: 0;

    }

}

.ace-footer-with-cta .cta-with-overlay {

    position: absolute;

    left: 0;

    right: 0;

    top: -138px;

}

@media only screen and (max-width: 767px) {

    .ace-footer-with-cta .cta-with-overlay {

        position: static;

        top: 0;

        padding-bottom: 80px;

    }

}

.ace-footer-with-cta .footer-style-default {

    padding-top: 138px;

    position: static;

}

/*-------------------------

    Copyright Styles  

--------------------------*/

.copyright-default p {

    color: var(--color-white);

    font-size: 16px;

}

.copyright-default p a {

    color: var(--color-white);

    transition: 0.4s;

}

.copyright-default p a:hover {

    color: var(--color-primary);

}

/*-------------------------

    Banner Styles  

--------------------------*/

.banner {

    padding: 80px 0px;

}

.banner.bg-lights {

    background: var(--color-extra07);

}



.banner.bg-darks {

    background: #066ab7;

}

.banner.bgone {

    background: url('../images/banner.png');

    background-size: cover;

    background-repeat: no-repeat;

}







.banner .banner-content .subtitle {

    font-size: 18px;

    margin-bottom: 10px;

    color: var(--color-extra05);

}

.banner.bg-darks .banner-content .subtitle {

    color: var(--color-white);

}

.banner .banner-content .title {

    font-size: 50px;

    margin-bottom: 10px;

    color: var(--color-extra05);

}



.banner.bg-darks .banner-content .title {

    color: var(--color-white);

}



.banner .banner-content .discription {

    font-size: 16px;

    margin-bottom: 10px;

    color: var(--color-extra05);

}



.banner .banner-content .startingprice {

    font-size: 23px;

    margin-bottom: 10px;

    color: var(--color-extra05);

    line-height: 1.5;

}



.banner.bg-darks .banner-content .startingprice {

    color: var(--color-white);

}



.banner .banner-content .startingprice .symble {

    font-size: 16px;

    color: var(--color-extra05);

    position: relative;

    top: -5px;

}



.banner.bg-darks .banner-content .startingprice .symble {

    color: var(--color-white);

}



.banner .banner-content .startingprice .dur {

    font-size: 16px;

    color: var(--color-extra05);

}



.banner.bg-darks .banner-content .startingprice .dur {

    color: var(--color-white);

}



.banner.bg-darks .banner-content .discription {

    color: var(--color-white);

}



.banner.bg-darks ul li {

    color: var(--color-white);

}



@media(max-width:767px) {

    .banner .banner-content .title {

        font-size: 40px;

    }

}



@media(max-width:500px) {

    .banner .banner-content .title {

        font-size: 35px;

    }

    .banner .banner-content .subtitle {

        font-size: 16px;

        letter-spacing: 0.5px;

    }

}









.sale-banners .cards {

    border: 1px solid var(--color-border);

    border-radius: 10px;

    padding: 20px 10px;

    position: relative;

    background: var(--color-white);

    padding-top: 30px;

}

.sale-banners .cards .sale-name {

    font-size: 25px;

    text-transform: capitalize;

    text-align: center;

    line-height: 1.2;

    margin-bottom: 6px;

    color: var(--color-extra05);

}

.sale-banners .cards .off {

    font-size: 40px;

    text-transform: uppercase;

    font-weight: 700;

    text-align: center;

    margin-bottom: 0;

    line-height: 1.6;

    color: var(--color-secondary);

}



.sale-banners .cards .usecopun {

    text-transform: capitalize;

    font-size: 25px;

    text-align: center;

    margin-bottom: 10px;

}



.sale-banners .cards .usecopun .copun {

    color: var(--color-primary);

    border-bottom: 1px dotted;

    border-color: var(--color-primary);

    font-weight: 600;

    cursor: copy;

    position: relative;

}



.sale-banners .cards .usecopun .copun.copy::before {

    content: 'copied';

    position: absolute;

    left: -25px;

    bottom: 50%;

    text-align: center;

    width: 100%;

    color: var(--color-primary);

    opacity: 0;

    animation: copy-one-anim 1s linear;

    animation-iteration-count: 1;

    font-size: 12px;

}



@keyframes copy-one-anim {

    0% {

        opacity: 0;

        bottom: 50%
    }

    100% {

        bottom: 100%;

        opacity: 1
    }

}



.sale-banners .cards .offer {

    background: var(--color-primary);

    color: var(--color-white);

    padding: 5px 10px;

    transform: translate(-50%, -50%) rotate(90deg) !important;

    left: 0;

    text-transform: capitalize;

    font-weight: 600;

    border-radius: 4px;

}







/*

---------------------------



    Services Homepage



---------------------------

*/

.home-services .inner-items {

    display: flex;

    flex-wrap: wrap;

    border: 1px solid #CEE9F8;

    border-right-color: rgb(206, 233, 248);

    border-right-style: solid;

    border-right-width: 1px;

    border-bottom-color: rgb(206, 233, 248);

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-bottom: 0;

    border-right: 0;

    margin-top: 30px;

}



.home-services .inner-items .cell {

    border-bottom: 1px solid #CEE9F8;

    border-right: 1px solid #CEE9F8;

    width: 20%;

    padding: 20px 10px;

}



@media(max-width:1200px) {

    .home-services .inner-items .cell {

        width: 25%;

    }

}



@media(max-width:992px) {

    .home-services .inner-items .cell {

        width: 33.33%;

    }

}



@media(max-width:767px) {

    .home-services .inner-items .cell {

        width: 50%;

    }

}





@media(max-width:550px) {

    .home-services .inner-items .cell {

        width: 50%;

    }

}





@media(max-width:400px) {

    .home-services .inner-items .cell {

        width: 100%;

    }

}



.home-services .inner-items .cell:hover {

    background: #CEE9F8;

}



.home-services .inner-items .cell img {

    margin: auto;

    max-height: 60px;

    display: block;

    margin-bottom: 15px;

}



.home-services .inner-items .cell .name {

    font-size: 22px;

    margin-bottom: 15px;

    width: 100%;

    text-align: center;

    position: relative;

}



@media(max-width:767px) {

    .home-services .inner-items .cell .name {

        font-size: 20px;

    }

}



.home-services .inner-items .cell .name::after {

    content: '';

    width: 50px;

    height: 2px;

    background: var(--color-primary);

    position: absolute;

    top: 120%;

    left: 50%;

    transform: translate(-50%);

}



.home-services .inner-items .cell .cuttedprice {

    font-size: 17px;

    margin-bottom: 10px;

    width: 100%;

    text-align: center;

    text-transform: capitalize;

    text-decoration: line-through;

    color: var(--bs-danger);

}



@media(max-width:767px) {

    .home-services .inner-items .cell .cuttedprice {

        font-size: 14px;

    }

}



.home-services .inner-items .cell .cuttedprice .durection {

    font-size: 12px;

}



.home-services .inner-items .cell .price {

    font-size: 21px;

    margin-bottom: 0px;

    width: 100%;

    text-align: center;

    text-transform: capitalize;

    color: #000000a6;

}



@media(max-width:767px) {

    .home-services .inner-items .cell .price {

        font-size: 18px;

    }

}



.home-services .inner-items .cell .price .durection {

    font-size: 14px;

}



.home-services .inner-items .cell .icon-arrow:before {

    opacity: 0;

    visibility: hidden;

    transition: ease 0.5s;

    transform: translate(-30px);

    font-size: 17px;

}



.home-services .inner-items .cell:hover .icon-arrow:before {



    opacity: 1;

    visibility: visible;

    transform: translate(0px);

}



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

faq Design

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



.faq .accordion {

    overflow: hidden;

}



.faq .accordion-item {

    margin: 0px;

    border: 0px;

    background: transparent;

    border-radius: 0px;

    overflow: hidden;

    border-bottom: 1px solid;

    border-color: #cbcccc;

}



.accordion-flush .accordion-item:last-child {

    border-bottom: 1px solid;

    border-color: #cbcccc;

}



.faq .accordion-item .accordion-button {

    background: transparent;

    padding: 18px 0;

    font-size: 18px;

    border-radius: 5px;

    box-shadow: none;

    border: 0px;

    font-weight: var(--p-semi-bold);

    color: var(--color-body);

}



.faq .accordion-item .accordion-button::after {

    content: "\e969";

    font-family: 'icomoon';

    background-size: unset;

    background: none;

    font-weight: 600;

    width: unset;

    height: unset;

    font-size: 18px;

    color: var(--color-body);

}



.faq .accordion-item .accordion-button {

    color: var(--color-primary);

}



.faq .accordion-item .accordion-button.collapsed {

    color: var(--color-body);

}



.faq .accordion-item .accordion-button::after {

    color: var(--color-primary);

}



.faq .accordion-item .accordion-button.collapsed::after {

    color: var(--color-body);

}



.faq .accordion-item .accordion-body {

    padding: 0;

    font-size: 16px;

    line-height: 1.5;

    color: var(--color-body);

    transition: 0.4s;

    padding-bottom: 18px;

}

.faq .accordion-item .accordion-collapse {

    max-height: 0px;

    transition: ease 0.5s;

}





.faq .accordion-item .accordion-collapse .accordion-body a {

    color: var(--color-primary);

}



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

contact now

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



.contact-banner-pages {

    padding: 30px 30px;

    background: var(--color-border);

    border-radius: 5px;

}



.contact-banner-pages .subtitle {

    font-size: 18px;

    color: var(--color-body);

    margin-bottom: 10px;

}



.contact-banner-pages .title {

    font-size: 35px;

    color: var(--color-black);

    margin-bottom: 15px;

}



@media(max-width:767px) {

    .contact-banner-pages .title {

        font-size: 28px;

    }

}



.contact-banner-pages .discription {

    font-size: 18px;

    color: var(--color-body);

    margin-bottom: 0;

}



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

Card Style

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



.card-one {

    border: 1px solid;

    border-color: var(--color-border);

    padding: 25px;

    border-radius: 5px;

    transition: 0.5s;

    background: #efefef;

}





.card-one:hover {

    box-shadow: var(--shadow-light);

}



.card-one .icon {

    margin-bottom: 20px;

    color: var(--color-primary);

    background: var(--color-white);

    padding: 15px;

    box-shadow: var(--shadow-light);

    border-radius: 50%;

    width: fit-content;

    display: flex;

    justify-content: center;

    transition: ease 0.5s;

}



.card-one:hover .icon {

    background: var(--color-primary);

    color: var(--color-white);

}



.card-one .icon i {

    font-size: 36px;

    line-height: 1;

}



.card-one .subtitle {

    font-size: 16px;

    margin-bottom: 10px;

    color: var(--color-body);

}



.card-one .title {

    font-size: 30px;

    color: var(--color-black);

    margin-bottom: 10px;

}



.card-one .discription {

    font-size: 17px;

    color: var(--color-body);

    margin-bottom: 10px;

}



.card-one .learn-more {

    font-size: 17px;

    color: var(--color-body);

    text-decoration: underline;

    position: relative;

}



.card-one .learn-more:hover {

    color: var(--color-primary);

}



.card-one .learn-more i {

    font-size: 17px;

    position: absolute;

    opacity: 0;

    visibility: hidden;

    transition: ease 0.5s;

    left: 106%;

    bottom: 19px;

}



.card-one .learn-more:hover i {

    opacity: 1;

    visibility: visible;

}



.card-one .learn-more i:before {

    transition: ease 0.5s;

    transform: translate(-30px);

    position: absolute;

}

.card-one .learn-more:hover i:before {



    transform: translate(0px);

}



.card-two {

    display: flex;

}



@media(max-width:767px) {

    .card-two {

        display: grid;

    }

}



.card-two .icon {

    margin-right: 20px;

}



@media(max-width:767px) {

    .card-two .icon {

        margin-right: 0px;

        margin-bottom: 20px;

    }

}



.card-two .icon i,
.card-two .icon svg {

    font-size: 24px;

    background-color: #eee;

    height: 55px;

    width: 55px;

    display: inline-block;

    text-align: center;

    border-radius: 5px;

    line-height: 55px;

    color: var(--color-primary);

    font-weight: 500;

    transition: ease 1s;

}



.card-two .icon img {

    background-color: #eee;

    max-height: 55px;

    display: inline-block;

    border-radius: 5px;

    padding: 10px;

}



.card-two .icon i:before,
.card-two .icon svg,
.card-two .icon img {

    transition: ease 1s;

}

.card-two:hover .icon i:before,
.card-two:hover .icon svg,
.card-two:hover .icon img {

    transform: rotateY(180deg);

}



.card-two .icon svg {

    padding: 10px;

}



.card-two .content h4 {

    font-size: 22px;

    color: var(--color-black);

    margin-bottom: 10px;

}



.card-two .content hr {

    width: 60px;

    height: 2px;

    border: none;

    transition: all .5s ease 0s;

    background: var(--color-primary);

    margin: 5px 0;

    text-align: left;

}



.card-two .content:hover hr {

    width: 80px;

}



.card-two .content p {

    font-size: 16px;

    color: var(--color-body);

    margin-bottom: 0px;

}

.card-three {

    padding: 10px;

}



.card-three h4 {

    font-size: 22px;

    color: var(--color-black);

    margin-bottom: 10px;

}

.card-three ul {

    padding-left: 0;

    margin-bottom: 0;

}



.card-three ul li {

    border-bottom: 1px solid;

    border-color: var(--color-border);

    padding: 10px 0;

    margin: 0;

    list-style: disclosure-closed;

    list-style-position: inside;



}



.card-three ul li:last-child {

    border: 0;

}



.card-four {

    border: none;

    background: #fff;

    margin-top: 45px;

    border: 1px solid #e4f0fd;

    transition: ease .5s;

    border-radius: 20px;

    padding: 46px 25px;

    position: relative;

}



.card-four:hover {

    box-shadow: 0 4px 20px rgba(113, 155, 255, .15);

    border-radius: 20px;

    border: 1px solid transparent;

}



.card-four .icon {

    position: absolute;

    top: -27px;

    right: 20px;

    background: #fff;

    background-color: #cedef8;

    padding: 12px 15px;

    color: var(--color-primary);

    border-radius: 5px;

}



.card-four .icon i {

    font-size: 32px;

    line-height: 1;

}

.card-four.icon-img .icon {
    background-color: #fff;
    border: 1px solid #e4f0fd;
}



.card-four .icon img {

    width: 40px;

    height: 40px;

}

.card-four h4 {

    font-size: 25px;

    margin-bottom: 10px;

}



.card-four p {

    color: var(--color-body);

    margin-bottom: 0;

    font-family: var(--font-primary);

    font-size: 16px;
    line-height: 1.7;

}



.card-five {

    background: #fff;

    border: .5px solid #d2e0ec;

    border-radius: 29px;

    padding: 16px;

    padding-bottom: 25px;

    transition: all .3s ease-in-out;

}



.card-five:hover {

    box-shadow: 0 0 15px rgba(0, 0, 0, .14);

}



.card-five .content {

    padding: 21px 20px 0 0;

}



.card-five h5 {

    font-size: 20px;

    color: var(--color-black);

    margin-bottom: 10px;

}



.card-five p {

    font-size: 17px;

    color: var(--color-body);

    margin-bottom: 0px;

}



.card-five a.button {

    margin-top: 20px;

    text-decoration: none;

    font-weight: 400;

    font-size: 14px;

    color: var(--color-primary);

    border: 1px solid var(--color-primary);

    border-radius: 5px;

    padding: 9px 25px;

    display: inline-block;

    transition: all .3s ease-in-out;

}



.card-five:hover a.button {

    background: var(--color-primary);

    color: var(--color-white);

}









ul.feature-list {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 0;

}



ul.feature-list li.list-item {

    border: 1px solid #eee;

    cursor: auto;

    padding: 25px 5px 15px;

    position: relative;

    text-align: center;

    width: 19%;

    list-style: none;

    margin: 2px;

    transition: all 0.5s;

}



ul.feature-list.w25 li.list-item {

    width: 24%;

}



ul.feature-list.three li.list-item {

    width: 32%;

}



ul.feature-list li.list-item:hover {

    border: 1px solid var(--color-primary);

}





@media(max-width: 991px) {

    ul.feature-list li.list-item {

        width: 32%;

    }



}







@media(max-width: 767px) {

    ul.feature-list li.list-item {

        width: 48%;

    }



    ul.feature-list.three li.list-item {

        width: 48%;

    }



}



@media(max-width: 550px) {

    ul.feature-list li.list-item {

        width: 98%;

    }

    ul.feature-list.three li.list-item {

        width: 98%;

    }

}



.feature-list .feature-img img {

    height: auto;

    margin-bottom: 20px;

    width: 85px;

    aspect-ratio: 2/2;

    object-fit: contain;

}

.feature-list h3 {

    font-size: 18px;

    font-weight: 800;

    margin-top: 10px;

    margin-bottom: 0;

}





.feature-list .feature-content p {

    font-size: 1.2rem;

    font-weight: 400;

    letter-spacing: 1px;

    line-height: 1.5;

    margin-left: auto;

    margin-right: auto;

    width: 90%;

    margin-bottom: 0;

}



.feature-list.three .feature-content p {

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 0.5px;

    line-height: 1.5;

    margin-left: auto;

    margin-right: auto;

    width: 90%;

    margin-bottom: 0;

}



.sticky-div {

    position: sticky;

    top: 10rem;

    z-index: 9;

}



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

Tabing design

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

.custom-tabings {

    width: 100%;

    display: flex;

    justify-content: center;

}

.custom-tabings .customtab {

    width: fit-content;

    display: flex;

}

.custom-tabings.style-one .customtab {

    background: #f2f2f2;

    width: 100%;

    justify-content: center;

}

.custom-tabings.style-one .customtab .tablinks {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 20px;

    background: none;

    border: 0;

    border-bottom: 2px solid transparent;

    transition: ease 0.5s;



}



.custom-tabings.style-one .customtab .tablinks img {

    max-height: 45px;

    margin-bottom: 13px;

}



.custom-tabings.style-one .customtab .tablinks span {

    font-size: 17px;

    color: var(--color-body);

    margin-bottom: 0;

    font-weight: 700;

}



.custom-tabings.style-one .customtab .tablinks.active {

    border-bottom: 2px solid var(--color-primary);

}



.custom-tabings.style-one .customtab .tablinks.active span,
.custom-tabings.style-one .customtab .tablinks.active i {

    color: var(--color-primary);

}





.row-tabing {}



.row-tabing ul {

    display: flex;

    flex-direction: row;

    margin: 0;

    padding: 0;

    list-style: none;

    justify-content: center;

    overflow-y: auto;

}



@media (max-width:767px) {

    .row-tabing ul {

        justify-content: start;

        padding-bottom: 15px;

    }

}





.row-tabing ul li {

    cursor: pointer;

    white-space: nowrap;

    padding: 12px 30px !important;

    border: none;

    border-radius: 0px;

    margin: 5px 7px;

    color: #939393;

    background: #fff;

    font-size: 18px;

    font-weight: 500;

}



.row-tabing ul li.active {

    background: #fff;

    color: #475058;

    font-size: 18px;

    font-weight: 500;

    border-bottom: 5px solid var(--color-primary);

    box-shadow: 0px 0px 10px #eee;

}



.webview-tabs {

    display: flex;

    flex-direction: column;

}

.webview-tabs button {

    padding: 30px 35px;

    color: #717171;

    font-size: 20px;

    font-weight: 400;

    display: block;

    width: 100%;

    position: relative;

    background: #fff;

    border: 1px solid var(--color-shape);

}



.webview-tabs button.active,
.webview-tabs button:hover {

    background: #122534;

    color: #fff;

}



.webview-tabs button.active:after {

    position: absolute;

    content: "";

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent;

    border-left: 12px solid #122534;

    right: -10px;

    top: 38%;

}



.customtabcontent {

    display: none;

}



.customtabcontent.active {

    display: block;

}



.filter-mob h4 {

    font-size: 21px;

    margin-bottom: 10px;

    color: var(--color-body);

}



.selectWrapper {

    position: relative;

}



.selectCustom {

    position: relative;

    width: 100%;

    height: 4rem;

}



.selectCustom-trigger {

    font-size: 1.6rem;

    background-color: #fff;

    border: 1px solid #6f6f6f;

    border-radius: 0.4rem;

    cursor: pointer;

}



.selectCustom-trigger {

    position: relative;

    width: 100%;

    height: 100%;

    background-color: #fff;

    padding: 0.7rem 0.8rem;

}



.selectCustom-trigger::after {

    content: "▾";

    position: absolute;

    top: 0;

    line-height: 3.8rem;

    right: 0.8rem;

}



.selectCustom-trigger:hover {

    border-color: var(--color-primary);

}



.selectCustom-options {

    position: absolute;

    top: calc(3.8rem + 0.8rem);

    left: 0;

    width: 100%;

    border: 1px solid #6f6f6f;

    border-radius: 0.4rem;

    background-color: #fff;

    box-shadow: 0 0 4px #e9e1f8;

    z-index: 1;

    padding: 0;

    display: none;

}



.selectCustom.isActive .selectCustom-options {

    display: block;

}



.selectCustom-option {

    position: relative;

    padding: 0.8rem;

}



.selectCustom-option:hover {

    background-color: var(--color-primary);

    color: var(--color-white);

    cursor: pointer;

}



.selectCustom-option:not(:last-of-type)::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: calc(100%);

    border-bottom: 1px solid #d3d3d3;

}







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

Plan design

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



.pricing-billing-duration {

    text-align: right;
}

@media only screen and (max-width: 767px) {

    .pricing-billing-duration {

        text-align: left;
    }
}

.pricing-billing-duration ul {

    background: rgba(82, 95, 225, 0.08);

    border-radius: 5px;

    padding: 10px;

    display: inline-block;
}

.pricing-billing-duration ul .nav-item {

    float: left;

    margin: 0;
}

.pricing-billing-duration ul .nav-item .nav-link {

    height: 40px;

    line-height: 40px;

    font-weight: 700;

    font-size: 18px;

    line-height: 28px;

    color: var(--color-heading);

    border: 0 none;

    background: transparent;

    padding: 0 25px;

    border-radius: 3px;
}

.pricing-billing-duration ul .nav-item .nav-link.active {

    background: var(--color-primary);

    color: var(--color-white);
}





.pricing-table {

    background: #fff;

    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.11);

    border-radius: 5px;

    padding: 20px 60px;

    position: relative;

    border: 1px solid #dbdbdb;

    transition: all 0.5s;

}



.pricing-table:hover {

    border-color: var(--color-primary);

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .pricing-table {

        padding: 60px 30px;
    }
}

@media only screen and (max-width: 767px) {

    .pricing-table {

        padding: 60px 30px;
    }
}

.pricing-table .pricing-header {

    margin-bottom: 20px;

    text-align: center;
}

.pricing-table .pricing-header .price-wrap .amount {

    font-weight: 800;

    font-size: 40px;

    line-height: 56px;

    color: var(--color-primary);
}

.pricing-table .pricing-header .price-wrap .duration {

    color: var(--color-primary);

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    display: inline-block;

    margin-left: -4px;
}

.pricing-table .pricing-header .title {

    letter-spacing: 0.1em;

    text-transform: uppercase;

    font-weight: 800;

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 10px;
}

.pricing-table .pricing-body {

    margin-bottom: 40px;
}

.pricing-table .pricing-body .list-item li {

    display: block;

    align-items: center;

    margin: auto;

    position: relative;

    text-align: center;

    width: fit-content;

    border-bottom: 1px dotted;

    border-color: var(--color-body);

}

.pricing-table .pricing-body .list-item li+li {

    margin-top: 16px;
}

.pricing-table.active {

    transform: translateY(-20px);
    border-color: var(--color-primary);
}

.pricing-table.active .ace-badge {

    background: var(--color-secondary);

    padding: 0 17px;

    position: absolute;

    right: 0;

    top: 15px;

    height: 30px;

    line-height: 30px;

    padding-left: 25px;
}

.pricing-table.active .ace-badge span {

    font-weight: 700;

    font-size: 14px;

    color: var(--color-white);

    text-align: center;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}

.pricing-table.active .ace-badge::after {

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 24px 0 24px 23px;

    border-color: transparent transparent transparent #fff;

    position: absolute;

    right: 87%;

    top: 50%;

    content: "";

    transform: translateY(-50%);
}



.pricing-table.active a.ace-btn.btn-dark {

    color: var(--color-white);

    background: var(--color-primary);

}



.pricing-table.active a.ace-btn.btn-dark:hover {

    background: var(--color-dark);

    color: var(--color-white);

}



.pricing-table .pricing-btn a {

    margin: auto;

    display: block;

    width: fit-content;

}





.pricing-table-two {

    background: var(--color-white);

    border-radius: 10px 10px 10px 10px;

    box-shadow: 0px 4px 22px 0px rgba(105, 130.00000000000009, 180, 0.12);

    overflow: hidden;

    text-align: center;

    position: relative;

}





.pricing-table-two.plan-featured .headings .title::after {

    content: 'Popular';

    text-align: center;

    width: 200%;

    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);

    background: var(--color-primary);

    color: var(--color-white);

    margin-top: 35px;

    font-size: 13px;

    line-height: 2;

    text-transform: uppercase;

    display: block;

    top: 0;

    left: 0;

    position: absolute;

}



.pricing-table-two .title {

    color: var(--color-primary);

    padding: 30px 15px 15px 15px;

    font-size: 20px;

    margin-bottom: 0;

    letter-spacing: 0.1px;

}



.pricing-table-two .prices {

    background-color: rgba(var(--color-primary-rgb), 0.3);

    padding: 20px 0 !important;

}



.pricing-table-two .prices h4 {

    margin-bottom: 0;

    color: var(--color-primary);

    font-size: 35px;

    font-weight: 550;

}



.pricing-table-two .prices .dur {

    font-size: 25px;

}



.pricing-table-two ul {

    padding: 15px 25px;

    margin: 0;

    list-style: none;

    /*padding-bottom: 0;*/

}



.pricing-table-two ul li {

    position: relative;

    padding-left: 25px;

    color: var(--color-body);

    text-align: start;

    font-size: 16px;

}



.pricing-table-two ul li::before {

    position: absolute;

    top: 7px;

    left: 0;

    content: '\F26A';

    color: var(--color-primary);

    font-family: bootstrap-icons;

    line-height: 1;

    font-size: 16px;

}



.pricing-table-two ul a {

    color: var(--color-primary);

}



.pricing-table-two .bootom-btn {

    padding-bottom: 20px;

}





.table-style-one {

    overflow: visible;

    box-shadow: none;

    border: none;

    border-collapse: unset;

    border-spacing: 0 10px;

}



.table-style-one thead {

    background: var(--color-primary);

    color: var(--color-white);

    border-color: inherit;

    border-style: solid;

    border-width: 0;

}





.table-style-one thead th {

    border-color: inherit;

    border-style: solid;

    border-width: 0;

    font-size: 16px;

}



.table-style-one tbody tr {

    text-align: left;

    transition: all .1s linear;

    background: #fff;

    border-collapse: unset;

    border-spacing: 0 10px;

}



.table-style-one>tbody>tr>td {

    padding: 20px 15px;

    border-right: none;

    font-weight: 500;

    font-size: 16px;

    line-height: 1;

    vertical-align: middle;

    border: none;

    transition: all .3s ease;

    color: var(--color-body);

}



.table-style-one tbody tr td:first-child {

    border-left: 3px solid #e2e8f0;

    border-radius: 2px 0 0 2px;

}



[dir="rtl"] .table-style-one tbody tr td:first-child {

    border-left: 0;

    border-right: 3px solid #e2e8f0;

    border-radius: 0px 2px 2px 0px;

}



[dir="rtl"] .table-style-one tbody tr td {

    text-align: right;

}



.table-style-one tbody tr:hover td {

    border-color: var(--color-primary) !important;

}





.dataTable-top {

    padding: 10px 0;

}

.dataTable-bottom {

    padding: 10px 0 0 0;

}



.dataTable-selector {

    height: unset;

    display: inline-block;

    width: auto;

    appearance: auto;

    border: 1px solid #B9B7B7;

    border-radius: 4px;

    padding-right: 15px;

    margin-right: 5px;

    background: transparent;

}



.dataTable-input {

    padding: 6px 12px !important;

    border: 1px solid #B9B7B7 !important;

    border-radius: 4px !important;

}

.dataTable-top .dataTable-dropdown label {

    vertical-align: -9px;

}



.doamin-search {

    padding-top: 20px;

    padding-bottom: 20px;

}



.doamin-search form {

    display: block;

    position: relative;

}



.doamin-search form .content {

    width: 75%;

    position: relative;

    background: var(--color-white);

    border-radius: 5px;

    border: 1px solid var(--color-white);

    display: block;

    font-size: 16px;

    color: var(--color-body);

    line-height: 1;

    height: 60px;

    outline: none;

    padding: 20px;

}



.doamin-search form .content-domain {

    width: 25%;

}



.doamin-search .doamin-select {

    border: 0px;

    height: unset;

    background: transparent;

    border-radius: 0;

    padding: 0 13px;

    width: auto;

    border-left: 1px solid #959191;

    position: absolute;

    right: 60px;

    top: 15px;

}



.doamin-search form .submit {

    height: 60px;

    position: absolute;

    right: 0;

    top: 0;

}



.doamin-search form .submit i {

    padding: 0;

}





.pricing-list {

    display: flex;

    margin: 0;

    padding: 0;

    list-style: none;

    flex-wrap: wrap;

}





.pricing-list li {

    padding-left: 30px;

    display: grid;

}





@media(max-width:500px) {

    .pricing-list {

        justify-content: center;

    }

    .pricing-list li {

        padding-left: 20px;

    }

}



.pricing-list li:first-child {

    padding-left: 0px;

}



.pricing-list li .name {

    font-size: 28px;

    font-weight: 600;

    line-height: 1.5;
    /*

    color: var(--color-black);*/

}



.pricing-list li .prices {

    font-size: 16px;

    font-weight: 500;

    color: var(--color-body);

    line-height: 1.5;

}



.pricing-list.white li .prices {

    color: var(--color-white);

}



.already-doamin {

    margin-top: 20px;

    font-size: 22px;

    margin-bottom: 0;

    color: var(--color-body);

}



.already-doamin.white {

    color: var(--color-white);

}



.already-doamin.white a {

    color: var(--color-white);

}



.already-doamin a {

    text-decoration: underline;

}



.already-doamin a:hover {

    color: var(--color-primary);

}



.single-domain {

    position: relative;

    display: block;

    background: #FFFFFF;

    border-radius: 20px;

    padding: 30px 30px 30px;

    margin-bottom: 0px;

}



.single-domain .popular {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #000D61;

    border-radius: 0px 20px 0px 15px;

    max-width: 140px;

    width: 100%;

    top: 0;

    right: 0;

}



.single-domain .popular i {

    position: relative;

    display: block;

    top: 0px;

    color: var(--color-white);

    font-size: 15px;

}



.single-domain .popular p {

    font-size: 11px;

    margin: 0;

    margin-left: 0px;

    line-height: 11px;

    color: var(--color-white);

    font-weight: 500;

    text-transform: uppercase;

    margin-left: 5px;

}



.single-domain h3 {

    font-weight: 700;

    font-size: 40px;

    line-height: 50px;

    color: var(--color-black);

    margin: 0;

    margin-bottom: 0px;

    margin-bottom: 8px;

}



.single-domain p {

    letter-spacing: -0.015em;

    line-height: 26px;

    margin: 0;

    margin-bottom: 0px;

    margin-bottom: 30px;

    color: var(--color-body);

}



.single-domain h2 {

    font-weight: 800;

    font-size: 50px;

    line-height: 60px;

    color: #121212;

    margin: 0;

}



.single-domain h2 span {

    font-size: 20px;

    font-weight: 500;

    position: relative;

    left: -6px;

}



.single-domain h5 {

    color: var(--color-primary);

    font-size: 16px;

    line-height: 16px;

    margin: 0;

    margin-top: 0px;

    margin-bottom: 0px;

    font-weight: 600;

    position: relative;

    display: block;

    margin-top: -4px;

    margin-bottom: 25px;

}



.multicolor .color-one {

    color: #FF8383;

}



.multicolor .color-two {

    color: #F7C64B;

}



.multicolor .color-three {

    color: #93DB7A;

}



.multicolor .color-four {

    color: #63EAD2;

}



.multicolor .color-five {

    color: #59AFFF;

}



.multicolor .color-six {

    color: #FF9FE4;

}



.multicolor .color-seven {

    color: #B28DFF;

}



.multicolor .color-eight {

    color: #FFB571;

}



.multicolor .color-nine {

    color: #86A8FF;

}



.multicolor .color-ten {

    color: #F0E940;

}



.multicolor .color-eleven {

    color: #E09FFF;

}



.multicolor .color-twelve {

    color: #87FFB7;

}



/*--------------------------------------------------------------

# Team Section

--------------------------------------------------------------*/

.team-member {

    overflow: hidden;

    background: #fff;

}



.team-member .member-img {

    position: relative;

    overflow: hidden;

}



.team-member .social {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 40px;

    opacity: 0;

    transition: ease-in-out 0.3s;

    background: rgba(255, 255, 255, 0.85);

    display: flex;

    align-items: center;

    justify-content: center;

}



.team-member .social a {

    transition: color 0.3s;

    color: #31547c;

    margin: 0 10px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.team-member .social a i {

    line-height: 0;

}



.team-member .social a:hover {

    color: var(--color-primary);

}



.team-member .social i {

    font-size: 18px;

    margin: 0 2px;

}



.team-member .member-info {

    padding: 25px 15px 0 15px;

    text-align: center;

}



.team-member .member-info h4 {

    font-weight: 700;

    margin-bottom: 5px;

    font-size: 18px;

    color: var(--color-secondary);

}



.team-member .member-info span {

    display: block;

    font-size: 15px;

    font-weight: 400;

    color: #6c757d;

}



.team-member .member-info p {

    font-style: italic;

    font-size: 14px;

    line-height: 26px;

    color: #6c757d;

}



.team-member:hover .social {

    opacity: 1;

}





.tt-rounded {

    border-radius: var(--radius) !important;

}



/*news and announcements*/

.tt-announcement-single {

    background-color: var(--color-white);

    padding: 35px;

}

.tt-article-heading h3 a {
    color: var(--color-heading);
    font-size: 18px;
    /* height: 26px; */
    line-height: 28px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    /* letter-spacing: .5px; */
    display: block;
}

.tt-article-heading h3 a:hover {

    color: var(--color-primary);

}

.tt-article-heading .tt-date {

    font-size: 13px;

}

.tt-announcement-single .contents {
    max-height: 109px;
    overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;
}


.tt-announcement-single p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: unset;
}

.tt-read-more {

    font-family: var(--font-primary);

    font-weight: 500;

    font-size: 16px;

}



.tt-read-more i {

    vertical-align: middle;

    transition: all .3s ease-in-out;

    margin-left: 8px;

}

.tt-read-more:hover i {

    transform: translateX(3px);

    margin-left: 12px;

}

.tt-read-more:hover,
.tt-read-more:hover i {

    color: var(--color-primary);

}





.timeline-container {

    border-left: 2px solid #ccc;

    margin: 10px auto
}

.timeline-wrapper {

    margin: 0 0 12px;

    overflow: hidden;

}

.timeline-wrapper h2 {

    background: url(../images/timeline_century_tick.gif) left center no-repeat;

    cursor: pointer;

    font-weight: 400;

    margin: 0 0 10px;

    padding: 4px 4px 4px 20px;

    display: inline-block
}

.timeline-wrapper h2 span {

    background: #ccc;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    color: #000;

    letter-spacing: normal;

    line-height: normal;

    padding: 4px 20px;

    font-size: 27px;

    display: block;

}

.timeline-series {

    margin: 0 12px 0 0;

    padding: 4px 4px 0px 0;

    position: relative;

    overflow: hidden;

}

.timeline-series dt {

    background: url(../images/timeline_decade_tick.gif) left center no-repeat;

    clear: left;

    list-style-type: none;

    line-height: normal;

    margin: 20px 0 0;

    padding: 0 0 0 24px;

    white-space: nowrap;

    display: table
}

.timeline-series dt a {

    color: #0496e9;

    cursor: pointer;

    font-size: 18px !important
}

.timeline-series dt a {

    color: #0496e9;

    font-size: 1em;

    margin-left: 0
}

.timeline-series dt a:hover {

    color: #0496e9
}

.timeline-series dd {

    padding-left: 24px;

    width: 100%
}

.timeline-event-content {

    max-height: 0px;

    margin: 0;

    transition: ease 0.5s;

}

.timeline-event-content .content-ac {

    color: #444;

    font-size: 15px;

    text-align: justify;

    line-height: 28px;

    margin: 14px 0 10px
}

.timeline-series dd img {

    border: 2px solid;

    margin: 0 auto;

    display: table
}



.award {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.award li {

    margin: 20px;

    padding: 10px;

    border: 1px solid #e8e8e8;

    transition: ease 0.5s;

}



.award li:hover {

    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;

}



.contactnow {

    background: var(--color-white);

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);

    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;

    padding: 60px 50px;

}



.contactform {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    column-gap: 20px;

    row-gap: 20px;

}



.contactform .content {

    outline: unset;

    border: 1px solid;

    border-color: #eae6e6;

    color: var(--color-body);

    padding-top: 10px;

    padding-bottom: 9px;

    height: 50px;

}



.contactform textarea.content {

    height: unset;

}



.conatct-details {
    padding: 30px;

    background-color: #f5f5f5;

    border-radius: 0;

}



.conatct-details ul {

    list-style: none;

}

.conatct-details ul li {

    border-bottom: 1px solid #d0cfcf;

    padding: 8px 0;

}

.conatct-details ul li a {

    font-size: 16px;

    font-weight: 600;

    color: var(--color-body);

}



.conatct-details ul li a:hover {

    color: var(--color-primary);

}



.conatct-details ul li a i {

    margin-right: 20px;

}



.whatsapp {

    position: fixed;

    z-index: 9;

    bottom: 20px;

    left: 20px;

    animation: whatsapp-blink 2s infinite;

    border-radius: 50%;

}





@keyframes whatsapp-blink {

    0% {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);

    }

    100% {

        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);

    }

}





.whatsapp img {

    width: 64px;

}



.whatsapp-chat {

    position: fixed;

    bottom: 15px;

    left: 15px;

    cursor: pointer;

    z-index: 99;

}



.whatsapp-chat .whatsappchat-box {

    position: relative;

    bottom: 18px;

    cursor: auto;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box {

    position: absolute;

    bottom: 0px;

    left: 0px;

    min-width: 360px;

    max-width: 420px;

}



@media (max-width:450px) {

    .whatsapp-chat .whatsappchat-box .whatsappchagreeting-box {

        min-width: 300px;

        max-width: 320px;

    }

}





.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner {

    max-height: 84vh;

    overflow-y: auto;

    box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, .14);

    border-radius: 8px;

    clear: both;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .closewhatsappbtn {

    position: absolute;

    top: 3px;

    right: 5px;

    cursor: pointer;

    padding: 5px;

    margin: 1px;

    border-radius: 50%;

    background-color: unset !important;

    z-index: 9999;

    line-height: 1;

    font-size: 16px;

    color: #fff;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .hedingss {

    padding: 12px 25px 12px 25px;

    background-color: #075e54;

    line-height: 1.3;

    margin: 0;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .hedingss .img {

    position: relative;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .hedingss .img img {

    position: relative;

    background: #fff;

    border-radius: 50%;

    max-height: 60px;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .hedingss .img::after {

    content: '';

    position: absolute;

    bottom: -2px;

    right: 4px;

    display: inline-block;

    width: 15px;

    height: 15px;

    line-height: 20px;

    text-align: center;

    border-radius: 50%;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    border: 2px solid #fff;

    background-color: #25D366;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .hedingss p:first-child {

    color: #ffffff;

    font-size: 17px;

    font-weight: 500;

    margin-bottom: 0;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .hedingss p:last-child {

    color: #ffffff;

    font-size: 14px;

    margin-bottom: 0;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .chating-boxx {

    background-color: #ece5dd;

    padding: 18px 24px 50px 18px;

    position: relative;

    max-height: calc(80vh - 140px);

    overflow-y: auto;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .chating-boxx .chating-boxx-bg-img::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url('../images/wa_bg.png');

    opacity: .07;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .chating-boxx .message-box {

    margin: 8px 5px;

    padding: 6px 8px 8px 9px;

    background-color: #fff;

    border-radius: 0 7px 7px;

    position: relative;

    box-shadow: 0 1px .5px 0 rgba(0, 0, 0, .14);

    max-width: calc(100% - 20px);

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .chating-boxx .message-box::before {

    content: "";

    position: absolute;

    top: 0;

    height: 18px;

    width: 9px;

    background-color: #fff;

    right: 99.7%;

    clip-path: polygon(0% 0%, 100% 0%, 100% 50%);

    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%);

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .last-stage-wtsapp-btn {

    text-align: center;

    padding: 11px 25px 9px 25px;

    cursor: pointer;

    background-color: #ffffff;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .last-stage-wtsapp-btn a {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 5px;

    background-color: #25D366;

    border-radius: 25px;

    cursor: pointer;

    font-size: 16px;

    color: #ffffff;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .last-stage-wtsapp-btn a svg {

    pointer-events: none;

    display: block;

    height: 20px;

    width: 20px;

    margin-inline-end: 10px;

}



.whatsapp-chat .whatsappchat-box .whatsappchagreeting-box .inner .inner-box .chating-boxx .message-box p {

    font-size: 14px;

    margin-bottom: 0;

    color: #7b7b7b;

}



.whatsapp-chat .chat-btn {

    display: flex;

    justify-content: center;

    align-items: center;

}



.whatsapp-chat .chat-btn svg {

    pointer-events: none;

    display: block;

    height: 50px;

    width: 50px;

}



.countdown-style-2 .countdown {

    display: flex;

    margin: -15px;

    justify-content: center;

    flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {

    .countdown-style-2 .countdown {

        margin: -5px !important;
    }
}

.countdown-style-2 .countdown .countdown-container {

    margin: 4px !important;

    position: relative;

    background: #FFFFFF;

    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.07);

    border-radius: 5px;

    padding: 15px 7px;

    border-radius: 5px;

    transition: 0.4s;

    min-width: 90px;

    text-align: center;
}

@media only screen and (max-width: 767px) {

    .countdown-style-2 .countdown .countdown-container {

        padding: 10px;

        min-width: 85px;

        margin: 5px !important;
    }
}

.countdown-style-2 .countdown .countdown-container .countdown-heading {

    display: block;

    color: var(--color-body);

    text-align: center;

    text-transform: uppercase;

    margin-top: 0;

    display: block;

    font-weight: 700;

    font-size: 18px;

    line-height: 30px;

    transition: 0.4s;
}

@media only screen and (max-width: 767px) {

    .countdown-style-2 .countdown .countdown-container .countdown-heading {

        font-size: 14px;
    }
}

.countdown-style-2 .countdown .countdown-container .countdown-value {

    display: block;

    font-weight: 800;

    font-size: 32px;

    line-height: 1.24;

    color: var(--color-heading);

    text-align: center;

    position: relative;

    transition: 0.4s;
}

@media only screen and (max-width: 767px) {

    .countdown-style-2 .countdown .countdown-container .countdown-value {

        font-size: 24px;
    }
}

.countdown-style-2 .countdown .countdown-container:after {

    display: none;
}

.countdown-style-2 .countdown .countdown-container:last-child::after {

    display: none;
}

.countdown-style-2 .countdown .countdown-container:hover {

    background: var(--color-primary);

    box-shadow: 0px 10px 30px rgba(82, 95, 225, 0.3);
}

.countdown-style-2 .countdown .countdown-container:hover .countdown-heading {

    color: var(--color-white);
}

.countdown-style-2 .countdown .countdown-container:hover .countdown-value {

    color: var(--color-white);
}







.chat-support {

    border: 1px solid var(--color-border);

    padding: 20px;

    border-radius: 5px;

    background: #fff;

}



.chat-support:hover {

    border-color: var(--color-primary);

    transition: 0.5s;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;

}



.chat-support h3 {

    text-align: center;

    font-size: 25px;

    margin-bottom: 9px;

    line-height: 1.5;

}



.chat-support p {

    text-align: center;

    font-size: 18px;

    margin-bottom: 7px;

}



.chat-support a {

    text-align: center;

    font-size: 18px;

    color: var(--color-primary);

    display: block;

}



.contact-map {

    background: #066ab7;

}



.datacenter-items {

    background: var(--color-white);

    padding: 25px;

    margin-left: auto;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);

    border-radius: 15px;



}



.datacenter-items .title {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.datacenter-items .title img {

    border-radius: 50%;

    width: 50px;

    height: 50px;

}



.datacenter-items .title h5 {

    margin-bottom: 0;

    padding-left: 20px;

    display: inline-block;

    text-transform: uppercase;

    font-size: 20px;

}



.datacenter-items p {

    line-height: 1.5;

    color: var(--color-body);

    margin-bottom: 5px;

    border-bottom: 1px solid var(--color-border);

    font-size: 18px;

    padding-bottom: 6px;

}



.datacenter-items p a {

    color: var(--color-body);

}





.datacenter-items p:last-child {

    border: 0;

    margin-bottom: 0;

    padding-bottom: 0;

}



.list-location {

    padding: 0;

    margin: 0;

}



.list-location li {

    position: relative;

    list-style: none;

    float: left;

    width: 50%;

    padding: 0;

}



.list-location li:after {

    content: '\F3E7';

    position: absolute;

    top: 0px;

    left: 0px;

    font-family: var(--font-bootstrap);

    color: var(--color-primary);

}



.list-location li a {

    padding-top: 7px;

    padding-bottom: 7px;

    display: block;

    width: 90%;

    border-bottom: 1px solid #DBD9E8;

    font-size: 16px;

}



.list-location li a img {

    margin-right: 5px;

}



.list-location li h6 {

    padding-left: 25px;

    margin-bottom: 1px;

    border-bottom: 2px solid;

    border-color: #dbd9e8;

    width: 90%;

}



.list-location.dark li h6 {

    color: var(--color-white);

}



.list-location.dark li a {

    color: #e6e6e6;

}





.plan-design-one {

    padding: 20px 15px;

    border: 1px solid var(--color-border);

    background: var(--color-white);

    text-align: center;

    transition: ease 0.5s;

}



.plan-design-one:hover {

    border-color: var(--color-primary);

    box-shadow: rgba(var(--color-primary-rgb), 0.2) 0px 8px 24px;

}



.plan-design-one .headings .title {

    font-size: 25px;

    margin-bottom: 0;

    line-height: 1.5;

    font-weight: 700;

}



.plan-design-one .headings .discription {

    margin-bottom: 10px;

    font-size: 14px;

    margin-top: 10px;

}



.plan-design-one .headings .prices h4 {

    display: block;

    text-align: center;

    font-size: 43px;

    font-weight: 900;

    color: var(--color-primary);

}



.plan-design-one .headings .prices h4 span.dur {

    font-size: 20px;

    font-weight: 600;

    color: var(--color-body);

    margin-left: 5px;

}



.plan-design-one .discription {

    margin-bottom: 20px;

    font-size: 15px;

    margin-top: 10px;

}



.plan-design-one .discription.last {

    margin-bottom: 10px;

}



.plan-design-one .discription.sales {

    margin-top: 40px;

    margin-bottom: 40px;

    font-size: 16px;

}



.two-sides {

    display: flex;

    flex-wrap: wrap;

}



.two-sides li {

    width: 50%;

}



@media(max-width:767px) {

    .two-sides li {

        width: 100%;

    }

}



.check-icon {

    list-style: none;

    padding-left: 0;

}



.check-icon li {

    position: relative;

    padding-left: 20px;

}



.check-icon li:before {

    content: "\e91f";

    color: var(--color-primary);

    font-size: 17px;

    font-family: icomoon;

    position: absolute;

    top: 0;

    left: 0;

}



.ssl-table table {

    width: 100%;

    border: 1px solid #cecece;

}



.ssl-table table thead th {

    background: #f6f6f6;

    padding: 10px;

    font-size: 16px;

    line-height: 24px;

    font-weight: 700;

    text-align: start;

    border: 1px solid #cecece;

    white-space: nowrap;

}



.ssl-table table tbody tr td {

    font-size: 16px;

    font-weight: 500;

}



.ssl-table table tbody tr td {

    border: 1px solid #cecece;

    white-space: nowrap;

}



.ssl-table table tbody tr td img {

    max-height: 25px;

}



.ssl-table table tbody tr td .cutted-price {

    color: var(--color-primary);

    text-decoration: line-through;

    font-size: 14px;

}



.ssl-table table tbody tr td select {

    background: #fff;

    height: unset;

    border-radius: 2px;

    border-width: 1px;

    padding: 2px 14px;

    border-color: #d5d5d5;

    width: fit-content;

    padding-inline-end: 30px;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: right .75rem center;

    background-size: 16px 12px;

}



.doamin-search-page form {

    display: flex;

    border-bottom: 3px solid #B2BCC8;

    border-radius: 0;

    position: relative;

}



.doamin-search-page form .content {

    background: transparent;

    border: transparent;

    outline: none;

    color: #B2BCC8;

    padding-top: 30px;

    padding-bottom: 16px;

    font-size: 35px;

    height: unset;

    font-weight: 700;

}



.doamin-search-page form .submit {

    background: transparent;

    border: transparent;

    position: absolute;

    color: var(--color-body);

    right: 20px;

    top: 30px;

    font-size: 37px;

    height: unset;

}



@media (max-width: 550px) {

    .doamin-search-page form .content {

        padding-top: 20px;

        padding-bottom: 20px;

        font-size: 25px;

    }

    .doamin-search-page form .submit {

        right: 20px;

        top: 19px;

        font-size: 25px;

    }

}



.domain-offers {

    display: flex;

    align-items: center;

    list-style: none;

    margin: 0;

    padding: 0;

    justify-content: center;

    margin-top: 25px;

    flex-wrap: wrap;

}

.domain-offers li {

    display: block;

    padding: 15px;

    margin: 0;

    width: 15%;

}





.domain-offers li+li {

    border-left: 1px solid #B2BCC8;

}



.domain-offers.white li+li {

    border-left: 1px solid var(--color-white);

}



.domain-offers li img {

    display: block;

}







@media (min-width:767px) and (max-width: 991px) {

    .domain-offers li {

        width: 33.3%;

        margin-top: 5px;

    }

    .domain-offers li:nth-child(4) {

        border-left: unset !important;

    }

}



@media (min-width: 400px) and (max-width: 767px) {

    .domain-offers li {

        width: 50%;

        margin-top: 5px;

    }



    .domain-offers li:nth-child(3) {

        border-left: unset !important;

    }



    .domain-offers li:nth-child(5) {

        border-left: unset !important;

    }



}



@media (max-width: 400px) {

    .domain-offers li {

        width: 100%;

        margin-top: 5px;

        border-left: unset !important;

    }



    .domain-offers.white li {

        border-bottom: 1px solid var(--color-white);

    }

    .domain-offers li img {

        max-width: 60%;

        margin: auto;

    }

}







.domain-offers li svg {

    width: 100px;

    height: 35px;

    display: block;

    margin: auto;

}



.domain-offers li span.content {

    font-size: 15px;

    color: var(--color-body);

    margin-bottom: 0;

}



.domain-offers.white li span.content {

    color: var(--color-white);

}





.domain-process {

    text-align: center;

}



.domain-process img {

    max-height: 120px;

    margin-bottom: 10px;

}





.domain-process h4 {

    font-size: 22px;

    margin-bottom: 10px;

}



.domain-process p {

    font-size: 17px;

    margin-bottom: 0;

}



.pricing-table-new {

    border-style: solid;

    border-width: 7px 1px 1px 1px;

    border-color: var(--color-primary);

    box-shadow: 2px 2px 6px 2px #F7F0FF;

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    border-radius: 8px 8px 4px 4px;

    text-align: center;

    padding-top: 20px;

}





.pricing-table-new .name {

    font-size: 30px;

    margin-bottom: 0px;

    color: var(--color-black);

    font-weight: 700;

}



.pricing-table-new .price {

    font-size: 27px;

    margin-bottom: 0px;

    color: var(--color-primary);

    font-weight: 800;



}



.pricing-table-new .subcontent {

    font-size: 18px;

    margin-bottom: 15px;

    color: var(--color-body);

    font-weight: 600;

}



.pricing-table-new ul {

    margin: 0;

    padding: 0;

    text-align: start;

    list-style: none;

    padding-left: 20px;

    margin-bottom: 20px;

}



.pricing-table-new ul li {

    padding-left: 22px;

    position: relative;

}



.pricing-table-new ul li:before {

    content: '\F26A';

    font-size: 16px;

    font-family: bootstrap-icons;

    position: absolute;

    top: 2px;

    left: 0;

    color: var(--color-primary);

}



.pricing-table-email {

    padding: 25px;

    border: 1px solid #e5e7eb;

    border-radius: 0;

    height: 100%;

}



.pricing-table-email .pricing-header {

    font-size: 24px;

    text-transform: uppercase;

    margin-bottom: 10px;

}



.pricing-table-email .subhead {

    font-size: 16px;

    margin-bottom: 15px;

}



.pricing-table-email .top-list ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.pricing-table-email .top-list ul li {

    display: flex;

    font-size: 16px;

}



.pricing-table-email .top-list ul li span {

    width: 70%;

    display: block;

}



.pricing-table-email .top-list ul li b {

    width: 30%;

    display: block;

}



.pricing-table-email .bottom li {

    font-size: 16px;

}



.domins-promos .promos table th {

    border: none;

    color: var(--color-body);

    font-size: 16px;

    padding: 10px;

}



.domins-promos .promos table thead th {

    text-align: center;

    border: 0;

    border-right: 1px solid #d6d6d6;

}

.domins-promos .promos table thead th:last-child {

    border-right: 0;

}









.domins-promos .promos table tbody th {

    background: #f2f2f2;

    border-top: 5px solid #f8f9fa;

    vertical-align: middle;

    padding: 6px;

    text-align: center;

    white-space: nowrap;

}

.domins-promos .promos table tbody tr th:last-child {

    border-radius: 0 4px 4px 0;
    ;

}



.domins-promos .promos table tbody th.name {

    padding-top: 8px;

    padding-left: 17px;

    font-size: 18px;

    font-weight: 600;

    background: #e6e3e3;

    color: var(--color-primary);

    border-end-start-radius: 10px;

}



.domins-promos .promos table tbody .sale-lable {

    position: absolute;

    top: -15px;

    left: -17px;

    width: 65px;

    height: 42px;

    padding: 0 4px;

    border-top-left-radius: 4px;

    color: var(--color-white);

    font-size: 13px;

    text-align: left;

    text-transform: uppercase;

    overflow: hidden;

    z-index: 1;

}



.domins-promos .promos table tbody .sale-lable:after {

    position: absolute;

    left: 0;

    border: solid transparent;

    border-top-color: transparent;

    border-top-style: solid;

    border-top-width: medium;

    border-right-width: medium;

    border-bottom-width: medium;

    border-left-width: medium;

    border-top: solid var(--color-secondary);

    border-top-width: medium;

    border-width: 42px 55px 0 0;

    content: "";

    z-index: -1;

}



.domins-promos .promos table tbody .price {

    /* display: grid; */

    text-align: center;

}



.domins-promos .promos table tbody .price .main-price {

    display: block;

    color: var(--color-primary);

    font-size: 15px;

}



.domins-promos .promos table tbody .price .cutted-price {

    display: block;

    font-size: 13px;

    color: var(--color-secondary-light);

}



.domins-promos .promos table tbody .svgs {

    display: flex;

    justify-content: center;

}



.domins-promos .promos table tbody .svgs i+i {

    margin-inline-start: 5px;

}



.plan-listing {

    display: flex;

    flex-direction: column;

}



.subtitle.svelte {

    font-size: 12px;

    line-height: 1.5;

    position: relative;

}



/*====================pricing-table-two================*/





.pricing-table-three {

    background: #fff;

    border-radius: 2.8rem;

    box-shadow: 0 .4rem 1.6rem #0000001a;

    width: 100%;

    padding-bottom: 20px;

}



.pricing-table-three .pricing-header .title {

    color: var(--color-black);

    font-size: 25px;

    font-weight: 600;

    border-bottom: 1px solid #c5cfde;

    text-align: center;

    padding: 20px;

    margin-bottom: 0px;

}



.pricing-table-three .pricing-body ul {

    margin: 0;

    padding: 0;

}

.pricing-table-three .pricing-body ul li {
    list-style: none;
    font-size: 15px;
    border-bottom: 1px solid #c5cfde;
    padding: 10px 25px;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    gap: 10px;

}



.pricing-table-three .pricing-body ul li span.strong {
    font-weight: 600;
    font-size: 15px;
    color: var(--color-primary);
    word-break: break-all;

}



.pricing-table-three .pricing-btn {

    text-align: center;

}



.pricing-table-three ul li {

    margin-top: 0;

    margin-bottom: 0;

}





.pricing-table-three:hover {

    background: var(--color-black);

}



.pricing-table-three:hover .pricing-header .title,
.pricing-body ul li span.strong {

    color: var(--color-white);

}



.pricing-table-three:hover ul li {

    color: var(--color-white);

}



.pricing-table-three:hover .ace-btn.btn-dark {

    background: var(--color-white);

    color: var(--color-black);

}







.domain-transfer-wrap {

    display: block;

}



.domain-transfer-wrap .domain-transfer-form {

    display: flex;

    flex-direction: column;

}



.domain-transfer-wrap .domain-transfer-form .label {

    font-size: 16px;

    color: #5E5E5E;

    margin-bottom: 10px;

    text-align: start;

}



.domain-transfer-wrap .domain-transfer-form .input {

    width: 100%;

    position: relative;

    display: block;

    border: 0;

    box-shadow: unset;

    outline: unset;

    padding: 10px 15px;

    font-size: 17px;

    color: rgb(var(--color-secondary));

    border-radius: 4px;

    margin-bottom: 10px;

    background: #fff;

}



.domain-transfer-wrap .domain-transfer-form .input-text {

    font-size: 16px;

    color: #5E5E5E;

    margin-bottom: 10px;

}



.domain-transfer-wrap .domain-transfer-form .input-text a {

    color: rgb(var(--color-primary));

}





.domain-transfer-wrap .domain-transfer-form .submit {

    width: 100%;

    position: relative;

    display: block;

    transition: all 0.5s;

    margin-top: 10px;

}



@media (min-width:991px) {

    .w-lg-50 {

        width: 50%;

    }

}









.table-plans table {

    background: var(--color-white);

    border-radius: 4px;

}



.table-plans>.table-responsive>table thead th {

    background: var(--color-primary);

}



.table-plans>.table-responsive>table thead th {

    border: none;

    text-align: center;

    border-right: 1px solid;

    border-color: var(--color-white);

    vertical-align: middle;

}



@media (max-width:767px) {

    .table-plans>.table-responsive>table thead th {

        white-space: nowrap;

    }

}



.table-plans>.table-responsive>table thead th:nth-child(2) {

    border-radius: 0px 0 0 0;

}



.table-plans>.table-responsive>table thead th:first-child {

    border-radius: 4px 0 0 0;

}



[dir="rtl"] .table-plans>.table-responsive>table thead th:first-child {

    border-radius: 0px 4px 0 0;

}





.table-plans>.table-responsive>table thead th:nth-child(4) {}



[dir="rtl"] .table-plans>.table-responsive>table thead th {

    border-right: unset;

    border-left: 1px solid;

}





.table-plans>.table-responsive>table thead th:last-child {

    border-right: 0;

    border-radius: 0 4px 0 0;

}



[dir="rtl"] .table-plans>.table-responsive>table thead th:last-child {

    border-right: unset;

    border-left: 0;

    border-radius: 4px 0px 0 0;

}







.table-plans>.table-responsive>table thead th:first-child {

    text-align: left;

    font-size: 16px;

    color: var(--color-white);

    width: 24%;

    min-width: 200px;

    vertical-align: bottom;

}



[dir="rtl"] .table-plans>.table-responsive>table thead th:first-child {

    text-align: right;

}



.table-plans>.table-responsive>table thead th .name {

    font-size: 18px;

    color: var(--color-white);

    margin-bottom: 0;

}



.table-plans>.table-responsive>table thead th .price {

    font-size: 24px;

    color: var(--color-white);

    margin-bottom: 0;

    font-weight: 700;

    line-height: 1.5;

}



.table-plans>.table-responsive>table thead th .cuttedprice {

    font-size: 16px;

    color: var(--color-white);

    margin-bottom: 0;

    font-weight: normal;

    text-decoration: line-through;

}



.table-plans>.table-responsive>table thead th .cuttedprice.unset {

    text-decoration: unset;

}



.table-plans>.table-responsive>table thead th .plan-buy-btn {

    margin-top: 5px;

}



.table-plans>.table-responsive>table thead th .plan-buy-btn {

    padding: 7px 15px;

    border-radius: 5px;

    background: #fff;

    display: block;

    width: fit-content;

    margin: auto;

    color: #3e3e3e;

    border: 0;

    cursor: pointer;

    margin-top: 10px;

    margin-bottom: 10px;

    transition: all 0.3s;

}



.table-plans>.table-responsive>table thead th .plan-buy-btn:hover {

    color: var(--color-primary);

}





.table-plans tbody.tbody-collapsed tr:not(:first-child) {

    display: none;

}



.table-plans tbody th {

    border: 0;

    border-top: 1px solid;

    border-bottom: 1px solid;

    border-color: #dbdbdb;

}







.table-plans tbody th.tbale-titles {

    background: var(--color-primary);

    padding: 0;

}



.table-plans tbody tr th span.table-toogler {

    display: block;

    position: relative;

    padding: 7px 48px 7px 24px;

    color: var(--color-white);

    font-size: 20px;

    cursor: pointer;

    user-select: none;

    font-weight: 800;

}



.table-plans tbody tr th span.table-toogler::before {

    position: absolute;

    top: 50%;

    right: 24px;

    width: 0;

    height: 0;

    margin-top: -4px;

    border-top: none;

    border-right: 7px solid rgba(0, 0, 0, 0);

    border-bottom: 8px solid #fff;

    border-left: 7px solid rgba(0, 0, 0, 0);

    content: "";

    transition: all 0.5s;

}



.table-plans tbody.tbody-collapsed tr th span.table-toogler::before {

    transform: rotate(180deg);

}



.table-plans tbody tr th.first-coloumn {

    background: #f4f4f4;

    padding: 10px 15px;

}



.table-plans tbody tr th.first-coloumn .main-headings {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.table-plans tbody tr th.first-coloumn .main-headings span.name {

    font-size: 17px;

    font-weight: 500;

    color: #6b6b7d;

}

.table-plans tbody tr th.first-coloumn .main-headings span.icons-views {

    position: relative;

}

.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .icon {

    width: 21px;

    height: 21px;

    line-height: 21px;

    font-weight: 500;

    font-size: 15px;

    background: #6b6b7d;

    border-radius: 50%;

    display: block;

    text-align: center;

    color: var(--color-white);

}



.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content {

    position: absolute;

    top: 50%;

    left: 50%;

    padding: 6px;

    text-align: left;

    cursor: auto;

    z-index: 999;

    display: block;

    visibility: hidden;

    opacity: 0;

    transition: all 0.5s;

    transform: translate(4%, -50%);

}



[dir="rtl"] .table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content {

    left: auto;

    right: 50%;

    text-align: right;

    transform: translate(-4%, -50%);

}



.table-plans tbody tr th.first-coloumn .main-headings span.icons-views:hover .content {

    display: block;

    visibility: visible;

    opacity: 1;

}



.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content .icon-toogler {

    position: absolute;

    width: 30px;

    height: 30px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    background: #6d6e70;

    top: 42%;

}





.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content .tootips-contens {

    display: inline-block;

    width: 260px;

    padding: 15px 20px;

    border-radius: 5px;

    background: #6d6e70;

    color: #fff;

    font-size: 1rem;

    font-weight: 500;

    line-height: 1.5;

    text-transform: none;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);

    box-shadow: 0 0 15px rgba(0, 0, 0, .3);

    z-index: 1;

    position: relative;

}





.table-plans tbody tr td {

    border-top: 1px solid;

    border-bottom: 1px solid;

    border-color: #eee;

    font-size: 17px;

    color: #6b6b7d;

    text-align: center;

    vertical-align: middle;

    width: min-content;

}



@media (max-width:767px) {

    .table-plans tbody tr td {

        white-space: nowrap;

    }

}



.table-plans tbody tr td .bi-check-lg {

    color: var(--color-primary);

    font-size: 20px;

}



.table-plans tbody tr td .bi-dash-lg {

    font-size: 20px;

    color: rgb(218, 220, 224);

}



.user-login-page {

    padding: 30px 0;

    /* background: #f7f7f7; */

}



.user-login-page .outer-div {

    border: 0;

    border-radius: 5px;

    background: #fff;

    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; */

}



.user-login-page .outer-div .outer-div-body {

    padding: 20px;

}



.user-login-page .outer-div .outer-div-body .user-title {

    margin-bottom: 20px;

    font-size: 30px;

    color: #000;

    display: block;

    text-align: center;

    line-height: 1.5;

}



.user-login-page .outer-div .outer-div-body .user-disc {

    width: 90%;

    color: #5e636e;

    font-size: 17px;

    font-weight: 500;

    line-height: 1.5;

    margin-inline-start: 5%;

    text-align: center;

    margin-bottom: 20px;

}



.user-login-page .outer-div .outer-div-body .user-inner-form .labels {

    display: block;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 5px;

    letter-spacing: 0.5px;

    width: 100%;

    color: #5e636e;

    line-height: 1;

}



.user-login-page .outer-div .outer-div-body .user-inner-form .inputs {

    height: 52px;

    padding: 5px 15px;

    font-size: 16px;

    border: 1px solid #dee0e3;

    box-shadow: unset;

    outline: unset;

    color: #acb0b9;

    font-size: 17px;

    font-weight: 400;

    border-radius: 4px;
    width: 100%;

}





.user-login-page .outer-div .outer-div-body .user-inner-form .forgot-text {

    color: rgb(var(--color-primary-rgb)) !important;

    font-size: 16px;

    line-height: 1;

}



.user-login-page .outer-div .outer-div-body .user-inner-form .checkbox {

    display: flex;

    align-items: center;

    color: #5e636e;

    width: 100%;

    padding-inline-start: 25px;

    position: relative;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

    user-select: none;

}



.user-login-page .outer-div .outer-div-body .user-inner-form .checkbox input[type="checkbox"] {

    position: absolute;

    top: 5px;

    inset-inline-start: 0px;

    opacity: 1;

    width: 15px;

    height: 15px;

    margin: 0;

}



.user-login-page .outer-div .outer-div-body .user-inner-form .checkbox a {

    display: contents;

}



.user-login-page .outer-div .outer-div-body .user-inner-form .submit-button {

    background: var(--color-primary);

    width: 100%;

    text-align: center;

    border: 0;

    cursor: pointer;

    box-shadow: unset;

    padding: 15px 20px;

    color: #fff;

    border-radius: 4px;

}



.user-login-page .outer-div .outer-div-body .user-inner-form .submit-button:hover {

    background: var(--color-primary);

}



.user-page-ads {

    width: 100%;

    height: 100%;

    background: #f3f4f4;

    display: block;

    border-radius: 5px;

    padding: 30px;

}



@media (max-width:767px) {

    .user-page-ads {

        padding: 15px;

    }

}



.ace-slick-button .slick-dots {

    bottom: -45px;

    margin: 0 -7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ace-slick-button .slick-dots {

        bottom: -50px;
    }
}

@media only screen and (max-width: 767px) {

    .ace-slick-button .slick-dots {

        bottom: -50px;
    }
}

.ace-slick-button .slick-dots li {

    width: 24px;

    height: 24px;

    border-radius: 100%;

    padding: 0;

    transition: 0.4s;

    line-height: 24px;

    position: relative;

    margin: 0 1px;

    display: inline-block;
}

.ace-slick-button .slick-dots li::before {

    border: 2px solid transparent;

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    transition: 0.2s;

    opacity: 0;

    border-radius: 100%;

    left: 0;

    top: 0;

    transform: scale(0.2);
}

.ace-slick-button .slick-dots li.slick-active {

    margin: 0 3px;
}

.ace-slick-button .slick-dots li button {

    width: 10px;

    height: 10px;

    background: rgba(82, 95, 225, 0.5);

    border-radius: 100%;

    padding: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);
}

.ace-slick-button .slick-dots li button::before {

    display: none;
}

.ace-slick-button .slick-dots li.slick-active::before {

    border-color: var(--color-primary);

    opacity: 1;

    transform: scale(1);
}

.ace-slick-button .slick-dots li.slick-active button {

    background: var(--color-primary);
}



.ace-slick-button.slick-button-left .slick-dots {

    bottom: -80px;

    margin: 0px -6px;

    text-align: left;

    display: flex !important;

    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ace-slick-button.slick-button-left .slick-dots {

        bottom: -50px;
    }
}

@media only screen and (max-width: 767px) {

    .ace-slick-button.slick-button-left .slick-dots {

        bottom: -50px;
    }
}

.ace-slick-button.slick-button-left .slick-dots li {

    border-radius: 100%;

    transition: 0.4s;

    position: relative;

    margin: 0 6px;

    display: inline-block;

    width: 20px;

    min-width: 20px;

    height: 20px;
}

.ace-slick-button.slick-button-left .slick-dots li::before {

    border: 2px solid transparent;

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    transition: 0.3s;

    opacity: 0;

    border-radius: 100%;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);
}

.ace-slick-button.slick-button-left .slick-dots li.slick-active::before {

    border-color: var(--color-primary);

    opacity: 1;

    width: 100%;

    height: 100%;
}



.ace-slick-button.instructor-profile-courses .slick-dots {

    bottom: -46px;
}



@media only screen and (max-width: 1199px) {

    .ace-slick-button.instructor-profile-courses .slick-list {

        margin-bottom: 30px;
    }
}

.btn.btn-order-now {
    background: var(--primary) !important;
    border: var(--primary) !important;
    font-size: 16px !important;
    font-family: var(--font-family-monospace) !important;
    color: #fff !important;
}


.products .pricing-header {
    padding-bottom: 0;
}











.banner-10-year-celebration {
    background-image: radial-gradient(#0d8bec, #066ab7);
    padding: 80px 0px;
}

@media (max-width:767px) {
    .banner-10-year-celebration {
        padding: 40px 0;
    }
}

.banner-10-year-celebration h1 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.banner-10-year-celebration .text-change {
    font-size: 45px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

.banner-10-year-celebration .text-change span {
    position: relative;
    color: #fff;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    padding-bottom: 2px;
    display: inline-block;
    background-size: 100% 4px;
}


.banner-10-year-celebration p {
    font-size: 19px;
    line-height: 1.5;
    color: #f2f2f2;
}

.banner-10-year-celebration .off-text {
    position: relative;
    font-size: 50px;
    line-height: 45px;
    font-weight: 700;
    margin-top: 40px;
    color: #fff;
}

.banner-10-year-celebration .off-text span {
    position: absolute;
    font-size: 16px;
    top: -32px;
    text-transform: uppercase;
    left: unset;
}


.banner-10-year-celebration .promocode {
    font-size: 23px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 2;
    letter-spacing: 1px;
    position: relative;
    font-weight: 600;
}

.banner-10-year-celebration .promocode .code {
    font-size: 25px;
    text-align: center;
    color: #fff;
    padding: 4px 10px;
    border: 3px dotted #e7172a;
    margin-left: 10px;
    border-radius: 0 0 0 13px;
    position: relative;
    font-weight: 700;
}

.banner-10-year-celebration .promocode .copy {
    padding: 0 10px;
    background: #e7172a;
    border-radius: 0 4px 4px 0;
    margin-inline-start: -3px;
    cursor: pointer
}

.banner-10-year-celebration .promocode .copy svg {
    width: 16px;
    height: 19px;
    fill: #fff;
    cursor: pointer
}


.banner-10-year-celebration .promotooltip {
    position: relative;
    display: inline-block;
}

.banner-10-year-celebration .promotooltip .tooltiptext {
    visibility: hidden;
    width: fit-content;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 20px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
    white-space: nowrap;
    transform: translate(-50%);
}

.banner-10-year-celebration .promotooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.banner-10-year-celebration .promotooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.banner-10-year-celebration #text-change-image {
    max-height: 45px;
    border-radius: 5px;
    max-width: 100%;
}


@media (max-width:575px) {
    .banner-10-year-celebration .text-change {
        font-size: 34px;
    }

    .banner-10-year-celebration #text-change-image {
        max-height: 34px;
    }

    .banner-10-year-celebration p {
        font-size: 16px;
    }

    .banner-10-year-celebration .off-text {
        font-size: 28px;
    }

    .banner-10-year-celebration .promocode {
        font-size: 18px;
    }

    .banner-10-year-celebration .promocode .code {
        font-size: 18px;
    }
}


/* ============== new banner img =========== */

.banner-two {
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
}


.banner-two .img-bg {
    max-width: 100%;
    height: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover;
}


.banner-two .img-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-two .img-bg.darkness-01::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
}

.banner-two .img-up {
    z-index: 2;
    position: relative;
}

.banner-two .inner-content {
    position: relative;
}

.banner-two .inner-content h1 {
    font-size: clamp(30px, 5vw, 45px);
    color: #000000;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.banner-two .inner-content p {
    font-size: 18px;
    margin: 0;
    margin-top: 15px;
    color: #000000;
    font-weight: 500;
}

.banner-two .inner-content.white h1,
.banner-two .inner-content.white p {
    color: #fff;
}

.banner-two .inner-content.center h1,
.banner-two .inner-content.center p {
    text-align: center;
}


.domain-reseller-table {
    overflow: auto;
    padding: 16px;
    margin: -16px;
}

.domain-reseller-table table {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.domain-reseller-table table thead tr th {
    color: #1F222B;
    font-size: 18px;
    font-weight: 800;
    line-height: 32px;
    padding: 16px 8px;
    text-transform: capitalize;
    border: none;
    text-align: center;
}

.domain-reseller-table table thead tr th:first-child {
    padding-left: 24px;
    text-align: start;
}

.domain-reseller-table table tbody tr td {
    font-size: 16px;
    padding: 16px 8px;
    border: none;
    vertical-align: middle;
    border-top: 1px solid #f2f3f6;
    color: #505459;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
}

.domain-reseller-table table tbody tr td:first-child {
    font-size: 20px;
    font-weight: 900;
    padding-left: 24px;
    color: var(--color-primary);
    text-align: start;
}

.domain-reseller-table table tbody tr td a {
    display: block;
    border: 1px solid var(--color-primary);
    width: fit-content;
    padding: 10px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-size: 14px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    color: var(--color-primary);
    background: transparent;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.domain-reseller-table table tbody tr td a:hover {
    background: var(--color-primary);
    color: #fff;
}

.domain-reseller-table .dataTable-input {
    padding: 13px 20px !important;
    border: 1px solid #B9B7B7 !important;
    border-radius: 4px !important;
    outline: unset !important;
}

.domain-reseller-table .dataTable-pagination li {
    margin: 0 !important;
}


.domain-reseller-table .dataTable-pagination .active a {
    background: var(--color-primary) !important;
    color: #fff !important;
}


body:has(.inner-domain-page) .banner.inner-page-banner {
    display: none;
}

body:has(.inner-domain-page) #main-body {
    padding: 0;
}

body:has(.inner-domain-page) #main-body>.container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/*--------------------------------------------------------------
# pk Domain Search Page Form Css
--------------------------------------------------------------*/
.domain-search-page-form {
    display: block;
    width: 100%;
    border-radius: 4px;
    padding: 10px;
    background: #fff;
}

.domain-search-page-form .domain-search-form {
    display: block;
    width: 100%;
    position: relative;
}

.domain-search-page-form .domain-search-form .input {
    border: unset;
    box-shadow: unset;
    outline: unset;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    background: transparent;
    width: 100%;
    color: #a2a9b3;
    padding: 15px 15px 15px 40px;
    position: relative;
    background-color: white;
    /* background-image: url('../img/searchicon.svg'); */
    background-position: 8px 19px;
    background-repeat: no-repeat;
}

.domain-search-page-form .domain-search-form::after {
    content: "\f52a";
    font-family: bootstrap-icons !important;
    vertical-align: -.125em;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    left: 5px;
    top: 13px;
    font-size: 25px;
    color: #dbdbdb;
}

.domain-search-page-form .domain-search-form .submit-buttons {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

.domain-search-page-form .domain-tld {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 10px 10px 0px 10px;
    border-top: 1px solid #dddddd;
    gap: 10px;
    list-style: none;
}

.domain-search-page-form .domain-tld li {
    font-size: 16px;
    font-weight: 500;
    color: #979595;
}

@media (max-width:767px) {
    .domain-search-page-form .domain-search-form .input {
        padding-bottom: 20px;
    }

    .domain-search-page-form .domain-search-form .submit-buttons {
        width: 100%;
        position: relative;
        justify-content: space-between;
    }

    .domain-search-page-form .domain-search-form .submit-buttons>* {
        width: 100%;
    }
}



/* ============ homapage sale ====== */

.banner-sale-20-off {
    padding: 50px 0;
    background: linear-gradient(to right bottom, #f9f9f9, #f1f4ff);
}

.banner-sale-20-off .contents h5 {
    margin: 0;
    padding: 6px 21px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #2197f1;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: fit-content;
    letter-spacing: 0.5px;
}

.banner-sale-20-off .contents h1 {
    font-size: clamp(30px, 5vw, 55px);
    font-weight: 800;
    color: #2197F1;
    margin: 0;
    margin-top: 15px;
    line-height: 1.3;

}

.banner-sale-20-off .contents p {
    font-size: 17px;
    margin: 0;
    margin-top: 15px;
    letter-spacing: 0.5px;
}

.banner-sale-20-off .contents h4 {
    font-size: 20px;
    margin: 0;
    margin-top: 15px;
    color: #15297c;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* ============= New Design HOmepage ============ */
.new-homepage .main-banner {
    background: #EEF8FF;
    padding: 60px 0 40px 0;
    overflow: hidden;
}

.new-homepage .main-banner .bg-images {
    position: absolute;
    top: 0;
    left: 0;
}

.new-homepage .main-banner .bg-images img {}

.new-homepage .main-banner .banner-heading {
    position: relative;
    z-index: 2;
}

.new-homepage .main-banner .banner-heading h1 {
    font-size: clamp(35px, 5vw, 47px);
    font-weight: 700;
    font-family: "Inter", sans-serif;
    margin: 0;
    line-height: 1.3;
    text-align: start;
}

.new-homepage .main-banner .banner-heading .domain-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 10px;
}

.new-homepage .main-banner .banner-heading .domain-badges .icon {
    display: block;
    border-radius: 4px;
    width: fit-content;
    padding: 8px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background: #fff;
    margin-top: 15px;
}

.new-homepage .main-banner .banner-heading .domain-badges .icon img {
    max-height: 20px;
}

.new-homepage .main-banner .banner-heading h1 span {
    color: #FF0000;
}

.new-homepage .main-banner .banner-heading p {
    color: #636363;
    font-size: clamp(16px, 4vw, 20px);
    text-align: start;
    margin-top: 20px;
    margin-bottom: 0;
}

.new-homepage .main-banner .right-side-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: end;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 100%;
}

.new-homepage .main-banner .domain-icon {
    position: absolute;
    top: 0px;
    right: 0;
}

.new-homepage .main-banner .domain-icon img {
    max-height: 150px;
}

.new-homepage .main-banner .right-side-box h4 {
    font-size: clamp(28px, 5vw, 35px);
    font-weight: 600;
    font-family: "Inter", sans-serif;
    margin: 0;
    text-align: center;
    color: #0F0F0F;
}

.new-homepage .main-banner .right-side-box p {
    font-size: clamp(14px, 5vw, 17px);
    font-weight: 400;
    font-family: "Inter", sans-serif;
    margin: 0;
    text-align: center;
    color: #343C4B;
}


.new-homepage .main-banner .circle {
    width: 500px;
    height: 500px;
    background: linear-gradient(120.52deg, #D7EDFF 33.71%, rgba(157, 187, 255, 0.48) 104.31%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: -70%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.new-homepage .main-banner .form-box {
    width: 100%;
}

.new-homepage .main-banner .form-box form {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid #D9D9D9;
}

.new-homepage .main-banner .form-box form .input-box {
    width: 100%;
    font-size: 16px;
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: unset !important;
    height: unset;
    min-height: unset;
    color: #343C4B;
    margin: 0;
    padding: 12px 0;
    outline: unset !important;
}

.new-homepage .main-banner .form-box form .transfer-btn {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    box-shadow: unset !important;
    height: unset;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 12px;
    /* right: 60px; */
     right: 10px;
    width: 40px;
    height: 40px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-homepage .main-banner .form-box form .transfer-btn svg {
    width: 18px;
    height: auto;
}

.new-homepage .main-banner .form-box form .search-btn {
    position: absolute;
    top: 12px;
    /* right: 10px; */
    right: 60px; 
    z-index: 2;
    width: 40px;
    border: 0 !important;
    border-radius: 5px;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #2197F1 !important;
    cursor: pointer;
    padding: 0;
}

.new-homepage .main-banner .form-box form .search-btn svg {
    width: 16px;
    height: auto;
}

@media (max-width:767px) {
    .new-homepage .main-banner{
        padding-top: 50px;
    }
}

.new-homepage .banner-domains {
    background: #F9FCFF;
    padding-bottom: 20px;
}


.new-homepage .banner-domains .slider-box {
    background: #FFFFFF;
    border: 1px solid #D2DBE1;
    box-shadow: 0px 4px 4px rgba(33, 151, 241, 0.19);
    border-radius: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 13px;
}

.new-homepage .banner-domains .slider-box .img-box {
    display: block;
    max-width: 58px;
}

.new-homepage .banner-domains .slider-box .img-box img {
    max-height: 58px;
}

.new-homepage .banner-domains .slider-box .contents {
    display: block;
}

.new-homepage .banner-domains .slider-box .contents h4 {
    font-size: clamp(20px, 5vw, 22px);
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin: 0;
    text-align: start;
    color: #0F0F0F;
}

.new-homepage .banner-domains .slider-box .contents h5 {
    display: block;
    font-size: 15px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin: 0;
    margin-top: -3px;
    text-align: center;
    color: #2197F1;
}

.new-homepage .banner-domains .slider-box .contents h5 del {
    text-decoration: line-through;
    margin-inline-end: 10px;
    color: #848484;
}

.new-homepage .domain-slider-homepage {
    margin: 0 -10px;
}

.new-homepage .domain-slider-homepage .slick-slide {
    padding: 0 10px;
}






.domain-slider-homepage .slick-dots {
    bottom: -13px;
}


.domain-slider-homepage .slick-dots li button:before {
    font-size: 10px;
    color: #ccc;
    opacity: 1;
}


.domain-slider-homepage .slick-dots li.slick-active button:before {
    color: #2197F1;
}


.domain-slider-homepage .slick-dots li {
    margin: 0 5px;
    width: 9px;
    height: 9px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.domain-slider-homepage .slick-dots li button {
    width: 9px;
    height: 9px;
    transition: all 0.5s;
}

.domain-slider-homepage .slick-dots li button:before {
    content: '';
    width: 9px;
    height: 9px;
    background: #ddd;
    border-radius: 50%;
    display: block;
    transition: all 0.5s;
}


.domain-slider-homepage .slick-dots li.slick-active button:before {
    background: #2197F1;
    width: 25px;
    border-radius: 5px;
}

.domain-slider-homepage .slick-dots li.slick-active,
.domain-slider-homepage .slick-dots li.slick-active button {
    width: 25px;
}


.domain-slider-homepage .slick-list {
    padding-bottom: 15px;
}


.new-homepage .services-section {
    position: relative;
    padding: 70px 0;
    background: #F9FCFF;
}


.new-homepage .services-section .services-box {
    background: #FFFFFF;
    border: 1px solid #E6ECF2;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    align-items: center;
    height: 100%;
}


.new-homepage .services-section .services-box .icon-box {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}


.new-homepage .services-section .services-box .icon-box svg {
    width: 34px;
    height: 34px;
    display: block;
}


.new-homepage .services-section .services-box h3 {
    color: #0F0F0F;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    margin: 0;
    text-align: center;
}


.new-homepage .services-section .services-box p {
    margin: 0;
    font-size: 15px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #636363;
    text-align: center;
}

.new-homepage .services-section .services-box.one .icon-box {
    background: #FFE19A;
}

.new-homepage .services-section .services-box:hover {
    border-width: 1px 1px 12px 1px;
    border-style: solid;
}

.new-homepage .services-section .services-box.one:hover {
    border-color: #FFE19A;
}

.new-homepage .services-section .services-box.two .icon-box {
    background: #D6CCF3;
}

.new-homepage .services-section .services-box.two:hover {
    border-color: #D6CCF3;
}

.new-homepage .services-section .services-box.three .icon-box {
    background: #FFB5B5;
}

.new-homepage .services-section .services-box.three:hover {
    border-color: #FFB5B5;
}

.new-homepage .services-section .services-box.four .icon-box {
    background: #ADDBFF;
}

.new-homepage .services-section .services-box.four:hover {
    border-color: #ADDBFF;
}

.new-homepage .services-section .services-box .price-box{
    display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.new-homepage .services-section .services-box .price-box .prices .badges{
    background: #ffEEA9;
    color: #111111;
    font-size: 13px;
    font-family: 400;
    padding: 5px 8px;
    border-radius: 4px;
    line-height: 1.3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    display: block;
    width: fit-content;
    letter-spacing: 0.5px;
}

.new-homepage .services-section .services-box .price-box .prices .main-p{
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
    color: #111111;
    font-weight: 600;
    margin-top: 7px;
}

.new-homepage .services-section .services-box .price-box .prices .main-p small{
    font-size:70%;
    font-weight: 400;
}

.new-homepage .services-section .services-box .price-box .btn-box{
    display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-self: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.new-homepage .services-section .services-box .price-box .btn-box > div{
    padding: 8px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: var(--color-info);
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

.new-homepage .services-section .services-box .custom-button{
     padding: 8px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: var(--color-info);
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    display: block;
    width: 100%;
}

.new-homepage .need-help {
    padding: 40px 0;
    background: #F9FCFF;
    border-top: 1px solid #E6ECF2;
}

.new-homepage .need-help .bg-design {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.new-homepage .need-help .bg-design:before,
.new-homepage .need-help .bg-design:after {
    background: url('../images/newhomepage/talk-bg.png') center center no-repeat;
    background-size: auto;
    background-size: contain;
    width: 190px;
    height: 68px;
    left: 89px;
    bottom: 0;
    position: absolute;
    content: '';
    z-index: 2;
}

.new-homepage .need-help .bg-design:after {
    right: 0;
    left: unset;
    bottom: unset;
    bottom: 0;
    top: 0;
    right: 89px;
}

.new-homepage .need-help .bg-design .inner {
    padding: 45px 30px;
    background: #007FFF;
    border-radius: 30px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.new-homepage .need-help .bg-design .inner:before,
.new-homepage .need-help .bg-design .inner:after {
    background: url('../images/newhomepage/square-box.png') center center no-repeat;
    background-size: auto;
    z-index: 2;
    background-size: contain;
    width: 200px;
    height: 190px;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
}

.new-homepage .need-help .bg-design .inner:after {
    right: 0;
    left: unset;
    top: unset;
    bottom: 0;
    transform: rotate(180deg);
}

.new-homepage .need-help .bg-design .inner h2 {
    font-size: clamp(25px, 5vw, 35px);
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin: 0;
    text-align: center;
    color: #fff;
    z-index: 3;
    position: relative;
}

.new-homepage .need-help .bg-design .inner p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    margin: 0;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    z-index: 3;
    position: relative;
}

.new-homepage .need-help .bg-design .inner .btn-box {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    position: relative;
}


.new-homepage .need-help .bg-design .inner .btn-box a {
    font-size: 16px;
    padding: 17px 24px 15px 25px;
    cursor: pointer;
    color: #007FFF;
    font-size: 16px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-align: center;
    display: block;
    width: fit-content;
    transition: all .3s ease-in-out;
    text-decoration: none;
    margin: 0;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.new-homepage .need-help .bg-design .inner .btn-box a:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

@media (max-width:991px) {

    .new-homepage .need-help .bg-design::before,
    .new-homepage .need-help .bg-design::after {
        content: unset;
    }

    .new-homepage .need-help .bg-design .inner::before,
    .new-homepage .need-help .bg-design .inner::after {
        content: unset;
    }
}

.new-homepage .faq-section {
    background: #F9FCFF;
    padding: 30px 0;
}

.new-homepage .faq-section h2 {
    font-size: clamp(28px, 5vw, 40px);
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin: 0;
    text-align: start;
    color: #000000;
}

.new-homepage .faq-section h2 span {
    color: #e7172a;
}

@media (max-width:991px) {
    .new-homepage .faq-section h2 {
        text-align: center;
    }
}

.new-homepage .faq-section img {
    margin-top: 30px;
    max-width: 400px;
}

.new-homepage .faq-section .faq-left-items {
    position: sticky;
    top: 100px;
}

.new-homepage .faq-section .accordion {
    background: transparent;
    padding: 0px;
    margin: 0;
    list-style: none;
}

.new-homepage .faq-section .accordion li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #E6ECF2;
    border-radius: 16px;
    transition: all 0.5;
    -webkit-transition: all 0.5;
    -moz-transition: all 0.5;
    -ms-transition: all 0.5;
    -o-transition: all 0.5;
    overflow: hidden;
}



.new-homepage .faq-section .accordion li+li {
    margin-top: 15px;
}

.new-homepage .faq-section .accordion li>a {
    font-size: 16px;
    font-weight: 500;
    color: #393939;
    padding: 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    cursor: pointer;
    user-select: none;
    border-radius: 5px;
    font-family: "Inter", sans-serif;
    position: relative;
    padding-inline-end: 45px;
}

@media (max-width: 767px) {
    .new-homepage .faq-section .accordion li>a {
        font-size: 17px;
    }
}

.new-homepage .faq-section .accordion li>a>span {
    display: contents;
}

.new-homepage .faq-section .accordion li.active {
    background: #FFFFFF;
    border: 1px solid #2197F1;
    box-shadow: 4px 4px 22px rgba(33, 151, 241, 0.08);
    border-radius: 16px;
}


.new-homepage .faq-section .accordion li.active>a,
.new-homepage .faq-section .accordion li.active>a:hover,
.new-homepage .faq-section .accordion li.active>a:focus {
    color: #2197F1;
    background: #fff;
    transition: all 0.3s;
}

.new-homepage .faq-section .accordion li>a::after {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-size: 20px;
    background-repeat: no-repeat;
    transition: all 0.3s;
}

.new-homepage .faq-section .accordion li.active>a::after {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}


.new-homepage .faq-section .accordion li p {
    padding: 15px;
    font-size: 16px;
    line-height: 2;
    color: #4b4b4b;
    display: none;
    border-radius: 0px 0px;
    margin: 0;
    font-family: "Inter", sans-serif;
    border-top: 1px solid #075e545b;
    font-weight: 400;
}

@media (max-width: 767px) {
    .new-homepage .faq-section .accordion li p {
        font-size: 15px;
        line-height: 1.5;
        font-family: "Inter", sans-serif;

    }
}

.new-homepage .faq-section .accordion li p a {
    display: contents;
    color: #007FFF;
    text-decoration: underline !important;
    cursor: pointer;
}

.new-homepage .custom-heading .badge-design{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 30px;
gap: 10px;
background: #FFDDE0;
border-radius: 12px;
width: fit-content;
}
.new-homepage .custom-heading .badge-design span{
     font-size: 18px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
    margin: 0;
    display: block;
    text-align: center;
    color: #E7192C;
}

.new-homepage .custom-heading h2{
    font-size: clamp(28px, 5vw, 38px);
    font-weight: 500;
    font-family: "Inter", sans-serif;
    margin: 0;
    text-align: start;
    color: #000000;
}

.new-homepage .custom-heading h2 span{
    color: #e7172a;
}

.new-homepage .custom-heading:has(.badge-design) h2{
    margin-top: 20px;
}

.new-homepage .custom-heading.center .badge-design{ 
margin-left: auto;
margin-right: auto;
}

.new-homepage .custom-heading.center h2{
    text-align: center;
}

.new-homepage .blog-section{
    background: #F9FCFF;
    padding: 50px 0;
}

.new-homepage .blog-section .blog-box{
background: #FFFFFF;
border: 1px solid #E6ECF2;
border-radius: 16px;
padding: 12px;
}

.new-homepage .blog-section .blog-box .img-box{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    display: block;
    aspect-ratio: 1000 / 700;
}

.new-homepage .blog-section .blog-box .img-box img{
object-fit: cover;
width: 100%;
height: 100%;
}

.new-homepage .blog-section .blog-box .img-box .date-box{
    background: #E7192C;
    padding: 8px 20px;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    -o-border-radius: 10px 0 0 0;
}

.new-homepage .blog-section .blog-box .contents{
    margin-top: 10px;

}

.new-homepage .blog-section .blog-box .contents h3{
    font-family: "Inter", sans-serif;
    font-weight: 500;
    margin: 0;
    color: #000;
    font-size: 18px;
}

.new-homepage .blog-section .blog-box .contents h3 a{
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new-homepage .blog-section .blog-box .contents p{
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 8px;
    color: #636363;
   display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-homepage .blog-section .blog-box .contents .learn-more-btn{
     font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #0077B5;
    margin: 0;
    text-decoration: unset;
    margin-top: 8px;
    display: block;
}

.card.view-announcement .tt-new-content p:has(img), .card.view-announcement .tt-new-content img{
    display: none !important;
}

.new-homepage .promocode {
    font-size: 23px;
    color: var(--color-heading);
    margin-top: 0;
    margin-bottom: 0;
    line-height: 2;
    position: relative;
    margin-top: 15px;
  }

  .new-homepage .promocode .code {
    font-size: 25px;
    text-align: center;
    color: #3fb0e6;
    padding: 4px 10px;
    border: 3px dotted #3fb0e6;
    margin-left: 10px;
    border-radius: 0 0 0 13px;
    position: relative;
    font-weight: 600;
  }

  .new-homepage .promotooltip {
    position: relative;
    display: inline-block;
  }

  .new-homepage .promocode .copy {
    padding: 0 10px;
    background: #3fb0e6;
    border-radius: 0 4px 4px 0;
    margin-inline-start: -3px;
    cursor: pointer;
  }

  .new-homepage .promotooltip .tooltiptext {
    visibility: hidden;
    width: fit-content;
    background-color: #1378a8;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 20px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
    white-space: nowrap;
    transform: translate(-50%);
  }

  .new-homepage .promotooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1378a8 transparent transparent transparent;
  }
  .new-homepage .promotooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .new-homepage .promocode .copy svg {
    width: 16px;
    height: 19px;
    fill: #fff;
    cursor: pointer;
    vertical-align: middle;
  }