@import url('https://fonts.googleapis.com/css2?family=SUSE:ital,wght@0,100..900;1,100..900&display=swap');

html,body{height: 100%; padding:0; margin: 0; box-sizing: border-box;}

body{font:400 16px 'SUSE', sans-serif;}

:root{
    --c-primary: #1c81a9;
    --c-secondary: #993cdf;
}

::marker{color: var(--c-primary);}

.c_primary{color: var(--c-primary);}
.c_secondary{color: var(--c-secondary);}

.bg_primary{background-color: var(--c-primary);}
.bg_secondary{background-color: var(--c-secondary);}

.fs_13{font-size: 13px!important;}

.handOver{right: 10%; bottom: 0; z-index: 0;}

header.header_bg{background-color: #1c81a9;}

.bodybg{background: url(images/bodybg.jpg) no-repeat center top / cover; background-attachment: fixed; position: relative;;}
.bodybg::after{content:''; position:absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(to left, #1C81A900 0%, #1C81A9CC 80%); z-index: -1;}

.appLink a img:hover{transition: all 0.6s ease; transform: scale(1.04);}


footer{position: absolute; bottom:50px; border-radius: 80px;}
footer .footerNav a{color: #333333; font-size: 13px; font-weight: 400; padding:0 6px; border-right: 1px solid #333333; text-decoration: none; line-height: 0;}
footer .footerNav a:hover{color: #000;}
footer .footerNav a:last-child{border-right: 0;}
footer .footerSocial a{margin: 0 6px; display: inline-block; line-height: 0; color: #333333;}
footer .footerSocial a:hover{transition: all 0.6s ease; transform: rotate(360deg) scale(1.40);}

.footer .footerNav a{border-right: 1px solid #ffffff;}
.footer .footerNav a:hover{color: rgb(225, 223, 223)!important;}

@media screen and (max-width: 991.98px){
    h1,h2{font-size: 30px;}
    .handOver{right: 0;}
    footer{width: 96%; padding: 0 10px; position: fixed; left: 2%; bottom: 0; border-radius: 10px;}
    .footer{position: static!important;}
}

@media screen and (max-width: 767.98px){
    
    .handOver img{width: 200px;}
    .appLink a img{width: 120px;}
}
@media screen and (max-width: 575.98px){
    h1,h2{font-size: 20px;}
    .handOver{display: none;}
}