:root {
  --primary-color: #f67d4a;
  --white: #fff;
  --dark-gray: #232f4b;
}

body.light-theme {
  background: var(--white);
}

body.light-theme p {
  color: #898888;
}

body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4,
body.light-theme h5,
body.light-theme h6 {
  color: var(--dark-gray);
}

body.light-theme a {
  color: var(--white);
}
body.light-theme a:hover {
  color: var(--primary-color);
}

body.light-theme .tp-site-header .cart-search-contact .mini-cart-content {
  background: var(--white);
}

body.light-theme .tp-site-header .cart-search-contact .mini-cart-content p {
  color: var(--dark-gray);
}
body.light-theme
  .tp-site-header
  .cart-search-contact
  .mini-cart-content
  .mini-cart-item-des
  a {
  color: var(--dark-gray);
}
body.light-theme
  .tp-site-header
  .cart-search-contact
  .mini-cart-content
  .mini-cart-action
  .mini-checkout-price {
  color: var(--dark-gray);
}

body.light-theme
  .tp-site-header
  .cart-search-contact
  .mini-cart-content
  .mini-cart-action {
  border-color: #e8dcdc;
}

body.light-theme
  .tp-site-header
  .cart-search-contact
  .mini-cart-content
  .mini-cart-title {
  border-color: #e8dcdc;
}
body.light-theme
  .tp-site-header
  .cart-search-contact
  .mini-cart-content
  .mini-cart-item {
  border-color: #e8dcdc;
}

body.light-theme .tp-site-header .cart-search-contact input {
  background-color: var(--white);
  color: var(--dark-gray);
}

body.light-theme .tp-header-style-3 .navigation {
  background-color: #03203d;
}
body.light-theme .tp-header-style-3 .topbar {
  background-color: #03203d;
  border-color: rgba(255, 255, 255, 0.1);
}

body.light-theme .tp-header-style-3 .topbar ul li {
  border-color: rgba(255, 255, 255, 0.1);
}

/* dhiraj css */

.main-rightbox {
  height: 700px;
  width: 700px;
  background-size: cover;
  border-radius: 80px;
  transform: rotate(135deg);
  position: absolute;
  right: -330px;
  overflow: hidden !important;
}
.main-rightbox::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  height: 200%;
  width: 200%;
  background: url("../img/ourmission.jpg") no-repeat;
  background-position: 39% 46%;
  background-size: cover;
  transform: rotate(-135deg);
}
.transbox {
  height: 250px;
  width: 250px;
  background-color: gray;
  border-radius: 40px;
  margin-bottom: 100px;
}

.transbox.mission {
  transform: rotate(135deg) translate(-54px, -257px);
}
.transbox.vision {
  transform: rotate(135deg);
}
.transbox.value {
  transform: rotate(135deg) translate(-243px, -57px);
}

.t-up-50 {
  top: -130px;
  left: -130px;
}
.mt-60 {
  margin: 200px 0 !important;
}
.trans-icon {
  border: 2px solid #232f4b;
  height: 95px;
  width: 95px;
  border-radius: 12px;
  transform: rotate(135deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.rotaterev {
  transform: rotate(-135deg);
  width: 70px;
}
body.light-theme .tp-breadcumb-wrap h2 {
  color: var(--white);
}

.success_story {
  height: 400px !important;
  width: 100%;
  background-color: grey !important;
}
.transbox img {
  transform: rotate(-135deg) scale(1.25) translateY(10px);
  height: 100%;
  width: 100%;
  object-fit: cover !important;
}

@media (min-width: 992px) {
  body.light-theme .tp-site-header #navbar > ul .sub-menu {
    background-color: var(--white);
  }
  body.light-theme .tp-site-header #navbar > ul > li .sub-menu a {
    color: #333;
  }

  body.light-theme .tp-site-header #navbar > ul > li .sub-menu li {
    border-bottom: 1px solid #e8dcdc;
  }
}

@media (max-width: 991px) {
  body.light-theme .tp-site-header #navbar {
    background: var(--white);
    border-color: #e8dcdc;
  }

  body.light-theme .tp-site-header #navbar > ul > li {
    border-color: #e8dcdc;
  }
}

body.light-theme .slide-caption .btns a {
  color: var(--white);
}

body.light-theme .news-letter-section:before {
  background: #f4f8fc;
}

body.light-theme .news-letter-wrap {
  -webkit-box-shadow: 0px 4px 9.5px 0.5px rgba(53, 53, 53, 0.1);
  box-shadow: 0px 4px 9.5px 0.5px rgba(53, 53, 53, 0.1);
  background: #f4f8fc;
}

