/*
Template Name: Coming Soon
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

:root {
	--border_light:#ccc;
	--blue:#329efb;
	--bg_blue_transparent:#329efbb8;
	--gray:#9d9797;
}
body{
	font-family: "Poppins", serif;
	background-image: url(../image/1.jpg);
	background-position: center center;
	background-size: cover;
}
ul{
	list-style:none;
	padding:0;
}
h1, h2, h3, h4, h5 {
	  font-family: "Libertinus Sans", sans-serif;
	  font-weight: 600 !important;
}
a{
	color: var(--gray);
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: var(--blue);
}
a:focus{
	text-decoration:none;
	color: var(--blue);
}

.link:hover{
	text-decoration:none;
	color: var(--blue)!important
}
.link:focus{
	text-decoration:none;
	color: var(--blue)!important;
}

.bg_blue_transparent {
    background: var(--bg_blue_transparent);
}
.col_blue {
    color: var(--blue);
}
p{
	line-height:1.8em;
	color: var(--gray);
}

.font_60{
	font-size:60px;
}
.form-control {
	box-shadow: none;
	height: 48px;
}
.form-control:focus{
	box-shadow:none;
	 border: 1px solid var(--border_light);
}
.border_light {
    border: 2px solid var(--border_light);
}
::placeholder {
	opacity: 1; /* Firefox */
}
.input-group .form-control {
	box-shadow: none;
	height: auto;
}
.space_5{
	letter-spacing:5px;
}

/*****************coming*****************/
.social_icon li {
    margin-left: 15px;
    margin-right: 15px;
}
.soon_1_left{
	padding-top:250px;
}

.soon_1_right{
	 min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.count_box{   border-radius: 50%;
    border: 3px solid #1785dd;
    background-color: #188be8;
    width: 150px;
    height: 150px;
}
.count_box p{
	font-size:14px;
}
/*****************coming_end*****************/



@media screen and (max-width : 767px){
.soon_1_left{
	padding-top:50px;
	padding-bottom:50px;
}
.soon_1_right{
	padding-left:10px!important;
	padding-right:10px!important;
}
.soon_1_right .btn{
	padding-left:10px!important;
	padding-right:10px!important;
}
.input-group-btn{
	margin-left:10px!important;
}
.social_icon li {
    margin-left: 8px;
    margin-right: 8px;
}

.display-1 {
        font-size: 3rem!important;
    }
.count_box{   border-radius: 50%;
    width: 120px;
    height: 120px;
  }
  
 }


@media (min-width:576px) and (max-width:767px) {
.soon_1_right .btn{
	padding-left:30px!important;
	padding-right:30px!important;
}
 }
 
@media (min-width:768px) and (max-width:991px) {
.display-1 {
    font-size: 60px!important;
}
.soon_1_right .btn{
	padding-left:15px!important;
	padding-right:15px!important;
}
.input-group-btn{
	margin-left:10px!important;
}
.social_icon li {
    margin-left: 8px;
    margin-right: 8px;
}
.soon_1_right{
	padding-left:20px!important;
	padding-right:20px!important;
}
 }

 @media (min-width:871px) and (max-width:991px) {


}
@media (min-width:992px) and (max-width:1200px) {
.soon_1_right{
	padding-left:20px!important;
	padding-right:20px!important;
}
.display-1 {
        font-size: 2rem!important;
    }
.count_box{   border-radius: 50%;
    width: 100px;
    height: 100px;
  }
 }

@media (min-width:1201px) and (max-width:1300px) {
.display-1 {
        font-size: 3rem!important;
    }
.count_box{   border-radius: 50%;
    width: 120px;
    height: 120px;
  }
 }
@media screen and (min-width : 1400px){

.count_box{   border-radius: 50%;
    width: 150px;
    height: 150px;
  }
 }