/*
=============
Web Developer Hafizul Islam 
=============
*/

.slider-new-classes-box p.elementor-heading-title.elementor-size-default {
    -webkit-animation: 1s 2s fadeInUp both;
    animation: 1s 2s fadeInUp both;
    opacity: 0.800;
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin: 5px 0 53px;
    width: 90%;
    text-align: left;
    position: relative;
    z-index: 1;
}
.slider-new-classes-box p.elementor-heading-title.elementor-size-default::before {
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 87%;
    height: 1px;
    background: #A8A8A8;
    content: "";
    opacity: 0.3; 
}
.slider-new-classes-box p.elementor-heading-title.elementor-size-default::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -43px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #E11143;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-name: hassan;
}
@-webkit-keyframes hassan {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(40px);
            transform: translateX(470px);
  }
}

/*Video box Style Eight*/

.single-video.style-eight .chose-video-icon {
    position: relative;
    left: -50px;
    margin: 0 auto 0;
    right: 0;
    text-align: center;
    top: -75px;
}
.single-video.style-eight .chose-video-icon .video-icon a {
    text-decoration: none;
    font-weight: 500;
    font-family: "Work Sans";
    position: relative;
    height: 50px;
    line-height: 50px;
    width: 50px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #E11143;
    text-align: center;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
}
.slider-new-classes-box .video_content {
    display: inline-block;
    position: absolute;
    bottom: 75px;
    right: 0px;
    left: 120px;
    text-align: center;
}
.slider-new-classes-box .video_content .content_title h5 {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

/*service box style nine*/

.service-box.style9 {
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    padding: 45px 30px 35px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-bottom: 30px;
}
.service-box.style9::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    transition: .5s;
    background: #E01142;
    z-index: -1;
    border-radius: 5px;
}
.service-box.style9::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 75%;
    width: 74%;
    background: url(https://wp.dreamitsolution.net/govcity/wp-content/uploads/2024/12/ser-shap.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity:0;
    transition:0.5s;
}

.service-box.style9 .service-title h3 {
    font-size: 23px;
    letter-spacing: 0px;
    line-height: 32px;
    color: #232323;
    font-weight: 700;
    margin: 0 0 10px;
    transition: .5s;
}
.service-box.style9 p.description {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #6f7785;
    font-weight: 400;
    margin: 0 0 0;
    transition: .5s;
}
.service-box.style9 .service-title h4 {
    opacity: 0.3;
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 800;
    margin: 0 0 30px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #012549;
    color: transparent;
    transition: .5s;
}
.service-box.style9:hover {
    transform: translateY(0px);
}
.service-box.style9:hover::before {
    height: 100%;
}
.service-box.style9:hover::after {
    opacity:1;
}
.service-box.style9:hover .service-title h4{
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    opacity: 1;
}
.service-box.style9:hover p.description {
    color:#fff;
}
.service-box.style9:hover .service-title h3{
    color:#fff;
}

/*section title twelve*/

.section-title.style-12 h3.title {
    font-size: 40px;
    line-height: 42px;
    color: #012549;
    font-weight: 700;
    margin: 0 0 0;
}
.section-new-classes .section-title.style-12 h4.title {
    font-size: 20px;
    line-height: 48px;
    color: #012549;
    font-weight: 500;
    margin: 15px 0 0;
    position: relative;
    z-index: 1;
    padding: 0 0 15px;
    display: inline-block;
}
.section-title.style-12 h4.title::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #A8A8A8;
    content: "";
    opacity: 0.5;
}
.section-title.style-12 h4.title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #E11143;
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-name: hassan;
}
@-webkit-keyframes hassan {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(40px);
            transform: translateX(470px);
  }
}
.section-title.style-12 h4.title {
    display:none;
}
.section-title.style-12 .description {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    margin: 22px 0 0;
    text-align: left;
    width: 90%;
}
.section-title.style-12 .description:before {
    display:none;
}