body.light-theme .news-letter-section h3 {
  color: var(--dark-gray);
}

body.light-theme .news-letter-section form > div input {
  -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
  box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

body.light-theme .news-letter-section form > div button {
  background: #f67d4a;
}

body.light-theme .tp-site-footer,
body.light-theme .tp-site-footer {
  /* background: #f4f8fc; */
}

body.light-theme .tp-site-footer-2 {
  background: #fcfcfc;
}
body.light-theme .about-content a {
  color: var(--white);
}

body.light-theme .tp-site-footer p,
body.light-theme .tp-site-footer li {
  /* color: var(--dark-gray); */
}

body.light-theme .tp-site-footer-2 p,
body.light-theme .tp-site-footer-2 li {
  color: #444444;
}

body.light-theme .tp-site-footer .widget-title h3,
body.light-theme .tp-site-footer-2 .widget-title h3 {
  /* color: var(--dark-gray); */
}

body.light-theme .tp-site-footer-2 .widget-title h3 {
  color: #2d4277;
}

body.light-theme .tp-site-footer .about-widget ul a {
  color: #f67d4a;
}

body.light-theme .tp-site-footer-2 .about-widget ul a {
  color: #404040;
}

body.light-theme .tp-site-footer .link-widget ul a,
body.light-theme .tp-site-footer-2 .link-widget ul a {
  /* color: var(--dark-gray); */
}

body.light-theme .tp-site-footer-2 .link-widget ul a {
  color: #404040;
}

body.light-theme .tp-site-footer .tp-lower-footer,
body.light-theme .tp-site-footer-2 .tp-lower-footer {
  background: #e8f0f8;
}

body.light-theme .tp-site-footer .tp-lower-footer .copyright a,
body.light-theme .tp-site-footer-2 .tp-lower-footer .copyright a {
  color: var(--dark-gray);
}

body.light-theme .sticky-on {
  opacity: 1;
  top: 0;
  background: #03203d !important;
}

body.light-theme .features-icon i.fi {
  border: 1px solid #f4f8fc;
}

body.light-theme .features-area {
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}

body.light-theme .features-area .features-item-2 {
  background: #f4f8fc;
}

body.light-theme .features-content h3 {
  color: var(--dark-gray);
}

body.light-theme .features-area .features-content p {
  color: #898888;
}

body.light-theme .features-area .features-icon i.fi {
  background: var(--white) fff;
  color: var(--dark-gray);
}

body.light-theme .about-style,
body.light-theme .about-style-1,
body.light-theme .about-style-2,
body.light-theme .about-style-3 {
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}

body.light-theme .about-style .about-content p,
body.light-theme .about-style-1 .about-content p,
body.light-theme .about-style-2 .about-content p {
  color: #898888;
}

body.light-theme .about-img img {
  border: 1px solid #ffc7b1;
}

body.light-theme .about-style .about-content h2,
body.light-theme .about-style-1 .about-content h2,
body.light-theme .about-style-3 .about-content h2 {
  color: #1d375c;
}

body.light-theme .section-title h2,
body.light-theme .section-title-1 h2 {
  color: #444;
}

body.light-theme .about-style .about-content p,
body.light-theme .about-style-1 .about-content p {
  color: #333;
}

body.light-theme .about-img img {
  border: 4px solid rgba(102, 102, 102, 0.2);
}

body.light-theme .about-style .about-content h2,
body.light-theme .about-style-1 .about-content h2 {
  color: #1d375c;
}

body.light-theme .section-title h2,
body.light-theme .section-title-1 h2 {
  color: var(--dark-gray);
}

body.light-theme .about-style-1 .about-img:before,
body.light-theme .about-style-2 .about-img:before {
  background: rgba(0, 0, 0, 0.4);
}

body.light-theme .about-style-2 .video-btn {
  color: var(--white);
}

body.light-theme .about-style-2 .video-btn .flaticon-play-button:before {
  border: 10px solid rgba(246, 125, 74, 0.4);
}

body.light-theme .cause-top {
  background: var(--white);
}

body.light-theme .cause-text ul li a {
  background: var(--white);
  color: var(--dark-gray);
  -webkit-box-shadow: 0 0 7px #bac2cb;
  box-shadow: 0 0 7px #bac2cb;
}
body.light-theme .cause-text ul li a:hover {
  color: var(--primary-color);
}

body.light-theme .cause-item {
  border: 2px solid #e5e8ec;
}

body.light-theme .cause-text h3 a {
  color: var(--dark-gray);
}
body.light-theme .cause-text h3 a:hover {
  color: var(--primary-color);
}

body.light-theme .cause-img:before {
  background: rgba(30, 30, 30, 0.8);
}

body.light-theme .case-area {
  background: #f4f8fc;
}

body.light-theme .gallery-section {
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}

body.light-theme .gallery-section .gallery-filters ul li a {
  color: var(--dark-gray);
}

body.light-theme .gallery-section .gallery-filters ul .current {
  color: var(--white);
}

body.light-theme .gallery-section .grid:before {
  background: rgba(255, 255, 255, 0.5);
}

body.light-theme .icon i {
  color: #000;
}

body.light-theme .team-section {
  background: #f4f8fc;
}

body.light-theme .team-section .details {
  background-color: var(--white);
}

body.light-theme .event-section .grid .details {
  background-color: #f4f8fc;
}

body.light-theme .event-section .grid .details h3 a {
  color: var(--dark-gray);
}

body.light-theme .event-section .grid .details h3 a:hover {
  color: var(--primary-color);
}
body.light-theme .event-section .entry-meta li a {
  color: #999;
}

body.light-theme .blog-section .grid .details {
  background: #f4f8fc;
}

body.light-theme .blog-section .grid .details h3 a {
  color: var(--dark-gray);
}

body.light-theme .blog-section .grid .details h3 a:hover {
  color: var(--primary-color);
}

body.light-theme .blog-section .entry-meta > li + li {
  color: var(--dark-gray);
}

body.light-theme .blog-section .entry-meta > li + li:before {
  color: var(--dark-gray);
}

body.light-theme .blog-section .entry-meta li a {
  color: var(--dark-gray);
}

body.light-theme .tp-cta-text h2 {
  color: var(--white);
}

body.light-theme .tp-cta-text a {
  color: var(--white);
}
body.light-theme .case-btn a {
  color: var(--white);
}

body.light-theme .tp-counter-area.v2 {
  background: #03203d;
  border-top: 1px solid #03203d;
}
body.light-theme .news-letter-section.s2.ds2 {
  background: #03203d;
}

body.light-theme #Description {
  background-color: var(--white);
}

