@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700);
@import url(font/archivo.css);
@import url(font/font_family.css);

html {overflow-x: hidden;scroll-behavior: smooth;}
* {padding:0;margin:0;font-family:'poppins','Archivo';position:relative;transition:0.4s;box-sizing: border-box;}
body {background: #ffffff;
    overflow-x: hidden;
}
a {text-decoration:none;color:unset;}
div,h1,h2,h3,h4,p,i,a {position:relative;transition:0.4s;   
    }

:root {
	--color:#012563;
	--color2:#021314;
	--color3:#ffffff;
	
}







::placeholder {font-style:italic;}

.header {            width: -webkit-fill-available;
    background: #012563;
    color: white;
    display: grid;
    grid-template-columns: 14% 26% auto;
    align-items: center;
    overflow: visible;
    z-index: 5;}
.header .head_cont{        vertical-align: middle;
    margin: 0 auto;
    width: -webkit-fill-available;
    text-align: center;
}
.header .head_cont .head_logo{}
.header .head_cont .head_logo img{    width: 95px;}
.header .head_cont .search_bar{           border: 1px solid white;
    background: white;
    border-radius: 6px;
    height: 35px;
    padding: 1px 8px 0px 5px;
    display: flex;
}
.header .head_cont .search_bar input{    background: transparent;
    padding: 6px;
    border: 0px;
    outline: none;
    width: auto;
    font-size: 15px;
}
.header .head_cont .search_bar button{       padding: 6px;
    font-size: 18px;
    border: 0px;
    vertical-align: middle;
    border-radius: 20px;
    outline: 1px solid white;
    background: #012563;
    color: white;
    position: absolute;
    right: 0px;
}
.header .head_cont .head_text {    display: inline-block;
    padding: 17px 6px;
    font-size: 11px;
    cursor: pointer;
    vertical-align: middle;}
.header .head_cont .head_text h3{display: inline-block;
    font-weight: 400;
    margin: 0px 5px;}
.header .head_cont .head_text i {display: inline-block;
    background: #ffffff;
    color: var(--color);
    padding: 5px;
    width: 25px;
    border-radius: 23px;
    height: 24px;
    text-align: center;}


.goog-te-gadget .goog-te-combo {
         margin: 0px 0;
    padding: 6px;
    border: 0px solid #ffffff;
    background: #00000075;
    color: white;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    width: 138px;
}


.drop_down {       display: none;
    position: absolute;
    z-index: 7;
    background: white;
    color: #505050;
    box-shadow: -2px 29px 20px 0px #5656562e;
    top: 55px;
    border-radius: 5px;
    font-size: 13px;
    text-align: left;}
	
	.drop_down:before {
    content: '';
    position: absolute;
    border: 15px solid transparent;
    border-bottom: 15px solid white;
    top: -25px;
    left: 30;
}
.drop_down li{    list-style-type: none;
    width: 150px;
    padding: 15px 21px;}
.drop_down li:hover {background: #012563;
    color: white;}
.head_text:hover .drop_down  {display:block;}
	
.hero {             color: white;
    padding: 0px;
    border-radius: 0px 0px 19px 20px;
    background-position: center;
    background-repeat: repeat-y;
    padding-top: 1px;
    width: 100%;
    }
.hero_text {display: inline-block;
    width: fit-content;
    padding: 62px;}
.hero_text h1{display: inline-block;
    margin: 10px;
    font-size: 48px;}
.hero_text h2  {display:inline-block}
.hero_text h3{}
.hero_text2 {              color: #000000;
    padding: 50px;
    border-radius: 4px;
    margin: 0px auto;
    max-width: 1100px;
    text-align: left;
    line-height: 1.5;
    align-items: center;
    z-index: 3;
    vertical-align: top;
    display: grid;
    grid-template-columns: 50% 50%;}
	
	
