body{
	padding: 0;
	font-family: 'Poppins', sans-serif;
}
.main.landing-page{
    overflow: hidden;
}
.main-banner-block{
	width: 100%;
	position: relative;
}
.top-header-block{
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 0;
	left:0;
	z-index: 1;
}
.logo{
	
}
.logo img{
	height: 50px;
}
.lan-dropdown{
    margin-left: 20px;
    position: relative;
}
.lan-dropdown a{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.lan-dropdown a img{
    height: 24px;
    width: 32px;
    line-height: normal;
}
.lan-dropdown a svg{
    margin-left: 10px;
}
.login-btn-block {
    display: flex;
    align-items: center;
}
.lan-dropdown ul {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    min-width: 171px;
    display: none;
    transition: all 0.5s;
    z-index: 1111;
}
.lan-dropdown ul li a{
    padding: 14px 24px; 
    color:#757575 !important;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    transition: all 0.5s;
}

.lan-dropdown ul li a img{
    margin-right: 10px;
}
.lan-dropdown ul li a:hover{
    text-decoration: none;
    background-color: #f5f5f5;
}
.lan-dropdown:hover ul{
    display: block;
}
.login-form-block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
     background-color: rgba(255,255,255,0.2); 
    padding: 10px;
    box-shadow: 0px 10px 13px rgba(0,0,0,0.05);
    position: relative;
}
.login-form-block .txt-box {
    height: 50px;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    padding: 10px 15px;
    font-size: 16px;
    color: #35535a;
    border: 1px solid #319DB8;
    margin: 0 13px 0 0;
    max-width: 210px;
}

.login-form-block .txt-box-contact {
    height: 50px;
    margin: 10px;
    margin-bottom: 10px !important;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0 0 3px rgb(0 0 0 / 20%);
    padding: 5px 7px !important;
    font-size: 14px !important;
    color: #35535a;
    border: 1px solid #319DB8;
    margin: 0 13px 0 0;
    max-width: 250px !important;
}

.login-form-block .txt-box:focus{
    outline: none;
    border: 1px solid #319DB8;
}
a.contact-link {
    font-size: 18px;
    color: #fff;
    margin-right: 20px;
}
a.contact-link:hover{
    text-decoration: none;
    color: #35535a;
}
a.forgot-pass-link{
    position: absolute;
    bottom: -30px;
    right: 0;
    color: #687477;
    transition: all 0.5s;
}
a.forgot-pass-link:hover{
    color: #35535a;
    text-decoration: none;
}

@media (min-width: 1200px){
    .landing-page .container{
        max-width: 1220px;
    }    
}


