/*Banner Section Start*/
.page-id-340 .banner-bg {
    background:radial-gradient(circle at top left, #204660, #0000000d 30%), radial-gradient(circle at bottom right, var(--primary-color), transparent 77%), #020e15 !important;
}
.page-id-340 {
    overflow-x: hidden;
}
.banner-bg-color {
    background: radial-gradient(circle at top left, #204660, #0000000d 50%), radial-gradient(circle at bottom right, #204660, transparent 27%), #020e15;
}
.banner-sec {
    padding: 10em 0 3em;
}
.banner-slider-inner-wrp video {
    width: 100%;
}
.banner-slider .item {
    display: flex;  
    align-items: center; 
    justify-content: center; 
}

.banner-slider .item img,
.banner-slider .item video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
.banner-inner-wrp h1 {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 800;
    font-size: 70px;
}
 
.banner-inner-wrp h1 span {
    color: var(--yellow-color);
    text-decoration: underline;
}
.banner-btn {
    text-align: center;
    margin: 2em 0;
}
.banner-btn a {
    text-decoration: none;
    color:var(--yellow-color) !important;
    font-size: 18px;
    padding: 12px 30px;
    border: 1.5px solid var(--yellow-color);
    border-radius: 50px;
    transition:0.6s;
}
.banner-btn a:hover{
    border-color:#fff;
    color:#000 !important;
}
.google-rating ul {
    padding: 0;
    margin: 0;
}
.google-rating img {
    width: 200px;
}
.google-rating {
    text-align: center;
}
.google-rating ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.google-rating ul li span {
    color: #7c7d7d;
    font-size: 14px;
}
/*Banner Section End*/

.logo-sec {
    
    padding: 2em 0 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 4em;
    cursor:pointer;
}
.logo-sec img {
    max-width: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120px;
    object-fit: contain;
}
 
.marquee-2 {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marquee-content-2 {
  display: inline-flex;
  animation: marquee 150s linear infinite;
  animation-play-state: running;
      align-items: center;
}
.marquee-content-2 img {
 
  height: auto;
}
.marquee-content-2 figure {
    width: 200px;
}
.marquee-2:hover .marquee-content-2 {
  animation-play-state: paused; 
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*Banner Slider Start*/
.banner-slider-sec {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51%, rgba(255, 255, 255, 1) 49%);
    margin: 0 0 3em;
}
.banner-slider-inner-wrp .item {
    text-align: center;
    background: #7f9973;
    color: #fff;
    padding:  0;
    width: 100%;
    margin: auto;
}
.banner-slider-inner-wrp .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
}
.banner-slider-inner-wrp .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
}
.banner-slider-inner-wrp .owl-nav button{
    width: 50px;
    background: #fff !important;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50px;
    box-shadow: 0 2px 20px #00000052;
    transition:0.6s;
}
.banner-slider-inner-wrp .owl-next span, .banner-slider-inner-wrp .owl-prev span {
    font-size: 45px;
    font-weight: 200;
}
 
.banner-slider-inner-wrp .owl-carousel .owl-item img {
    width: 500px;
    margin: auto;
}
.banner-slider-inner-wrp .owl-carousel .owl-item figure {
        padding: 6em 0 0;
}
.banner-slider-inner-wrp .owl-stage-outer {
    box-shadow: 0 2px 40px #0000006e;
    border-radius: 33px;
        background: #7f9973;
}
.banner-slider-inner-wrp .owl-nav button:hover {
    background: #000 !important;
    color: #fff !important;
}
/*Banner Slider End*/

/*Project Section Start*/
.projects-sec {
    margin: 0 0 6em;
}
.marquee-content .item:nth-last-child(2) img,
.marquee-content .item:last-child img {
    width: 200px;
}
.marquee-content {
    flex-wrap: wrap;
    gap:0 !important;
}
.marquee-content .item {
    width: 250px;
}
.title-wrp {
    text-align: center;
}
.title-wrp h2 {
    font-size: 32px;
    font-weight: 600;
}
.projects-sec .owl-carousel .owl-item img {
    width: 150px;
    height: 150px;
    aspect-ratio: 1 / 5;
    object-fit: contain;
}
.projects-slider {
    margin: 2em 0 0;
}
.projects-sec .item figure {
    text-align: center;
    width: 100% !important;
}
/*Project Section End*/


/*Join Organization Start*/
.join-organization-sec {
    margin-bottom: 5em;
}
.jo-cont-sec h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
}
.jo-cont-sec p {
    font-size: 20px;
    font-weight: 400;
    margin-top: 2em;
    line-height: 35px;
    margin-bottom: 0;
}
.jo-cont-sec {
    padding-left: 5em;
}
.jo-cont-sec .primary-btn a, .charge-cont-wrp .primary-btn a{
    background: var(--yellow-color) !important;
    color: #000 !important;
} 
.jo-cont-sec .primary-btn a:hover {
    background: #000 !important;
    color: #fff !important;
}
.charge-cont-wrp .primary-btn a:hover {
    background: #fff !important;
    color: #000 !important;
}
.jo-cont-sec .primary-btn {
    margin-top: 4em;
}
/*Join Organization End*/

