@font-face{font-family:Poppins-Bold;src: url(../fonts/Poppins-Bold.ttf);}
@font-face{font-family:Poppins-Regular;src: url(../fonts/Poppins-Regular.ttf);}

.start-header {opacity: 1;transform: translateY(0);padding:5px 0;box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out;}
.start-header.scroll-on {box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);padding: 10px 0;-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out;}
.start-header.scroll-on .navbar-brand img{height: 24px;-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out;}
.navbar{padding: 0;}
.main_logo{height:auto;width:80%;display: block;-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out;}
.navbar-toggler {float: right;border: none;padding-right: 0;}
.navbar-toggler:active,
.navbar-toggler:focus {outline: none;}
.navbar-light .navbar-toggler-icon {width: 24px;height: 17px;background-image: none;position: relative;border-bottom: 1px solid #000;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
width: 24px;
position: absolute;
height: 1px;
background-color: #000;
top: 0;
left: 0;
content: '';
z-index: 2;
transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after{top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
.nav-link{color: #fe6a00!important;transition: all 200ms linear;letter-spacing: 1.5px;}
.nav-item:hover .nav-link{color: #8167a9 !important;}
.nav-item.active .nav-link{color: #777 !important;}
.nav-link {position: relative;padding: 5px 0 !important;display: inline-block;}
.nav-item:after{
position: absolute;
bottom: -5px;
left: 0;
width: 48%;
height: 2px;
content: '';
background-color: #0581d6;
opacity: 0;
transition: all 200ms linear;
text-align: center;}
.nav-item:hover:after{bottom: 0;opacity: 1;}
.nav-item.active:hover:after{opacity: 0;}
.nav-item{position: relative;transition: all 200ms linear;font-family:'Poppins-Regular';font-weight:800;padding-right: 5em;text-align: center;font-size: 17px;}
.bg-light {background-color: #fff !important;transition: all 200ms linear;}
.logo {
position: absolute;
bottom: 30px;
right: 30px;
display: block;
z-index: 100;
transition: all 250ms linear;}
.logo img {
height: 26px;
width: auto;
display: block;
filter: brightness(10%);
transition: all 250ms linear;}
body.dark .logo img {filter: brightness(100%);}
#box-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 100vh;}
.pro_img {width: 300px;height: 400px;margin:40px;box-shadow: 5px 5px 5px 0px #0581d624;border-radius: 25px;}
.pro_img:hover {-webkit-transform: rotateY(180deg);-webkit-transition: all 1.5s ease;}
.pro_title{font-family:Poppins-Bold;padding-top: 1.5em;text-align: center;color: #fe6a00;font-size: 2.1em;}
#contact {display: flex;justify-content: center;align-items: center;}
#products{background-color:#fff;justify-content: center;align-items: center;}
.inquiry-main{width: 100%;padding: 20px;border-radius:5px; }
.inquiry-main label.inquiry-label span {
color: #a2aabd;
font-size: 1.2em;
font-weight: 500;
left: 0;
opacity: 0;
position: absolute;
top: -1em;
transition: all 0.1s linear;
}
.inquiry-main input.inquiry-input:focus + label.inquiry-label span,
.inquiry-main input.inquiry-input + label.inquiry-label.show span {border-radius: 4px;color: #2088cd;font-size: 1em;padding: 0 .15em;opacity: 1;top: -4.2em;}
.inquiry-main input.inquiry-input:focus::-webkit-input-placeholder {color: red !important;opacity: 0;}
.inquiry-main input.inquiry-input{
color: #000;
font-size: 1em;
padding: .75em .5em .5em;
padding-bottom: 0;
width: 100%;
border: 0!important;
border-bottom: 1px solid #9FC2FA!important;
border-radius: 0!important;
background-image: linear-gradient(#9FC2FA, #9FC2FA);
background-size: 0 2px, auto;
background-repeat: no-repeat;
background-position: center bottom;
transition: all .2s ease-out!important;
font-family:Poppins-Regular;
outline: 0!important;}
.msg_text{color: #000;
font-size: 1em;
padding: 0.75em 0.5em 0.5em;
padding-bottom: 0;
width: 100%;
border: 0!important;
border-bottom: 1px solid #9FC2FA!important;
border-radius: 0!important;
background-image: linear-gradient(#9FC2FA, #9FC2FA);
background-size: 0 2px, auto;
background-repeat: no-repeat;
background-position: center bottom;
transition: all .2s ease-out!important;
font-family: Poppins-Regular;
outline: 0!important;}
.inquiry-main textarea.inquiry-textarea {border: 0;border-bottom: 1px solid #ececec!important;}
.inquiry-main textarea.inquiry-textarea::-webkit-input-placeholder{font-size: 1.2em;font-weight: 500;font-family:Poppins-Regular;}
.inquiry-main .field {margin-bottom: 1em;position: relative;}
.inquiry-main input.inquiry-input:hover{background-size: 100% 2px, auto;}
.inquiry-main input.inquiry-input{width: 100%!important;margin-bottom: 10px!important;}
.inquiry-main input.inquiry-input:focus{box-shadow: inset 0 -2px 0 #9FC2FA!important;outline: 0!important;box-shadow: none;}
.inquiry-main textarea.inquiry-textarea:focus{box-shadow: inset 0 -2px 0 #9FC2FA!important;border: 0;outline: 0!important;box-shadow: none;}
.inquiry-main input.inquiry-input[type=number]::-webkit-inner-spin-button, 
.inquiry-main input.inquiry-input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
.inquiry-main input.inquiry-input[type=number] {-moz-appearance: textfield;}
.bg-layer{background-size: cover;background-color: #0581d62b;}
.br-left{border-radius: 5% 0% 0% 5% / 5% 0% 0% 5% ;}
.br-right{border-radius: 0% 5% 5% 0% / 0% 5% 5% 0% }
.inquiry-main .inquiry-label, .inquiry-main .inquiry-label, .inquiry-main textarea.inquiry-textarea{width: 100%;font-family:Poppins-Regular;}
.row_box{box-shadow: 10px 10px 5px 12px #0000002e;margin: 5em;border-radius: 15px;}
.contact_title{line-height: 1.3;font-family: 'Poppins-Bold';color: #fe6a00;}
#inquiry, .inquiry-main .inquiry-label, .inquiry-main .inquiry-input {position: relative;}
.inquiry-main .inquiry-input, .inquiry-main textarea.inquiry-textarea {padding: 0.5em;border: none;font: 300 100%/1.2 Ubuntu, sans-serif;}
.inquiry-main .inquiry-input[type="text"], .inquiry-main .inquiry-input[type="email"], .inquiry-main textarea.inquiry-textarea {margin: 0 0 1em;outline: none;}
.inquiry-main .inquiry-input.invalid, .inquiry-main textarea.inquiry-textarea.invalid {border-color: #d5144d;}
.inquiry-main .inquiry-label > span {vertical-align: top;display: inline-block;padding: 0.5em;border: 1px solid transparent;text-align: right;}
.inquiry-main .inquiry-input, .inquiry-main textarea.inquiry-textarea{line-height: 1.5;}
.submit_btn{font-family: 'Poppins-Bold';background-color: #fe6a00;width: 100%;color: #fff;border-radius: 10px;}

@media screen and (max-width: 600px){
.inquiry-main input.inquiry-input:focus + label.inquiry-label span,
.inquiry-main input.inquiry-input + label.inquiry-label.show span {top: -4.5em;}
.inquiry-main{width: auto;padding: 0;margin: 0 auto;}
.br-left{border-radius:0;}
.br-right{border-radius: 0 ;}
.inquiry-form-section .container-fluid .p-5{padding: 50px 0!important;}}
.main-footer {padding: 70px 0;display: flex;justify-content: space-evenly;background-color: #0581d6;}
.main-footer ul {list-style: none;}
.main-footer h1 {font-size: 22px;line-height: 117%;color: #ffffff;margin-bottom: 10px;font-weight: 500;}
.main-footer h2 {color: #ffffff;font-weight: 500;font-family: 'Poppins-Bold';}
.main-footer ul li a {color: #fff;text-decoration:none;font-family: 'Poppins-Regular';font-weight: 600;line-height: 2.2;}
footer {font-family: 'Poppins-Regular';background-color: #fe6a00;border-top: 1px solid #fe6a00;font-size: 15px;padding: 15px 5px;color: #ffffff;text-align: center;}
footer a {text-decoration: none;color: #ffffff;}
.logoinfo p {color: #ffffff;font-size: 17px;margin-top: 5px;font-family: 'Poppins-Regular';}
.contact-details {margin-top: 20px;}
.contact-details li {list-style: none;margin: 10px 0;}
.contact-details li a {text-decoration:none;color: #ffffff;font-family: 'Poppins-Regular';font-size: 16px;}
.contact-details .fa {color: #ffff;margin-right: 10px;font-size: 21px;}
.sociallogos{padding:20px 0;}
.sociallogos .logobox a{padding:0 10px;text-decoration:none;color:#ffffff;font-size:22px;}
.adrs{font-family: 'Poppins-Regular';color: #fff;line-height: 2;}
.com ul li{padding:5px 0;}
.quick_links{color: #ffffff;font-weight: 500;font-family: 'Poppins-Bold';font-size: 1.3em;}
#myBtn {
width: 45px;
height: 45px;
border-radius: 50%;
display: none;
position: fixed;
bottom: 5em;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
text-align: center;
outline: none;
background: #fe6a00;
color: #000;
cursor: pointer;
padding: 8px;
-webkit-transition: all 0.3s cubic-bezier(0.25,0.25,0,1);
-moz-transition: width 0.3s ease-out, padding-top 0.3s ease-out;
transition: all 0.3s cubic-bezier(0.25,0.25,0,1);
font-family: Montserrat-Regular;
    }
@media only screen and (max-width: 749px) {
  .main-footer {
    padding:20px;
    display:grid;
    grid-template-columns: 1fr 1fr;
  }
    .info{
      padding:20px 0;
  }
}

@media (max-width: 480px) {
  .main-footer {
    grid-template-columns: 1fr;
  }
  .sociallogos{
    padding:20px 0;
  }
  .com{
    padding:20px 0;
  }}
@media(min-width:300px) and (max-width:767px){
#box-container {display: contents;}
.main-footer h2 {text-align: center;}
.contact-details li {text-align: center;}
.quick_links {text-align: center;}
.com ul li {text-align: center;}
#box-1{text-align: center;}
#box-2{text-align: center;}
#box-3{text-align: center;}
.main_logo{height:auto;width:65%;}
.card-flyer{margin: auto;width: 50%;}}





/*----  Main Style  ----*/
#cards_landscape_wrap-2{text-align: center;background: #F7F7F7;}
#cards_landscape_wrap-2 .container{padding-bottom: 100px;}
#cards_landscape_wrap-2 a{text-decoration: none;outline: none;}
#cards_landscape_wrap-2 .card-flyer {border-radius: 5px;}
  #cards_landscape_wrap-2 .card-flyer .image-box{
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
    border-radius: 5px;
  }
  #cards_landscape_wrap-2 .card-flyer .image-box img{
    -webkit-transition:all .9s ease; 
    -moz-transition:all .9s ease; 
    -o-transition:all .9s ease;
    -ms-transition:all .9s ease; 
    /* width: 100%;
    height: 200px; */
  }
  #cards_landscape_wrap-2 .card-flyer:hover .image-box img{
    opacity: 0.7;
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
  }
  #cards_landscape_wrap-2 .card-flyer .text-box{
    text-align: center;
  }
  #cards_landscape_wrap-2 .card-flyer .text-box .text-container{
    padding: 30px 18px;
  }
  #cards_landscape_wrap-2 .card-flyer{
    background: #FFFFFF;
    margin-top: 50px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
  }
  #cards_landscape_wrap-2 .card-flyer:hover{
    background: #fff;
    box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin-top: 50px;
  }
  #cards_landscape_wrap-2 .card-flyer .text-box p{
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px; 
    font-size: 14px;
    letter-spacing: 1px;
    color: #000000;
  }
  #cards_landscape_wrap-2 .card-flyer .text-box h6{
    margin-top: 0px;
    margin-bottom: 4px; 
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto Black', sans-serif;
    letter-spacing: 1px;
    color: #00acc1;
  }

.card {
    background: #287bff;
    display: flex;
    /* justify-content: center; */
    align-items: flex-start;
    position: relative;
    width: 320px;
    height: 450px;
    margin: 30px;
    border-radius: 20px;
    border-bottom-left-radius: 160px;
    border-bottom-right-radius: 160px;
    box-shadow: 0 15px 0 #fff,
            inset 0 -15px 0 rgba(255, 255, 255, 0.24),
            0 45px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
     
}

.card::before {
    content: "";
    position: absolute;
    top: -140px;
    left: -40%;
    padding: 0;
    width: 100%;
    height: 120%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2));
    transform: rotate(35deg);
    pointer-events: none;
    filter: blur(5px);
}
.card:nth-child(1) {background: linear-gradient(to bottom, #002a53, #006d99);margin-top: 3em;}
.card:nth-child(2) {background: linear-gradient(to bottom, #fe6a00, #f37e2b);margin-top: 5.5em;}

.icon_pding{padding-right: 1em;}
.card .content {position: absolute;width: 100%;text-align: center;}
.card .content h2 {font-size: 1.8em;color: #fff;margin-bottom: 15px;}
.card .content p {color: #fff;line-height: 1.5em;}
.img_bg{background-image: url("../images/drope.png");height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.points_li{color: #fff;font-family: 'Poppins-Regular';line-height: 2;text-align: left;padding-top: 1em;font-weight: 600;font-size: 16px;}
  
.points_li1{color: #000;font-family: 'Poppins-Regular';line-height: 2;text-align: left;padding-top: 1em;font-weight: 600;font-size: 16px;}