/*Video box Style Six*/

.single-video.style-six .chose-video-icon {
    position: relative;
    left: 0;
    margin: 0 auto 0;
    right: 0;
    text-align: center;
}
.single-video.style-six .chose-video-icon .video-icon a {
    text-decoration: none;
    font-weight: 500;
    font-family: "Work Sans";
    position: relative;
    height: 80px;
    line-height: 80px;
    width: 80px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #074883;
    text-align: center;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
}

/*Icon-box style ten*/

.icon-box.style-ten .img-icon {
    float: left;
    margin-right:15px;
}

.icon-box.style-ten .title h2 {
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    margin: 0 0 0;
}

/*campaigns-box.style3*/

.campaigns-box.style3 {
    padding: 30px  30px 40px;
    position: relative;
    z-index: 1;
    transition: 05s;
    background: #fff;
    box-shadow: 0 0 60px rgb(0 0 0 / 10%);
    border-radius:10px;
}
.campaigns-box.style3 .thumb {
    outline: 0;
    line-height: 0;
    text-align: center;
    position: relative;
    z-index: 1;
    transition:0.5s;
}
.campaigns-box.style3 .thumb::before {
    position: absolute;
    content: "";
    top: 0;
    left: 4px;
    height: 100%;
    width: 97%;
    background: #012549;
    border-radius: 5px;
    opacity: 0.5;
    transition: 0.5s;
    transform: scale(0);
}
.campaigns-box.style3 h3.title a {
    display: inline-block;
    font-size: 24px;
    line-height: 31px;
    color: #012549;
    font-weight: 700;
    text-align: left;
    margin: 25px 0 0;
}
.campaigns-box.style3 .description {
    font-size: 16px;
    line-height: 27px;
    color: #6f7785;
    font-weight: 400;
    font-family: "Arimo";
    text-align: left;
    margin: 14px 0 0;
}
.campaigns-box.style3 .campaigns-btn a {
    padding: 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    color: #012549;
    font-weight: 500;
    transition: 0.5s;
    text-transform: uppercase;
    background: inherit;
    margin: 14px 0 0;
}
.campaigns-box.style3 .campaigns-btn a i {
    display: inline-block;
    padding: 0;
    border-radius: 8px;
    margin-left: 16px;
    color: #012549;
}
.campaigns-box.style3 h3.event-date {
    font-size: 15px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 400;
    background: #E11143;
    padding: 3px 20px;
    border-radius: 5px;
    transition: .5s;
    font-family: Arimo;
    position: absolute;
    z-index: 2;
    left: 60px;
    top: 45px;
}
.campaigns-box.style3:hover .campaigns-btn a{
    color:#E01142;
}
.campaigns-box.style3:hover .campaigns-btn a i{
    color:#E01142;
}
.campaigns-box.style3:hover .thumb::before {
    transform: scale(1);
}

.campaigns-box.style3:hover h3.title a {
    color:#DF1141;
}

/*dreamit-button style13*/

.dreamit-button.style13 .button {
    background: #E11143;
    color: #fff;
    padding: 12px 33px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 14px;
    position: relative;
    z-index: 1;
    border: 1px solid #E11143;
    transition: 0.5s;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
}
.dreamit-button.style13 .button:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 50%;
    top: 0;
    background: #fff;
    z-index: -1;
    transition: 0.5s;
}
.dreamit-button.style13 .button:hover {
    color: #E11143;
}
.button-new-classes a.button {
    display: inline-block;
    font-size: 16px;
    background: #fff;
    text-transform: uppercase;
    padding: 13px 34px;
    color: #012549;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: inherit;
}
.button-new-classes a.button::before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: #E01142;
    transform: scale(0);
    transition: .5s;
}
.button-new-classes a.button::before {
    transform: scale(1);
}
.button-new-classes a.button:hover {
    color: #fff;
}

/*counter style seven*/

