@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Prompt: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;1,900&display=swap');
@import url('https://db.onlinewebfonts.com/c/3a025ae92e6446cec24efcb6d29e5bf3?family=Malgun+Gothic');
@import url('https://db.onlinewebfonts.com/c/bbcc889bed34a1678c6a044df8e83428?family=Noto+Sans');
@import url('https://db.onlinewebfonts.com/c/2bf16335573007d828f4197c2b884c04?family=Satoshi');
/*@import url('https://db.onlinewebfonts.com/c/1befd2224aa8208c5251f3de9ca68573?family=Hanken+Grotesk');*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Prompt: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;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins: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;1,900&display=swap');
@font-face {
    font-family: 'Calibri';
    src: url('/website/assets/fonts/calibri/Calibri-Light.woff2') format('woff2'),
    url('/website/assets/fonts/calibri/Calibri-Light.woff') format('woff'),
    url('/website/assets/fonts/calibri/Calibri-Light.ttf') format('truetype');
    font-weight: 400;
}
* { padding: 0; margin: 0; box-sizing: border-box;}
body ,html{overflow-x: clip;}
/* Scrollbar */
::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #555;  }

:root{
    --lavendar: #E7E7FF;
    --purple: #6173E5;
    --light-purple: #EDEFFC;
    --border-purple: #D3E4FF;
    --light-black: #232323;
    --white:#ffff;
    --blue:#00008B;
    --dark-blue:#1E3A8A;
    --black:#000;
    --grey:#626262;
    --grey2:#DCE0E5;
    --grey3:#F3F4F6;
    --black3:#101828;
    --grey4:#595959;
    --purple2:#6941C6;
    --grey5:#676767;
    --placeholder-color:#525252;
    --purple3:#F9F5FF;
    --purple4:#EEF;
    --grey6:#667085;
    --offwhite:#F9FAFB;
    --red:#E56161;
    --grey-text:#6C757D;
    --green:#BCDCCB;
    --green-text:#86C1A1;
    --dark-black: #343A40;
    --light-grey:#CACACA;
    --norway-blue:#222B5E;
    --text-grey:#8D8D8D;
    --darkish-black:#404040;
    --dark-grey:#2C2C2C;
    --table-color:#F2F2F2;
    --table-border:#3E3E3E;
    --contact-color:#201F1F;
}
.scrolltop {background: var(--blue); border:1px solid transparent;}
.scrolltop:hover{border: 1px solid var(--blue);background: var(--white);}
.scrolltop:hover i{color: var(--blue);}
/* Font Family */
.malgun { font-family: 'Malgun Gothic', sans-serif;}
.hanken{font-family: 'Hanken Grotesk', sans-serif;}
.Inter  {font-family: 'Inter', sans-serif;}
.Noto    {font-family: 'Noto Sans', sans-serif;}
.space-grotesk {font-family: 'Space Grotesk', sans-serif;}
.Satoshi{font-family: 'Satoshi' , sans-serif;}
.calibri-font{font-family: 'Calibri' , sans-serif;}
/* Font Sizes */
h1, h2, h3,h4,h5,h6 { line-height: 1.2;  font-family: 'Malgun Gothic';}
p, a, span { line-height: 1.5;  font-family: 'Hanken Grotesk';}

h1 { font-size: 72px; font-weight: 700;}
h2 { font-size: 48px; font-weight: 400;}
h3 { font-size: 42px; font-weight: 400;}
h4 {font-size: 28px; font-weight: 700;}
h5 { font-size: 24px; font-weight: 400;}
p{ font-size: 18px; font-weight: 400;}

/* Extra Font sizes */
.fs-12{font-size: 12px;}
.fs-14 { font-size: 14px;}
.fs-16 { font-size: 16px;}
.fs-18{ font-size: 18px;}
.fs-30{font-size: 30px; }
.fs-36{font-size:36px;}
.fs-40{font-size: 40px;}
.fs-25{font-size: 25px;}

