@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

body{color: #000000;font-family: "Poppins", sans-serif;font-display: swap;font-size: 16px;font-weight:400;}
ul,ol,figure {margin-bottom: 0;}
img {max-width: 100%;}
a {color: #000;text-decoration: none;transition: all 0.3s ease-in-out;}
button{border: 0;}
p{line-height:normal;font-size: 16px;}

/*  */
h1, h2{font-family: "Poppins", sans-serif;font-style: normal;}
.fw-bold{font-weight:700;}
.fw-semibold{font-weight:600;}
.fw-meduim{font-weight:500;}
.fw-normal{font-weight:400;}
.lh-2, .lh-2 *{line-height: 1.8;}
.justify-items-center{justify-items: center;}
.section-space {padding: 60px 0;}
.banner-heading {font-family: "Bebas Neue", sans-serif;font-style: normal;font-weight:500;font-size: 80px;}
.banner {background-image: url(../images/banner.png);background-repeat: no-repeat;background-size: 100%;background-position: left center;height:635px;}
.banner-content{padding-left:20px;margin-top:30%;}
.banner-content p{padding-right: 50px;}
.pink{color: #F9B4FF;}
.purple{color:#9F19AB;}
.blue{color: #206FBA;}
.green{color:#00A04B;}
.btn-hero  {background: linear-gradient(90deg, #1C4B96 0%, #0989DA 80.29%);color: #ffffff;padding:5px 25px;border-radius:3px;}
.button-group img {width:36px;height:36px;margin-right:3px;}
.copyright-box ul li{font-size: 15px;}
.copyright-box {background: linear-gradient(270deg, #0587D7 0%, #1A509B 100%);}
.craft {font-family: "Nanum Pen Script", cursive;text-transform: capitalize;font-size:21px;}
.form-floating>.form-control {padding:5px 10px;min-height:45px;height:48px;margin-bottom: 20px;border-radius: 3px;font-size: 15px;}
.form-floating>label {padding:10px;font-size: 15px;}
.form-control:focus {box-shadow: none;}
.form-floating > label {
  padding: .75rem;
  font-size: 15px;
  color: #777;}
.form-floating > .form-control:focus {
  border-color: #1d7ed6;
}
.form-floating > .form-control:focus ~ label {
  color: #1d7ed6;
}
.form-floating.error .form-control {
  border-color: #dc3545;
}
.form-floating.error label {
  color: #dc3545;
}
.form-control:focus {
  box-shadow: none;
}


/* -- Responsive -- */
@media only screen and (min-width: 1659px){
.banner {height:800px;}
.banner-content h1{font-size:26px !important;text-align: center;}
.banner-heading  {font-size:90px;margin-top:15px!important;}
.banner-content p{font-size:22px !important;padding-right:10%;}
.section-space h2{font-size:50px !important;}
}
@media only screen and (max-width: 768px){
 .banner {height: 385px;}
.banner-content {margin-top:15%; padding-left: 35%;}
.banner-content h1{font-size:20px !important;text-align: center;}
.banner-heading  {font-size:60px;margin-top: 10px !important;}
.banner-content p{font-size:18px !important;padding-right: 7%;}
.section-space ul li{display: flex;align-items: center;}
.copyright-box ul li {text-align: center;margin:8px 0;}
.justify-self-md-center {justify-self: center;}
}

@media only screen and (max-width:640px){
.section-space {padding:40px 0;}
.banner {height:200px;margin-top: 5%;}  
.banner-content {margin-top: 5%; padding-left: 35%;margin-top:10%;}
.banner-content h1{font-size:18px !important;text-align: center;}
.banner-heading  {font-size:40px;}
.banner-content p{font-size:14px !important;padding-right: 0;text-align: center !important;}
.section-space h2{font-size: 25px !important;margin-bottom:25px !important;}
.section-space ul li{display: flex;align-items: center;}
.contact-form {margin-top:40px;}
.copyright-box ul li {text-align: center;margin:8px 0;}
}

@media only screen and (max-width:480px){
.banner {height:200px;margin-top: 5%;}  
.banner-content {margin-top: 5%; padding-left: 35%;margin-top:15%;}
.banner-content h1{font-size:16px !important;text-align: center;}
.banner-heading  {font-size: 30px;}
.banner-content p{font-size:13px !important;padding-right: 0;text-align: center !important;}
}
