/*
 @Author: Renesis Technologies
 @URL: https://renesistech.com/

/* =============================================
			Theme Reset Style
============================================= */
:root{
    --themeDark5: #F4F4F4;
    --themeDark10: #E9E9E9;
    --themeDark30: #BCBCBC;
    --themeDark50: #8E8E8E;
    --themeDark65: #6F6F71;
    --themeDark70: #646467;
    --themeDark80: #4E4E51;
    --themeDark100: #222225;
    --themeColorPrimary: #3A9980;
    --themeColorDarkGreen: #22705C;
    --themeColorLightGreen: #DCFFF6;
    --transition:  all 300ms ease-in-out;
    /* --bannerheading: clamp(1.5rem, -0.25rem + 4.375vw, 5rem); */
    --bannerheading: clamp(2.5rem, -0.1668rem + 4.3057vw, 5rem);;
    --sectiontitle: clamp(2.25rem, 1.4167rem + 1.7361vw, 3.5rem);
    --innerbannertitle: clamp(1.5rem, -0.5rem + 4.1667vw, 4.5rem);
    --authorcontenttitle: clamp(1.5rem, 0.8333rem + 1.3889vw, 2.5rem);
    /* --blogbannertitle: clamp(1.5rem, -0.5rem + 4.1667vw, 4.5rem); */
    --blogbannertitle: clamp(1.875rem, -0.1991rem + 5.1852vw, 4.5rem);
}
* {
    margin: 0px;
    padding: 0px;
}
*:after,
*:before{ transition: var(--transition); }
html{scroll-behavior: smooth;}
body {
    color: #666;
    background: #fff;
    font:400 14px/23px 'Plus Jakarta Sans', sans-serif;
    /* font-family: 'Baloo 2', sans-serif; */
}
body,
html{height: 100%;}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #0f0f0f;
    margin: 0 0 8px;
    font-weight: 400;
    line-height: 1.5;
    font-style: normal;
    text-transform: capitalize;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
