@font-face {
    font-family: "Aleo Bold";
    font-style: normal;
    font-weight: normal;
    src: local("font/Aleo Bold"), url("../font/Aleo-Bold.woff") format("woff");
}

@font-face {
    font-family: "Aleo Italic";
    font-style: normal;
    font-weight: normal;
    src: local("font/Aleo Italic"), url("../font/Aleo-Italic.woff") format("woff");
}

@font-face {
    font-family: "Aleo Light";
    font-style: normal;
    font-weight: normal;
    src: local("font/Aleo Light"), url("../font/Aleo-Light.woff") format("woff");
}

@font-face {
    font-family: "Aleo Regular";
    font-style: normal;
    font-weight: normal;
    src: local("font/Aleo Regular"), url("../font/Aleo-Regular.woff") format("woff");
}

@font-face {
    font-family: "Circular Pro-Bold";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Pro-Bold"), url("../font/CircularPro-Bold.woff") format("woff");
}

@font-face {
    font-family: "Circular Black";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Black"), url("../font/CircularStd-Black.woff") format("woff");
}

@font-face {
    font-family: "Circular Black Italic";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Black Italic"), url("../font/CircularStd-BlackItalic.woff") format("woff");
}

@font-face {
    font-family: "Circular Bold";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Bold"), url("../font/CircularStd-Bold.woff") format("woff");
}

@font-face {
    font-family: "Circular Bold Italic";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Blod Italic"), url("../font/CircularStd-BoldItalic.woff") format("woff");
}

@font-face {
    font-family: "Circular Book";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Book"), url("../font/CircularStd-Book.woff") format("woff");
}

@font-face {
    font-family: "Circular Book Italic";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Book Italic"), url("../font/CircularStd-BookItalic.woff") format("woff");
}

@font-face {
    font-family: "Circular Medium";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Medium"), url("../font/CircularStd-Medium.woff") format("woff");
}

@font-face {
    font-family: "Circular Medium Italic";
    font-style: normal;
    font-weight: normal;
    src: local("font/Circular Medium Italic"), url("../font/CircularStd-MediumItalic.woff") format("woff");
}

.container {
    max-width: 1200px;
}
h2 {
    font-family: "Aleo Bold";
    margin-bottom: 20px;
}
p {
    font-size: 1.4rem;
    line-height: 1.9rem;
    font-family: "Circular Book";
    color: #676a6c;
}
a {
    text-decoration: none;
}
a.btn-secondary,
.btn-secondary {
    background: #22b493;
    color: #fff;
    padding: 25px 68px 25px 40px;
    border-radius: 20px;
    border: 0;
    text-align: center;
    font-size: 1.28rem;
    display: inline-block;
    text-decoration: none;
    font-family: "Circular Bold";
    line-height: 1rem;
    outline: 0;
    box-shadow: none;
    text-transform: uppercase;
    box-shadow: none;
}
a.btn-secondary,
.btn-secondary::after {
    content: "";
    background-image: url("../images/after.png");
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-facebook {
    background: #3b5998;
    color: #fff;
	width: 270px;
    padding: 15px 35px 15px 5px;
    border-radius: 20px;
    border: 0;
    text-align: center;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
    font-family: "Circular Bold";
    line-height: 1rem;
    outline: 0;
    box-shadow: none;
    text-transform: uppercase;
    box-shadow: none;
}

.btn-facebook::after {
    content: "";
    background-image: url("../images/after.png");
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
	position: absolute;
    margin-top: -2px;
}

.btn-facebook:hover {
    background: #4d4d4d;
	color: #fff;
}

.btn-google {
    background: #dd4b39;
    color: #fff;
	width: 270px;
    padding: 15px 35px 15px 5px;
    border-radius: 20px;
    border: 0;
    text-align: center;
    font-size: 0.9rem;
    display: inline-block;
    text-decoration: none;
    font-family: "Circular Bold";
    line-height: 1rem;
    outline: 0;
    box-shadow: none;
    text-transform: uppercase;
    box-shadow: none;
}

.btn-google::after {
    content: "";
    background-image: url("../images/after.png");
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
	position: absolute;
    margin-top: -2px;
}

.btn-google:hover {
    background: #4d4d4d;
	color: #fff;
}

.alt-login{
    margin-top: 100px;
}

#site-header {
    background: #f7f7f7;
    overflow: hidden;
    position: relative;
}

