@charset "utf-8";
/* CSS Auther - Dinusha M Thennakoon - flexwalkers.com
Version : 0.0.1
 */
/* Reset CSS */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none!important}
/* End Reset CSS */
/* Fonts */
/* */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-thumb { border-radius: 1em; background-color: rgba(50,50,50,0.3); }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family: 'Source Sans Pro', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body { width: 100%; height: 100%; }
img { vertical-align:top; }

/* Row Cols */
.row {margin-right:0px;margin-left:0px;}
.row:after,.row:before{content:"";display:table}.row:after{clear:both}.row{zoom:1}[class*=" col-"],[class^=col-]{margin:0;float:left;position:relative;min-height: 1px; padding:0px;
}.col-1{width:8.33333333333333%}.col-2{width:16.66666666666666%}.col-3{width:25%}.col-4{width:33.33333333%}.col-5{width:41.66666666666665%}.col-6{width:50%}.col-7{width:58.33333333333331%}.col-8{width:66.66666666666664%}.col-9{width:75%}.col-10{width:83.3333333333333%}.col-11{width:91.66666666666663%}.col-12{width:100%}
.col-80 { width: 80%; padding:0;}.col-20 { width: 20%; }
.col-a { width:70%; }
.col-b { width:30%; }
/* Offset */
.col-1-offset-lg{margin-left:8.33333333333333%}.col-2-offset-lg{margin-left:16.66666666666666%}.col-3-offset-lg{margin-left:25%}.col-4-offset-lg{margin-left:33.33333333%}.col-5-offset-lg{margin-left:41.66666666666665%}.col-6-offset-lg{margin-left:50%}.col-7-offset-lg{margin-left:58.33333333333331%}.col-8-offset-lg{margin-left:66.66666666666664%}.col-9-offset-lg{margin-left:75%}.col-10-offset-lg{margin-left:83.3333333333333%}.col-11-offset-lg{margin-left:91.66666666666663%}
.col-1-offset-lg{margin-left:8.33333333333333%}.col-2-offset-lg{margin-left:16.66666666666666%}.col-3-offset-lg{margin-left:25%}.col-4-offset-lg{margin-left:33.33333333%}.col-5-offset-lg{margin-left:41.66666666666665%}.col-6-offset-lg{margin-left:50%}.col-7-offset-lg{margin-left:58.33333333333331%}.col-8-offset-lg{margin-left:66.66666666666664%}.col-9-offset-lg{margin-left:75%}.col-10-offset-lg{margin-left:83.3333333333333%}.col-11-offset-lg{margin-left:91.66666666666663%}

.col-1-offset-rg{margin-right:8.33333333333333%}.col-2-offset-rg{margin-right:16.66666666666666%}.col-3-offset-rg{margin-right:25%}.col-4-offset-rg{margin-right:33.33333333%}.col-5-offset-rg{margin-right:41.66666666666665%}.col-6-offset-rg{margin-right:50%}.col-7-offset-rg{margin-right:58.33333333333331%}.col-8-offset-rg{margin-right:66.66666666666664%}.col-9-offset-rg{margin-right:75%}.col-10-offset-rg{margin-right:83.3333333333333%}.col-11-offset-rg{margin-right:91.66666666666663%}
.clear:after,.form-group:after,.form-group:before,.clear:before{content:"";display:table}.form-group:after,.clear:after{clear:both}
.img-responsive img { width:100%; }

/* Common Text */
sup { vertical-align:super !important; font-size:80%; }
strong { font-weight:600; } /* If font weight Support 600 */
small { font-size:75%;}
h1,h2,h3,h4,h5 { font-family: 'Rubik', sans-serif; text-transform:uppercase; color:#05113A;}
h1 strong,h2 strong,h3 strong,h4 strong { font-weight: 900; }
.h1{ font-size:32px;} .h2{ font-size:24px;} .h3{ font-size:18px;} .h4{ font-size:16px;} 

.wrap-800  { max-width:900px; margin:0 auto; position:relative; }
.wrap-1000 { max-width:1000px; margin:0 auto; position:relative; }
.wrap-1100 { max-width:1100px; margin:0 auto; position:relative; }
.wrap-1200 { max-width:1200px; margin:0 auto; position:relative; }
.wrap-1400 { max-width:1400px; margin:0 auto; position:relative; }

/* Margins */
.m-none  { margin:0; }
.mt-sm   { margin-top:5px; }
.mt-m    { margin-top:15px; }
.mt-lg   { margin-top:20px; }
.mt-xl   { margin-top:40px; }
.mt-xxl  { margin-top:50px; }
.mb-sm   { margin-bottom:10px; }
.pd-t-xl { padding-top:30px; }

.f-left{ float:left;}
.f-right{ float:right;}

@media all and (max-width: 1366px) {
	
}
@media all and (max-width: 1024px) {
	
}
@media all and (max-width: 840px) {
	.col-m { width:100%; margin-bottom:15px; }
	.col-sm { width:50%; }
	.h1{ font-size:18px;} .h2{ font-size:16px;} .h3{ font-size:15px;} .h4{ font-size:13px;}
 	h1,h2,h3,h4,h5{ text-align:center;} 
 	.col-5, .col-6, .col-7, .col-8 {width:100%; margin-bottom:0px; }
 	.col-4{width:50%; margin-bottom:0px;}
}
	
@media all and (max-width: 540px) {
	[class*=" col-"],[class^=col-] { width:100%; margin-bottom:0px; }
	
	
}
@media all and (max-width: 320px) {
}

/* styling contact list section start*/
.contact-link {
	color: inherit;
	text-decoration: none;
}
.contacts-link {
	color: #314354;
	text-decoration: none;
}
/* styling contact list section stop*/

/* Styling for QR code section start */
.qr-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 20px;
    
   
}

.qr-container div {
    margin: 10px;
    text-align: center;
    
    
}

.contact-infoo {
    text-align: center;
}


/* social media icons in contact.php style started  */
.social-media-icons {
    text-align: center;
    margin-top: 20px;
}

.social-media-icons .social-icon img {
    margin-right: 10px;
    width: 30px;
    height: 30px;
}
/* social media icons in contact.php style stop  */

/* WhatsApp button styling */
/* .btn-whatsappp {
    display: inline-block;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    margin-top: 10px;
    background-color: #25D366;
}

.btn-whatsappp i {
    margin-right: 10px;
} */

/* Responsive adjustments for buttons on smaller screens */
/* @media (max-width: 767px) {
    .qr-container {
        flex-direction: column;
        align-items: center;
    }

    .btn-whatsappp {
        width: 100%; 
    }
} */

/* Styling for QR code section stop */