.single-counter.style_seven span {
    display: inline-block;
    font-size: 50px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 700;
    margin: 25px 0 0;
}
.single-counter.style_seven h6 {
    font-size: 20px;
    line-height: 35px;
    color: #ffffff;
    font-weight: 600;
    margin: 0 0 0;
}

/*testimonial.style-twelve*/

.testimonial.style-twelve .author {
    width: 130px;
    height: 130px;
    display: inline-block;
    margin: 0 0 15px;
}
.testimonial.style-twelve .reviews_rating {
    display: none;
}
.testimonial.style-twelve .testi-shape {
    display: none;
}
.testimonial.style-twelve .testimonial-item .bio {
    float: left;
    padding: 0 100px;
}
.testimonial.style-twelve .testimonial-item p.quote {
    font-size: 16px;
    line-height: 28px;
    color: #6f7785;
    font-weight: 400;
    font-style: italic;
    font-family: "Arimo";
    margin: 0 0 0;
    width: 87%;
}
.testimonial.style-twelve .testimonial-item .testi-name h4.name {
    font-size: 18px;
    line-height: 25px;
    color: #012549;
    font-weight: 700;
    margin: 0 0 0;
}
.testimonial.style-twelve .testimonial-item h5.designation {
    color: #CCCED3;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 0;
}
.testimonial.style-twelve .owl-nav {
    position: absolute;
    left: -40%;
    right: 0;
    text-align: center;
    bottom: -20px;
}
.testimonial.style-twelve .owl-nav button.owl-prev i {
    display: inline-block;
    border: 1px solid #A8A8A8;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 3px;
    color: #040404;
    font-size: 20px;
    margin-right: 12px;
    transition: .5s;
}
.testimonial.style-twelve .owl-nav button.owl-next i {
    display: inline-block;
    border: 1px solid #A8A8A8;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 3px;
    color: #040404;
    font-size: 20px;
    margin-right: 12px;
    transition: .5s;
}

.testimonial.style-twelve .owl-nav button.owl-next i:hover {
    border: 1px solid #E01142;
    color: #E01142;
}

.testimonial.style-twelve .owl-nav button.owl-next i:hover {
    border: 1px solid #E01142;
    color: #E01142;
}

/*subscrib-new-classes*/

.subscrib-new-classes-style .mc4wp-form-fields {
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    top: 30px;
}
.subscrib-new-classes-style .mc4wp-form-fields {
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    top: 30px;
    width: 60%;
    margin: 0 auto 0;
}
.subscrib-new-classes-style .join-input-box input {
    width: 50%;
    height: 60px;
    padding: 0 30px;
    outline: 0;
    color: #fff;
    margin: 0 auto 0;
    border: 1px solid #fff;
    background: inherit;
    border-radius: 5px 0px 0 5px;
}
.subscrib-new-classes-style button.join-button {
    background: #fff;
    border: 0;
    color: #012549;
    padding: 17px 39px;
    margin-left: 6px;
    font-weight: 500;
    transition: 0.5s;
    border-radius: 0 5px 5px 0px;
    position: relative;
    left: -12px;
}
.subscrib-new-classes-style .subscribe-wrapper span {
    display: none;
}
.subscrib-new-classes-style input::placeholder {
    color: #fff!important;
    display: inline-block;
}
.subscrib-new-classes-style label.checkbox {
    display: none;
}
/*blog-post.style8*/