/* Font weight */
.bold { font-weight: 700;}
.semi_bold { font-weight: 600;}
.regular { font-weight: 500;}
.normal { font-weight: 400;}


/* Colors */
.bg_peach{background: linear-gradient(0deg, #FBFBFB 0%, #FBFBFB 100%), #FDFDFF;}
.bg_lavendar { background-color: var(--lavendar);}
.purple { color: var(--purple);}
.blue-text {color: var(--blue);}
.white-text{color: var(--white);}
.light-black{color: var(--light-black);}
.black{color: var(--black);}
.black3{color: var(--black3);}
.grey{color: var(--grey);}
.grey2{color: var(--grey2);}
.grey4{color: var(--grey4);}
.grey-text{color: var(--grey5);}
.purple2{color: var(--purple2);}
.grey6{color:var(--grey6);}
.offwhite{color:var(--offwhite);}
.red-text{color: var(--red);}
.grey-color{color: var(--grey-text);}
.green-text{color: var(--green-text);}
.dark-black{color: var(--dark-black);}
.norway-blue{color: var(--norway-blue);}
.text-grey{color: var(--text-grey);}
.darkish-black{color: var(--darkish-black);}
.dark-grey{color: var(--dark-grey);}
.contact-clr{color: var(--contact-color)}
.purple-text{color: var(--purple);}
/* Buttons */
.button { font-size: 16px; font-weight: 500; color: #fff; background-color: var(--purple); border-radius: 99px; border: 2.5px solid var(--purple); padding: 15px 30px;}
.button1 { color: var(--purple); background-color: var(--light-purple); border: 2.5px solid var(--light-purple);}
.trans_btn { background-color: transparent;}
.blue-btn{ font-size: 16px; font-weight: 500; color: #fff; background-color: var(--blue); border-radius: 10px; border: 2.5px solid var(--blue); padding: 15px 30px;}
.button:hover, .button1:hover { background-color: #fff; color: var(--purple); transform: scale(1.05);}

/* Global Setting */
a { text-decoration: none;}
li { list-style: none;}
/*backgroung-image*/
.bg-img{
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat ;
}
/* Global Classes */
.p_top { padding-top: 7em;}
.no_border { border: 0;}
.p-bottom{ padding-bottom: 7em;}

img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* Header */
.header {background: linear-gradient(126deg, #00008B 36.78%, #D5E0FF 106.66%);padding-block: 10px;}
.header .navbar-nav .nav-item a.nav-link{color: var(--white); font-size: 16px ;  font-weight: 400;border-bottom:1px solid transparent;width: fit-content;}
.header .navbar-nav .nav-item a.nav-link:hover{border-bottom:1px solid var(--white);  transition: .3s ease-in;}
.header .navbar-nav .nav-item a.nav-link.active{border-bottom:1px solid var(--white);}
.header .navbar-nav .nav-item ul li a.dropdown-item.active{color: var(--purple);background: none;}
.dropdown-toggle::after {
    content: "\f107";
    display: inline-block;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 0.25em;
    vertical-align: top;
}
.header .navbar-nav{gap:26px;}
.header .dropdown button{background-color: var(--light-purple); border-radius:50px; padding:10px 17px;outline: 0; border: none;font-size: 12px;}
.header  ul.dropdown-menu {margin-bottom: 0;}
.header .nav-item .dropdown-menu.main-submenu[data-bs-popper] {left: unset; top: unset;}
/*.header .dropend .dropdown-menu {top: 0;right: auto;left: 100%;}*/
.header .dropend .dropdown-menu {
    top: 25px;
    right: auto;
    left: 137px;
}
.header .flag-div{display: inline-block;border-radius: 99px;background: red;width: 25px;height: 25px;}
.header .flag-div img{border-radius: 99px; object-fit: fill;}

/*footer*/
.footer{border: 1px solid #D3E4FF;background: linear-gradient(126deg, #00008B 36.78%, #D5E0FF 106.66%);padding-block: 5em;}
.footer ul{padding-left: 0;}
.footer .social-icon{ border-radius: 24px;border: 1px solid var(--white);padding: 8px;}
.footer .social-icon:hover{background-color: var(--white);}
.footer .social-icon:hover .icon-svg path {stroke: var(--black);}
.footer input::placeholder{color:var(--placeholder-color) ;font-size: 16px;font-weight: 400;line-height: 24px;font-family: 'Hanken Grotesk', sans-serif;}
.footer  input{border-radius: 50px 0px 0px 50px;background: var(--white);padding: 16px 31px;outline: none; border:none;}
.footer  input[type="submit"]{border-radius: 0px 50px 50px 0px;background: var(--white); padding: 16px 31px;
   outline: none; border:none;margin-left: -3px; font-weight: 400;}
/* Hero section */
.hero{padding-bottom: 2em;}
.hero{ background: linear-gradient(rgba(233, 233, 255, 0.5), rgba(233, 233, 255, 0.5)), url(../images/bg-img.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    height: 100%;
    background-blend-mode: color-burn;
}

.hero .home-cards{width: 100%;padding: 16px;border: 1px solid #E9ECEF;border-radius: 8px;}
.hero .card-hero::before{
    content: '';
    background-image: url(../images/Vector4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 115px;
    height: 104px;
    z-index: -1;
    left: 0;
    right: -358px;
    top: 102px;
    bottom: 0;
    margin: auto;
}
.hero .home-cards .card-img .img-bg{background-color: #FCF3ED;border-radius: 50%;padding: 10px;}
.hero .home-cards .card-img .grey-bg{background-color: var(--light-purple);border-radius: 8px;padding: 8px;}
.hero .home-cards .red-box{border: 1px solid #F1A7A7;border-radius: 50px; padding: 4px 8px;width: 32%;height: 27px;}
.hero .health-card::before{
    content: '';
    background-image: url(../images/Vector6.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 6px;
    height: 179px;
    z-index: -1;
    left: -341px;
    right: 0;
    top: 0;
    bottom: -225px;
    margin: auto;
}
.hero .health-card::after{
    content: '';
    background-image: url(../images/Vector3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 178px;
    height: 206px;
    z-index: 0;
    right: 0;
    top: 0;
    bottom: -270px;
    margin: auto;
}
.hero .health-card .green-box{border: 1px solid var(--green);border-radius: 50px; padding: 4px 8px;width: 32%;height: 27px;}
.hero .session-card{position:absolute;left: 0;right: 0;top: 6px;bottom: 0;width: 100%;aspect-ratio: 3/1;}
.hero .session-card .card-hover:hover{border-radius: 8px;
    border: 1px solid #E9ECEF;
    box-shadow: 0px 24px 64px 0px rgba(224, 224, 224, 0.48);padding: 8px;transition: 0.3s ease-in-out;}
.hero .session-card .card-hover:hover .tick-img {background-color: var(--purple);}
.hero .session-card::after{
    content: '';
    background-image: url(../images/vector-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 200px;
    height: 366px;
    z-index: -1;
    left: 165px;
    right: 0;
    top: -194px;
    bottom: 0;
    margin: auto;
}
.hero .session-card .card-hover{border:1px  solid transparent; padding: 8px 0; border-radius: 8px;}
.hero .session-card .tick-img{background: #DEE2E6;border-radius: 8px;padding: 4px 5px;}

/*integrated section*/
.integrated{z-index: 0;}
.integrated .int-content {
    width: 100%;
    max-width: 81%;
    min-width: 56%;
}
.integrated .int-content p{
    color: var(--light-black);
}
.integrated .integrated-img{height: 500px;}
.integrated img{object-fit: fill;}
.int-button{padding: 8px 16px;}
/*webtool section*/
.webtool{background: linear-gradient(0deg, #FBFBFB 0%, #FBFBFB 100%);}
.webtool .parent-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    background-image: url(../images/bg-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    grid-template-rows: 0.4fr 0.2fr 0.2fr 0.3fr 0.3fr 0.2fr 0.3fr;
    }
    .webtool .parent-grid > div:nth-child(1) {
        grid-column: 2 / span 1;
        grid-row: 1 / span 2;
    }
    .webtool .parent-grid > div:nth-child(2) {
        grid-column: 1 / span 1;
        grid-row: 2 / span 4;
    }
    .webtool .parent-grid > div:nth-child(3) {
        grid-column: 2 / span 1;
        grid-row: 3 / span 4;
    }
    .webtool .parent-grid > div:nth-child(4) {
        grid-column: 3 / span 1;
        grid-row: 4 / span 3;
}
    .webtool .parent-grid > div:nth-child(5) {
        grid-column: 2 / span 1;
        grid-row: 7 / span 1;
    }
.webtool .parent-grid .grid-item .webtool-card{position: relative;width: 100%;aspect-ratio: 3/3;border-radius: 5px;}
.webtool .parent-grid .grid-item:nth-of-type(1) .webtool-card {aspect-ratio: 3/2;}
.webtool .parent-grid .grid-item:nth-of-type(3) .webtool-card {aspect-ratio: 3/2;}
.webtool .parent-grid .grid-item:nth-of-type(5) .webtool-card {aspect-ratio: 3/2;}
.webtool .parent-grid .grid-item .webtool-card .card-body{padding: 10px !important;
    background-color: var(--white);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto 15px auto;
    width: 90%;border-radius: 5px}
/*.webtool .parent-grid .grid-item:nth-child(1) {grid-column: 2 / 3;grid-row: 1/3;}*/
/*.webtool .parent-grid .grid-item:nth-child(2) {grid-column: 1 / 2;grid-row: 2/4;}*/
/*.webtool .parent-grid .grid-item:nth-child(3) {grid-column: 2 / 3;grid-row: 3/6;}*/
/*.webtool .parent-grid .grid-item:nth-child(4) {grid-column: 3 / 4;grid-row: 4/6;}*/
/*.webtool .parent-grid .grid-item:nth-child(5) {grid-column: 2/ 3;grid-row: 7/8;}*/
/*features section*/
.features .container{border-radius: 10px;background:var(--lavendar);}
.features .features-cards{padding: 4em;}
.features .features-cards .feat-cards{border: none;box-shadow: none; background-color: var(--lavendar);}
.features .features-cards .feat-cards .card-img{border-radius: 10px;}
.features .features-cards .feat-cards .card-body{padding-inline: 0;}
/*groups section*/
.groups .groups-cards  .card{
    border-radius: 10px;
    background: var(--white);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.groups .groups-cards  .card .svg-img{
    border-radius: 5px;
    border: 1.814px solid rgba(59, 130, 246, 0.16);
    background: var(--blue);
    width: 100%;
    max-width: 18%;
    margin: 1em 1em 1em 0;
    padding: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.groups .groups-cards  .card .card-header,.card-body, .card-footer{border:none;}
.groups .groups-cards  .card .card-footer{border-top: none; padding-top: 0;padding-bottom: 2px;}
.groups .groups-cards  .card .card-footer ul li a{color: var(--dark-blue);}
.groups .groups-cards  .card .card-footer ul li{list-style: disc;}
.groups .groups-cards  .card .card-footer ul{padding-left: 1.3rem;}
.groups .groups-cards  .card .card-footer ul li::marker{font-size: 18px;color:var(--dark-blue);vertical-align: middle;}
.groups .groups-cards  .card .card-footer ul li a{border-bottom: 2px solid transparent;}
.groups .groups-cards  .card .card-footer ul li a:hover{border-bottom: 2px solid var(--dark-blue);   transition: transform 0.6s ease; }
.groups .groups-cards .card .card-title{width: 94%;}

/*faq page*/
.faq-section {
    opacity: 0.52;
    padding-bottom: 4em;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

.faq-faq .accordion-button::after {
    content:"\2b";
    background-image: none;
    border: 1px solid black;
    padding:10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}
.faq-faq .accordion-button:not(.collapsed)::after {
    content: '\f068';
    transform: rotate(0deg);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 13px;
}
.faq-faq .faq-img img{object-fit: cover;}
.items-faq {
    margin-bottom: 40px;
    border: none;
    border-radius: 0;
}
.faq-faq .accordion-item:has(.accordion-button.collapsed) {border-radius: 50px;border: 1px solid lightgray;overflow: hidden;transition: .5s ease-in-out;}
.faq-faq .accordion-item:has(.accordion-button:not(.collapsed)) {border-radius: 10px;transition: .5s ease-in-out;border: 1px solid lightgray;}
.faq-faq .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button {border-bottom: 1px solid lightgray;    background: none;
    color: var(--light-black);
}
    /*contact*/
.conatct-card{
    padding: 30px;
    border: 1px solid #D4D4D4;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05)
}
.contact-icons{
    border: 1px solid transparent;
    padding: 10PX;
    width: 36PX;
    height: 36px;
    border-radius: 24px;
    background-color: var(--blue);
}
.contact-icons:hover{
    background-color: var(--white);
    border: 1px solid var(--blue);
    transition: .2s ease-in;
}
.contact-icons i{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--white);
}
.contact-items .contact-icons:hover  i{
    color: var(--blue);
    transition: .2s ease-in;
}


.contact-items {
    display: flex;
    gap: 10px;
}
.social-links i {

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--blue);

}
.social-links:hover i{color: var(--white);transition: .3s ease-in;}

.social-links {
    border-radius: 50px;
    border: 1px solid var(--blue);
    width: 40PX;
    height: 40PX;
    padding: 10px;


}
.social-links:hover{background-color: var(--blue);border: 1px solid var(--blue);transition: .3s ease-in;}
.fn input {
    padding: 12px 23px;
    border: 1px solid transparent;
    background-color: #eee;
    border-radius:5px;
    outline: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}
.fn-text-area textarea{
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}
.fn input::placeholder {
    color: var(--placeholder-color);
}
.contact-input {outline: none;}
.fn-text-area textarea {
    height: 234px;
    padding: 12px 23px;
    border: 1px solid transparent;
    background-color: #eee;
    border-radius:5px;
    outline: none;
}
.fn-text-area textarea::placeholder{
    color: var(--placeholder-color);
}

/*complainces*/
.compliance-ol ol li{
    list-style: -moz-ethiopic-numeric;
}
.compliance-ul ul li{
    list-style: disc;
}
.button-button {
    border: 1px solid;
    padding: 12px 97px;
    border-radius: 99px;
    background-color: var(--purple);
}
.button-button:hover{
    border: 1px solid var(--purple);
    color: var(--purple);
    background-color: var(--white);
    transition: .3s ease-in;
}

/*aboutus*/
.card_team {
    border-radius: 20px;
    border: 1px solid var(--grey2);
    padding: 24px 15px;
    background: transparent;
}
.icons_teamLinks i {
    font-size: 15px;
    color: var(--blue);
    padding: 5px;
    background:var(--grey3);
    border-radius: 50px;
    padding: 5px;
}
.card_blogs {
    border-radius: 20px;
    border: 1px solid var(--blue);
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    padding: 20px;
    height: calc(100% - 13px)
}
.card_team .teamsvg-img{width: 120px;}
.card_team .teamsvg-img img{border-radius: 10px;}
.btn_readMoreBlogs i{font-size: 20px;color: var(--blue);}
.card_blogsDetail{border-radius: 20px;background: var(--white);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);padding: 20px;}
.blogs-img .img-blogs {border-radius: 20px; object-fit: cover;}
.blogs-img {height: 279px;width: 100%;}
.wrapper_timeline {max-width: 1252px;margin: 0 auto;}
.timeline {position: relative;}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--black);
    left: 50%;
    transform: translateX(-50%);
}
.timeline-entry {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}
.timeline-entry:nth-child(odd) .timeline-content {order: 2;padding-left: 100px;}
.timeline-entry:nth-child(even) .timeline-content {padding-right: 100px;}
.timeline-entry .number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--black);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 66px;
}
.timeline-content {max-width: 100%;}
.card_pricing{border-radius: 16px;border: 1px solid var(--blue);background: var(--white);box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);}
img.img-pricing {height: 33px;}
.pricingsvg-img {width: 77px;border: 6px solid var(--purple3);border-radius: 50px;border: 6px solid var(--purple3);background: var(--purple4);padding: 15px;}
.button_upgrade {background: var(--blue);color:  var(--white);padding: 15px 140px;border-radius: 5px;width: 100%;}
.upgrade_btn {width: 100%;padding: 20px;background: var(--offwhite);border-radius: 0 0 20px 20px;}
.pricing{padding-bottom: 10em;}
.pricing_btn {background: var(--light-purple);width: 100px;border-radius: 99px;}
/*.dropdown-submenu {position: relative;}*/
/*.dropdown-submenu > .dropdown-menu {top: 9px;left: 105%;margin-left: 0;margin-top: -0.5rem;display: none;}*/
/*.dropdown-submenu:hover > .dropdown-menu {display: block;}*/
.pricing .nav-tabs.nav-subscribtion{background-color: var(--white); border-radius: 50px ; padding: 8px 10px;justify-content: center;width: 223px}
.pricing .nav-tabs.nav-subscribtion .nav_subs-items a.nav-link{color: var(--blue);padding: 8px 10px; border-bottom: none;}
.pricing .nav-subscribtion .nav_subs-items a.nav-link.active{color: var(--white); background-color: var(--blue);border-radius: 50px;border-bottom: none;}
/*.contact-heading h3{font-size: 39px;}*/
.pricing .nav-line-tabs.nav-subscribtion .nav_subs-items .nav-link:hover:not(.disabled){border-bottom: none;}
.padding-cards{padding-inline: 2.5em;}
.card_pricing .card-body {padding-inline: 18px;}

.dropdown-menu {display: none;}

.dropdown-menu.show {display: block;}


.switch {position: relative;display: inline-block;width: 90px;height: 34px;}
.switch input {display: none;}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:var(--light-purple);
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: transparent;
    background-image: url(../images/danish-image.png); /* English image initially */
    background-size: cover;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked+.slider {background-color:var(--light-purple);}
input:focus+.slider {box-shadow: 0 0 1px #2196F3;}
input:checked+.slider:before {transform: translateX(55px);background-image: url(../images/usa-image.jpg);}
.on {display: none;}
.off {
    color: black;
    position: absolute;
    transform: translate(-27%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    user-select: none;
    font-size: 12px;
    font-weight: 400;
}

.on {
    color: black;
    position: absolute;
    transform: translate(-78%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    user-select: none;
    font-size: 12px;
    font-weight: 400;}
input:checked+.slider .on {display: block;}
input:checked+.slider .off {display: none;}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/*loader*/
.loader {
    position: fixed;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    z-index: 999;
    justify-content: center;
    align-items: center;
    font-family: "proxima-nova", sans-serif;
    background: linear-gradient(126deg, #00008B 36.78%, #D5E0FF 106.66%);
}
.loader .loader-image{
    width: 539px;
    height: auto;
}

#demo {max-height: 80%;max-width: 80%;font-weight: 700;}
.webtool .parent-grid .grid-item .webtool-card .card-body span p {
    font-size: 14px;
    color:var(--light-black);
    font-family: "Hanken Grotesk";
    margin-bottom: 0;
}