/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.zindex{
    position: relative;
    z-index: 9999;
}
.zindex-1{
    z-index: -1;
}
.hide-desktop{
    display: none !important;
}
.el-content a {
    color: #2286e9;
}
.el-content h2 {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
}
.el-content h2 span {
    font-weight: 600 !important;
}
.widget-contact .info-box {
    margin: 0 0 16px -6px;
}
.offer-grid .elementor-col-16 {
    width: 50% !important;
}
/*.offer-grid .elementor-container.elementor-column-gap-default {
    display: grid;
    grid-template-columns: repeat(5, auto);
    grid-gap: 20px;
}
.offer-grid .elementor-container.elementor-column-gap-default .elementor-col-20{
    width: 100% !important;
}
.offer-grid .elementor-container.elementor-column-gap-default .elementor-widget-wrap{
    margin: 0 !important;
}*/
.widget-contact .img {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    margin: 0 5% 0 0;
}
.widget-contact .img img {
    width: 100%;
    height: auto;
}
.widget-contact .hold {
    display: inline-block;
    vertical-align: middle;
    width: 63%;
    margin-right: -4px;
}
.widget-contact .hold h3 {
    margin: 0 0 5px;
}
.widget-contact .hold p {
    margin: 0;
}
.widget-contact a {
    color: #009ce4;
}
.widget-contact  hr{
    height: 1px;
    background-color: #ccc;
    border: none;
    margin: 40px 0;
}
.cterm {
    color: var( --e-global-color-primary );
    font-family: "Avenir Next", Sans-serif;
    font-size: 58px;
    font-weight: 600;
    margin: 0;
}
.elementor p a{
    color: #2286e9;
}
/* Button css */
.tp-switcher .knobs:before{content: '';position: absolute;top: 12px;left: 15px;width: 40px;height: 40px;color: #fff;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;padding: 9px 4px;background-color: #fff;border-radius: 50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.35), 0 10px 10px -5px rgba(0, 0, 0, 0.20);}
.tp-switcher .checkbox:checked + .knobs:before{content: '';left: 152px;background-color: #fff;}
.tp-switcher .checkbox:checked ~ .layer{background-color: #22A6E9;}
.tp-switcher .knobs, .tp-switcher .knobs:before, #button-1 .layer{transition: 0.3s ease all;}
.knobs, .layer{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.tp-switcher{position: relative;top: 50%;width: 206px;height: 64px;margin: 0px auto 0 auto;overflow: hidden; float: left; margin-right: 60px;}
.button.r, .button.r .layer{border-radius: 100px;}
.tp-switcher .checkbox{position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;}
.knobs{z-index: 2;}
.layer{width: 100%;background-color: #d3d3d3;transition: 0.3s ease all;z-index: 1;}

#header-btn {
    width: 397px;
    height: 78px;
    text-decoration: none;
}
.top-war p{
    margin: 0;
}
.top-war p a{
    color: #786E6C;
}
#cookie-notice {
    position: static;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    background-color: #fff !important;
    color: #786E6C !important;
}
.cookie-notice-container {
    padding: 5px 0 !important;
}
#cn-notice-text a{
    color:  #22A6E9 !important;
}
feefowidget-container-carousel .feefowidget-carousel-container-snapshot {
    width: 100% !important;
    margin: 0;
}
.rep_example {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 20px 0;
}
.rep_example h2 {
    font-family: "Avenir Next", Sans-serif;
    font-size: 39px;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: -0.68px;
    color: #22a6e9;
    margin: 0;
}
.rep_example h3 {
    font-family: "Helvetica Neue", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 55px;
    letter-spacing: -0.68px;
    color: #22a6e9;
}
.rep_example p{
    color: #6E6E6E;
    font-family: "Avenir Next", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.21px;
}
.rep_example .sw-left {
    border-right: 1px solid #EAEFF5;
    padding-right: 20px;
}
.rep_example .sw-right {
    padding-left: 20px ;
}
.sw-row {
    float: left;
    width: auto;
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EAEFF5;
}
.sw-text {
    position: relative;
    top: 50%;
    width: 206px;
    height: 64px;
    margin: 0px auto 0 auto;
    overflow: hidden;
    float: left;
    border: 1px solid #EAEFF5;
    border-radius: 100px;
    padding: 10px;
    line-height: 40px;
    text-align: center;
}
.sw-text span{
    font-family: "Helvetica Neue", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.69px;
}
.sw-left {
    float: left;
    width: 50%;
}
.sw-right {
    float: left;
    width: 50%;
}
.sw-apr {
    float: left;
    width: 50%;
    text-align: center;
    border-left: 1px solid #EAEFF5;
    border-right: 1px solid #EAEFF5;
}
.sw-mnth {
    float: left;
    width: 50%;
    text-align: center;
    border-right: 1px solid #EAEFF5;
}
.sw-mnth h1 {
     font-size: 48px;
    font-weight: 500;
}
.sw-apr h1 {
    font-size: 48px;
    font-weight: 500;
}
.apr-amount {
    font-size: 48px;
    color: var( --e-global-color-primary );
    font-weight: 400;
}
.mnth-text {
    font-size: 28px;
}
.mnth-am {
    font-size: 28px;
    color: var( --e-global-color-primary );
}
.apply-btn-wrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
}
.apply-btn-wrapper .apply-btn {
    background: var( --e-global-color-accent );
    text-align: center;
    font-family: "Avenir Next", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    border-radius: 32px 32px 32px 32px;
    width: 330px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    height: 61px;
    padding: 13px 26px;
}
.elementor-slide-button {
    background: var( --e-global-color-accent ) !important;
    text-align: center;
    font-family: "Avenir Next", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    border-radius: 32px 32px 32px 32px !important;
    width: 200px !important;
    display: inline-block !important;
    color: #fff !important;
    text-decoration: none !important;
    height: 51px;
    padding: 15px 24px !important;
}
.elementor-slide-button .fas.fa-arrow-circle-right {
  float:right;
  content:url(img/btn-arr.png)!important;
  position:relative;
  top:-10px;
  width:39px;
  height:39px;
  right:-10px
}
.apply i, .fas.fa-arrow-circle-right {
    float: right;
    content: url(img/btn-arr.png) !important;
    position: relative;
    top: -13px;
    width: 54px;
    height: 54px;
    right: -40px;
}
.apply-btn a{
    background: var( --e-global-color-accent );
    text-align: center;
    font-family: "Avenir Next", Sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    border-radius: 32px 32px 32px 32px !important;
    width: 330px !important;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    height: 61px;
    padding: 20px 26px !important;
}
/*.elementor-294 {
    background: url(img/pp-bg.png);
    background-repeat: no-repeat;
    background-size: 100% unset;
}
.elementor-75 {
    background: url(img/hp-bg.png);
    background-repeat: no-repeat;
    background-size: 100% unset;
    background-position: top;
}.elementor-644 {
    background: url(img/sp-bg.png);
    background-repeat: no-repeat;
    background-size: 100% unset;
}
.elementor-726 {
    background: url(img/contact-bg.png);
    background-repeat: no-repeat;
    background-size: 100% unset;
}*/
.elementor-644 .elementor-element.elementor-element-28676d25 {
    margin-left: 85px;
    background: transparent;
    margin-right: 85px;
}
.elementor-294 .elementor-element.elementor-element-70fa63ea, .elementor-75 .elementor-element.elementor-element-6e259f3{
    margin-left: 85px;
    background: #fff;
    margin-right: 85px;
}

.co-bg{ margin:0 85px;}
/*select.arrows {
    background-image: url(img/down-arrow.png);
    background-position: calc(100% - 4.5rem), 100% 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: #fff;
}  
select.arrows {
    width: 392.03px;
    height: 76.36px;
    border-radius: 32px;
    font-size: 24px;
    font-weight: 400;
    font-family: "Avenir Next", Sans-serif;
    letter-spacing: -0.52px;
    color: #22A6E9;
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 4px solid #E4EBF2; 
    text-align: center;  
    text-align-last: center;
}*/
select.arrows {
    width: 392.03px;
    height: 76.36px;
    border-radius: 32px;
    font-size: 24px;
    font-weight: 600;
    font-family: "Avenir Next", Sans-serif;
    letter-spacing: -0.52px;
    color: #22A6E9;
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px solid #E4EBF2;
    text-align: center;
    text-align-last: center;
    box-shadow: rgba(255, 255, 255, 0.14) 0 0 8px 4px;
}
.white-layer-select select.arrows {
    box-shadow: rgba(34, 166, 233, 0.49) 0 0 8px 4px;
}
select.arrows {
    background-image: url(img/down-arrow.png);
    background-position: calc(100% - 0.5rem), 100% 0;
    background-size: 50px;
    background-repeat: no-repeat;
    background-color: #fff;
}
select.arrows:focus {
    border-color: #c8c8c8;
    outline: 0;
}
.apply.drop{
    display: inline-block;
}
/*.apply {
    font-family: "Avenir Next", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    border-radius: 32px 32px 32px 32px;
    width: 392px;
    height: 78px;
    text-decoration: none !important;
    background-color: var( --e-global-color-accent ) !important;
    padding: 25px 50px;
    border: unset !important;
    color: #fff !important;
    line-height: 32px;
    margin-top: 56px;
}*/
.apply {
    font-family: "Avenir Next", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    border-radius: 32px 32px 32px 32px;
    width: 392px;
    height: 78px;
    text-decoration: none !important;
    background-color: var( --e-global-color-accent ) !important;
    padding: 25px 50px;
    border: unset !important;
    color: #fff !important;
    line-height: 32px;
    margin-top: 22px;
    text-align: center;
    /*padding-left: 90px;*/
}
.apply i, .fas.fa-arrow-circle-right {
    float: right;
    content: url(img/btn-arr.png) !important;
    position: relative;
    top: -10px;
    width: 49px;
    height: 49px;
    right: -40px;
}
.apply-btn-lrg a{
    height: 78px;
}
.pp-rpr span{color:#22A6E9;}
.pp-rpr{text-align: center;
color: #908684;
font-family: "Helvetica Neue", Sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.51px;}
.mlr{
    margin: 0 85px 0 85px;
}
.calc-bg .elementor-background-overlay{
    background-size:100% 100% !important;
}

.elementor-icon-list-icon i {
    line-height: 32px;
}

.el-header-section h1 {
    color: #231F1E;
    font-family: "Yellowtail", Sans-serif;
    font-size: 65px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.33px;
}
.el-header-section p {color: var( --e-global-color-primary );
font-family: "Helvetica", Sans-serif;
font-size: 21px;
font-weight: 500;
letter-spacing: 0.64px;
margin-top:  40px;
}
#loadMore {
    background: #22A6E9;
    color: #282828;
    font-family: "Helvetica", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 19px;
    letter-spacing: -0.57px;
    border-radius: 6px;
    border: none;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    padding: 25px 75px;
    cursor: pointer;
}
.load_ajax {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0px;
}
.main-article {
    background: #f4fafd;
}
.post-item {
    padding: 15px;
    border: 1px solid #dce8ef;
    background: #fff;
    border-radius: 4px;
    line-height: 27px;
}
.post-article{
    width: 33.33%;
    float: left;
    padding: 0 11px 27px;
}
.post-article .entry-title {
    font-size: 20px;
    font-family: "Helvetica", Sans-serif;
    font-weight: 600;
    margin: .5rem 0;
}
.post-article a {
    background: #fff;
    border: 1px solid var( --e-global-color-primary );
    color: var( --e-global-color-primary );
    padding: 4px 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
}
.el-header-section{
    padding:  40px 11px;
}
.el-single-section {
    padding: 40px 85px;
}
.el-content {
    width: 65%;
    background: #fff;
    padding: 40px;
    border: 1px solid #dce8ef;
}
.el-content img {
    width: 100%;
    margin-bottom: 24px;
}
.el-content h1 {
    font-size: 34px;
    margin: 0 0 20px;
    font-family: "Helvetica", Sans-serif;
}
.el-footer-content img {
    width: auto;
}
.el-footer-content li {
    list-style: none;
    float: left;
    padding-right: 25px;
}
.el-footer-content span{
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}
.el-footer-content ul {
    display: inline-block;
    height: 30px;
}
.el-footer-content{
    border-top: 1px solid #dce8ef;
    padding: 43px 40px 0;
    margin: 20px -40px 2px;
    font-size: 20px;
    line-height: 27px;
}
.el-sidebar h4 {
    color: #68767e;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 13px;
    letter-spacing: 1px;
}
.el-sidebar {
    width: 25%;
    padding: 23px 0 0 33px;
}
.el-sidebar ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.el-sidebar .recent-post li {
    margin: 0 0 14px;
    line-height: 24px;
    font-size: 18px;
    position: relative;
    padding: 0 0 0 31px;
}
.el-sidebar .recent-post a {
    color: #0d2b3e;
    transition: color 0.3s ease, background 0.3s ease;
}
.el-sidebar .recent-post a img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    width:  18px;
}
.el-sidebar .recent-post a:hover {
    color: #0d2b3e;
    text-decoration: underline;

}
.el-pagination a:first-child {
    padding-left: 30px;
}
.el-pagination a:first-child {
    border-left: 0;
}
.el-pagination a {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    padding: 13px 10px;
    text-align: center;
    border-left: 1px solid #dce8ef;
    color: #4c555a;
    line-height: 32px;
    position: relative;
}
.el-pagination a:last-child {
    padding-right: 63px;
}
.el-footer-content .share {
    margin-bottom: 40px;
}
.el-pagination {
    width: 96%;
    margin: -1px 2% 0;
    border: 1px solid #dce8ef;
    border-radius: 0 0 4px 4px;
    display: -webkit-flex;
    -webkit-align-items: stretch;
    -webkit-justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.el-footer-content .share i {
    background: #22A6E9;
    color: #fff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
}
.elementor-post__read-more {
    text-align: center;
    border: 1px solid #e3f2e1;
    width: 100%;
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
}
.usp_circle{
    position: relative;
}
.circle {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    text-align: center;
    background: rgb(34,166,233);
    background: linear-gradient(145deg, rgba(34,166,233,1) 0%, rgba(97,184,228,1) 100%);
    border: 5px solid #fff;
    font-family: "Helvetica Neue", Sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
    transform: rotate(-15deg);
    padding: 0 20px;
}
.scircle {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    text-align: center;
    background: rgb(34,166,233);
    background: linear-gradient(145deg, rgba(34,166,233,1) 0%, rgba(97,184,228,1) 100%);
    border: 5px solid #fff;
    font-family: "Helvetica Neue", Sans-serif;
    text-transform: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 0 25px;
    margin: 0 auto;
}
.scircle span::after {
    content: url(img/btn-arr.png) !important;
    margin-top: 0px;
    display: block;
    position: relative;
    top: 30px;
}
.circle.one{
      position: absolute;
      right: 85px;
      top: 130px;
      z-index: 9999;
}
.circle.two{
   position: absolute;
    top: 320px;
    z-index: 9999;
    right: 298px;
}
.circle.three{
    position: absolute;
    top: 407px;
    right: 16px;
    z-index: 9999;
}
.header-circles {
    width: 540px;
    transform: rotate(15deg);
    margin-left: 173px;
    margin-top: 10px;
}
.top {
    margin: 0 auto;
}
.bottom {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    top: -37px;
    left: 0px;
}
.left, .right {
    text-align: center;
    float: left;
}
.form-bg .elementor-widget-wrap {background-size: 100% 80% !important; }
/* pre form css start */
.pre-btn-border.elementor-widget-button .elementor-button {
    transition: all 0.25s ease-in-out 0s;
    border-style: solid;
    border-radius: 0.5rem;
    font-weight: 600;
    font-family: "Avenir Next", Sans-serif;
    width: 100%;
    border-width: 0.125rem;
    background-color: var( --e-global-color-accent );;
    border-color: var( --e-global-color-accent );
    color: #fff;
    padding: 1rem 1.5rem;
    font-size: 1.25rem;
    margin-top: 1rem;
}
.pre-btn-border.elementor-widget-button .elementor-button:hover {
    box-shadow: var( --e-global-color-accent ) 4px 4px 20px;
}
.pre-btn-bg.elementor-widget-button .elementor-button {
    transition: all 0.25s ease-in-out 0s;
    border-style: solid;
    border-radius: 0.5rem;
    font-weight: 600;
    font-family: "Avenir Next", Sans-serif;
    width: 100%;
    border-width: 0.125rem;
    background-color: var( --e-global-color-accent );
    border-color: #fff;
    color: #fff;
    padding: 1rem 1.5rem;
    font-size: 1.25rem;
}
.pre-btn-bg.elementor-widget-button .elementor-button:hover {
    box-shadow: #fff 4px 4px 20px;
}
.pre-form .elementor-widget:not(:last-child) {
    margin-bottom: 15px;
}
.pre-form p {
    margin-bottom: 0;
}
.pre-form .elementor-icon-list-item a {
    text-decoration: underline;
    text-decoration-color: #fff;
}
.pre-form .elementor-icon-list-item a span {
   padding-left: 0;
}
.pre-about a{
    color: #fff !important;
}
.container-1438{
            max-width: 1438px !important;
            margin: 0 auto;
}
.feefo-review-carousel-widget-service .service-carousel-container.SNAPSHOT{
            max-width: 1163px !important;
            margin: 0 auto;
}
.service-carousel-container.SNAPSHOT .carousel-reviews .feefo-slider-wrapper .feefo-slider-container .feefo-slider .feefo-slide{
    margin-right: 60px !important;
}
.container-1600{
    max-width: 1600px !important;
    margin: 0 auto;
}
.container-1270{
    max-width: 1270px !important;
    margin: 0 auto;
}
#gradient-bg{
    /*background: linear-gradient(90deg, rgb(65, 198, 242) 0%, 24.4909%, rgb(40, 170, 235) 48.9818%, 74.4909%, rgb(65, 198, 242) 100%) !important;*/
    background: rgb(76,211,246);
    background: -moz-linear-gradient(45deg, rgba(76,211,246,1) 0%, rgba(48,180,237,1) 38%, rgba(39,169,234,1) 55%, rgba(50,181,237,1) 76%, rgba(70,204,244,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(76,211,246,1) 0%, rgba(48,180,237,1) 38%, rgba(39,169,234,1) 55%, rgba(50,181,237,1) 76%, rgba(70,204,244,1) 100%);
    background: linear-gradient(45deg, rgba(76,211,246,1) 0%, rgba(48,180,237,1) 38%, rgba(39,169,234,1) 55%, rgba(50,181,237,1) 76%, rgba(70,204,244,1) 100%);
    position: relative;
    overflow: hidden;
}
.oval-overlay{
    background: transparent;
    background-image: linear-gradient(235deg, #22A6E9 0%, #61B8E4 100%);
    border-radius: 50%;
    border: 7px solid #fff;
    width: 296px !important;
    height: 296px !important;
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
    box-shadow: rgba(149, 157, 165, 0.2) 0px 5px 10px 7px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px
    
}
.step-circle h2{
    background: #23A6E9;
    border-radius: 50%;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.faq-section-acc .elementor-accordion-item {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 6px 3px;
    margin-bottom: 20px;
}
.faq-section-acc .elementor-accordion-item .elementor-accordion-icon span{
    line-height: 30px;
}
.box-1{
    width: 159.5px !important;
    margin-right: 250px;
    margin-left: 162.95;
}
.box-2{
    width: 186px !important;
    margin-right: 201.5px;
}
.box-3{
    width: 157px !important;
    margin-right: 180.5px;
}
.box-4{
    width: 161px !important;
}
.elementor-widget .elementor-icon-list-icon{
    height: 100%;
    margin-right: 5px;
}
.elementor-widget .elementor-icon-list-item {
    align-items: normal !important;
}
.faq-overlay{
    position: absolute;
    top: 28%;
    left: 0px;
    width: 100vw;
}
.faq-overlay  .faq{
    color: #fff;
    opacity: 0.2;
    font-family: "Avenir Next",sans-serif;
}
.circle-oval .elementor-widget-wrap{
    background-size: 100% 100%;
}
.wave-arc .elementor-widget-container {
    background-size: 100% 100% !important;
}
.page-content .elementor-widget-container a{
    color: #098ACB !important;
}
.page-content .elementor-widget-container a.elementor-button-link, .page-content .elementor-widget-container a.apply-now-button-link{
    color: #fff !important;
}
.page-content .elementor-widget-container p a.apply-now-button-link, .page-content .elementor-widget-container li a.apply-now-button-link{
    color: #098ACB !important;
}
.elementor-page-6687 .page-content .elementor-widget-container a.elementor-button-link{
    color: #000 !important;
}
.link-underline a {
    text-decoration: underline;
}
.circle-oval .elementor-widget-text-editor {
    padding-left: 6px;
}
.circle-oval .elementor-widget-container img {
    z-index: 1;
    position: relative;
}
.hiw-steps .step-circle h2 {
   float: right;
}
.card-layout{
    width: 100% !important;
    height: 536px;
}
.card-layout-1{
    width: 100% !important;
    min-height: 322px;
}
.card-layout-1 .wave-arc .elementor-widget-container{
     
}
.card-layout-grid .elementor-widget-wrap .elementor-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}
.card-layout-grid.three .elementor-widget-wrap .elementor-container {
    grid-template-columns: repeat(3, 1fr);
}
.card-layout-grid.three .card-layout {
    width: 100% !important;
    height: 645px;
}
.yellow-bg .elementor-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px;
}
.yellow-bg .elementor-col-20, .yellow-bg .elementor-column[data-col="20"] {
    width: 100%;
}
.card-layout-btn{
   position: absolute;
   bottom: 50px;
}
.card-layout-btn .elementor-widget-container a.elementor-button-link{
    width: 90%;
    color: #585352 !important;
    height: 53px;
    line-height: 30px;
}
@media screen and (max-width: 399px){
    .pre-form .elementor-widget .elementor-icon-list-item{
        align-items: normal;
    }
    .pre-form .elementor-widget .elementor-icon-list-item .elementor-icon-list-text{
        padding-top: 3px;
        min-height: 32px;
    }

}
/* pre form css end*/
 
.yellow-bg {
        background-size: 100% 100%;
}
.desktop-menu li.menu-item {
    /*height: 70px;*/
    height: 84px;
}
.desktop-menu .sub-menu li.menu-item {
    height: auto;
}
.desktop-menu li.menu-item .highlighted, .desktop-menu li.menu-item a:hover{
    background: #22A6E9;
    color: #fff !important;
}
.card-layout .elementor-heading-title.elementor-size-default::after {
    content: url("/wp-content/themes/hello-theme-child-master/img/card-icon-right.png");
    position: absolute;
    top: 17px;
    right: 17px;
    width: 42px;
}
.card-layout-1 .elementor-heading-title.elementor-size-default::after {
    content: url("/wp-content/themes/hello-theme-child-master/img/card-icon-arrow.png");
    position: absolute;
    top: 17px;
    right: 17px;
    width: 42px;
}
.applyStep {
  position: relative;
  min-height: 46px;
  color: #098ACB;
}
.applyStep + .applyStep {
  margin-top: 46px;
}
.applyStep > div:first-child {
  position: static;
  height: 0;
}
.applyStep > div:not(:first-child) {
  margin-left: 1.5em;
  padding-left: 1em;
}

/* Circle */
.round {
  background: #FFE471;
  position: relative;
  width: 41.43px;
  height: 41.43px;
  line-height: 41.43px;
  border-radius: 100%;
  color: #585352;
  text-align: center;
  box-shadow: 0 0 0 3px #fff;
  font-family: "Avenir Next",sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .23px;
  box-shadow: 0 2px 12px 5px rgba(215, 215, 215, 0.5);
  z-index: 1;
}

/* Vertical Line */
.round::after {
    content: ' ';
    position: absolute;
    display: block;
    right: 50%;
    bottom: 1px;
    left: 50%;
    height: 100%;
    width: 1px;
    transform: scale(1, 2);
    transform-origin: 50% -100%;
    background-color: #098ACB;
    z-index: 1;
}
.applyStep.last-child .round:after {
  display: none;
}

/* Stepper Titles */
.stepTitle {
    font-family: "Avenir Next",sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .23px;
    color: #585352;
    line-height: 48px;
    background: #FFFFFF;
    width: 371px;
    border-radius: 10px;
    padding: 0 0 0 18px;
    height: 47px;
    margin-left: 97px;
    box-shadow: 0 2px 25px 5px rgba(234, 234, 234, 0.5);
}
@media screen and (max-width: 1440px){
     
}
@media screen and (max-width: 1300px){
    .banner-heading h2{
        font-size: 3.646vw !important;
    } 
     .oval-overlay{
        width:calc(100vw / 5) !important;
        height:calc(100vw / 5) !important;
        font-size: calc(100vw / 47) !important;
    }
    .box-1{
    width: 25% !important;
    margin-right: 0px;
    margin-left: 0;
    }
    .box-2{
        width: 25% !important;
        margin-right: 0px;
    }
    .box-3{
        width: 25% !important;
        margin-right: 0px;
    }
    .box-4{
        width: 25% !important;
    }
}
@media screen and (max-width: 1024px){
    .header-right .elementor-absolute{
        position: relative !important;
    }
    .text-black{
        color:  #908684 !important;
    }
    .sw-left {
        float: left;
        width: 100%;
    }
    .sw-right {
        float: left;
        width: 100%;
        margin-top: 60px;
    }
    .l2g-logo img {
        width: 50%;
    }
    .offer-grid .elementor-col-16 {
        width: 20% !important;
    }
}
@media screen and (max-width: 850px){
    .card-layout-grid .elementor-widget-wrap .elementor-container, .card-layout-grid.three .elementor-widget-wrap .elementor-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
    }
    .stepTitle {
        width: auto;
        margin-left: 15px;
    }
    .yellow-bg .elementor-container {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }
}
@media screen and (max-width: 768px){
    .hide-desktop{
        display: inline-block !important;
    }
    .box-1, .box-2, .box-3, .box-4{
        width: 50% !important;
    }
    .box-3, .box-4{
        margin-top: 60px !important;
    }
    .offer-grid .elementor-col-16 {
        width: 50% !important;
    }
    .elementor-pagination-position-outside .swiper-container {
        padding-bottom: 0px !important;
    }
    .mb-desc span{
        color: #22a6e9;
    }
    .elementor-slide-heading img {
        width: 220px;
    }
    .my-option{
        width: 100% !important;
        max-width: 100% !important;
    }
    .rep_example .sw-right {
        padding-left: 0px;
        margin-top:  10px;
    }
    .rep_example h2 {
        font-size: 32px;
        line-height: 1.5;
        margin: 10px 0 0 0;
    }
    .mlr{
        margin: 0 0 0 0;
    }
    .elementor-726{
        background: none;
    }
    .form-bg .elementor-widget-wrap {background-size: 100% 100% !important; }
    .elementor-294 {
    background: url(img/pp-bg.png);
    background-repeat: no-repeat;
    background-size: 100% unset;
    }
    .elementor-75 {
        background: unset;
        background-repeat: no-repeat;
        background-size: 100% unset;
    }
    .elementor-294 .elementor-element.elementor-element-70fa63ea, .elementor-75 .elementor-element.elementor-element-6e259f3 {
        margin-left: 0px;
        background: #fff;
        margin-right: 0px;
    }
    .elementor-644 .elementor-element.elementor-element-28676d25{
        margin-left: 0px;
        margin-right: 0px;
    }
    .sw-text {
        width: 290px;
        margin: 15px auto 0 auto;
    }
    .tp-switcher {
        width: 290px;
    }
    .tp-switcher .checkbox:checked + .knobs::before {
        left: 234px;
    }
    .sw-row {
        width: 290px;
    }
    .sw-mnth h1 {
        font-size: 24px;
    }
    .sw-apr h1 {
        font-size: 24px;
    }
    .apply-btn-wrapper .apply-btn {
        width: 275px;
    }
    .apr-amount {
        font-size: 24px;
    }
    .mnth-text {
        font-size: 24px;
    }
    .mnth-am {
        font-size: 24px;
    }
    .apply-btn a{
        width: 275px !important;
    }
    #header-btn {
        width: 325px;
    }
    .apply-btn i.fas.fa-arrow-circle-right{
        top: -15px;
        right: unset;
    }
    .home .swiper-pagination-bullet {
        border-radius: 6.5px;
    }
    .home .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -35px;
    }
    .home .elementor-75 .elementor-element.elementor-element-6a942f14 .swiper-pagination-bullet-active {
        width: 57px !important;
        height: 13px !important;
    }
    .home .elementor-75 .elementor-element.elementor-element-6a942f14 .swiper-pagination-bullet {
        height: 13px;
        width: 23px;
    }
    .apply {
        width: 315px;
    }
    select.arrows {
        width: 315px;
    }
    select.arrows {
        background-position: calc(100% - 2.5rem), 100% 0;
    }
    .el-content {
        width: 100%;
        margin: 0 10px;
    }
    .el-sidebar {
        width: 100%;
    }
    .el-footer-content li {
        padding-right: 7px;
    }
    .el-footer-content ul {
        height: 35px;
        padding: 0;
    }
    .el-single-section {
        padding: 40px 0px;
    }
    .el-footer-content span {
        padding-bottom: 5px;
        text-align: center;
        width: 100%;
    }
    .el-footer-content .share {
        text-align: center;
    }
    .co-bg{ margin:0 20px;}
    .elementor-644 {
        background: none;
        background-repeat: no-repeat;
        background-size: 100% unset;
    }
}
@media screen and (max-width: 550px){
    .yellow-bg .elementor-container {
        gap: 0px;
    }
    .card-layout-grid .elementor-widget-wrap .elementor-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .card-layout-grid.three .elementor-widget-wrap .elementor-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .card-layout-btn {
        bottom: 25px;
    }
    #gradient-bg-mobile{
        /*background: linear-gradient(90deg, rgb(65, 198, 242) 0%, 24.4909%, rgb(40, 170, 235) 48.9818%, 74.4909%, rgb(65, 198, 242) 100%) !important;*/
        background: rgb(76,211,246);
        background: -moz-linear-gradient(45deg, rgba(76,211,246,1) 0%, rgba(48,180,237,1) 38%, rgba(39,169,234,1) 55%, rgba(50,181,237,1) 76%, rgba(70,204,244,1) 100%);
        background: -webkit-linear-gradient(45deg, rgba(76,211,246,1) 0%, rgba(48,180,237,1) 38%, rgba(39,169,234,1) 55%, rgba(50,181,237,1) 76%, rgba(70,204,244,1) 100%);
        background: linear-gradient(45deg, rgba(76,211,246,1) 0%, rgba(48,180,237,1) 38%, rgba(39,169,234,1) 55%, rgba(50,181,237,1) 76%, rgba(70,204,244,1) 100%);
        position: relative;
        overflow: hidden;
       
    }
    #gradient-bg-mobile  .elementor-col-100{
         align-self: self-end !important;
    }
    .hiw-steps .step-circle h2 {
       float: unset;
    }
    .apply i, .fas.fa-arrow-circle-right {
        right: -10px;
    }
    select.arrows, .apply{
        width: 100%;
    }
    .box-1, .box-2, .box-3, .box-4{
        width: 100% !important;
    }
    .header-circles {
        width: 340px;
        margin-top: 60px;
        margin-left: 30px;
    }
    .circle {
        width: 170px;
        height: 170px;
        font-size: 20px;
    }
    .bottom {
        width: 100%;
        float: left;
        display: block;
        position: relative;
        top: -26px;
        left: 0px;
    }
    .elementor-section .wave-arc .elementor-widget-container{
        background-size: 100% 115% !important;
    }
}

