@import url('https://fonts.googleapis.com/css2?family=Londrina+Outline&display=swap');
@font-face {
    font-family: 'LondrinaOutline-Regular';
    src: url('/canv_website_dashboard/static/src/fonts/LondrinaOutline-Regular.ttf');
}
@font-face {
    font-family: 'beIN Normal';
    src: url('/canv_website_dashboard/static/src/fonts/Net-beIN-Normal-.ttf');
}
@font-face {
    font-family: 'beIN Black';
    src: url('/canv_website_dashboard/static/src/fonts/bein-black.ttf');
}

@media (min-width: 320px){
	.intro_h{
		font-size: 20px;
		margin-top:20px;
	}
	.header_logo{
		width:80%;
	}
	.header_navbar{
		width:20%;
	}
	.footer_img_col{
		width: 100%;
	}
	.footer_links_col_1{
		width:100%;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.footer_links_col_2{
		width:28%;
		margin-top: 10px
	}
	.footer_links_col_3{
		width:44%;
		margin-top: 10px
	}
	.canv_footer_logo{
		width:125px;
		height: 90px;
	}
}
@media (min-width: 576px){
	.intro_h{
		font-size: 24px;
		margin-top:20px;
	}
	.header_logo{
		width:80%;
	}
	.header_navbar{
		width:20%;
	}
	.footer_img_col{
		width: 33.31%;
	}
	.footer_links_col_1{
		width:25.67%;
		margin-top: 10px
	}
	.footer_links_col_2{
		width:11%;
		margin-top: 10px
	}
	.footer_links_col_3{
		width:17%;
		margin-top: 10px
	}
	.canv_footer_logo{
		width:175px;
		height: 120px;
	}
}
@media (min-width: 768px){
	.intro_h{
		font-size: 24px;
		margin-top:20px;
	}
	.header_logo{
		width:80%;
	}
	.header_navbar{
		width:20%;
	}
	.footer_img_col{
		width: 33.31%;
	}
	.footer_links_col_1{
		width:25.67%;
		margin-top: 10px
	}
	.footer_links_col_2{
		width:11%;
		margin-top: 10px
	}
	.footer_links_col_3{
		width:17%;
		margin-top: 10px
	}
	.canv_footer_logo{
		width:175px;
		height: 120px;
	}
}
@media (min-width: 992px){
	.intro_h{
		font-size: 24px;
		margin-top:20px;
	}
	.header_logo{
		width:90%;
	}
	.header_navbar{
		width:105;
	}
	.footer_img_col{
		width: 33.31%;
	}
	.footer_links_col_1{
		width:25.67%;
		margin-top: 10px
	}
	.footer_links_col_2{
		width:11%;
		margin-top: 10px
	}
	.footer_links_col_3{
		width:17%;
		margin-top: 10px
	}
	.canv_footer_logo{
		width:175px;
		height: 120px;
	}
}
@media (min-width: 1200px){
	.intro_h{
		font-size: 32px;
		margin-top:30px;
	}
	.header_logo{
		width:25%;
	}
	.header_navbar{
		width:75%;
	}
	.footer_img_col{
		width: 33.31%;
	}
	.footer_links_col_1{
		width:16.67%;
	}
	.footer_links_col_2{
		width:16.67%;
	}
	.footer_links_col_1{
		width:25.67%;
		margin-top: 10px
	}
	.footer_links_col_2{
		width:11%;
		margin-top: 10px
	}
	.footer_links_col_3{
		width:17%;
		margin-top: 10px
	}
	.canv_footer_logo{
		width:175px;
		height: 120px;
	}
}
.three-cols .three_card_01 {
        width: 100%;
        *width: 100%;
        position: relative;
    }
    .three-cols .three_card_02{
    	width: 2%;
        *width: 2%;
        position: relative;
    }
    .three-cols .three_card_03 {
        width: 96%;
        *width: 96%;
    }
}

#top_menus{
	font-family: beIN Normal ;
	color: #ffffff;
	margin-right: 2%;
	margin-left: 2%;
}
#top_header{
	color: white;
	font-family: beIN Normal ;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 17.14px;
	letter-spacing: 1px;
	word-wrap: break-word;
}
#logo_img{
	font-family: beIN Normal ;
	width:100px;
	height:45px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
#header{
	background-color: #ffffff;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#navbar{
	background-color: #ffffff;
	color: black;
	>ul{
		margin-top: 20px;
	}
}
.home_header_text{
	color: rgba(0,0,0, 0.9);
	font-family: beIN Normal;
}
.form-check-label{
	color: rgba(0,0,0, 0.9);
	font-family: beIN Normal;
}
#page_content_12{
	margin-right: 5px;
	margin-left: 5px;
	font-family: beIN Normal;
}
#home_footer{
	font-family: beIN Normal ;
	width: 100%;
}
.canv_footer_logo{
	font-family: beIN Normal ;
}
.footer_social_media_link{
	font-family: beIN Normal ;
	margin-right: 2px;
	margin-left: 2px;
	border-radius: 5px;
}
.footer_social_media_link:hover{
	background-color: none;
	color: #666666;
}
.footer_td{
	font-family: beIN Normal ;
}
.footer_link_label{
	font-family: beIN Normal ;
	color: #000000;
}

#page_content_md{
	margin-right: 5px;
	margin-left: 5px;
	font-family: beIN Normal;
}
.service_card_title{
	color: inherit; 
	font-size: 18px; 
	// font-family: beIN Black; font-weight: 400;
	font-family: beIN Normal ; font-weight: 400;
	line-height: 32px; 
	word-wrap: break-word;
	margin-top: 10px;
	width: 60%;
}
.service_card_top_line{
	font-family: beIN Normal ;
	width: 121px;
	height: 30px;
	width: 30%;
	margin-right: 5%;
	margin-left: 5%;
	border-bottom: 2px black solid;
}
.service_card_txt{
	font-family: beIN Normal ;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
.service_card_num{
	margin-top: 100px;
	width: 100%;
	text-align: left;
	font-size: 120px;
	font-family: 'Londrina Outline', sans-serif;
}
.footer_tr_head{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}