.blog-post.style8 .post-item {
    padding: 30px 30px 40px;
    text-align: center;
    transition: .5s;
    border-radius: 7px;
    border: 1px solid #DEE1E6;
    margin-bottom: 30px;
}
.blog-post.style8 .user_thumb {
    display: none;
}
.blog-post.style8 ul.post-categories {
    display: none;
}
.blog-post.style8 .meta-date i {
    display: none;
}
.blog-post.style8 .author {
    float: left;
    margin-right: 50px;
    position: relative;
    left: 47px;
}
.blog-post.style8 .meta-date {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #A8A8A8;
    margin: 0 0 15px;
    transition: 0.5s;
}
.blog-post.style8 .meta-date::before {
    position: absolute;
    top: 6px;
    left: -85px;
    content: "";
    height: 15px;
    width: 1px;
    background: #A8A8A8;
    right: 0;
    text-align: center;
    margin: 0 auto 0;
}
.blog-post.style8 h3.title a {
    font-size: 22px;
    line-height: 30px;
    color: #012549;
    font-weight: 600;
    margin: 0px 0 17px;
    display: inline-block;
    transition: .5s;
}
.blog-post.style8 p.description {
    transition: .5s;
    font-size: 15px;
    line-height: 26px;
    color: #6f7785;
    font-weight: 400;
    font-family: "Arimo";
}
.blog-post.style8 .blog_btn a {
    display: inline-block;
    font-size: 16px;
    transition: .5s;
    position: relative;
    z-index: 1;
    color: #032548;
}
.blog-post.style8 .blog_btn a::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #A8A8A8;
    transition: 0.5s;
}
.blog-post.style8 .post-thumb img {
    border-radius: 7px;
    position: relative;
    z-index: 1;
}
.blog-post.style8 .post-item:hover .blog_btn a {
    color: #E01142;
}
.blog-post.style8 h3.title a:hover {
    color: #E51142;
}
.blog-post.style8 .post-item:hover {
    border: 1px solid #E01142;
}
.blog-post.style8 .post-item:hover .meta-date {
    border-bottom: 1px solid #E01142;
}
.blog-post.style8 .post-item:hover .blog_btn a::after {
    background: #E01142;

}

/*Responsive*/

@media (min-width: 1366px) and (max-width: 1820px) {
    
 

 
}

@media (min-width: 1200px) and (max-width: 1365px) {
    
 .testimonial.style-twelve .owl-nav {
    left: -34%;
    bottom: -50px;
}
.testimonial.style-twelve .testimonial-item p.quote {
    width: 90%;
}

 
}

@media (min-width: 1040px) and (max-width: 1169px) {
  .single-video.style-eight .chose-video-icon {
    left: -5px;
} 
 .service-box.style9 {
    padding: 45px 20px 35px;
}
 .section-title.style-12 h3.title {
    font-size: 38px;
}
.section-title.style-12 .section-title .description {
    width: 100% !important;
}
.testimonial.style-twelve .testimonial-item p.quote {
    font-size: 15px;
    width: 100%;
}
.testimonial.style-twelve .owl-nav {
    left: -23%;;
}
.campaigns-box.style3 .content {
    padding-left: 0!important;
} 

.slider-new-classes-box .video_content {
    left: 180px;
}
.campaigns-box.style3 h3.event-date {
    left: 50px;
}
.blog-post.style8 .blog_post_inner_content {
    padding: 0 5px;
}


 
}

@media (min-width: 992px) and (max-width: 1169px) {
    
 .single-video.style-six .chose-video-icon {
    top: 40px;
}
.campaigns-box.style3 h3.event-date {
    left: 90px;
}
.campaigns-box.style3 .content {
    padding-left: 35px;
}
.testimonial.style-twelve .testimonial-item p.quote {
    width: 100%;
}
.testimonial.style-twelve .owl-nav {
    left: -20%;
    bottom: -50px;
}
.blog-post.style8 .post-item {
    padding: 9px 9px 30px;
}
.blog-post.style8 h3.title a {
    font-size: 20px;
}
.blog-post.style8 .meta-date::before {
    left: -50px;
}
.single-counter.style_seven {
    margin-bottom: 30px;
}
.single-video.style-eight .chose-video-icon {
    left: 0px;
}
.campaigns-box.style3 .thumb::before {
    left: 0;
    width: 84%;
    right: 0;
    margin: 0 auto 0;
}
.single-video.style-eight .chose-video-icon {
    left: -60px;
}

 
}