/** omform **/
.omForm {
    font-family: "Roboto", sans-serif !important;
}
body .omForm .btn {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    letter-spacing: -.46px;
    fill: #9d9d9d !important;
    color: #9d9d9d !important;
    background: #ffffff00 !important;
    border-style: solid;
    border-width: 1px;
    border-color: #22a6e9 !important;
    text-shadow: none !important;
    font-size: 18px;
    padding: 10px 20px;
    height: auto;
}
.omForm .btn:hover {
    color: #fff !important;
    background-color: #22a6e9 !important;
}
.omForm #omForm-postCode-control {
    font-size: 14px !important;
}
#omReApplyPage {
    color: #121212;
    background-color: #ffffff;
    font-family: "Roboto", sans-serif;
}
#omReApplyPage a {
    color: #82d646;
}
#omReApplyGreenRow {
    color: #ffffff;
    background-color: #82d646;
}
#omReApplyOptionContent .omReApplyBlueBg {
    color: #ffffff;
    background-color: #9AEDFE;
}
#omReApplyOptionContent .omReApplyBlueBg h3 .omReApplyName {
    color: #121212;
}
#omReApplyOptionContent .omReApplymdl {
    color: #121212;
    background-color: #ffffff; / Changed from #F4F4EB to #ffffff /
}
#omReApplyOptionContent .omReApplymdl select {
    color: #121212;
    background-color: #ffffff;
    border-radius: 10px; / Added border radius /
}
#omReApplyOptionContent .omReApplymdl input[type=text],
#omReApplyOptionContent .omReApplymdl input[type=tel] {
    color: #121212;
    background-color: #ffffff; / Changed from #F4F4EB to #ffffff /