body.light-theme .tp-case-details-text .tp-case-content h2 {
  color: var(--dark-gray);
}

body.light-theme .sub-btn .theme-btn {
  color: var(--white);
}

body.light-theme .tp-blog-single-section.wrap-even {
  background-color: var(--white);
}

body.light-theme .tp-blog-single-section .comments-area .comments-title {
  color: var(--dark-gray);
}

body.light-theme .tp-blog-single-section .comments-area li > div {
  background: #f4f8fc;
}

body.light-theme .tp-blog-single-section .comment-respond .comment-reply-title {
  color: var(--dark-gray);
}

body.light-theme .tp-blog-single-section .comment-respond form input,
body.light-theme .tp-blog-single-section .comment-respond form textarea {
  background-color: #f4f8fc;
  border-color: transparent;
}
body.light-theme
  .tp-blog-single-section
  .comment-respond
  form
  .form-submit
  input {
  color: var(--dark-gray);
}
body.light-theme .tp-blog-sidebar .widget {
  background-color: var(--white);
}

body.light-theme .tp-blog-sidebar .widget h3 {
  border-color: #e8dcdc;
}
body.light-theme .tp-blog-sidebar .recent-post-widget .post h4 a {
  color: var(--dark-gray);
}
body.light-theme .tp-blog-sidebar .recent-post-widget .posts > .post + .post {
  border-color: #e8dcdc;
}
body.light-theme .tp-blog-sidebar .tag-widget ul li a {
  border-color: #e8dcdc;
}

body.light-theme .tp-blog-sidebar .search-widget input {
  background-color: #f4f8fc;
  border: transparent;
}
body.light-theme .tp-blog-sidebar .search-widget form button {
  background-color: var(--primary-color);
}

body.light-theme .tp-donations-amount,
body.light-theme .tp-donations-details,
body.light-theme .tp-doanation-payment {
  background-color: var(--white);
}

body.light-theme .tp-donations-amount input,
body.light-theme .tp-donations-details input,
body.light-theme .tp-donations-details textarea {
  border-color: #e8dcdc;
}
body.light-theme .tp-payment-area .form-style input {
  background-color: #f4f8fc;
  border: transparent;
}
body.light-theme .volunteer-area {
  background-color: var(--white);
}
body.light-theme .volunteer-contact-form {
  background-color: var(--white);
}