#site-header .header-bg {
    padding: 50px 0px;
    background-color: #2d4150;
    border-bottom-left-radius: 335px;
    position: relative;
}
#site-header::after {
    content: "";
    background-image: url(../images/header-after.png);
    height: 231px;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    max-width: 142px;
    right: 0;
    top: 0;
    background-size: contain;
}
#site-header .header-right {
    align-items: center;
    text-align: end;
    justify-content: end;
}
#site-header .header-right a.support {
    font-size: 18px;
    color: #ffffff;
    margin-left: 10px;
    margin-bottom: 0px;
    font-family: "Circular Bold";
}

#site-footer .footer-wrapper {
    background: #2d4150;
    border-top-right-radius: 335px;
}
#site-footer .footer-wrapper .top-footer {
    padding: 75px 0px;
}
#site-footer .footer-wrapper .top-footer .footer-logo {
    padding-left: 0px;
}

.b-corp-blurb {
    color: #22B493;
    line-height: 1.2;
    font-size: 12px;
}
    
}
#site-footer .footer-wrapper .top-footer .contact-deatil h2 {
    font-size: 1.25rem;
    color: #fff;
    line-height: 2rem;
    margin-bottom: 1rem;
}

#site-footer .footer-wrapper .top-footer .contact-deatil p.address {
    line-height: 1.8rem;
    color: #fff;
    font-family: "Circular Book";
    margin-bottom: 1.5rem;
	font-size: 1.0rem;
}
#site-footer .footer-wrapper .top-footer .contact-deatil span.phone {
    display: block;
    margin-bottom: 0.5rem;
}
#site-footer .footer-wrapper .top-footer .contact-deatil span.phone i {
    color: #38bfc3;
    font-size: 18px;
    margin: 0px 15px 0px 4px;
}
#site-footer .footer-wrapper .top-footer .contact-deatil span.phone a {
    color: #38bfc3;
    font-family: "Circular Bold";
}

#site-footer .footer-wrapper .top-footer .contact-deatil span.email i {
    color: #38bfc3;
    font-size: 18px;
    margin-right: 12px;
}
#site-footer .footer-wrapper .top-footer .contact-deatil span.email a {
    color: #38bfc3;
    font-family: "Circular Bold";
}
#site-footer .footer-wrapper .top-footer .latest-posts h2 {
    font-size: 1.25rem;
    color: #fff;
    line-height: 2rem;
    margin-bottom: 1rem;
    font-family: "Aleo Bold";
}
#site-footer .footer-wrapper .top-footer .latest-posts a.post_link {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    color: #38bfc3;
    font-family: "Circular Bold";
    width: 90%;
}
#site-footer .footer-wrapper .top-footer .latest-posts a.post_link::after {
    content: "";
    background-image: url("../images/Footer-Arrow.png");
    right: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
}
#site-footer .footer-wrapper .top-footer .latest-posts a.subscription-btn {
    color: #38bfc3;
    font-family: "Circular Bold";
    padding: 10px 20px;
    border: 2px solid #38bfc3;
    text-transform: uppercase;
    display: block;
    border-radius: 10px;
    width: 65%;
}
#site-footer .footer-wrapper .top-footer .social-icon h2 {
    font-size: 1.25rem;
    color: #fff;
    line-height: 2rem;
    margin-bottom: 1rem;
    font-family: "Aleo Bold";
}

#site-footer .footer-wrapper .top-footer .social-icon .icon-list {
    margin-bottom: 20px;
}
#site-footer .footer-wrapper .top-footer .social-icon .icon-list ul {
    padding: 0;
}
#site-footer .footer-wrapper .top-footer .social-icon .icon-list ul li {
    list-style: none;
    margin-right: 30px;
}
#site-footer .footer-wrapper .top-footer .social-icon .icon-list ul li a i {
    font-size: 20px;
    color: #fff;
}

#site-footer .footer-wrapper .top-footer .reviews #srw_container {
    position: absolute;
}
#site-footer .footer-wrapper .bottom-footer {
    padding: 30px 0px;
    border-top: solid #8b949a;
    border-top-style: dotted;
    border-width: 4px 0px;
}
#site-footer .footer-wrapper .bottom-footer .padding {
    padding: 0px;
}
#site-footer .footer-wrapper .bottom-footer .mobile-padding p.copyright {
    font-size: 1.14rem;
    color: #fff;
    text-decoration: revert;
    font-family: "Circular Book";
}
#site-footer .footer-wrapper .bottom-footer .mobile {
    padding: 0;
}
#site-footer .footer-wrapper .bottom-footer .mobile ul {
    margin-left: -8px;
}

