@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700&display=swap');

@font-face {
    font-family: 'zurchn';
    src: url('fonts/zurchn-webfont.eot');
    src: url('fonts/zurchn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/zurchn-webfont.woff') format('woff'),
         url('fonts/zurchn-webfont.ttf') format('truetype'),
         url('fonts/zurchn-webfont.svg#zurchn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurchb';
    src: url('fonts/zurchb-webfont.eot');
    src: url('fonts/zurchb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/zurchb-webfont.woff') format('woff'),
         url('fonts/zurchb-webfont.ttf') format('truetype'),
         url('fonts/zurchb-webfont.svg#zurchb') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{ font-size: 14px }
body{  color: #ffffff; font-family:Mulish, sans-serif, Arial; font-size: 1rem }
.container {max-width: 960px;}
header{ border-bottom: 1px solid #ffb384; }
footer{ background-color: #e78637; color: #ffffff }
footer small{ font-size: 1rem; color: #ffffff }
footer small a{ font-size: 1rem; color: #1f4b70; text-decoration: none; }
footer small a:hover{ color: #1f4b70; border-bottom: 1px solid #1f4b70}
h3 {
    font-weight: bold;
}

.intro{
    font-size: 2rem;
}
.left_pane > h2{ font-family: Mulish, sans-serif !important; font-size: 3rem; line-height:1; font-weight: bold;}

.left_pane > h4{ font-size: 1.5rem }
.left_pane > p{ font-size: 0.9rem ;}
.cardfacia > img{ width: 90%;
    transform: rotate(-12deg);
 }
p.text-center.py-4.instbtn {
    display: flex;
    justify-content: center;
}

.apply{ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);transition: all 0.3s ease 0s;
  background-color:#ffffff; color: #d75a15; font-size: 1.1rem; text-align: center; padding: 0.8rem 4rem; font-family: Mulish, sans-serif !important;; }
.apply:hover{ background-color:#ffffff; color: #d75a15; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);}
.apply:active{ background-color:#ffffff !important; color: #d75a15 !important; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);}
.box{ border:1px dashed #e38c5c; padding: 1rem 2rem; border-radius: 0.5rem;display: flex; align-items: center; }
.box>img{ margin-right: 2rem;  }
.box>h4{  font-family: Mulish, sans-serif !important; font-size: 1.2rem; margin-bottom: 0px; }
.flex_start{ align-items: flex-start; }
.box > h4 > ul{ padding-left: 15px }
.box > h4 > ul li{ font-family: Mulish, sans-serif !important; font-size: 1rem; margin-top: 1rem }

.hm-gradient {
    
}


.card1 {width: 100%;height: 300px;position: relative;border-radius: 3px; background-position: top center; transform-style: preserve-3d;display: flex;justify-content: center;align-items: center;}
.card1:after {content: "";position: absolute;width: 100%;height: 8px;border-radius: 50%; left: 0; bottom: 0px;box-shadow: 0 30px 20px rgba(0, 0, 0, 0.3);}
.card-content {transform-style: preserve-3d;text-align: center;}
.stick_nav{ display: none; margin-bottom: 0; left: 0px;}

.txt_right{ text-align: right; }

@media (max-width: 768px) {

	.stick_nav{ display: none; position: fixed; bottom: -1px; width:100%; border-radius: 0px; }
	.stick_nav>a{ font-size: 1rem; padding-top: 1rem 4rem; border-radius: 0px  }
	footer{ padding-bottom: 3rem; }
    .txt_right{ text-align: left; padding-top: 15px }
 
}