@media (min-width: 768px) and (max-width: 991px) {
    
 .single-video.style-eight .chose-video-icon {
    left: 0;
}
.slider-new-classes-box .video_content {
    left: 190px;
}
.single-video.style-six .chose-video-icon {
    top: 45px;
}
.campaigns-box.style3 h3.title a {
    font-size: 22px;
}
.single-counter.style_seven {
    margin-bottom: 30px;
}
.testimonial.style-twelve .testimonial-item p.quote {
    font-size: 14px;
    line-height: 25px;
    width: 100%;
}
.testimonial.style-twelve .owl-nav {
    left: 30px;
    bottom: -80px;
}
.section-title.style-12 .description {
    width: 100%;
}
.blog-post.style8 h3.title a {
    font-size: 20px;
}
.dreamit-button.style13 .dreamit-button {
    margin-bottom: 0;
}
.campaigns-box.style3 .thumb::before {
    left: 0;
    width: 100%;
}



 
}


@media (min-width: 576px) and (max-width: 767px) {
 
 .single-video.style-six .chose-video-icon {
    display: none;
}  
.campaigns-box.style3 .content {
    padding-left: 75px;
} 
.campaigns-box.style3 h3.event-date {
    left: 130px;
} 
.testimonial.style-twelve .testimonial-item p.quote {
    margin: 15px 0 0;
    width: 100%;
    float: left;
}
.testimonial.style-twelve .owl-nav {
    left: 10%;
    bottom: -86px;
}
.subscrib-new-classes-style .mc4wp-form-fields {
    width: 85%;
}
.single-video.style-eight .chose-video-icon {
    left: 0px;
    top: -121px;
}
.slider-new-classes-box .video_content {
    bottom: 120px;
    right: 0;
    left: 210px;
}

 
}


@media (min-width: 320px) and (max-width: 575px) {
    
.single-video.style-eight .chose-video-icon {
    left: -70px;
    top: 0;
}
.slider-new-classes-box .video_content {
    left: 100px;
    bottom: 0;
}
.dreamit-button.style13 .button {
    display: none;
}
.slider-new-classes-box p.elementor-heading-title.elementor-size-default {
    font-size: 15px;
    width: 100%;
}
.slider-new-classes-box p.elementor-heading-title.elementor-size-default::before {
   display:none;
}
.slider-new-classes-box p.elementor-heading-title.elementor-size-default::after {
    display:none;
}
.section-title.style-12 h3.title {
    font-size: 21px;
}
.section-title.style-12 .description {
    font-size: 14px;
    width: 100%;
}
.single-video.style-six .chose-video-icon {
    display: none;
}
.section-title.style-12 h3.title {
    font-size: 22px;
    line-height: 22px;
}
.single-counter.style_seven {
    margin-bottom: 30px;
}
.testimonial.style-twelve .testimonial-item p.quote {
    font-size: 14px;
    line-height: 25px;
    width: 100%;
}
.testimonial.style-twelve .owl-nav {
    left: -50%;
    bottom: -80px;
}
.subscrib-new-classes-style .mc4wp-form-fields {
    width: 100%;
}
.blog-post.style8 .post-item {
    padding: 15px 15px 30px;
}
.blog-post.style8 .author {
    float: inherit;
    left: 15px;
}
.blog-post.style8 h3.title a {
    font-size: 18px;
    line-height: 25px;
}
.subscrib-new-classes-style button.join-button {
    padding: 17px 21px;
    left: -12px;
    top: -1px;
}
.blog-post.style8 .meta-date::before {
    display:none;
}
.campaigns-box.style3 h3.title a {
    font-size: 21px;
    line-height: 26px;
}
.testimonial.style-twelve .testimonial-item .bio {
    float: inherit;
    padding: 0;
}

 
}