/* #site-footer .footer-wrapper .bottom-footer .mobile ul li {
    margin-left: -8px;
} */

#site-footer .footer-wrapper .bottom-footer .mobile ul li a {
    color: #fff;
    font-size: 1.14rem;
    text-decoration: revert;
    font-family: "Circular Book";
}

#site-footer .footer-wrapper .bottom-footer .mobile ul li::marker {
    color: #fff;
    font-size: 16px;
}

/* #site-footer .footer-wrapper .bottom-footer .mobile ul:nth-child(1) li {
    list-style: none;
}     */

#site-footer .footer-wrapper .bottom-footer {
    padding: 30px 0px;
    border-top: solid #8b949a;
    border-top-style: dotted;
    border-width: 4px 0px;
}

.middle {
    position: relative;
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 70%, rgba(247, 247, 247, 1) 30%);
}
.amo-login .after::after {
    right: 35px!important;
    top: 30px!important;
}
.middle .left-content {
    padding-right: 0px;
    background: #f7f7f7;
}
.middle .left-content .top-content {
    padding: 75px 50px 50px 0px;
    background: #f7f7f7;
    border-top-right-radius: 335px;
}
.middle .left-content .top-content h2.title {
    font-size: 35px;
    font-family: "Aleo Bold";
    color: #2d4150;
    margin-bottom: 20px;
    margin-left: 60px;
}
.middle .left-content .top-content h2.heading {
    font-size: 35px;
    font-family: "Aleo Bold";
    color: #2d4150;
    margin-bottom: 20px;
    margin-left: 50px;
}
.middle .left-content .top-content .video-section {
    background: #ffffff;
    padding: 30px 50px;
    border: 2px solid #e3e3e3;
    border-radius: 0px 35px 35px 35px;
}
.middle .left-content .top-content .video-section h2 {
    font-size: 30px;
    color: #2d4150;
    font-family: "Circular Pro-Bold";
    margin-bottom: 5px;
}
.middle .left-content .top-content .video-section p {
    color: #2d4150;
    font-size: 22px;
    line-height: 28px;
}
.middle .left-content .top-content .video-section a.video img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.middle .left-content .top-content .video-section a.see-more {
    color: #2d4150;
    text-align: center;
    display: block;
    font-size: 18px;
    font-family: "Circular Bold";
    text-decoration: underline;
}

.middle::after {
    content: "";
    background-image: url(../images/left-side.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 85px;
    left: 0;
    position: absolute;
    background-size: contain;
    max-width: 225px;
}
.middle .after::after {
    content: "";
    background-image: url(../images/right-side.png);
    width: 100%;
    height: 100%;
    max-width: 225px;
    background-repeat: no-repeat;
    top: 100px;
    right: 125px;
    position: absolute;
    background-size: contain;
}
.middle .footer-top {
    background: #2d4150;
}
.middle .footer-top .background-color {
    padding: 75px 15px 75px 15px;
    border-bottom-left-radius: 335px;
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 50%, rgba(247, 247, 247, 1) 50%);
}