.ht_side2 img {      width: 100%;
    max-width: 400px;
    filter: drop-shadow(0px 0px 11px #bcbcbc38);
    margin: 0 auto;
    display: block;
	 animation: aniupdn1 2s linear infinite alternate;
	 -webkit-animation: aniupdn1 2s linear infinite alternate;
	 -moz-animation: aniupdn1 2s linear infinite alternate;
	}	
	
	
	@keyframes aniupdn1{
		0% {top:10px;}
		100% {top:-10px;}
	}
	@-webkit-keyframes aniupdn1{
		0% {top:10px;}
		100% {top:-10px;}
	}@-moz-keyframes aniupdn1{
		0% {top:10px;}
		100% {top:-10px;}
	}
	
.hero_text2 h1{              font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
    background: linear-gradient(90deg, #162ca8 12.55%,#2196F3 46%, #8BC34A 83.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    width: -webkit-fit-content;
    width: fit-content;
    background-clip: text;
    text-fill-color: transparent;}
	
.hero_text2 .big_text {}
.hero_text2 p{         font-size: 15px;
    margin: 20px 0px;
    color: #000000;}

.mobile_header,.outside_click_close {display:none;}
.btn1 {         background: black;
    color: white;
    width: auto;
    border: 0px solid;
    padding: 11px 25px;
    border-radius: 0px;
    margin: 15px 5px 0px;
    display: inline-block;
    font-size: 15px;	}

.btn1:hover {
	
	    transform: scale(1.1);
    background: #01256370;
    border-radius: 60px;
}

	.visitors_box {text-align: center;
    }
	.v_box {	
               padding: 27px;
    min-width: 300px;
    display: inline-block;
    margin: 25px 6px;
    border-radius: 3px;
    background: #ffffffe6;
    box-shadow: 0px 0px 20px 0px #ded8d863;
    color: black;
	
}
	
	.v_box h3 {          color: #115991;
    font-size: 23px;
    margin: 7px auto 6px;
    font-weight: 600;
    letter-spacing: -1px;}
	
	.v_box .visitors {    font-size: 38px;
    min-width: 87px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    font-weight: 600;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    }
.v_box .visitors i{
        font-size: 30px;
	}

	
.city_change {
	display:none;
	position: fixed;
    border: 2px solid var(--color);
    padding: 36px;
    z-index: 30;
    background: white;
    border-radius: 6px;
    top: 18%;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0px 0px 10px 0px #6060606b;
}
.city_change h3{font-size: 43px;
    color: #f5665c;
    position: absolute;
    top: -2px;
    right: 13px;
    z-index: 3;}
.city_change form{margin: 20px;}
.city_change form select{padding: 10px;
    border: 2px solid var(--color);
    color: var(--color);
    border-radius: 4px;}
.city_change form input[type=submit]{font-size: 14px;
    padding: 12px;
    background: var(--color);
    border: 0px;
    border-radius: 5px;
    color: white;}
	
	


.slick-slide {
     margin: 26px 3px;
    padding: 0px 10px;
    text-align: center;
    box-shadow: 0px 0px 8px 0px #d7d6d669;
    border-radius: 8px;
}

    .slick-slide img {
      width: 100px;
    margin: 14px auto;
    height: 100px;
    border: 1px solid #d1d0d0;
    border-radius: 79px;
    overflow: hidden;

    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
	
	
	
	
	
	.view_more_btn {font-size: 17px;
    background: #012563;
    color: white;
    margin: -26px 34px;
    text-align: right;
    width: fit-content;
    float: right;
    padding: 12px;
    border-radius: 3px;}
	.cate_title {           margin: 43px auto 16px;
    text-transform: capitalize;
    color: black;
    width: fit-content;
    font-size: 31px;
}

.cate_title:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background: #012563	;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
}
.row {}
	
	.title_sample {text-align:center;}
	
	footer {background: black;
    color: white;
    text-align: center;
    margin: 0px;
    padding: 20px;}
	
	/*cookies policy*/
	.cookies_policy {         position: fixed;
    bottom: 0;
    z-index: 44;
    background: #000000bf;
    width: 500px;
    margin: 0px auto;
    padding: 17px;
    color: white;
    border-radius: 5px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0px 0px 10px 0px #00000091;
}
	.cookies_policy h3{text-align: center;
    color: #4caf50;}
	.cookies_policy p{font-size: 14px;
    margin: 9px;
   
}
	.close_cookies {color: #e51717;
    font-size: 44px;
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 4;}
	.accept_btn {        display: inline-block;
    background: #4caf50;
    color: white;
    padding: 7px 11px;
    font-size: 15px;
    margin: 0px 10px;cursor:pointer;}
	.close_btn {  display: inline-block;
    background: #595a59;
    color: white;
    padding: 7px 11px;
    font-size: 15px;
    margin: 0px 10px;cursor:pointer;}
	


.social_med_poster {       padding: 40px 10px;
    background: #0d3b5f;
    color: white;}
.social_med_poster h2{        font-size: 25px;
    text-align: center;
    padding: 27px;
  
    font-weight: 600;
    margin-bottom: 1px;}
	
	.social_med_poster p {       text-align: center;
    margin: 0px auto 30px;
    
    font-weight: 500;
    font-size: 14px;}
.social_med_poster h2:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 5px;
    background: #012563;
    bottom: 11px;
    left: 50%;
    transform: translate(-50%);
}

.social_med_poster_scroll {       display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    overflow-x: scroll;
    text-align: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;}
.social_med_poster .poster_demo{      width: 300px;
    height: auto;
    display: inline-block;
    margin: 5px;}
.social_med_poster .poster_demo img{width:100%;}



/* width */
.social_med_poster_scroll::-webkit-scrollbar {
  width: 10px;height:10px
}

/* Track */
.social_med_poster_scroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.social_med_poster_scroll::-webkit-scrollbar-thumb {
      background: #012563;
    border-radius: 10px;
}

/* Handle on hover */
.social_med_poster_scroll::-webkit-scrollbar-thumb:hover {
  background: #097bd6; 
}


.btn2 {           background: #2196F3;
    color: white;
    padding: 6px 18px;
    font-weight: 400;
    margin: 0 auto;
    width: fit-content;
    font-size: 12px;
    border-radius: 2px;}

	
	.btn2 i{color: white;}	
.feedback_box {              width: 150px;
    overflow: hidden;
    margin: 10px 4px;
    box-shadow: 0px 0px 10px 0px #b6b6b62e;
    display: grid;
    grid-template-rows: 131px 23px 24px 52px;
    padding: 5px;
    border-radius: 5px;
    align-items: center;}
.feedback_box img{      width: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto;}
.feedback_box h3{        font-weight: 500;
    text-transform: capitalize;
    margin: 3px;
    font-size: 14px;
    height: auto;
    color: black;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;}

.feedback_box i{color: #ffffff; }
	.feedback_box p{       margin: 8px 6px;
    font-size: 11px;
    text-align: justify;
    color: #606060;
    font-weight: 400;
    max-height: 20px;
    overflow: hidden;}
	
	/* Position the image container (needed to position the left and right arrows) */

.containerimgback 	 {}
.containerimg {
                     position: relative;
    width: fit-content;
    max-width: -webkit-fill-available;
    margin: 0 auto;
    overflow: hidden;
    overflow-x: scroll;
    display: block;
    grid-template-columns: auto auto auto auto auto;
    text-align: center;
}
.poster_img {    display: inline-block;}
.poster_img img{         width: 100px;
    margin: 6px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px #00000047;}


.promo {        height: 300px;
    text-align: center;
    overflow: hidden;}
.promo img {         width: auto;
    margin: 10px;
    border-radius: 8px;}
	
	.popup_offer {   display:none; position: fixed;
    top: 30px;
    background: white;
    z-index: 3;
    text-align: center;
    width: 70%;
    left: 50%;
    transform: translate(-50%);
    padding: 30px;
    box-shadow: 0px 0px 20px 0px #6a6a6a42;
    border-radius: 8px;}
	.popup_offer .close {    position: absolute;
    z-index: 3;
    color: #f87f7f;
    right: 22px;
    font-size: 46px;
    top: 9px;}
	.popup_offer i{    color: red;
    font-size: 39px;
    margin: 10px;}
	.popup_offer h3{    font-size: 14px;
    font-weight: 400;
    margin: 20px;}
	.popup_offer iframe{        width: 80%;
    height: 300px;
    margin: 10px;}