/* BootstrapCDN  */
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"); 
/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/* Font Awesome */
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* Global CSS */
body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 16px;
}
.container-fluid{
	padding-right: 30px;
	padding-left: 30px;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 700;
}
/* Button */
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none;
}
.btn-secondary {
    color: #fff;
    background-color: #31374d;
    border-color: #31374d;
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 20px;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #2D3246;
    border-color: #2D3246;
}
.btn-primary {
    color: #fff;
    background-color: #f07c2e;
    border-color: #f07c2e;
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 20px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #F57118;
    border-color: #F57118;
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus, 
.btn-primary:focus{
	color: #fff;
    background-color: #F57118;
    border-color: #F57118;
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle,
.btn-secondary.focus, 
.btn-secondary:focus{
    color: #fff;
    background-color: #2D3246;
    border-color: #2D3246;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus{
	box-shadow: none;
}
/* Header */
header{
	background: #222133;
	padding: 15px 0px;
}
header img{
	height: 50px;
}
header .custom-select{
	width: 115px;
    font-size: 14px;
    background: transparent url('../img/caret-down.png') no-repeat 90% 50%;
    border: none;
    color: #fff;
    font-weight: 600;
    margin-right: 30px;
}
header .custom-select option{
	color: #000000;
}
header .custom-select:focus{
	outline: none;
	box-shadow: none;
}
.header-right-content{
	padding-top:5px;
}
/* Banner */
.banner{
	background: url('../img/home-banner.jpg') no-repeat center center;
	height: 700px;
	position: relative;
}
.banner-left-content{
	padding-top: 180px;
} 
.banner-img-1{
	right: 0px;
	bottom: 0px;
	position: absolute;
	height:550px;
	margin-right: 60px;
}
.banner-img-2{
	height: 650px;
}
.banner-img-3{
	height: 630px;
}
.banner-img-4{
	right: 0px;
	bottom: 0px;
	position: absolute;
	height:650px;
	margin-right: 0px;
}
.banner-img-5{

        right: 0px;
	bottom: 0px;
        position: absolute;
	height: 600px;
        margin-right: 0px;
}
.banner-left-content h1{
	font-size: 90px;
	line-height: 100px;
	margin-bottom: 25px;
}
.banner-left-content p{font-size: 18px;}

.banner-left-content .btn-primary{margin-top: 45px; padding: 10px 80px; font-size: 20px;}
/* Setup */
.setup-step{
	background: #31374d;
	padding: 50px 0px;
}
.setup-step h2{font-weight: 600;}
.setup-step-header{margin-bottom: 60px;}
.setup-step-content .number{
	width: 50px;
	height: 50px;
	background: #f07c2e;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	margin-right: 30px;
	margin-top: 15px;
}
.setup-step-content .media{position: relative;}
.setup-step-content .media::after{
	/* content: url('../img/arrow-left.png'); */
	width: 31px;
	height: 43px;	
	position: absolute;
	right:60px;
	top:20px;
}
.setup-step-content .media-3::after{display: none;}
.setup-step-content .media p{
	font-size: 18px;
	line-height: 35px;
}

.header-right-content .dropdown{
	width: 200px;
	/* display: inline-block; */
	display: none;
}
.header-right-content .dropdown .btn{
	font-size: 13px;
	padding: 0 15px 0px 0px;
}
.header-right-content .dropdown .btn-secondary{
	background:transparent;
	border: none;
}
.header-right-content .dropdown .language{color:#6b6f79; margin-right:15px;}
.header-right-content .dropdown .language-list{color:#ffffff;}
.header-right-content .dropdown-toggle{position: relative;}
.header-right-content .dropdown-toggle::after{
	border: none;
    font-family: FontAwesome;
    content: "\f107";
    color: #ffffff;
	top:0px;
	position: absolute;
	right: -3px;
}
/* .header-right-content .dropdown-toggle:hover::after{
	border: none;
    font-family: FontAwesome;
    content: "\f106";
    color: #ffffff;
	top:0px;
	position: absolute;
	right: -3px;
} */
.header-right-content .dropdown-menu{
	padding: 0;
	border-radius: 0px;
	left: 10px;
	background: #222133;
}
.header-right-content .dropdown-menu div{
	font-size: 13px;
	color: #ffffff;
	padding: 15px;
}
.header-right-content .dropdown-menu div:hover{
	cursor: pointer;
	background: #363a45;
}
/* .header-right-content .dropdown:hover>.dropdown-menu {
  display: block;
} */
/* Footer */
footer{
	background: #212133;
	padding:50px 0px;
}
.footer-img{margin-bottom: 20px;}
.eighteen{margin-right: 30px;}
footer p{margin-bottom: 0;font-size: 12px;font-weight: 500; line-height: 20px;}




/* Responsive Media Queries  */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){}
/* Extra large devices (Extra large desktops, 1366px and up) */
@media (min-width: 1366px){}
/* Extra large devices (Extra large desktops, 1440px and up) */
@media (min-width: 1440px){}
/* Extra large devices (Extra large desktops, 1600px and up) */
@media (min-width: 1600px) {
	.container{
		max-width:1400px;	
	}
}
/* Extra large devices (Extra large desktops, 1680 and up) */
@media (min-width: 1680px) {}
/* Extra large devices (Extra large desktops, 1920 and up) */
@media (min-width: 1920px) {}
					/* Max Width With Start Point */
/* Extra large devices (Extra large desktops, 1920 and Down) */
@media (max-width: 1919.98px) {}

/* Extra large devices (Extra large desktops, 1680 and Down) */
@media (max-width: 1679.98px) {}

/* Extra large devices (Extra large desktops, 1600px and Down) */
@media (max-width: 1599.98px) {
	.setup-step-content .media::after{
		right: 20px;
	}
	.banner{height: 600px;}
	.banner-img-1{height: 450px;}
	.banner-img-2,.banner-img-3{height: 500px;}
	.banner-left-content h1{
		font-size: 70px;
		line-height: 70px;
	}
	.banner-left-content .btn-primary {
	    margin-top: 25px;
	    padding: 10px 80px;
	    font-size: 18px;
	}
	.banner-img-4{
	    height: 500px;
	}
}

/* Extra large devices (Extra large desktops, 1440px and Down) */
@media (max-width: 1439.98px){}

/* Extra large devices (Extra large desktops, 1366px and Down) */
@media (max-width: 1365.98px){}

/* Extra large devices (large desktops, 1200px and Down) */
@media (max-width: 1199.98px) {
	.banner {
	    height: 500px;
	}
	.banner-img-1 {
	    height: 400px;
	    margin-right: 15px;
	}
	.banner-img-4{         
margin-right: 0;}
	.banner-left-content {
	    padding-top: 100px;
	}
	.banner-left-content h1 {
	    font-size: 50px;
	    line-height: 60px;
	}
	.banner-left-content .btn-primary{
		padding: 10px 60px;
		font-size: 16px;
	}
	.setup-step-content .number{
		margin-right: 20px;
	}
	.setup-step-content .media p {
	    font-size: 16px;
	    line-height: 30px;
	}
	.setup-step-content .media::after{
		right: 5px;
	}
	.banner {
	    height: 400px;
	}
	.banner-left-content h1 {
	    font-size: 36px;
	    line-height: 45px;
	}
	.banner-img-1{
		height: 300px;
	}
	.banner-img-2{
	        height: 400px;
	}
	.banner-img-5{
                height: 300px;
	}
	.banner-left-content {
	    padding-top: 60px;
	}
	.container-fluid {
	    padding-right:15px;
	    padding-left:15px;
	}
	.setup-step-content .number {
	    margin-right: 10px;
	}
	.setup-step-content .media p{font-size: 14px;}
	.setup-step-content .number{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.setup-step-content h3{font-size: 20px;}
	.setup-step-content .media::after {
	    right: -10px;
	}
	.setup-step-content .media p{
		font-size: 12px;
		line-height: 26px;
	}
	.setup-step{
		padding: 30px 0px;
	}
	.setup-step-content .media p {
	    font-size: 12px;
	    line-height: 26px;
	}
	.setup-step-header {
	    margin-bottom: 30px;
	}
	.setup-step-content .media::after {
	    right: -5px;
	}
	.banner-img-4{height: 380px;}
}

/* Large devices (desktops, 992px and Down) */
@media (max-width: 991.98px){}

/* Medium devices (tablets, 768px and Down) */
@media (max-width: 767.98px) {
	.banner {
	    height: auto;
	}
	.banner-img-1{
		position: static;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	.banner-img-4{margin-right: 0;}
.banner-img-5{
		position: static;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	.banner-img-2{
	    height: 300px;
	}
	.banner-left-content {
	    padding-top: 30px;
	    text-align: center;
	    padding-bottom: 15px;
	}
	.banner-left-content .btn-primary{margin-top: 10px;}
	.setup-step-content .media::after{display: none;}
	.setup-step-content .media{display: block; text-align: center;}
	.setup-step-content .number{margin: 0px auto 10px auto;}
	.setup-step-content .media{margin-bottom: 30px;}
	.setup-step-content .media p br{display: none;}
	.setup-step-content .media p{font-size: 14px;}
	.setup-step-content h3 {
	    font-size: 24px;
	}
	.container, .container-md, .container-sm {
	    max-width: 750px;
	}
}

/* Small devices (landscape phones, 576px and Down) */
@media (max-width: 575.98px) {
	.banner-left-content h1{font-size: 34px;}
	header .float-right {
	    float: none!important;
	}
	header{text-align: center;}	
	footer{padding: 30px 0px;}
}


					/* Max Width */
/* Extra large devices (Extra large desktops, 1920 and down) */
@media (max-width: 1920px) {}

/* Extra large devices (Extra large desktops, 1680 and down) */
@media (max-width: 1680px) {}

/* Extra large devices (Extra large desktops, 1600px and down) */
@media (max-width: 1600px) {}

/* Extra large devices (Extra large desktops, 1440px and down) */
@media (max-width: 1440px) {}

/* Extra large devices (Extra large desktops, 1366px and down) */
@media (max-width: 1366px) {}

/* Extra large devices (large desktops, 1280px and down) */
@media (max-width: 1280px) {}

/* Extra large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {}

/* Large devices (desktops, 992px and down) */
@media (max-width: 992px) {}

/* Medium devices (tablets, 800px and down) */
@media (max-width: 800px) {}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {}

/* Small devices (landscape phones, 480px and down) */
@media (max-width: 480px) {
	.banner-img-1 {
	    height: 210px;
	}
	.banner-img-2{
	    height: 250px;
	}
.banner-img-5{
	    height: 250px;
	}
}

/* Small devices (landscape phones, 414px and down) */
@media (max-width: 414px) {}

/* Small devices (landscape phones, 384px and down) */
@media (max-width: 384px) {

}

/* Small devices (landscape phones, 360px and down) */
@media (max-width: 360px) {
	.header-right-content .btn-secondary{margin-top: 10px;}
}

/* Small devices (landscape phones, 360px and down) */
@media (max-width: 320px) {}