border-radius: 10px; / Added border radius /
}
#omReApplyOptionContent .omReApplymdl input[type=checkbox] {
    color: #121212;
}
#omReApplyOptionContent .omReApplymdl .omReApplyConsentCheckbox {
    color: #ffffff;
    background: none !important;
}
#omReApplyOptionContent .omReApplymdl #omSubmitReapplyBtn, #omSubmitReapplyBtn {
    color: #ffffff !important;
    background-color: #1a72bf !important;
    border: none !important;
    border-radius: 10px !important;
}
#omReApplyOptionContent .omReApplymdl #omSubmitReapplyBtn:hover, #omSubmitReapplyBtn:hover {
    background-color: #1a72bf !important;
}

.elementor-5817 .elementor-element.elementor-element-e173b45 {
    padding: 0 !important;
}
.elementor-element-5256b5a .elementor-widget-wrap {
    margin: 0 !important;
    padding: 0 !important;
}
.omForm h1 {
    color: #22A6E9 !important;
    font-family: avenir next,Sans-serif;
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: -.77px;
}
.omLabel {
    color: #22A6E9 !important;
}
.omForm .form-page-header strong {
    color: #22A6E9 !important;
}
.omForm .form-page-header {
    color: #22A6E9 !important;
    font-family: avenir next,Sans-serif;
}
form#omForm h1 {
    display: none !important;
}
#omReApplyGreenRow {
    background: #B5E2F8 !important;
    color: #786e6c !important;
}
#omReApplyOptionContent .omReApplyBlueBg {
    background: #20A6E9 !important;
    color: #333232 !important;
    font-family: "Roboto", sans-serif !important;
}
#omReApplyOptionContent h3 {
    color: #333232 !important;
    font-family: "Roboto", sans-serif !important;
}
.omReApplyBlueBg p {
    display: none !important;
}
form#omReApplyPage a,
#omReApplyOptionContent,
#omReApplyPage a,
#omReApplyPage select,
#omReApplyPage input {
    font-family: "Roboto", sans-serif !important;
}
.omReApplyLoanCenter {
    display: block !important;
}
.product-template .header-home {
    margin: 60px 0 !important
}