.middle .left-content .bottom-content {
    padding: 0px 50px 0px 0px;
    background: #f7f7f7;
}
.middle .left-content .bottom-content .webinar-section {
    padding: 30px 60px;
    background: #fff;
    border: 2px solid #e3e3e3;
    border-radius: 0px 30px 30px 30px;
}
.middle .left-content .bottom-content .webinar-section h2 {
    color: #2d4150;
    font-family: "Circular Bold";
    font-size: 30px;
}
.middle .left-content .bottom-content .webinar-section p {
    color: #2d4150;
    font-size: 22px;
}
.middle .left-content .bottom-content .webinar-section .date {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}
.middle .left-content .bottom-content .webinar-section .date img {
    margin-right: 15px;
}
.middle .left-content .bottom-content .webinar-section .date p {
    color: #2d4150;
    font-size: 22px;
    margin-bottom: 0px;
}
.middle .left-content .bottom-content .webinar-section a.sign-me {
    color: #2d4150;
    font-size: 18px;
    font-family: "Circular Bold";
    text-decoration: underline;
    position: relative;
}
.middle .left-content .bottom-content .webinar-section a.sign-me::after {
    content: "";
    background-image: url(../images/Group-530.png);
    right: -18px;
    top: 4px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
}
.middle .right-form {
    padding: 75px 0px 50px 50px;
}
.middle .right-form h2 {
    font-size: 38px;
    font-family: "Aleo Bold";
    color: #2d4150;
    margin-bottom: 20px;
}
.middle .right-form form input[type="text"] {
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    padding: 20px;
    background: #eef2f5;
    border-radius: 10px;
    margin-bottom: 20px;
    border: none;
}
.middle .right-form form input[type="text"]:focus-visible {
    outline: none;
}
.middle .right-form form input[type="password"] {
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    padding: 20px;
    background: #eef2f5;
    border-radius: 10px;
    margin-bottom: 20px;
    border: none;
}
.middle .right-form form input[type="password"]:focus-visible {
    outline: none;
}
.middle .right-form form ::placeholder {
    color: #676A6C;
    opacity: 0.5;
    font-family: "Circular Book";
}

.middle .right-form form a.forgot {
    width: 100%;
    display: block;
    padding: 7px 8px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    font-size: 18px;
    text-align: right;
    color: #676a6c;
    background: none;
    font-family: "Circular Book";
}
/* .middle .right-form form .text-btn {
    background: #22B493;
    color: #fff;
    padding: 25px 40px;
    border-radius: 0px 20px 20px 20px;
    border: 0;
    text-align: center;
    font-size: 1.48rem;
    display: inline-block;
    text-decoration: none;
    font-family: "Circular Bold", sans-serif;
    line-height: 1rem;
    outline: 0;
    box-shadow: none;
    text-transform: uppercase;
    display: block;
    width: auto;
    margin-left: 10%;
} */

.middle .right-form form .btn-secondary {
    width: auto;
    border: none;
}
.middle .right-form form .btn-secondary::after {
    content: "";
    background-image: url("../images/after.png");
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    margin-top: -2px;
}
.middle .right-form form .btn-secondary:hover {
    background: #4d4d4d;
}
.middle .right-form form :focus {
    background: #22b493;
    border: none;
    box-shadow: none;
}

/* Signup CSS*/

.middle .left-content .top-content .review {
    position: relative;
}
.middle .left-content .top-content .review::after {
    content: "";
    background-image: url(../images/drop-down.png);
    width: 57px;
    height: 42px;
    bottom: -35px;
    font-size: 50px;
    left: 60px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
}
.middle .left-content .top-content .position {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #2d4150;
    padding-left: 45px;
    padding-top: 35px;
}
.middle .left-content .top-content .position p.name strong {
    font-family: "Aleo Bold";
    font-size: 1.5rem;
    margin-right: 20px;
    color: #2d4150;
}
.middle .left-content .top-content .position p.name span {
    font-size: 1.4rem;
    font-family: "Circular Book";
    color: #676a6c;
}
.middle .left-content .bottom-content .support-section {
    padding: 50px 0px 0px 50px;
    background: #fff;
    border: 2px solid #e3e3e3;
    border-radius: 0px 30px 30px 30px;
}
.middle .left-content .bottom-content .support-section h2 {
    font-size: 30px;
    font-family: "Aleo Bold";
    color: #2d4150;
    margin-bottom: 20px;
    margin-right: 15px;
}
.middle .left-content .bottom-content .support-section .list-section {
    position: relative;
}
.middle .left-content .bottom-content .support-section .list-section .image img {
    position: absolute;
    bottom: -25px;
    max-height: 100%;
    right: 0;
}
.middle .left-content .bottom-content .support-section .list-section ul li {
    font-size: 18px;
    margin-bottom: 25px;
    padding-left: 12px;
    list-style: none;
    position: relative;
    color: #676a6c;
    font-family: "Circular Book";
}
.middle .left-content .bottom-content .support-section .list-section ul li::after {
    content: "";
    background-image: url(../images/list-icon.png);
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    top: 0px;
    left: -40px;
    position: absolute;
}
.middle .right-form p.sub-heading {
    font-family: "Aleo Light";
    color: #2d4150;
}
.middle .right-form form .input-group-addon {
    background: #eef2f5;
    margin-bottom: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 3;
    padding-right: 10px;
}
.middle .right-form form .input-group-addon span {
    color: #676a6c;
    font-family: "Circular Book";
    position: absolute;
    right: 0;
    line-height: 4;
    margin-right: 10px;
    z-index: 3;
}
.middle .right-form form .domain input[type="text"] {
    width: auto;
}
.middle .right-form form .form-group a.privacy {
    font-family: "Circular Book";
    font-size: 18px;
    text-decoration: underline;
    color: #676a6c;
}

