html {scroll-behavior:smooth;}

@font-face {font-family:font; src:url(fonts/Cera.html\ Condensed\ Pro\ Light.otf);}

/* --NAVBAR-- */
header {width:auto; position:fixed; z-index:99; padding-top:10px; width:100%; position:fixed; top:0; left:0;}

.bg-light {background-color:transparent!important;}

.nav-link {color:#fff!important; font-size:16px;}

.navbar-light .navbar-toggler {border:none;}

.navbar-light .navbar-toggler-icon {color:#fff!important;}

.navbar-light .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}



header #logo img {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s; transition-duration:1.0s;}

.navbar-collapse a {font-size:16px!important; font-weight:400!important; font-family:'Poppins',sans-serif!important; padding:0 10px 0 10px!important;}

.navbar-collapse a {padding:5px 10px 5px 10px!important;}

header.smaller {min-height:65px; background-color:#0072bc; box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}

header.smaller .navbar {padding:5px 0!important; margin-right:15px; color:#000;}

header.smaller #logo img {height:75px;}

header.smaller a {color:#fff!important;}
header.smaller .dropdown-menu {background-color:#fff!important; color:#000!important;}
header.smaller .dropdown-menu a {color:#000;}
header.smaller .dropdown-menu a:focus,header.smaller .dropdown-menu a:focus {background-color:#0072bc; color:#fff;}
header.smaller .dropdown-menu a {color:#000!important;}
header.smaller .dropdown-menu a:focus,header.smaller .dropdown-menu a:hover {background-color:#0072bc!important; color:#fff!important;}


/* Underline From Center */
.hvr-underline-from-center {display:inline-block; vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative; overflow:hidden;}

.hvr-underline-from-center:before {content:""; position:absolute; z-index:-1; left:51%; right:51%; bottom:0; background:#fff; height:2px;-webkit-transition-property:left,right; transition-property:left,right;-webkit-transition-duration:0.3s; transition-duration:0.3s;-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}

.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before {left:0; right:0;}

/* Bounce To Left */
.hvr-bounce-to-left {display:inline-block; vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative;-webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s; transition-duration:0.5s;}
.hvr-bounce-to-left:before {content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#0072bc;-webkit-transform:scaleX(0); transform:scaleX(0);-webkit-transform-origin:100% 50%; transform-origin:100% 50%;-webkit-transition-property:transform; transition-property:transform;-webkit-transition-duration:0.5s; transition-duration:0.5s;-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover {color:#fff;}
.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before {-webkit-transform:scaleX(1); transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}


/* BANNER */
.banner {background-image:url('../../../images/packages-banner.html'); width:100%; height:100vh; padding-top:100px; color:#fff; background-position:right center; background-size:cover; position:relative;}
.package-box {width:400px; height:400px; background-color:rgba(38, 116, 248, 0.7); position:absolute; bottom:0; padding-top:120px; border-radius:10px; padding-left:30px;}
.package-box h2 {text-align:left; margin-bottom:20px; text-transform:uppercase;}
.package-box p {font-family:'Rajdhani',sans-serif; font-size:18px; font-weight:500; text-align:left; padding-right:30px;}

.box-2 {background-color:#d9e4ec; max-width:1250px; margin-top:50px; border-radius:10px; padding:50px 0; margin-bottom:50px; color:#fff;}
.affliate-box {background-color:#b4cad9; padding:40px 20px; border-radius:10px; height:620px; box-shadow:0 40px 30px -8px rgba(0, 0, 0, 0.2); width:350px; transition-duration:2s;}
.affliate-box h4 {font-family:'Poppins',sans-serif; font-size:25px; font-weight:400; margin-bottom:20px;}
.affliate-box h5 {text-align:center;}
.affliate-box p {font-family:'Poppins',sans-serif; font-size:16px; font-weight:200; line-height:20px;}
.affliate-box h2 {text-align:center; font-family:'Rajdhani',sans-serif; font-size:40px; font-weight:600; line-height:40px;}
.affliate-box span {display:block;}
.affliate-box a {background-color:#fff; border-radius:20px; padding:10px 10px; text-decoration:none; color:#000;}
.affliate-box .d-flex {justify-content:space-around;}
.affliate-box:focus,.affliate-box:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90);}


.feature-box {background-color:#d9e4ec; max-width:1250px; margin-top:50px; border-radius:10px; padding:50px 0; margin-bottom:50px; color:#fff; text-align:center; font-family:'Rajdhani',sans-serif;}
.feature-box h1 {color:#0072bc; font-size:40px;}
.feature-box p {color:#666; font-size:20px; font-weight:500;}
.feature-box-1 {background-color:#b4cad9; border-radius:10px; align-items:center; width:340px; height:100px; padding:35px 0; transition-duration:2s;}
.feature-box-1:focus,.feature-box-1:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90);}
.carousel-indicators {bottom:-20px;}
.carousel-indicators li {background-color:#0072bc; width:10px; height:10px; border-radius:10px; border:none;}
/* FOOTER */
.footer {background-color:#132a3f; padding-top:60px; padding-bottom:40px;}

.footer li {list-style-type:none; line-height:32px; font-family:'Poppins',sans-serif; font-weight:300;font-size: 14px;}

.footer a {color:#fff; text-decoration:none; transition-duration:2s;}
.footer img{width: 25px;}
.footer a:focus,.footer a:hover {color:#0072bc; transform:scale(1.0.90, 1.0.90);}

.footer h4 {font-family:'Rajdhani',sans-serif; color:#fff; font-weight:500; margin-bottom:20px; padding-top:50px;}

.footer p {color:#fff; font-family:'Poppins',sans-serif; font-size:15px; float:right;}

.icon i {font-size:10px;}

.icon {color:#fff; margin-left:40px;}

.icon-box {width:25px; height:25px; background-color:#fff; border-radius:20px; text-align:center; color:#000; transition-duration:2s;}

.icon-box:focus,.icon-box:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90); color:#0072bc;}

.icon i {color:#000; font-weight:800; font-size:15px; margin-top:-25px;}

.icon-1 {width:25px; height:25px; border-radius:20px; margin-right:60px;}

.icon-box-1 {width:25px; height:25px; border-radius:20px; text-align:center; color:#fff!important; transition-duration:2s; border:1px solid #fff;}

.icon-box-1:focus,.icon-box-1:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90); color:#0072bc; border-color:#132a3f;}

footer {background-color:#0072bc; text-align:center; color:#fff; padding:20px 15px;}

footer a {color:#fff; text-decoration:none;}

footer a:hover,footer:focus {color:#000;}
.footer .d-flex {margin-bottom:0;}


#myBtn {display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:25px; border:none; outline:none; background-color:#000; color:#fff; cursor:pointer; border-radius:60px; width:40px; height:40px;}
#myBtn:hover {background-color:#666;}

@media (max-width:767px) {
.package-box {width:auto; height:auto; padding-top:60px;}
.affliate-box {padding:40 40px;}
.feature-box .d-flex {flex-wrap:wrap; justify-content:center;}
.box-2 .d-flex {flex-wrap:wrap; justify-content:center;}
}
@media (min-width: 768px) and (max-width: 991px) {
.package-box {width:400px; height:350px;}
.feature-box .d-flex {flex-wrap:wrap; justify-content:center;}
.box-2 .d-flex {flex-wrap:wrap; justify-content:center;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.package-box {height:370px;}
.affliate-box {width:300px;}
.feature-box-1 {width:280px;}
}