/*About Organization Start*/
.about-organization-sec {
    margin-bottom: 5em;
}
.about-inner-box p {
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
}
.about-inner-box h3 {
    font-size: 50px;
    font-weight: 700;
    position:relative;
}
.about-inner-box {
    width: fit-content;
    margin: auto;
}
.about-inner-box h3::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    background: var(--yellow-color);
    width: 70px;
    height: 3.5px;
}

/*About Organization End*/


/*Charge Start*/
.charge-sec {
    background: radial-gradient(circle at bottom left, #204660, #0000000d 50%), radial-gradient(circle at top right, var(--primary-color), transparent 50%), #020e15;
    padding: 5em 0;
}
.charge-cont-wrp {
    color: #fff;
}
.charge-cont-wrp h2 {
    margin-bottom: 1em;
    font-weight: 700;
    font-size: 32px;
}
.charge-cont-wrp p {
    font-size: 23px;
    line-height: 35px;
    font-weight: 300;
    padding-right: 3em;
}
.charge-img-wrp {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Charge End*/

/*Reviews Start*/
.faq-btn-wrp {
    margin-top: 3em;
    text-align: center;
}
 
.active i {
    transform: rotate(180deg);
}
.faq-btn-wrp a{
    color: #000000 !important;
    background: #fff; 
}
.footer-sec {
    padding: 0em 0 1em !important;
}
.reviews-sec {
    padding: 5em 0 5em;
    background: linear-gradient(180deg, #f9f7fc 10%, #f7f3fd 90%);
        margin-bottom: 3em;
}
.title-wrp p {
    font-weight: 400;
    font-size: 17px;
    margin: 25px 0 0;
}
.rating-wrp ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.rating-wrp ul li i {
    color: #fdb226;
    font-size: 20px;
}
.rating-wrp p {
    text-align: center;
    margin: 5px 0 20px;
    font-size: 18px;
    font-weight: 600;
}
.rating-wrp {
    margin: 25px 0 0;
}
.stars {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    margin-bottom: 20px;
    gap: 5px;
}
.stars li i {
    color: #fdb226;
}
.review-slider-wrp .item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.review-author-wrp {
    display: flex;
    align-items: center;
}
.review-author-wrp h4 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.review-author-wrp figure {
    width:45%;
    display: flex;
    justify-content: end;
}
.review-author-wrp figure img {
    width: min(100%, 35px) !important;
}
.review-slider-wrp .owl-item {
    box-shadow: 0 5px 15px #0000001f;
    margin: 1em 2px;
    padding: 1.5em 2em;
    border-radius: 25px;
    background: #fff;
    height: fit-content;
}
.review-box-2, .review-box-4 {
    margin-top: 3.5em  !important;
}
.review-box-3 {
    margin-top:6em  !important;
}
.review-slider-wrp .owl-stage {
    display: flex;
}

/*Reviews End*/

/*Free Design Service Start*/
.free-design-service-sec {
    margin-bottom: 5em;
}
.service-wrp figure {
    height: 75px;
}
.service-item-sec {
    margin: 3em 0 0;
}
.service-wrp {
    text-align: center;
    box-shadow: 0 3px 20px #00000012;
    padding: 3em 0 3em;
    border-radius: 30px;
    margin:0 auto 0;
    height: 90%;
}
.service-wrp h4 {
    font-size: 22px;
    font-weight: 700;
}
.service-wrp img {
    margin-bottom: 22px;
    width: min(100%, 55px);
}
/*Free Design Service End*/


/*Application Start*/
.application-sec{
    margin-bottom:5em;
}
.application-cont-wrp .primary-btn {
    margin: 2em 0 0;
}
.application-cont-wrp p {
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
}
.application-cont-wrp {
    display: flex;
    justify-content: center;
    height: 100%;
    padding-left: 4em;
    flex-direction: column;
}
.application-cont {
    width: min(100%, 450px);
}
/*Application End*/

/*Work Start*/
.work-inner-wrp .title-wrp {
    margin-bottom: 2em;
}
.service-feature-img figure, .service-feature-img figure img {
    height: 100%;
}
.service-box::before {
    position: absolute;
    left: 45px;
    top: 15px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
}
.service-feature-img img, .service-feature-img {
    border-radius: 30px;
}
.service-title-box {
    text-align: center;
    margin: 30px 0 0;
}
.category-name a{
    font-size: 20px;
    font-weight: 700;
    color:#000 !important;
    text-decoration:none;
}
.category-name a:hover, .post-title:hover{
    color:#1f445d !important;
}
.service-feature-img {
    overflow: hidden;
    height: 350px;
}
.service-feature-img img{
    transition:0.6s;
}
.service-feature-img img:hover {
    transform: scale(1.1);
}
.post-title {
    font-size: 20px;
    font-weight: 400;
    color: #000 !important;
    text-decoration:none;
}
.work-slider .owl-prev {
    position: absolute;
    top: 0;
    bottom:7em;
    left: -50px;
    margin: auto;
}
.work-slider .owl-nav button {
    background: #fff !important;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    transition:0.6s;
    box-shadow: 0 4px 20px #0000002b;
}
.work-slider .owl-next {
    position: absolute;
    right: -40px;
    top: 0;
    bottom:7em;
    margin: auto;
}
.work-slider .owl-nav button span {
    font-size: 30px;
    font-weight: 300;
}
.work-slider .owl-nav button:hover {
    background: #000 !important;
    color: #fff !important;
}
.work-slider .owl-dots {
    display: none;
}
.work-sec {
    margin-bottom: 5em;
}
/*Work End*/


/* faq css*/
.faq-sec h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1em;
}
.accordion_body {
    padding-bottom: 20px;
    color: #fff;
}
.faq-sec {
   padding:6em 0;
   transition:background-color 1.0s ease, color 1.0s ease;
   background: #000;
}
.accordion-wrp {
    border-bottom: 1px solid #d6d6d6;
}
.accordion_head {
    cursor: pointer;
    color: #fff;
    position: relative;
    padding: 24px 0 15px;
}
.accordion_head h4 {
    font-size: 18px;
    font-weight: 600;
}
.accordion_head i {
    color: #fff;
    border-radius: 50px;
    float: right;
    font-size: 15px;
    top: 6px;
    bottom: 0;
    right: 0;
    position: absolute;
    margin: auto;
        height: fit-content;
        transition:0.5s;
}
.accordion_body p {
    font-size: 18px;
    margin: 0;
    line-height: 30px;
    font-weight: 300;
}
.accordion_container {
    margin: 25px 0 0;
}
.faq-sec {
    padding: 5em 0;
}
 

/*Responsice Start*/
@media only screen and (min-width:1400px){
.marquee-content .item {
    width: 280px;
}
.banner-inner-wrp h1 {
    font-size: 80px;
}
.banner-slider-inner-wrp .owl-carousel .owl-item img {
    width: 600px;
}
}
@media only screen and (max-width:992px){
.banner-inner-wrp h1 {
    font-size: 45px;
}
.banner-slider-inner-wrp .owl-carousel .owl-item figure {
    padding: 4em 0 0;
}
.jo-cont-sec {
    padding-left: 2em;
}
.charge-cont-wrp p {
    padding-right: 0;
}
.application-cont-wrp {
    padding-left: 2em;
}
.about-inner-box p {
    font-size: 17px;
}
.charge-cont-wrp h2 {
    font-size: 30px;
}
.banner-slider-inner-wrp .owl-carousel .owl-item img {
    width: 300px;
}
.service-wrp h4 {
    font-size: 16px;
    padding: 0 20px;
}
}
@media only screen and (max-width:767px){
.banner-inner-wrp h1 {
    font-size: 32px !important;
}
.banner-slider-inner-wrp .owl-carousel .owl-item figure {
    padding: 10px 0;
}
.banner-slider-inner-wrp .owl-carousel .owl-item img {
    width: 200px !important;
}
.charge-img-wrp {
    margin: 2em 0 0;
}
.review-author-wrp h4 {
    width: 80%;
}
.service-wrp figure {
    height: auto;
}
.marquee-content {
    gap: 1em !important;
    flex-direction: column;
        margin: 2em 0 0;
}
.marquee-content .item:nth-last-child(2) {
    margin-bottom: 2em;
}
.projects-sec .item figure {
    width:auto !important;
    text-align: center !important;
}
.marquee-content .item {
    width: 100%;
}
.jo-cont-sec {
    padding-left: 0;
}
.jo-cont-sec h3 {
    font-size: 20px;
    line-height: 30px;
}
.jo-cont-sec p {
    margin-top: 1em;
}
.jo-img-wrp {
    margin-bottom: 3em;
}
.jo-img-wrp {
    margin-bottom: 3em;
}
.about-inner-box {
    margin: 0 auto 2em;
}
.title-wrp h2 {
    font-size: 25px;
}
.charge-cont-wrp p {
    padding-right: 0;
}
.application-cont-wrp {
    width: 100%;
    padding-left: 0;
    margin: 2em 0 0;
}
.work-slider .owl-next {
   right: 0;
   bottom: 5em;
} 
.work-slider .owl-prev {
   left: 0;
   bottom: 5em;
}
.faq-sec h2 {
    font-size: 25px;
}
.accordion_body p {
    font-size: 15px;;
    line-height: 26px;
}
.accordion_head h4 {
    font-size: 16px;
    line-height: 24px;
}
.charge-cont-wrp p, .jo-cont-sec p {
    font-size: 18px;
    line-height: 28px;
}
.charge-cont-wrp h2 {
    font-size: 25px;
}
.service-wrp h4 {
    font-size: 20px;
    padding: 0 20px;
}
.application-cont-wrp p {
    font-size: 18px;
    line-height: 30px;
}
.reviews-sec .owl-item {
    margin-right: 15px;
}
.review-author-wrp figure {
    width: 74%;
}
.service-wrp h4 {
    font-size: 18px;
    padding: 0 20px;
}
}
@media only screen and (max-width:600px){
.banner-slider-inner-wrp .owl-next {
    right: 0;
}
.banner-slider-inner-wrp .owl-nav .owl-prev {
    left: 0;
}
}
/*Responsice End*/