h1 { font-size: 48px;}
h2 { font-size: 36px;}
h3 { font-size: 24px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #0f0f0f;}
p a{ transition: var(--transition); }
p a,
p a:hover { text-decoration:underline; }
p {
    margin: 0 0 20px;
    line-height: 20px;
    letter-spacing: normal;
}
a {
    text-decoration: none;
    transition: var(--transition);
}
a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
}
ul { margin: 0; }
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong { color: #414141; }
iframe {
    width: 100%;
    float: left;
    border: none;
}
button { border: none; }
textarea,
select,
.at-select select,
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: #666;
    outline: none;
    height: 40px;
    background:#fff;
    font-size: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 18px;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
textarea.form-control{
    resize: none;
    height: 210px;
}
.form-control::-webkit-input-placeholder { color: #666; } /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #666; } /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #666; } /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #666; } /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color:#666; } /* Microsoft Edge */
input:focus,
.select select:focus,
.form-control:focus {
    color: #666;
    border-color: #666;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
.form-group {
    width: 100%;
    float: left;
    margin:0 0 20px;
}
label {
    color: #666;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
form p {
    float: left;
    position: relative;
    width: 100%;
}
form p span i {
    top: 13px;
    left: 16px;
    color: #474747;
    position: absolute;
}
option { padding: 5px 15px; }
li {
    line-height: 28px;
    list-style: disc inside none;
}
ul ul { margin-left: 20px; }
ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}
ol ol { margin-left: 20px; }
ol li {
    list-style: decimal;
    width: 100%;
}
/* =============================================
			Theme Global Elements
============================================= */
/* .container{max-width: 1260px;} */
.container{max-width: 1350px;}
.at-haslayout {
    width:100%;
    float:left;
}
.at-sectionspace {padding: 80px 0;}
.at-btn-sm {
    padding: 0 20px;
    line-height: 30px;
}
.at-btn {
    color: #fff;
    overflow:hidden;
    position:relative;
    text-align:center;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    background: var(--themeColorRed);
    font:700 18px/50px 'Plus Jakarta Sans', sans-serif;
}
.at-btn:hover {
    color:#fff;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    background: var(--themeColorBlue);
}
.at-btn-lg { width: 100%;}
.at-description {
    width: 100%;
    float: left;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.navbar-toggle {
    border: 0;
    margin: 3px 0;
    border-radius: 0;
    padding: 10px 12px;
}
.navbar-toggle .icon-bar{background: #fff;}
.at-formtheme{
    width:100%;
    float:left;
}
.at-formtheme fieldset{
    border:0;
    margin:0;
    padding:0;
    width:100%;
    float:left;
    position:relative;
}
.at-inputwithicon{position:relative;}
.at-inputwithicon i{
    top:0;
    right:0;
    z-index:2;
    width:40px;
    height:40px;
    line-height:40px;
    position:absolute;
    text-align: center;
}
.at-inputwithicon .form-control{
    z-index:1;
    position:relative;
}
/*==========================================================================================
		For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/*
.navbar-toggle{display: block;}
.navbar-collapse.collapse {display: none!important;}
.collapse.in{display:block !important;}
*/
/*==========================================================================================
			For Mobile Nav use this code in Responsive.css desired Query
==========================================================================================*/
/* =============================================
			Theme BreadCrumb Style
============================================= */
.at-breadcrumb {
    padding: 0;
    margin:0;
    color: #fff;
    float: right;
    list-style: none;
    text-align: right;
    text-transform: uppercase;
    font:14px/44px 'Plus Jakarta Sans', sans-serif;
}
.at-breadcrumb li {
    width:auto;
    list-style-type:none;
    display: inline-block;
    vertical-align: middle;
    line-height:inherit;
    padding:0 15px;
    position:relative;
}
.at-breadcrumb li:after {
    top:0;
    left:-3px;
    content:'-';
    position:absolute;
}
.at-breadcrumb li:last-child { padding: 0 0 0 15px;}
.at-breadcrumb li:first-child:after { display: none; }
.at-breadcrumb li a {
    display:block;
    color:#fff;
}
/* =============================================
			Theme Styling
============================================= */
.at-home {}
.at-wrapper {
    height: 100%;
    display: flex;
    /* overflow: hidden; */
    flex-direction: column;
}
.at-main {flex-grow: 1;}
.at-footer {}
/* .at-sectionpadding{padding: 60px 0;} */
/* =============================================
			Header Style
============================================= */
.at-header {
    width: 100%;
    float: left;
    z-index: 100;
    padding: 20px 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.at-logo{float: left;}
.at-logo a{display: block;}
.at-navigationarea{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.at-nav{
    width: 100%;
    float: left;
    text-transform: capitalize;
    font:400 14px/18px 'Plus Jakarta Sans', sans-serif;
}
.at-navbar{padding: 0;}
.at-navigation{
    padding: 0;
    width: 100%;
    float: left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.at-navigation ul{
    gap: 10px;
    padding: 0;
    font-size: 18px;
    list-style: none;
    font-weight: 700;
    line-height: inherit;
}
.at-navigation > ul{
    width: 100%;
    float: left;
    list-style: none;
    text-align: center;
    line-height: inherit;
    justify-content: center;
}
.at-navigation ul li{
    padding: 0;
    cursor: pointer;
    line-height: inherit;
    list-style-type: none;
}
.at-navigation > ul > li.at-active > a{background: var(--themeColorPrimary);}
.at-navigation > ul > li{
    width: auto;
    vertical-align: top;
    display: inline-block;
}
.at-navigation ul li a{
    display: flex;
    padding: 0 24px;
    min-height: 40px;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    color: var(--themeDark80);
    font-family: 'Baloo 2', sans-serif;
    border-bottom: 2px solid transparent;
}
.at-navigation ul li a span{
    /* -webkit-box-shadow: 0 12px 16px 16px rgba(0,0,0,0.1);
    box-shadow: 0 12px 16px 16px rgba(0,0,0,0.1); */
}
.at-navigation ul li a:hover,
.at-navigation > ul > li.at-active > a{
    box-shadow: none;
    color: var(--themeColorLightGreen);
    background: var(--themeColorPrimary);
    border-color: var(--themeColorDarkGreen);
}
.sub-menu,
.mega-menu{
    left: 0;
    top: 150px;
    z-index: 2;
    opacity: 0;
    background: #fff;
    visibility: hidden;
    position: absolute;
    transition: var(--transition);
}
.sub-menu{
    margin: 0;
    width: 350px;
    text-align: left;
    border-radius: 12px;
    padding: 10px 10px !important;
    -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
}
.sub-menu li{padding: 10px 0 !important;}
.sub-menu li a{
    padding: 0 10px !important;
    color: var(--themeDark50) !important;
}
.at-navigation > ul > li:hover .sub-menu,
.at-navigation > ul > li:hover .mega-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.at-btncontactus{
    float: right;
    margin: 9px 0;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    border-radius: 12px;
    background: var(--themeColorBlue);
}
.at-headerbtncontact:hover{
    transform: none;
    background: var(--themeColorRed);
}
.rt-langaugesdropdown{
    max-width: 110px;
    position: relative;
}
.rt-langaugesdropdown:after{
    top: 50%;
    right: 15px;
    content: '';
    width: 12px;
    height: 10px;
    position: absolute;
    pointer-events: none;
    background: url(images/arrow-down.svg) no-repeat center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.rt-langaugesdropdown select{
    border: 0;
    color: #fff;
    width: 110px;
    appearance: none;
    position: relative;
    padding: 10px 12px 10px 10px;
    background: var(--themeColorPrimary);
}
.navbar-toggler:focus{box-shadow: none;}
/* =============================================
			Banner Style
============================================= */
.at-bannerslider,
.at-bannerslider .item{
    width: 100%;
    float: left;
}
.at-bannerimg{
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
}
.at-bannercontent{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 60px;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.at-bannercontent h1{
    color: #fff;
    font-weight: 700;
    line-height: 84px;
    line-height: 100%;
    font-size: var(--bannerheading);
    font-family: 'Baloo 2', sans-serif;
}
.at-bannercontent h1 span{display: block;}
.at-bannercontent .at-description p{
    margin: 0;
    font-size: 22px;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.72)
}
.at-bannercontent .at-description p span{display: block;}
.at-storesbtns{
    gap: 18px;
    width: 100%;
    float: left;
    display: flex;
    margin: 40px 0 0;
    align-items: center;
}
.at-btnstore{
    gap: 18px;
    display: flex;
    max-width: 177px;
    min-width: 177px;
    min-height: 60px;
    padding: 5px 20px;
    align-items: center;
    justify-content: center;
    background: url(images/icons/btn-bg.svg) no-repeat center;
    background-size: contain;
}
.at-storeicon{
    margin: 0;
    width: 24px;
}
.at-storeicon img{
    width: 100%;
    height: auto;
    display: block;
}
.at-storecontent{
    display: flex;
    align-items: start;
    flex-direction: column;
}
.at-storecontent span{
    color: #fff;
    display: block;
    margin: 0 0 4px;
    font-size: 10px;
    line-height: 14px;
}
.at-storecontent h2{
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
}
.owl-dots{
    left: 0;
    gap: 16px;
    z-index: 3;
    width: 100%;
    bottom: 60px;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
}
.owl-dot{
    width: 16px;
    height: 16px;
    opacity: 0.40;
    border-radius: 50%;
    background: #fff !important;
}
.owl-dot.active{opacity: 1;}
/* =============================================
		How It Works Style
============================================= */
.at-sectionhead{
    width: 100%;
    float: left;
    padding: 0 15px;
    margin: 0 0 40px;
    text-align: center;
}
.at-sectionhead h3{
    margin: 0 0 20px;
    font-weight: 700;
    line-height: 48px;
    line-height: 100%;
    font-size: var(--sectiontitle);
    font-family: 'Baloo 2', sans-serif;
}
.at-sectionhead .at-description p{
    margin: 0;
    color: #585858;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}
.at-sectionhead .at-description p span{display: block;}
.at-howitworksslider,
.at-howitworksslider .item{
    width: 100%;
    float: left;
}
.at-howitworksslider .owl-item.active .item{
    padding: 43px 20px 43px 20px;
    background: url('/assets/images/howitworks/mobile-frame.png') no-repeat;
    background-size: contain;
}
.at-worksimag{
    margin: 0;
    width: 100%;
    float: left;
    border-radius: 20px;
}
.at-worksimag img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}
/* =============================================
			Downlaod App Style
============================================= */
.at-downalodappsarea{
    width: 100%;
    float: left;
    display: flex;
    padding: 30px;
    overflow: hidden;
    min-height: 415px;
    margin: 0 0 100px;
    position: relative;
    align-items: center;
    border-radius: 32px;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    /* background-size: 100% ; */
    background-position: center;
}
.at-downalodappsarea .at-storesbtns{justify-content: center;}
.at-downloadconent{
    width: 100%;
    float: left;
    text-align: center;
}
.at-downloadconent .at-sectionhead h3,
.at-downloadconent .at-sectionhead .at-description p{color: #fff;}
.at-arrowsign{
    margin: 0;
    right: 33%;
    width: 50px;
    bottom: 46px;
    position: absolute;
}
.at-pluss{
    top: 26%;
    margin: 0;
    left: 12%;
    width: 50px;
    position: absolute;
}
.at-plussb{
    top: 26%;
    margin: 0;
    right: 90px;
    width: 115px;
    position: absolute;
}
/* =============================================
		MiiStory Style
============================================= */
.at-innerbanner{
    width: 100%;
    float: left;
    position: relative;
}
.at-innerbannerimg{
    margin: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    max-height: 580px;
}
.at-miiinnerbanner .at-innerbannerimg{max-height: none;}
.at-innerbannerimg img{
    width: 100%;
    height: auto;
    display: block;
}
.at-bannerclouds{
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
}
.at-miistorycontent{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1050px;
    overflow: hidden;
}
.at-miistorycontent .at-sectionhead{
    padding: 0;
    margin: 0 0 35px;
}
.at-miistorycontent .at-sectionhead h3{margin: 0;}
.at-innercontentholder{
    width: 100%;
    float: left;
    text-align: center;
}
.at-innercontentholder .at-description p{
    color: #585858;
    font-size: 16px;
    margin: 0 0 46px;
    line-height: 26px;
}
.at-innerimg{
    width: 100%;
    float: left;
    margin: 0 0 40px;
}
.at-innerimg img{
    width: 100%;
    height: auto;
    display: block;
}
.at-fourimgs{
    gap: 24px;
    width: 100%;
    display: flex;
    margin: 0 0 50px;
    align-items: start;
}
.at-img{
    margin: 0;
    width: 100%;
    float: left;
}
.at-img img{
    width: 100%;
    height: auto;
    display: block;
}
.at-img:nth-child(even){margin: 46px 0 0;}
.at-storymiipillars{
    width: 100%;
    float: left;
}
.at-storymiipillars .at-description p span{display: block;}
.at-ignitefoster{
    gap: 20px;
    width: 100%;
    display: flex;
    margin: 0 0 50px;
    align-items: start;
}
.at-igniteimg{
    width: 100%;
    float: left;
    display: flex;
    min-height: 155px;
    align-items: center;
    justify-content: center;
}
.at-igniteimg h4{
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    font-family: 'Baloo 2', sans-serif;
}
.at-igniteimg h4 span{display: block;}
.at-igniteimg:first-child{
    background: url('/assets/images/miistory/ignite.webp') no-repeat;
    background-size: contain;
    background-position: center;
}
.at-igniteimg:nth-child(2){
    background: url('/assets/images/miistory/enlighten.webp') no-repeat;
    background-size: contain;
    background-position: center;
}
.at-igniteimg:nth-child(3){
    background: url('/assets/images/miistory/foster.webp') no-repeat;
    background-size: contain;
    background-position: center;
}
.at-innerheading{
    width: 100%;
    float: left;
    margin: 0 0 20px;
}
.at-innerheading h4{
    font-size: 22px;
    line-height: 23px;
    font-weight: bold;
    font-family: 'Baloo 2', sans-serif;
}
/* =============================================
		Athor's Story Style
============================================= */
.at-authorinnerbanner .at-innerbannerimg{position: relative;}
.at-authorbannercontent{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0 30px;
    position: absolute;
    align-items: center;
    justify-content: center;
}
.at-auhtorbannercontentarea{
    width: 100%;
    float: left;
    text-align: center;
}
.at-auhtorbannercontentarea h1{
    color: #fff;
    font-weight: 700;
    margin: 0 0 30px;
    line-height: 100%;
    font-size: var(--innerbannertitle);
    font-family: 'Baloo 2', sans-serif;
}
.at-auhtorbannercontentarea h2{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 100%;
    font-family: 'Baloo 2', sans-serif;
}
.at-auhtorbannercontentarea p{
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}
.at-authorportalsarea{
    width: 100%;
    float: left;
}
.at-authorportal{
    gap: 0 12%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.at-authorportal + .at-authorportal{margin: 70px 0 0;}
.at-auhtorportalimg{
    margin: 0;
    flex-shrink: 0;
    max-width: 425px;
    border-radius: 24px;
}
.at-auhtorportalimg img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
}
.at-authorportalcontent{
    width: 100%;
    float: left;
}
.at-authorportalcontent h3{
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 40px;
    line-height: 100%;
    color: var(--themeDark100);
    font-family: 'Baloo 2', sans-serif;
    font-size: var(--authorcontenttitle);
}
.at-authorportalcontent p{
    margin: 0;
    color: #585858;
    font-size: 16px;
    line-height: 24px;
}
.at-signupnow{
    width: 100%;
    float: left;
    display: flex;
    overflow: hidden;
    margin: 100px 0 0;
    min-height: 234px;
    padding: 30px 50px;
    position: relative;
    align-items: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.at-signupnow .at-pluss{
    top: auto;
    bottom: 24px;
}
.at-signupnow .at-plussb{
    top: -20px;
    right: 10px;
    width: 80px;
    transform: rotate(60deg);
}
.at-signupcontent{
    gap: 50px;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.at-signuptitle{
    width: 100%;
    float: left;
}
.at-signuptitle h3{
    color: #fff;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 40px;
    font-family: 'Baloo 2', sans-serif;
    font-size: var(--authorcontenttitle);
}
.at-signuptitle p{
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
.at-signuptitle p span{display: block;}
.at-formsingupnow{
    width: 100%;
    float: left;
    max-width: 590px;
}
.at-formsingupnow fieldset{
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.at-formsingupnow fieldset .form-group{
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
    padding: 0 160px 0 0;
}
.at-formsingupnow fieldset .form-group input{
    border: 0;
    width: 100%;
    height: 54px;
    border-radius: 14px;
}
.at-btnsignup{
    top: 0;
    right: 0;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    max-width: 145px;
    min-width: 145px;
    min-height: 54px;
    position: absolute;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    font-family: 'Baloo 2', sans-serif;
    background: var(--themeColorDarkGreen);
}
/* =============================================
		Blogs Style
============================================= */
.at-bloginnerbanner{
    width: 100%;
    float: left;
    display: flex;
    min-height: 300px;
    background: #DFFFF7;
    align-items: center;
    justify-content: center;
}
.at-blogbannercontent{
    width: 100%;
    float: left;
    text-align: center;
}
.at-blogbannercontent h1{
    font-weight: 700;
    line-height: 55px;
    line-height: 100%;
    color: var(--themeColorPrimary);
    font-size: var(--blogbannertitle);
    font-family: 'Baloo 2', sans-serif;
}
.at-blogbannercontent p{
    font-size: 18px;
    line-height: 24px;
    color: var(--themeDark100);
}
.at-blogbannercontent p span{display: block;}
.at-blogsarea{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
    max-width: 1350px;
}
.at-blogs{
    gap: 24px;
    width: 100%;
    float: left;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.at-blog{
    width: 100%;
    float: left;
}
.at-blogimg{
    margin: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}
.at-blogimg img{
    width: 100%;
    height: auto;
    display: block;
}
.at-blogcontent{
    width: 100%;
    float: left;
    margin: 20px 0 0;
}
.at-blogcontent h3{
    width: 100%;
    float: left;
    font-size: 28px;
    margin: 0 0 10px;
    overflow: hidden;
    font-weight: 700;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Baloo 2', sans-serif;
}
.at-blogcontent h3 a{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.at-blogcontent h3 a:hover{color: var(--themeColorPrimary);}
.at-blogtime{
    gap: 8px;
    width: 100%;
    float: left;
    display: flex;
    color: #585858;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    align-items: center;
}
.at-blogcontent .at-description {margin: 12px 0 0;}
.at-blogcontent .at-description p{
    color: #585858;
    font-size: 16px;
    overflow: hidden;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.at-blogdetailbanner{
    width: 100%;
    float: left;
}
.at-blogdetailcontent .at-sectionhead,
.at-blogdetailcontent .at-innercontentholder{text-align: left;}
.at-blogdetailcontent .at-innercontentholder .at-description p{margin: 0 0 20px;}
.at-twoblogimg{
    gap: 24px;
    width: 100%;
    display: flex;
    margin: 0 0 50px;
    align-items: start;
}
.at-twoblogimg .at-img:nth-child(even){margin: 0;}
/* =============================================
		About Us Style
============================================= */
.at-aboutuspage{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
    max-width: 1350px;
}
.at-aboutusnavs{
    gap: 55px;
    padding: 0;
    width: 100%;
    float: left;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    list-style: none;
    line-height: 19px;
    align-items: center;
    border-bottom: 1px solid #E9E9E9;
}
.at-aboutusnavs li{
    float: left;
    line-height: inherit;
    list-style-type: none;
}
.at-aboutusnavs li button{
    color: #222225;
    font-weight: 400;
    padding: 0 0 12px;
    position: relative;
}
.at-aboutusnavs li button:hover,
.at-aboutusnavs li button.active{
    font-weight: 600;
    color: var(--themeColorPrimary);
}
.at-aboutusnavs li button:after{
    left: 0;
    width: 0;
    bottom: 0;
    content: '';
    height: 2px;
    position: absolute;
    background: #3A9980;
}
.at-aboutusnavs li button.active:after,
.at-aboutusnavs li button:hover:after{width: 100%;}
.at-tab-pane,
.at-tab-content{
    width: 100%;
    float: left;
}
.at-tab-content{margin: 40px 0 0;}
.at-aboutuscontent{
    width: 100%;
    float: left;
}
.at-aboutuscontent .at-authorportalcontent p{margin: 0 0 30px;}
.at-authorimg{
    left: -50px;
    bottom: -60px;
    overflow: hidden;
    position: absolute;
    border: 12px solid #fff;
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
}
.at-nancyimg{
    left: -100px;
    bottom: -120px;
    overflow: hidden;
    position: absolute;
    border: 12px solid #fff;
    width: 244px !important;
    height: 244px !important;
    border-radius: 24px !important;
}
.at-ryanlitz{
    left: auto;
    right: -100px;
}
/* =============================================
		Privacy Policy Style
============================================= */
.at-privacyhead,
.at-privacypolicypage{
    width: 100%;
    float: left;
}
.at-privacyhead{margin: 0 0 25px;}
.at-privacyhead h2{
    width: 100%;
    float: left;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 40px;
    color: var(--themeDark100);
    font-family: 'Baloo 2', sans-serif;
    font-size: var(--authorcontenttitle);
}
.at-privacyhead p{
    margin: 0;
    color: #585858;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.at-privacypolicycontent{
    width: 100%;
    float: left;
}
.at-privacypolicycontent + .at-privacypolicycontent{margin: 30px 0 0;}
.at-privacypolicycontent h2{
    width: 100%;
    float: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 30px;
    color: var(--themeDark100);
    font-family: 'Baloo 2', sans-serif;
}
.at-privacycontent{
    width: 100%;
    float: left;
}
.at-privacycontent + .at-privacycontent{margin: 16px 0 0;}
.at-privacycontent h3{
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 22px;
    color: var(--themeDark100);
    font-family: 'Baloo 2', sans-serif;
}
.at-privacycontent p{
    margin: 0;
    color: #585858;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.at-privacycontent ul{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    color: #585858;
    font-size: 16px;
    list-style: none;
    font-weight: 500;
    line-height: 18px;
}
.at-privacycontent ul li{
    width: 100%;
    float: left;
    padding: 2px 0;
    list-style-type: none;
}
.at-privacycontent ul li span{
    display: block;
    position: relative;
    padding: 0 0 0 16px;
}
.at-privacycontent ul li span:after{
    left: 0;
    top: 50%;
    width: 6px;
    content: '';
    height: 6px;
    position: absolute;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--themeDark100);
}
/* =============================================
		Footer Style
============================================= */
.at-footer{background: #fff;}
.at-flogosocialarea{
    width: 100%;
    float: left;
    display: flex;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between;
}
.at-footerlogo{
    width: auto;
    float: left;
    display: block;
    max-width: 180px;
}
.at-copyrights{
    margin: 0;
    width: 100%;
    float: left;
    margin: 30px 0 0;
    padding: 20px 15px;
    border-top: 1px solid #E5E5E5;
}
.at-copyrightsholder{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.at-addnav{
    margin: 0;
    padding: 0;
    gap: 0 40px;
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
    list-style: none;
    line-height: 17px;
    align-items: center;
    justify-content: center;
}
.at-addnav li{
    line-height: inherit;
    list-style-type: none;
}
.at-addnav li a{
    display: block;
    color: var(--themeDark70);
}
.at-addnav li a:hover,
.at-addnav li.at-active a{color: var(--themeColorPrimary);}
.at-copyrights p{
    margin: 0;
    color: #818182;
    font-size: 14px;
}
.at-socialmail{
    display: flex;
    align-items: start;
    flex-direction: column;
}
.at-emailbtn{
    display: block;
    color: #0A142F;
    font-size: 16px;
    line-height: 19px;
}
.at-emailbtn span{margin: 0 0 0 10px;}
.at-socialicons{
    margin: 0;
    gap: 30px;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}
.at-socialicons li{list-style-type: none;}
.at-footercontent,
.at-ourpartnerslogos{
    width: 100%;
    float: left;
}
.at-footercontent h5{
    color: #0A142F;
    font-size: 12px;
    margin: 0 0 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.at-ourpartnerslogos{
    gap: 15px;
    display: flex;
    align-items: center;
}
.at-partnerlogo{margin: 0;width: 50px;}
.at-partnerlogo:first-child{width: 80px;}
.at-partnerlogo:last-child{width: 120px;}
.at-ryanimg{left: 60px !important;}
.at-miiappfusion{
    width: 100%;
    float: left;
    display: flex;
    margin: 60px 0 0;
    min-height: 300px;
    text-align: center;
    padding: 20px 30px;
    align-items: center;
    border-radius: 24px;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(to bottom,  rgba(233,255,249,0.8) 0%,rgba(248,255,253,0.5) 100%);
}
.at-miiappfusion h4{
    font-size:40px;
    margin: 0 0 12px;
    font-weight: bold;
    line-height: 43px;
    font-family: 'Baloo 2', sans-serif;
}
.at-miiappfusion p{
    margin: 0;
    color: #909092;
    font-size: 16px;
    line-height: 24px;
}
.at-miiappfusion p span{display: block;}
.at-contactinfostory{
    width: 100%;
    float: left;
}
.at-contactinfostory ul{
    padding: 0;
    width: 100%;
    float: left;
    list-style: none;
}
.at-contactinfostory ul li{
    width: 100%;
    float: left;
    list-style-type: none;
}
.at-contactinfostory ul li ol{
    width: 100%;
    float: left;
}
.at-contactinfostory ul li ol li{
    position: relative;
    padding: 0 0 0 10px;
}
.at-contactinfostory ul li ol li:after{
	left: 0;
	top: 50%;
	width: 5px;
	content: '';
	height: 5px;
	border-radius: 50%;
	position: absolute;
	background: #414141;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rt-promoCodeArea{
    width: 100%;
    float: left;
    padding: 20px 0;
    position: relative;
    background: var(--themeColorPrimary);
}
.rt-promoCodeArea h3{
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: bold;
    line-height: 22px;
    text-transform: initial;
    color: var(--themeColorLightGreen);
}
.rt-promoCodeArea:after{
    top: -38px;
    right: 0;
    content: '';
    width: 100%;
    height: 60px;
    position: absolute;
    background: url('/assets/images/illustrator.svg') no-repeat;
    background-size: 100% 100%;
    z-index: 5;
}
.rt-formPromoCode{
    width: 100%;
    float: left;
    position: relative;
    padding-right: 150px;
}
.rt-formPromoCode .rt-Two__Cols{margin: 0;}
.rt-formPromoCode .rt-Input__Holder label{color: #d9d8d8;}
.rt-formPromoCode .rt-Input__Holder input{
    border: 0;
    color: #fff;
    background: #71a99a;
}
.rt-formPromoCode .rt-Input__Holder input::placeholder{color: #ededed;}
.rt-formPromoCode button{
    right: 0;
    bottom: 0;
    margin: 0;
    display: flex;
    padding: 0 24px;
    min-height: 40px;
    min-width: 130px;
    position: absolute;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    color: var(--themeDark80);
    font-family: 'Baloo 2', sans-serif;
    border-bottom: 2px solid transparent;
    box-shadow: none;
    background: #33836e;
    color: var(--themeColorLightGreen);
    border-color: var(--themeColorDarkGreen);
}
.rt-formPromoCode button:hover{background: #2d6758}
