body {font-family: "Poppins", sans-serif; background-color: #eeeeee;}

.text-md-start{font-size: 30px;}
.textColor {color: #030F27;}
.navbarBgDark {background: #030F27;}
.navbar-nav .nav-link.active {color: #ff9933;}
.nav-link:hover {color: #ccc;}
.nav-link {color: #fff;}
.getBtn {color: #fff;}
.sideLine {border-right: 1px solid #030F27;}
.iconHeight {height: 24px; width: 24px;}
.text-justify{text-align: justify;}
.dropdown-item{font-size: 0.7em;}
@media screen and (min-width: 992px) {
  .sideLine {border-right: none;}
  .iconHeight {height: 46px;width: 46px;}
  .dropdown-item{font-size: 0.9em;}
}

.contact .info {width: 100%;}
.contact .info i { font-size: 20px; color: #fff; float: left; width: 44px; height: 44px; background: #ff9933; display: flex; justify-content: center; align-items: center; border-radius: 5px; transition: all 0.3s ease-in-out;}
.contact .info h4 {padding: 0 0 0 60px; font-size: 22px; font-weight: 600; margin-bottom: 5px; color: #ff9933;}
.contact .info p {padding: 0 0 0 60px;margin-bottom: 0; font-size: 14px;color: #000;}
.contact .info .email, .contact .info .phone {margin-top: 40px;}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i { background: #000; color: #fff;}
.contact .php-email-form {width: 100%;background: #fff;}
.contact .php-email-form .form-group { padding-bottom: 8px;}
.contact .php-email-form .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600;}
.contact .php-email-form .error-message br+br {margin-top: 25px;}
.contact .php-email-form .sent-message { display: none; color: #fff; background: #18d26e;text-align: center; padding: 15px; font-weight: 600;}
.contact .php-email-form .loading {display: none; background: #fff; text-align: center; padding: 15px;}
.contact .php-email-form .loading:before {content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite;}
.contact .php-email-form input, .contact .php-email-form textarea { border-radius: 0; box-shadow: none; font-size: 14px; border-radius: 4px;}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus { border-color: #2487ce;}
.contact .php-email-form input { height: 44px;}
.contact .php-email-form textarea {padding: 10px 12px;}
/*
# Counts
--------------------------------------------------------------*/
section { padding: 5px 0; overflow: hidden; margin-top:0px; margin-bottom: 0px; }

.section-bg { background-color: #f8fbfe;}

.section-title { text-align: center; padding-bottom: 30px;}
.section-title h2 { font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; padding-bottom: 0; color: #000;}
.section-title p {margin-bottom: 0; font-size: 14px; color: #919191;}
.counts {padding: 60px 0;}
.counts .count-box { width: 100%; text-align: center;}
.counts .count-box span { font-size: 48px; line-height: 48px; font-family: "Roboto", sans-serif; display: block; font-weight: 700; color: #ff9933; margin-left: 80px; margin: auto;}
.counts .count-box p {padding: 8px 0 0 0; font-family: "Roboto", sans-serif; font-weight: 600; font-size: 14px; color: #000;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {color: #444444;font-size: 14px; background: #f8fbfe;box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);}
#footer .footer-top {padding: 60px 0 30px 0;background: #fff;}
#footer .footer-top .footer-contact {margin-bottom: 30px;}
#footer .footer-top .footer-contact h3 {font-size: 26px;margin: 0 0 10px 0; padding: 2px 0 2px 0;line-height: 1;font-weight: 300;}
#footer .footer-top .footer-contact p {font-size: 14px;line-height: 24px;margin-bottom: 0; font-family: "Raleway", sans-serif;color: #777777;}
#footer .footer-top h4 {font-size: 17px;font-weight: bold;color: #ff9933;position: relative;padding-bottom: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer h4{color: #ff9933;}
#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}
#footer .footer-top .footer-links ul i {padding-right: 2px;color: #ff9933;font-size: 18px;line-height: 1;}
#footer .footer-top .footer-links ul li {adding: 10px 0;display: flex;align-items: center;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #777777;transition: 0.3s;display: inline-block;line-height: 1;}
#footer .footer-top .footer-links ul a:hover {text-decoration: none; color: #2487ce; }
#footer .footer-newsletter {font-size: 15px;}
#footer .footer-newsletter h4 {font-size: 16px; font-weight: bold; color: #444444;  position: relative; padding-bottom: 12px;}
#footer .footer-newsletter form {margin-top: 30px; background: #fff; padding: 6px 10px; position: relative; border-radius: 5px; text-align: left; border: 1px solid #cde5f6;}
#footer .footer-newsletter form input[type=email] {border: 0; padding: 4px 8px; width: calc(100% - 100px);}
#footer .footer-newsletter form input[type=submit] {position: absolute; top: -1px; right: -2px; bottom: -1px; border: 0; background: none; font-size: 16px; padding: 0 20px 2px 20px; background: #2487ce; color: #fff; transition: 0.3s; border-radius: 0 5px 5px 0; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
#footer .footer-newsletter form input[type=submit]:hover {background: #3194db;}

#footer .credits {padding-top: 5px; font-size: 13px; color: #444444;}
#footer .social-links a {font-size: 18px;display: inline-block; background: #2487ce; color: #fff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 5px; text-align: center; width: 36px; height: 36px; transition: 0.3s;}
#footer .social-links a:hover {background: #3194db; color: #fff; text-decoration: none;}


@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed: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=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

:root {
    --font1: 'Heebo', sans-serif;
    --font2: 'Fira Sans Extra Condensed', sans-serif;
    --font3: 'Roboto', sans-serif;

    --btnbg: #ffcc00;
    --btnfontcolor: rgb(61, 61, 61);
    --btnfontcolorhover: rgb(255, 255, 255);
    --btnbghover: #ffc116;
    --btnactivefs: rgb(241, 195, 46);


    --label-index: #960796;
    --danger-index: #5bc257;
/* PAGINATE */
    --link-color: #000;
    --link-color-hover: #fff;
    --bg-content-color: #ffcc00;

}

.card { background: #fff; box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05); transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12); border: 0; border-radius: 1rem;}
.card-img, .card-img-top {border-top-left-radius: calc(1rem - 1px); border-top-right-radius: calc(1rem - 1px);}
.card h5 { overflow: hidden; height: 55px; font-weight: 300; font-size: 1rem;}
.card h5 a {color: black; text-decoration: none;} 
.card-img-top { width: 100%; min-height: 250px; max-height: 250px; object-fit: contain; padding: 30px;}
.card h2 { font-size: 1rem;}
.card:hover {transform: scale(1.02); box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);}

/* Centered text */
.label-top { position: absolute; background-color: var(--label-index); color: #fff; top: 8px; right: 8px; padding: 5px 10px 5px 10px; font-size: .7rem; font-weight: 600; border-radius: 3px; text-transform: uppercase; }
.top-right { position: absolute; top: 24px; left: 24px; width: 90px; height: 90px; border-radius: 50%; font-size: 1rem; font-weight: 900; background: #8bc34a; line-height: 90px;text-align: center; color: white;}

.top-right span {display: inline-block; vertical-align: middle; /* line-height: normal; */ /* padding: 0 25px; */ }

.aff-link { /* text-decoration: overline; */ font-weight: 500; }

.over-bg {background: rgba(53, 53, 53, 0.85); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(0.0px); -webkit-backdrop-filter: blur(0.0px); border-radius: 10px; }
.bold-btn { font-size: 1rem; font-weight: 500; text-transform: uppercase; padding: 5px 50px 5px 50px; }
.box .btn { font-size: 1.5rem;}

@media (max-width: 1025px) {
    .btn {padding: 5px 40px 5px 40px;}
}
@media (max-width: 250px) {
    .btn { padding: 5px 30px 5px 30px;
    }
}
.bg-success { font-size: 1rem; background-color: var(--btnbg)!important; color: var(--btnfontcolor)!important;}
.bg-danger {font-size: 1rem;}


.price-hp { font-size: 1rem; font-weight: 600; color: darkgray;}
.amz-hp { font-size: .7rem; font-weight: 600; color: darkgray;}
.fa-question-circle:before {/* content: "\f059"; */ color: darkgray;}
.fa-heart:before {color:crimson;}
.fa-chevron-circle-right:before {color: darkgray;}