/* ====================================================================
 * Promoters.info custom styling
 * -------------------------------------------------------------------- */

section{padding: 60px 0;}
.top-nav-cus {padding: 5px 0 15px 0;background-color: #f5f5f5 !important;border-bottom: 1px solid #e7e7e7;}
.links-wrapper{margin-top:10px;}
.links-wrapper .navbar-nav .nav-link {color: var(--bs-navbar-active-color);margin-right: 12px;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.links-wrapper .navbar-nav .nav-link.active, .links-wrapper .navbar-nav .nav-link.show, .links-wrapper .navbar-nav .nav-link:hover {color: #EEAB50;}
.btn-custom {background-color: #EEAB50;color: #191919;font-weight: 600;border-radius: 0.375rem;}
.btn-custom:hover {background-color: #EEAB50;color: #191919;box-shadow: 0 0.6rem 1rem 0rem rgba(0, 0, 0, .18) !important;}
.btn-check:checked+.btn, .btn.active, .btn-custom.show, .btn:focus-visible, .btn-custom:first-child:active, :not(.btn-check)+.btn-custom:active 
{color: #191919;background-color: #EEAB50;border-color: #db963a;}


/*slider css here*/
.carousel-sec-pmtrs {margin-top: 8px;}
#myCarousel {overflow: hidden;margin-top: 0;}
.carousel-caption.right-sec {width: 450px;right: 180px;top: 100px;padding-top: 0;padding-bottom: 1.25rem;text-align: center;left: unset;}
.carousel-caption.left-sec {width: 450px;left: 180px;top: 100px;padding-top: 0;padding-bottom: 1.25rem;text-align: left;}
.carousel-caption.left-sec h1, .carousel-caption.right-sec h1 {font-size: 2.75rem;margin-bottom: 30px;}
.carousel-caption.left-sec p, .carousel-caption.right-sec p {font-size: 1.45rem; margin-bottom: 30px;}


/*services sec css here*/
.services-sec-pmtrs, .contactus-sec-pmtrs, .clients-sec-pmtrs {background-color: #fdf7ef;}
.clients-sec-pmtrs.white-bg {background-color: #ffffff;}
.services-tile-wrpr {margin: 0 0 20px 0;border: 1px solid #191919;padding: 50px 30px;border-radius: 0.375rem;text-align: center;transition: all 0.3s ease-out 0s;display: flex;
	flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;height: 100%;}
.services-tile-wrpr:hover {background-color: #191919;cursor: pointer;color: #ffffff;}
.services-tile-wrpr:hover a {background-color: #ffffff;color: #191919;border: 1px solid #ffffff;}
.services-tile-wrpr i {margin-bottom: 20px;}
.services-tile-wrpr h5 {margin-bottom: 30px;}
.services-tile-wrpr a {background-color: #eeab50;color: #191919;text-decoration: none;font-weight: bold;border: 1px solid #db963a;padding: 4px 15px;border-radius: 0.375rem;}
.services-tile-wrpr a:hover {background-color: #ffffff;color: #191919;border: 1px solid #ffffff;}


/*why choose us section*/
.why-choose-us-sec-pmtrs .inner-tile {padding: 1rem;text-align: center;}
.why-choose-us-sec-pmtrs .cus-bdr {border-right: 1px solid #dddddd;}
.why-choose-us-sec-pmtrs .cus-bdr:last-child {border-right: 0;}
.why-choose-us-sec-pmtrs .inner-tile img {margin-bottom: 1rem;}
.why-choose-us-sec-pmtrs .inner-tile h3 {font-size: 20px;font-weight: 500;color: #eeab50;}
.total-client {text-align: center;width: 100%;height: 100%;background-color: #161e34;border-radius: 0.375rem;padding: 2rem;color: #f5f5f5;display: flex; justify-content: center;align-items: center; flex-wrap: wrap;}
.total-client h2{font-size: 50px;}
.total-client h3{margin-bottom: 20px;}
.tc-mini-tile {background-color: #fdf7ef;display: inline-block;padding: 10px 20px;border-radius: 0.375rem;}
.tc-mini-tile span {color: #191919;font-size: 20px;position: relative;top: 4px;margin-right: 5px;font-weight: 600;font-style: italic;}
.clients-feedback-wrapper {background-color: #f5f5f5;border-radius: 0.375rem;padding: 2rem;}
.quote-icon {color: #eeab50;}
.client-icon {font-size: 18px;margin-right: 5px;}
.client-detail {margin-top: 30px;display: flex;}
.client-icon {font-size: 18px;margin-right: 5px;}
.cd-inner-wrapper{display: inline-block;}
.client-name {font-size: 15px;font-weight: 500;margin-bottom: 0;}
.client-company-detail {font-size: 13px;color: #717171;margin-bottom: 0;}


/*blog post section*/
.blog-wrpr {background-color: #f5f5f5;border-radius: 0.375rem;}
.blog-img-wrpr {overflow: hidden;text-align: center;display: flex;justify-content: center;align-items: center;height: 250px;border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem;position: relative;}
.blog-img-wrpr:before {content: '';background-color: #191919;width: 100%;height: 100%;position: absolute;opacity: 0.1;}
.author-wrpr {padding: 1.2rem;}
.blog-title {font-size: 24px;margin-bottom: 10px;}
.author-detail {display: flex;margin-bottom: 15px;}
.author-icon {margin-right: 8px;}
.author-name {font-size: 14px;font-weight: 500;}
.author-name i, .blog-date {color: #9b9ea1;font-weight: normal;margin-right: 3px;font-size: 14px;}
.dash{color: #adb5bd;}


/*get started section*/
.get-started-pmtrs {background-color: #161e34;text-align: center;}
.get-started-pmtrs p {color: #adb5bd;font-size: 24px;font-weight: normal;}
.get-started-pmtrs h2 {font-size: 45px;color: #fff;margin-bottom: 40px;}


/*get started gray section*/
.get-started-pmtrs.white {background-color: #ffffff;}
.get-started-pmtrs.gray {background-color: #f5f5f5;text-align: center;}
.get-started-pmtrs.gray p {color: #6c757d;font-size: 24px;font-weight: normal;}
.get-started-pmtrs.gray h2, .get-started-pmtrs.white h2 {font-size: 45px;color: #161e34;margin-bottom: 40px;}


/*faq section*/
.cus-accordion-button, .cus-accordion-button:not(.collapsed) {background-color: #f5f5f5;color: #191919;font-size: 18px;font-weight: 600;}
.cus-accordion-button:focus {box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}


/*footer section*/
.footer-pmtrs{padding: 60px 0; background-color: #161e34;color: #adb5bd;}
.footer-lft-sec a {display: inline-block;margin-bottom: 30px;}
.footer-pmtrs h4, .footer-pmtrs h5 {color: #f5f5f5;font-size: 18px;}
.footer-lft-sec p {color: #adb5bd;}
.mailto-link {color: #eeab50;font-weight: 500;}
.quick-links, .more-links, .social-media-links {padding-left: 0;margin-top: 1.8rem;}
.quick-links li, .more-links li, .social-media-links li {margin-bottom: 15px;list-style-type: none;}
.quick-links li a, .more-links li a, .social-media-links li a {text-decoration: none;color: #adb5bd;}
.quick-links li a:hover, .more-links li a:hover, .social-media-links li a:hover {color: #eeab50;}
ul.social-media-links li {display: inline-block;margin-right: 20px;}


/*contact us page css here*/
form.custom-form-pmtrs {width: 60%;margin: 0 auto;}
::placeholder {color: #adb5bd !important;font-size: 12px;}


/*about us page css here*/
.aboutus-inner-wrpr {background-color: #fdf7ef;padding: 2rem;border-radius: 0.375rem;border: 1px solid #f7ecdd;}


/*out team page css here*/
.team-inner-wrpr {text-align: center;border: 1px solid #dee2e6;padding: 3rem 2rem;border-radius: 0.375rem;background-color: #f5f5f5;margin-bottom: 24px;}
.team-img-wrpr {width: 250px;height: 250px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #eeab50;overflow: hidden;margin: 0 auto;}
.team-inner-wrpr h5 {margin-top: 1rem;color: #161e34;}
.team-inner-wrpr p {font-size: 14px;color: #adb5bd;margin-bottom: 0;}
.team-sec-pmtrs a {color: #eeab50; font-weight: normal; text-decoration: none;}
.team-sec-pmtrs a:hover {text-decoration: underline;}
.team-sec-pmtrs a.team-rm-btn {margin-top: 8px;font-size: 14px;font-weight: 500;border-radius: 0.375rem;color: #eeab50;}
.team-sec-pmtrs a.team-rm-btn:hover {text-decoration: underline;}


/*clients page css here*/
.clients-sec-pmtrs .video-wrpr {position: relative;text-align: center;}
.clients-sec-pmtrs .video-wrpr.f-mbl {height: 512px;overflow: hidden;}
.clients-sec-pmtrs .video-wrpr.f-mbl.cus-mrgn {margin-top: 60px;}
.clients-sec-pmtrs .video-wrpr img {max-width: 100%;}
.clients-sec-pmtrs .video-wrpr .video-inner-wrpr {position: absolute;top: 30px;bottom: 0;left: 100px;right: 100px;width: auto;height: auto;z-index: 1;overflow: hidden;}
.clients-sec-pmtrs .video-wrpr .video-inner-wrpr.mbl-moc {border-top-left-radius: 40px;border-top-right-radius: 40px;top: 14px;left: 66px;right: 66px;}

.nav-pills.cus-pills .nav-link {font-size: 13px;color: #888888;}
.nav-pills.cus-pills .nav-link.active, .nav-pills.cus-pills .show>.nav-link {color: #ffffff;background-color: #191919;border-color: #000000;}

.cus-chkd-lst {padding-left: 0;}
.cus-chkd-lst li{font-size: 14px;line-height: 20px;padding: 0 0 10px 20px;position: relative;font-weight: 500;list-style-type: none;}
.cus-chkd-lst li:before{position: absolute;font-size: 1em;vertical-align: middle;font-weight: 900;content: "✓";color: #25c178;left: 0;}


/*whatspp css here*/
.whatsapp-button {position: fixed;bottom: 20px;right: 20px;}
.whatsapp-button a {display: block;background-color: #25d366;color: #ffffff;padding: 10px;border-radius: 5px;}


/*scroll to top css here*/
.back-to-top-button {position: fixed;bottom: 80px;right: 28px;opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;}
.back-to-top-link {display: block;color: #eeab50;background-color: #ffffff;width: 30px;height: 30px;text-align: center;border-radius: 50%;font-size: 18px;}
.back-to-top-link .fa.fa-arrow-up {position: relative;top: 1px;}


/*carousel buttons css here*/
.carousel-sec-pmtrs.scrnsht-pmtrs {margin-top: 0;}
.carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-next-icon, .carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-prev-icon {background-color: #eeab50;padding: 1.5rem;border-radius: 50%;}
.carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-next, .carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-prev {opacity: 1;}
.carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-next-icon, .carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-prev-icon {background-size: 60%;}
.carousel-sec-pmtrs.scrnsht-pmtrs .carousel-indicators [data-bs-target] {background-color: #eeab50;}

.hdr-img-sec {padding-bottom: 0;}
.hdr-img-wrpr {height: 400px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}

.privacy-sec-pmtrs {background-color: #fdf7ef;}
.privacy-inner-wrpr h3 {margin-top: 35px;margin-bottom: 12px;font-size: 24px;}


/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	.clients-sec-pmtrs .video-wrpr .video-inner-wrpr {top: 28px;left: 87px;right: 86px;}
    .clients-sec-pmtrs .video-wrpr img {height: 340px;}
    .clients-sec-pmtrs .video-wrpr .video-inner-wrpr.mbl-moc {top: 12px;left: 58px;right: 58px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
    .clients-sec-pmtrs .video-wrpr.f-mbl img {height: auto;}
    .clients-sec-pmtrs .video-wrpr.f-mbl {height: 434px;overflow: hidden;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.carousel-caption.left-sec {left: 110px;top: 50px;}
	.carousel-caption.right-sec {right: 110px;top: 50px;}
	.carousel-caption.left-sec h1, .carousel-caption.right-sec h1 {font-size: 2rem;}
	.total-client {padding: 1rem;}
	.services-tile-wrpr {padding: 30px 10px;}
	.blog-sec-pmtrs {padding-top: 0;}
	.clients-sec-pmtrs .video-wrpr .video-inner-wrpr {top: 23px;left: 74px;right: 73px;}
    .clients-sec-pmtrs .video-wrpr img {height: 282px;}
    .clients-sec-pmtrs .video-wrpr .video-inner-wrpr.mbl-moc {top: 10px;left: 49px;right: 49px;border-top-left-radius: 24px;border-top-right-radius: 24px;}
    .clients-sec-pmtrs .video-wrpr.f-mbl {height: 359px;overflow: hidden;}
	form.custom-form-pmtrs {width: 70%;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.total-client {justify-content: space-between;}
	.navbar-brand {width: 130px;}
	.navbar-brand img {width: 100%;}
	.links-wrapper .navbar-nav .nav-link {margin-right: 4px;font-size: 13px;}
	.why-choose-us-sec-pmtrs .cus-bdr {border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
	.why-choose-us-sec-pmtrs .cus-bdr:nth-child(2) {border-right: 0;}
	.why-choose-us-sec-pmtrs .cus-bdr:nth-child(3), .why-choose-us-sec-pmtrs .cus-bdr:nth-child(4) {border-bottom: 0;}
	.carousel-inner.hme-hdr .carousel-item {background-color: #161e34;}
	.carousel-inner.hme-hdr .carousel-item img {display: none;}
	.carousel-inner.hme-hdr .carousel-caption {position: unset;text-align: center;width: 90%;margin: 0 auto;}
    .carousel-inner.hme-hdr .carousel-caption.left-sec, .carousel-inner.hme-hdr .carousel-caption.right-sec {width: 80%;margin: 30px auto;text-align: center;}
    .hdr-img-wrpr {height: auto;}
    .clients-sec-pmtrs .video-wrpr img {height: 368px;}
    .clients-sec-pmtrs .video-wrpr .video-inner-wrpr {top: 30px;left: 95px;right: 94px;}
    .clients-sec-pmtrs .video-wrpr.f-mbl {width: 380px;height: 460px;overflow: hidden;margin: 0 auto;}
    .clients-sec-pmtrs .video-wrpr.f-mbl img {height: 650px;}
	.clients-sec-pmtrs .video-wrpr .video-inner-wrpr.mbl-moc {top: 14px;left: 63px;right: 63px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
	.clients-sec-pmtrs .video-wrpr.f-mbl.cus-mrgn {margin-top: 0;}
	.team-inner-wrpr {padding: 1rem;}
	.team-img-wrpr{width: 100%; height: auto;}
	form.custom-form-pmtrs {width: 90%;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.total-client {flex-direction: column;}
	.why-choose-us-sec-pmtrs .cus-bdr:nth-child(1), .why-choose-us-sec-pmtrs .cus-bdr:nth-child(3) {border-right: 0;}
	.why-choose-us-sec-pmtrs .cus-bdr:nth-child(3) {border-bottom: 1px solid #dddddd;}
	.why-choose-us-sec-pmtrs .cus-bdr:last-child {border-bottom: 0;}
	.navbar-toggler {margin-top: 12px;}
	.get-started-pmtrs h2, .get-started-pmtrs.gray h2, .get-started-pmtrs.white h2 {font-size: 30px;}
	.aboutus-inner-wrpr h1 {font-size: 26px;}
	.clients-sec-pmtrs .video-wrpr .video-inner-wrpr {top: 23px;left: 70px;right: 69px;}
    .clients-sec-pmtrs .video-wrpr img {height: 273px;}
	.team-inner-wrpr {padding: 2rem;}
	.team-img-wrpr{width: fit-content; height: auto;}
	form.custom-form-pmtrs {width: 100%;}
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.carousel-caption.left-sec h1, .carousel-caption.right-sec h1 {font-size: 1.5rem;}
	.carousel-caption.left-sec p, .carousel-caption.right-sec p {font-size: 1.2rem;}
	.aboutus-inner-wrpr h1 {font-size: 20px;}
	.clients-sec-pmtrs .video-wrpr .video-inner-wrpr {position: unset;top: 0;left: 0;right: 0; bottom: 0;}
    .clients-sec-pmtrs .video-wrpr img {display: none;}
    .clients-sec-pmtrs .video-wrpr.f-mbl {width: 50%;height: auto;overflow: unset;margin: 0 auto;}
    .clients-sec-pmtrs .video-wrpr.f-mbl img {display: none;}
    .clients-sec-pmtrs .video-wrpr .video-inner-wrpr.mbl-moc {position: unset;border-radius: 0;margin-bottom: 60px;}
    .carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-next, .carousel-sec-pmtrs.scrnsht-pmtrs .carousel-control-prev {display: none;}
}