@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600&display=swap');

:root {
    --tp-theme-blue: #13b0c0;
    --tp-theme-primary: #13b0c0;
}

body, body p, .services-content-4 p, .banner-4-content p,
.feature-list-4-content p, .tptestimonial-4-text p,
.tp-accordion .accordion-body, .tpcontact-4-content p { font-family: 'Raleway', sans-serif; }
.tplogo__area a img { max-width: 200px; }
.footer-top .footer-widget-logo img { max-width: 200px; }
.banner-area .banner-4-title { font-size: 75px; line-height: 1.2; }
.banner-area .banner-4-title .sub-text { font-size: 42px; }
.cd-words-wrapper { font-size: 42px; }
.banner-area .banner-4-content .banner-small-title { line-height: 1.3; }
.search-bar form { width: 100%; max-width: 700px; }
.search-bar form .form-control { width: 100%; border-radius: 30px; font-family: var(--tp-ff-jakarta); font-weight: 400; font-size: 15px; line-height: 12px; height: 52px; color: #010F1C; padding: 5px 30px 5px 45px; background-image: url(../img/search.svg); background-position: center left 15px; background-repeat: no-repeat; background-size: 20px; }
.switcher-duration .tpprice-4-switch .toggle { -webkit-transform: unset; transform: unset; background-color: #e8ebf2; box-shadow: none; }
.switcher-duration .tpprice-4-switch .switch { position: absolute; left: 5px; top: 4px; bottom: 4px; background-color: #13b0c1; border-radius: 50%; z-index: 1; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.switcher-duration .tpprice-4-switch .toggler { font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 0 10px; cursor: pointer; }
.social-projects .education-card .card { background-color: #fce0d5; }
.social-projects .reforestation-card .card { background-color: #abebdd;  }
.social-projects .health-card .card { background-color: #f5f8e6;  }
.social-projects .carbon-offset-card .card { background-color: #d8e7ff;  }
.social-projects .zero-waste-card .card { background-color: #fdefc8;  }
.social-projects .card { border-radius: 20px; box-shadow: 0 4px 4px #00000040; padding: 24px; text-align: center; height: 100%; }
.social-projects .card img { height: 80px; }
.social-projects .col { width: 100%; max-width: 20%; flex: unset; }
.about-budget-percentage .title { font-size: 30px; font-weight: 600; color: #13b0c1; position: absolute; bottom: 95px; width: 100%; }
.about-budget-percentage .percentage-wrap { width: 100%; max-width: 140px; margin: 0 auto; position: relative; }
.about-budget-percentage .percentage-wrap .percentage-sign { position: absolute; bottom: 18px; right: 20px; color: #fff; font-size: 25px; font-weight: 600; }
.about-budget-percentage .percentage { padding: 15px 40px; background-color: #13b0c1; color: #fff; font-size: 28px; font-weight: 600; display: inline-block; border: none; outline: 0; width: 100%; text-align: center; line-height: 1; border-radius: 0; appearance: none; -webkit-appearance: none; outline: 0; box-shadow: none; }
.about-budget-percentage .percentage::placeholder { color: #fff; }
.social-project .sub-text { font-size: 16px; font-weight: 700; color: #010F1C; }
.form-style .form-group { margin-bottom: 20px; }
.form-style .form-group .form-control { background: #F4F4F4; border-radius: 30px; border: 2px solid #F4F4F4; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 15px; line-height: 12px; height: 52px; color: #010F1C; width: 100%; padding: 5px 30px 5px 30px; outline: none; box-shadow: none; }
.text-primary { color: #13b0c0 !important; }
.text-secondary { color: #f2d70f !important; }
.counter-bg-4 { background: linear-gradient(90.97deg, #13b0c0 2.52%, #f2d70f 99.41%); }
.banner-4-title b { background: linear-gradient(90deg, #13b0c0 0%, #f2d70f 43.75%, #13b0c0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; }
.section-wrapper span { background: linear-gradient(90deg, #13b0c0 0%, #f2d70f 43.75%, #13b0c0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.quality-services-nav .nav-link.active::before { background: #13b0c0; }
.header-btn .blue-btn:hover { background-color: var(--tp-common-white); border-color: var(--tp-theme-blue); color: var(--tp-theme-blue); }
.offcanvas__area .offcanvas__logo img { width: 100%; max-width: 200px; }

.tpcontact-4-box::before { background: linear-gradient(69.83deg, #13b0c0 -8.16%, #f2d70f 49.19%, #13b0c0 102.99%); }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.yearly-field { display: none; }
.about-budget-percentage .card-title { font-size: 36px; font-family: var(--tp-ff-heading); color: var(--tp-heading-primary); margin-top: 0px; font-weight: 700; line-height: 1.2; border: 0; width: 100%; background-color: transparent; text-align: center; padding: 0; outline: 0; appearance: none; -webkit-appearance: none; box-shadow: none; }

.about-budget-percentage .percentage-wrap .form-control::selection { background-color: #fff; color: #13b0c0; }
.footer-bottom-4 .footer-widget-copyright span { line-height: 1.3; }
.counter-item-4-content .sub-title { font-size: 16px; }
.video-banner .video-item { position: relative; }
.video-banner img { max-height: 500px; object-fit: cover; }
.video-banner .play-icon { display: inline-block; height: 60px; width: 60px; border: 2px solid #fff; background-color: #00000040; font-size: 25px; color: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.social-project-section .logo img { max-width: 300px; }
.united-nations-icons .logo { width: 100%; max-width: 220px; margin: 0 auto; height: 100%; object-fit: contain; }
.about-project-box { background-color: #e9fffa; border-radius: 10px; }
.about-project-box p { font-size: 14px; }
.project-info .title { width: 100%; max-width: 400px; margin: 0 auto; }
.environmental-impact .project-item .image img { width: 100%; max-height: 350px; object-fit: cover; }
.environmental-impact .project-item .row { border-color: #13b0c0 !important; }
.underline { text-decoration-thickness: 2px; text-underline-offset: 5px; }
li .underline { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.donation-section .bg-blue { background-color: #13b0c0; }
.donation-section .bg-yellow { background-color: #f2d70f; }
.donation-section .donation-box { min-height: 350px; border-radius: 10px; }
.donation-section .donation-box h3 { font-family: var(--tp-ff-jakarta); }
.donation-section .donation-box .checkmark-style i { height: 20px; width: 20px; background-color: #fff; color: #000; border-radius: 50%; font-size: 13px; text-align: center; line-height: 22px; }
.donation-section .row { --bs-gutter-x: 60px; }
.flex-1 { flex: 1; }
.tpcontact-4-box-wrapper .tpcontact-form-submit button { border: 2px solid var(--tp-theme-blue); padding: 15px 0; }
.tpcontact-4-box-wrapper .tpcontact-form-submit button:hover,
.tpcontact-4-box-wrapper .tpcontact-form-submit button:focus { background-color: var(--tp-common-white); border-color: var(--tp-theme-blue); color: var(--tp-theme-blue); }
.tp-main-menu-mobile ul > li > .blue-btn { padding: 14px 32px; color: #fff; }
.text-lg { font-size: 18px; }


@media screen and (max-width: 1200px) {
	.banner-area .banner-4-title { font-size: 64px; }
	.social-projects .col { max-width: 33.33%; }
	.about-budget-percentage .title { position: unset; }
	.about-budget-percentage .percentage-wrap { padding-top: 20px; }
	.donation-section .row { --bs-gutter-x: 30px; }
}

@media screen and (max-width: 767px) {
	.banner-area .banner-4-title { font-size: 48px; }
	.social-projects .col { max-width: 50%; }
	.banner-4-spaces { padding-bottom: 0; }
	.banner-area .banner-4-title .sub-text { font-size: 32px; }
	.cd-words-wrapper { font-size: 32px; }
	.social-project-section .logo img { max-width: 250px; }
	.environmental-impact .project-item .row { margin-left: 0; margin-right: 0; }
}

@media screen and (max-width: 576px) {
	.banner-4-spaces { padding-top: 60px; }
	.banner-area .banner-4-title { font-size: 42px; }
	.social-projects .col { max-width: 100%; padding: 0 15px !important; }
	.about-budget-percentage .title { font-size: 24px; }
	.about-budget-percentage .percentage { font-size: 20px; }
	.banner-area .banner-4-title .sub-text { font-size: 28px; }
	.cd-words-wrapper { font-size: 28px; }
	.about-budget-percentage .percentage-wrap .percentage-sign { bottom: 13px; font-size: 20px; }
	.project-item .project-info .education-info .info.mb-40 { margin-bottom: 30px; }
	.donation-section .row { --bs-gutter-x: 15px; }
	.text-lg { font-size: 16px; }
}