.banner-content-block {
    padding-top: 70px;
    position: relative;
    min-height: 100vh;
    align-items: center;
    display: flex;
}
.banner-content-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: calc(50% - 265px);
    background-color: #319DB8;
    bottom: 0;
    z-index: -1;
    border-bottom-right-radius: 180px;
    border-top-right-radius: 0;
}
.banner-content-block-inner{
	width: 100%;
	color: #fff;
	margin-top: 50px;
}
.banner-content-block-inner h2{
	font-size: 	20px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 20px;
}
.banner-content-block-inner h2 span{
	font-weight: bold;
	font-size: 40px;
	display: block;
}
.banner-content-block-inner p{
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 26px;
    display: block;
}
.banner-content-block-inner p span{
	font-weight: 500;
}
.d-button {
    background-color: transparent;
    height: 50px;
    font-size: 18px;
    color: #fff;
    text-transform: unset;
    padding: 0 29px 0;
    box-shadow: none !important;
    display: inline-flex;
    font-weight: 500;
    align-items: center;
    border: 2px solid #fff;
    transition: all 0.5s;
    position: relative;
}
.d-button span{
    position: relative;
    z-index: 11;
}
.d-button:before{
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transition: all 0.5s;
    z-index: 1;
}
.d-button:hover{
    color: #319DB8;
    text-decoration: none;
}
.d-button:hover:before{
    right: 0;
}
.banner-btn{
	margin-top: 20px;
}
.d-button-sky{
	border-color: #319DB8;
	color: #319DB8;
}
.d-button-sky:hover:before{
    background-color:#319DB8; 
}
.d-button-sky:hover{
    color: #fff;
}
.banner-img-block-in {
    width: 100%;
    height: 100%;
}
.banner-img-block-in img {
    width: 100%;
}
.responsive-login-form-block{
    display: none;
}
@media (max-width: 1199px){
    .logo img{height: 30px;}
    .login-form-block .txt-box{max-width: 174px;margin:0 7px 0 0;}
    a.contact-link{font-size: 18px;margin-right: 18px;}
    .banner-content-block{min-height: 600px;}
    .banner-content-block:before{right: calc(50% - 215px);}
    .login-form-block button#submit_button {padding: 0 15px;}
    .lan-dropdown{margin-left: 10px;}
}
@media (max-width: 991px){
    .banner-content-block:before{width: 100%;border-top-right-radius:0;}
    .banner-content-block{height: auto;min-height: unset;}
    .top-header-block{position: unset;background-color: #319db8;}
    .responsive-login-form-block{display: block;width: 100%;margin-top: 20px;margin-bottom: 20px;}
    .login-btn-block .login-form-block {display: none;}
    .lan-dropdown a svg{stroke:#fff;}
    .login-form-block{background-color: #2994af;}
    .login-form-block form {width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
    .login-form-block .txt-box{flex:1;max-width: 100%;}
    .responsive-login-form-block .d-button.d-button-sky{border-color: #fff;color: #fff;justify-content: center;}
    .responsive-login-form-block .d-button.d-button-sky:hover{border-color: #fff;color: #319db8;}
    .responsive-login-form-block .d-button.d-button-sky:hover:before{background-color: #fff;}
    a.forgot-pass-link{color: #fff;}
    .banner-content-block{padding-top: 40px;}
    .banner-content-block-inner{margin-top: 0;}
    .banner-content-block-inner h2{font-size: 18px;}
    .banner-content-block-inner p{font-size: 18px;}
    .banner-img-block-in {text-align: center;margin-top: 40px;margin-bottom: 40px;}
    .banner-img-block-in img{max-width: 500px;margin:0 auto;}
}
@media (max-width: 767px){
    .login-form-block .txt-box{width: 100%;flex:0 0 100%;margin:0 0 10px;}
    .responsive-login-form-block .d-button.d-button-sky{width: 100%;text-align: center;}
    .banner-btn{margin-top: 0;}
}
@media (max-width: 575px){
    .logo img{height: 26px;}
    a.contact-link{font-size: 26px;margin-right: 0;}
    a.contact-link{font-size: 14px;}
    .lan-dropdown{margin-left: 6px;display: flex;align-items: center;}
    .login-form-block .txt-box{height: 40px;}
    .d-button{font-size: 16px;height: 40px;}
    .banner-content-block-inner h2 span{font-size:32px;}
    .banner-content-block-inner h2{font-size: 16px;}
    .banner-content-block-inner p{font-size: 16px;line-height: 19px;}
    .banner-content-block:before{border-bottom-right-radius: 130px;}
    .lan-dropdown a img{height: 19px;width: 27px;}
    .lan-dropdown a svg{margin-left: 4px;}
}
@media (max-width: 370px){
    .logo img{height: 22px;}
}


.service-section-block{
    width: 100%;
    padding: 80px 0;
}
.our-service-heading{
    width: 100%;
    text-align: center;
    max-width: 86%;
    margin:0 auto 70px;
}
.our-service-heading h2{
    font-weight: bold;
    font-size: 40px;
    display: block;
    text-align: center;
    color: #35535a;
    margin-bottom: 40px;
}
.our-service-heading h6{
    font-size: 24px;
    color: #35535a;
    font-weight: 500;
}
.our-service-heading p {
    font-size: 18px;
    color: #687477;
    font-weight: 300;
}
.our-service-listing{
    width: 100%;
}
.our-service-listing ul{
    width: 100%;
    padding: 0;
    margin:0;
    list-style: none;
}
.our-service-listing ul li{
    font-size: 18px;
    color: #687477;
    font-weight: 300;
    padding-left: 40px;
    margin-bottom: 10px;
    position: relative;
}
.our-service-listing ul li:before{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-check2-circle' fill='%23687477' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M15.354 2.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L8 9.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' d='M8 2.5A5.5 5.5 0 1 0 13.5 8a.5.5 0 0 1 1 0 6.5 6.5 0 1 1-3.25-5.63.5.5 0 1 1-.5.865A5.472 5.472 0 0 0 8 2.5z'/%3E%3C/svg%3E");
}
.click-vector {
    text-align: center;
    height: 80%;
    display: flex;
    align-items: center;
}
.click-vector img {
    width: 100%;
    margin: 0 auto;
}
.get-started-btn{
    width: 100%;
    margin-top: 40px;
}

@media (max-width: 1199px){
    .service-section-block{padding: 60px 0;}
}
@media (max-width: 991px){
    .our-service-heading h2{font-size: 36px;margin-bottom:20px; }
    .our-service-heading h6{font-size: 20px;}
    .our-service-heading{max-width: 100%;margin:0 auto 50px;}
    .click-vector img{max-width: 500px;}
    .our-service-listing{margin-top: 40px;}
}
@media (max-width: 767px){
    .our-service-heading h2{font-size: 34px;}
    .our-service-heading h6{font-size: 18px;}
    .our-service-heading p{font-size: 16px;}
    .our-service-listing ul li{font-size: 15px;padding-left: 30px;}
    .our-service-listing ul li:before{width: 16px;height: 16px;}
}
@media (max-width: 575px){
    .get-started-btn{margin-top: 20px;}
    .our-service-heading h2{font-size: 27px;}
}


.portal-section-block{
    width: 100%;
    padding: 80px 0;
    background-color: #319DB8;
    background-image: url(images/porat-back.jpg);
}
.portal-detail-info{
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}
.portal-detail-info p{
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    width: 80%;
    margin: 0 auto;
}
.portal-detail-info h2{
    font-weight: bold;
    font-size: 40px;
    display: block;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}
.portal-section-block {
    width: 100%;
    padding: 80px 0;
    background-color: #319DB8;
    background-image: url(images/porat-back.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
.portal-section-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #319DB8;
    opacity: 0.8;
}
.portal-section-block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0d5f73;
    opacity: 0.6;
}
.portal-informtion-block {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.portal-informtion-block p{
    font-size: 18px;
    color: #687477;
    font-weight: 300;
    margin: 0 auto;
}
.portal-informtion-block p span{
    font-weight: 600;
}
.portal-informtion-block h5{
    font-size: 24px;
    color: #319db8;
    font-weight: 500;
    margin:30px 0 32px;
    flex:1;
}
.support-block {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    max-width: 80%;
    margin: 50px auto 0;
}
.support-block p {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    width: 100%;
    margin: 0 auto 40px;
}
.contact-us-block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px 0 30px;
}
.contact-us-block h6{
    font-size: 18px;
    color: #35535a;
    font-weight: 600;
    width:100%;
    margin-bottom: 10px;
}
.contact-btn {
    display: inline-flex;
    color: #35535a;
    align-items: center;
    margin-right: 20px;
    font-weight: 500;
}
.contact-btn svg {
    width: 22px;
    margin-right: 10px;
    fill: #319db8;
    height: auto;
}

@media (max-width: 1199px){
    .portal-informtion-block h5{font-size: 20px;}
    .portal-informtion-block .d-button{padding: 0 17px 0;}
    .portal-section-block{padding: 60px 0;}
    .portal-detail-info p{width: 100%;}
    .support-block{max-width: 100%;}
}
@media (max-width: 991px){
    .portal-detail-info h2{font-size: 36px;margin-bottom: 20px;}
    .portal-informtion-block{margin-bottom: 20px;height: auto;}
    .support-block{margin:20px auto 0;}
    .portal-detail-info{margin-bottom: 40px;}
    .support-block p{margin: 0 auto 20px;}
}
@media (max-width: 767px){
    .portal-detail-info h2{font-size: 34px;}
    .portal-detail-info p{font-size: 16px;}
    .portal-informtion-block p{font-size: 16px;}
    .support-block p{font-size: 16px;}
}
@media (max-width: 575px){
    .portal-detail-info h2{font-size: 27px;}
    .portal-informtion-block{padding: 20px;}
    .portal-informtion-block h5{font-size: 16px;margin:20px 0 17px;}
    .portal-informtion-block .d-button{height: auto;padding: 4px 17px;text-align: center;}
    .contact-btn{margin-bottom: 10px;}
    .contact-us-block{margin:20px 0 10px;}
}




.contact-us-block-section {
    width: 100%;
    padding: 80px 0;
    background-color: #319DB8;
    background-image: url(images/porat-back.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
.contact-us-block-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #319DB8;
    opacity: 0.8;
}
.contact-us-block-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0d5f73;
    opacity: 0.6;
}
.contact-us-block-heading{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}
.contact-us-block-heading h2{
    font-weight: bold;
    font-size: 40px;
    display: block;
    text-align: center;
    color: #fff;
    
}
.contact-information{
    width: 100%;
    position: relative;
    z-index: 1;
        display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.contact-information p{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    color: #fff;
    align-items: FLEX-START;
    margin-right: 0;
    font-weight: 500;
    margin-bottom: 18px;
}
.contact-information p a{
    color: #fff;
}
.contact-information p svg{
    width: 22px;
    margin-right: 15px;
    fill: #fff;
    height: auto;
}
.remote-installation-block{
    width: 100%;
    background-color: #fff;
    padding: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    position: relative;
    z-index: 1;
}
.remote-installation-block h5{
    font-size: 24px;
    color: #35535a;
    font-weight: 500;
    margin-top: 22px;
    margin-bottom: 30px;
    text-align: center;
}
.magtech0suppoert{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0;
}
.magtech0suppoert a {
    margin: 0 6px;
}
.magtech0suppoert a img {
    height: 50px;
}
.remote-installation-block > svg {
    width: 70px;
    fill: #319db8;
}
.contact-information p span {
    flex: 1;
}

@media (max-width: 1199px){
    .contact-us-block-section{padding: 60px 0;}
    .magtech0suppoert a{margin: 6px;}
    .remote-installation-block h5{font-size: 20px;}
    
}
@media (max-width: 991px){
    .contact-us-block-heading h2{font-size: 36px;}
    .remote-installation-block{margin-top: 30px;height: auto;}
    .contact-us-block-heading{margin-bottom: 40px;}
}
@media (max-width: 767px){
    .contact-us-block-heading h2{font-size: 32px;}
}
@media (max-width: 575px){
    .contact-us-block-heading h2{font-size: 27px;}   
    .remote-installation-block h5{font-size: 18px;}
    .remote-installation-block{padding: 20px;}
    .contact-information .d-button{height: auto;padding: 4px 17px;text-align: center;}
    .contact-us-block-heading{margin-bottom: 30px;}
}

.footer-block{
    width: 100%;
    background-color: #35535a;
    padding: 5px 0;
}
.footer-block p{
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    margin:0;
    text-align: center;
}
.footer-block p a{
    color: #319DB8;
    font-weight: 600;
}
.footer-block p a:hover{
    text-decoration: none;
}
.d-button svg {
    margin-right: 10px;
    transition: all 0.5s;
}
.d-button:hover svg{
    fill: #319DB8;
    position: relative;
    z-index: 11; 
}
@media (max-width: 1199px){
    .footer-block p{text-align: center;}
}
.swal-footer{
    text-align: center;
}
div#userfrosting-alerts {
    position: absolute;
    z-index: 111111111;
    bottom: 105px;
    /* left: 0; */
    right: 0;
    margin: 0 auto;
    max-width: unset;
    text-align: center;
}