@media only screen and (max-width: 991px) {
    #site-header .header-bg {
        border-bottom-left-radius: 115px;
        padding: 30px 15px 50px 15px;
    }
    #site-header::after {
        display: none;
    }
    #site-header .mobile {
        display: flex;
        justify-content: space-between;
    }
    .middle {
        background: #fff;
    }
    .middle .left-content {
        padding-right: 15px;
        padding-bottom: 75px;
        border-top-right-radius: 115px;
        background: #f7f7f7;
    }
    .middle .container::after {
        display: none;
    }
    .middle::after {
        display: none;
    }
    .middle .left-content .top-content {
        padding: 75px 0px 30px 0px;
        border-top-right-radius: 115px;
    }
    .middle .left-content .top-content h2.heading {
        font-size: 30px;
        color: #2d4150;
        text-align: center;
        padding: 0;
        margin-left: 0px;
    }
    .middle .left-content .top-content .video-section img {
        margin-bottom: 15px;
    }
    .middle .left-content .bottom-content {
        padding: 0;
    }
    .middle .left-content .top-content h2.title {
        margin-left: 30px;
    }
    .middle .left-content .top-content .video-section {
        padding: 30px;
    }
    .middle .left-content .bottom-content .webinar-section {
        padding: 30px;
    }
    .middle .left-content .bottom-content .webinar-section .date {
        display: block;
    }
    .middle .left-content .bottom-content .webinar-section .date p {
        font-size: 18px;
        margin-top: 10px;
    }
    .middle .right-form {
        padding: 75px 15px;
    }
    .middle .right-form h2 {
        font-size: 30px;
    }
    .middle .right-form form a.forgot {
        text-align: left;
    }
    .middle .footer-top .background-color {
        display: none;
    }
    #site-footer .footer-wrapper {
        border-top-right-radius: 115px;
    }
    #site-footer .footer-wrapper .top-footer {
        padding: 75px 15px 25px 15px;
    }
    #site-footer .footer-wrapper .top-footer .contact-deatil {
        width: 100%;
        margin: 20px 0px;
        padding: 0px;
    }
    #site-footer .footer-wrapper .top-footer .latest-posts {
        width: 100%;
    }
    #site-footer .footer-wrapper .top-footer .social-icon {
        width: 100%;
        margin: 20px 0px;
    }
    #site-footer .footer-wrapper .bottom-footer .mobile-padding p.copyright {
        font-size: 1rem;
    }
    #site-footer .footer-wrapper .bottom-footer .mobile .additional-link {
        display: block !important;
    }
    #site-footer .footer-wrapper .bottom-footer {
        padding: 30px 15px;
    }
    /* Signup*/
    .form-group .btn-secondary {
        padding: 25px 58px 25px 30px;
        font-size: 1.28rem;
    }
    /* .middle .right-form form .btn-secondary::after {
            margine-left:10px;
        } */
    .middle .left-content .bottom-content .support-section {
        padding-left: 30px;
    }
    .middle .left-content .bottom-content .support-section .list-section ul li {
        inline-size: 172px;
        overflow-wrap: break-word;
    }
    .middle .left-content .bottom-content .support-section .list-section .image img {
        height: 200px;
    }
    .middle .left-content .top-content .position p.name span {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 1000px;
    }
    #site-footer .footer-wrapper .bottom-footer .padding {
        padding: 0px 15px;
    }
    .middle .footer-top .background-color {
        background: rgb(255, 255, 255);
        background: linear-gradient(270deg, rgba(255, 255, 255, 1) 50%, rgba(247, 247, 247, 1) 50%);
    }
    #site-header .header-bg {
        border-bottom-left-radius: 115px;
    }
    #site-header::after {
        display: none;
    }
    .middle .left-content .top-content {
        border-top-right-radius: 200px;
    }
    .middle .after::after {
        display: none;
    }
    .middle::after {
        display: none;
    }
}