body.light-theme .volunteer-contact-form form input,
body.light-theme .volunteer-contact-form form select,
body.light-theme .volunteer-contact-form form label,
body.light-theme .volunteer-contact-form form textarea {
  background-color: #f4f8fc;
  border: transparent;
}

body.light-theme .error-404-section .content h2 {
  color: var(--dark-gray);
}
body.light-theme .error-404-section .error-message a {
  color: var(--white);
}

body.light-theme .tp-blog-pg-section .tp-tp-blog-content .post {
  background-color: var(--white);
}

body.light-theme .tp-blog-pg-section .post h3 a {
  color: var(--dark-gray);
}
body.light-theme .tp-blog-pg-section .post h3 a:hover {
  color: var(--primary-color);
}
body.light-theme .pagination-wrapper .pg-pagination li a {
  background-color: #f4f8fc;
}
body.light-theme .pagination-wrapper .pg-pagination .active a,
body.light-theme .pagination-wrapper .pg-pagination li a:hover {
  background-color: var(--primary-color);
}

body.light-theme .tp-blog-single-section .tp-tp-blog-content {
  background-color: var(--white);
}

body.light-theme .tp-blog-single-section .post blockquote {
  background-color: #f4f8fc;
}

body.light-theme .tp-blog-single-section .tag-share {
  background-color: var(--white);
}

body.light-theme .tp-blog-single-section .tag-share .tag a {
  background-color: #f4f8fc;
}

body.light-theme .tp-blog-single-section .tag-share .tag a:hover {
  background-color: var(--primary-color);
}

body.light-theme .tp-blog-single-section .author-box {
  background-color: #f4f8fc;
  border: 0;
}
body.light-theme .tp-blog-single-section .author-box .author-btn a {
  background-color: var(--white);
}
body.light-theme .tp-blog-single-section .author-box .author-btn a:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

body.light-theme .tp-blog-single-section .more-posts .previous-post a,
body.light-theme .tp-blog-single-section .more-posts .next-post a {
  background-color: #f4f8fc;
}

body.light-theme .tp-blog-single-section .more-posts .previous-post a:hover,
body.light-theme .tp-blog-single-section .more-posts .next-post a:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

body.light-theme .contact-pg-contact-section .icon {
  background-color: #f4f8fc;
}

body.light-theme .contact-pg-contact-section .contact-form input,
body.light-theme .contact-pg-contact-section .contact-form textarea {
  background-color: #f4f8fc;
  border: transparent;
}

body.light-theme .tp-accountInfo {
  background-color: #f4f8fc;
}

body.light-theme .tp-accountForm {
  background-color: #e3effa;
}
body.light-theme .or span {
  background-color: #e3effa;
}

body.light-theme .form-style input {
  background-color: var(--white);
  border: transparent !important;
}

body.light-theme .tp-accountInfo .tp-accountBtn {
  background-color: #e3effa;
  border-color: transparent;
}
body.light-theme .tp-accountInfo .tp-accountBtn:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

body.light-theme .news-letter-section.sbg {
  background-color: #f4f8fc;
}

body.light-theme .team-section.v2 {
  background-color: var(--white);
}
body.light-theme .team-section.v2 .details {
  background-color: #f4f8fc;
}
body.light-theme .team-section.v2 .img-holder {
  border-color: var(--white);
}

body.light-theme .news-letter-section.s2 {
  background-color: var(--white);
}

body.light-theme .ft-logo-1 {
  display: none;
}

body.light-theme .ft-logo-2 {
  display: block;
}

body.light-theme .cng-btn-1 {
  display: none;
}

body.light-theme .cng-btn-2 {
  display: block;
}

@media (max-width: 500px) {
  .main-rightbox {
    height: 340px;
    width: 340px;
    background-color: gray;
    border-radius: 49px;
    right: -179px;
  }
  .transbox {
    height: 100px;
    width: 100px;
    background-color: gray;
    border-radius: 15px;
    margin-bottom: 100px;
  }
  .transbox.mission {
    transform: rotate(135deg) translate(20px, -139px);
  }
  .transbox.value {
    transform: rotate(135deg) translate(-140px, 22px);
  }
  .t-up-50 {
    top: -76px;
    left: 57px;
  }
  .mt-60 {
    margin: 50px 0 !important;
  }
  .trans-icon {
    border: 2px solid #232f4b;
    height: 70px;
    width: 70px;
    border-radius: 12px;
    transform: rotate(135deg);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rotaterev {
    transform: rotate(-135deg);
    width: 41px;
  }
  body.light-theme p {
    color: #898888;
    font-size: 11px;
}
}