/* ============================================
        Developer : Bappy
===============================================*/

/*
=======================================
        
=======================================
*/


.section-title.style6 .section-title .subtitle {
    font-size: 18px;
    color: #ff5e14;
    font-weight: 500;
    font-family: 'Archivo', sans-serif;
    margin-bottom: 7px;
    padding-left: 0px;
    z-index: 1;
    display: inline-block;
    margin: 0 0 8px;
    position: inherit;
}
.section-title.style6 .section-title .subtitle:before {
    position: inherit;
    content: "";
    top: 8px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #ff5e14;
    z-index: -1;
}


.section-title.style6 .section-title h3.title_two {
    margin: 0;
    font-size: 45px;
}

.section-title.style6 .section-title p.description {
    transition: .5s;
    color: #fefeff;
    margin-top: 20px;
}

.section-title.style6 .section-title .title {
    font-size: 45px;
    margin: 0 0 0;
    line-height: 1.6;
    font-weight: 600;
}

.cons .dreamit-button .button {
    overflow: hidden;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    background: #FF5E15;
    padding: 15px 33px;
    position: relative;
    z-index: 1;
}

.cons .dreamit-button .button {
    overflow: hidden;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    background: #FF5E15;
    border: 1px solid #ff5e14;
    border-radius: 5px;
    padding: 15px 33px;
    position: relative;
    z-index: 1;
} 

.cons .dreamit-button .button::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    background: #171717;
    border-radius: 5px;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 0.5s;
    transform: scale(0);
    opacity: 0;
}

.service-box.style5 .img_theme {
    position: relative;
    z-index: 1;
    transition: 0.5s;
}
.service-box.style5 .img_theme::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background: inherit;
    opacity: 0;
    transition: 0.5s;
    border-radius: 5px 5px 0 0;
}

.service-box.style5 .img_theme img {
    width: 100%;
}
.service-box.style5 .img_theme .icon img {
    width: 40px;
}
.service-box.style5 {
    padding: 50px 48px 100px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    border-top: 0;
    background: #171E28;
    border-radius: 10px;
    border: inherit;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}
.service-box.style5::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background: #02BCD5;
    z-index: -1;
    transition: 0.5s;
    border-radius: 5px 5px 3px 5px;
    opacity: 0.5;
}
.service-box.style5:hover::after{
    height: 100%;
}
.service-box.style5:hover p.description{
    color: #fff;
}
.service-box.style5:hover .img_theme::before{
    opacity: 0.5;
    height: 100%;
}
.service-box.style5:hover .img_theme .icon img {
    transform: rotate(45deg);
    transition: 0.5s;
}

.service-box.style5 .img_theme .icon img {
    transition: 0.5s;
}
.service-box.style5  .icon {
    position: absolute;
    top: 83%;
    right: 0;
    width: 103px;
    height: 70px;
    line-height: 97px;
    text-align: center;
    border-radius: 40px 0px 0px 40px;
    background: #FF5E14;
    border-bottom: 2px solid #0a1027;
    transition: .5s;
    display: none;
}

..service-box.style5 .title {
    font-size: 28px;
    font-weight: 500;
    padding: 0;
    line-height: 1.4;
    position: inherit;
    z-index: 1;
    transition: .5s;
    margin: 0;
    margin-top: 14px;
    color: #fff;
}
/* 
.service-box.style5:hover .title {
    color: #204A40;
    transition: .5s;
} */
.service-box.style5 .content {
    text-align: left;
    padding: 26px 5px 14px 20px;
    background: #161A23;
    position: absolute;
    width: 100%;
    left: 0;
    height: 25%;
    bottom: 0;
    border-radius: 0 0 3px 3px;
}


/* .service-box.style5 .title:hover {
    color: #ff5e14;
    transition: .5s;
} */

.service-box.style5 p.description {
    transition: .5s;
    margin: 0 0px 9px;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    color: #03A5BC;
    font-weight: 700;
}
.service-box.style5:hover p.description {
    transition: .5s;
    color:#fff;
}
.service-box.style5:hover .service-btn a i {
    color:#01BDD8;
    background: #0C0F16;
}

.service-box.style5 .service-btn a {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    border-radius: 22px;
    background-color: transparent;
    color: #204a40;
    display: inline-block;
    margin-top: 11px;
    position: inherit;
    z-index: 1;
    transition: .5s;
    font-family: 'Poppins';
}

.service-box.style5 .title:before {
    position: inherit;
    content: "";
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 22px;
    margin: auto;
    width: 40px;
    height: 2px;
    background: #FF5E14;
    transition: .5s;
}

.service-box.style5::before {
    display:none;
}

.service-box:hover:before {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.service-box.style5 .service-btn a:before {
    position: inherit;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #10102E;
    border-radius: 30px;
    transform: scale(0);
    transition: .5s;
}
/* 
.service-box.style5:hover .service-btn a i {
    color: #204A40;
    border: 1px solid #204A40;
} */

.case-study.style5 .single_case_study{
    overflow: hidden;
}
.case-study.style5 .single_case_study .case-study-thumb{
    position: relative;
    
}
.case-study.style5 .single_case_study .case-study-thumb:before {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    left: 0;
    right:0;
    margin: auto;
    bottom: 0;
    background-image: linear-gradient(0deg, rgba(255, 59, 0, 0.902) 0%, 
    rgba(255, 59, 0, 0.902) 24%, rgba(255, 59, 0, 0) 62%, rgba(255, 59, 0, 0) 100%);
    transition: .5s;
}


.case-study.style5 .owl-item.active.center .case-study-thumb a img {
    transform: none;
}

.case-study.style5 .single_case_study:hover .case-study-thumb:before {
    height: 100%;
    width: 100%;
    transition: .5s;
}
.case-study.style5 .active.center .case-study-thumb:before {
    height: 100%;
    width: 100%;
    transition: .5s;
}
.case-study.style5 .single_case_study:hover .cases-study-content {
    bottom: 60px;
    transition: .5s;

}

.case-study.style5 .single_case_study .cases-study-content {
    position: absolute;
    left: 0;
    bottom: -63px;
    right: 0;
    text-align: center;
    background: transparent;
    margin: auto;
    /* padding: 20px 30px 1px; */
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 999;
    width: 100%;
}

.case-study.style5 .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.case-study.style5 .owl-nav.disabled+.owl-dots {
    margin-top: 21px;
}

.case-study.style5 .single_case_study .cases-study-content h2 a {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}

.case-study.style5 .single_case_study .cases-study-content .case_category span {
    color: #fff;
}

.case-study.style5 .single_case_study .em-case-study-button {
    /* margin-top: 23px; */
    position: absolute;
    right: 0;
    top: -200px;
    z-index: 2;
    background-color: #ff5e14;
    padding: 50px 8px 0px;
    border-radius: 0px 0px 25px 25px;
    transition: .5s;
}

.case-study.style5 .single_case_study:hover .em-case-study-button {
    top: -23px;
    transition: .5s;
}
.case-study.style5 .single_case_study .em-case-study-button a{
    display: block;
    margin-bottom: 17px;
}
    
.case-study.style5 .single_case_study .em-case-study-button a i {
    color: #ff5e14;
    background-color: #fff;
    padding: 10px 10px;
    border-radius: 50%;
}

.team.style3 {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.team.style3 .content .social-icon li {
    list-style: none;
}

.team.style3 .content .social-icon li a {
    color: #fff;
    font-size: 13px;
}
.team.style3 .image img {
    width: 100%;
}

.team.style3 .content ul.social-icon {
    position: absolute;
    top: -180px;
    right: 0;
    background-color: #ff5e14;
    padding: 20px 13px;
    border-radius: 0px 5px 25px 25px;
    transition: .5s;
}

.team.style3:hover .content ul.social-icon {
    top: 0px;
    transition: .5s;
}
.team.style3 .content .bio {
    border: 1px solid #ff5e14;
    position: absolute;
    bottom: 0px;
    width: 90%;
    background-color: #0a1027;
    padding: 14px 30px 25px;
    border-radius: 0px 5px 5px 5px;
}

.team.style3 .image {
    padding-bottom: 42px;
}

.team.style3 .content .bio h2.name {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.team.style3 .content .bio h5.designation {
    color: #8f9199;
    font-size: 16px;
    font-weight: 400;
}


.icon-box.style3.style11 .icon-box-content .description {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #fff;
}

.icon-box.style3.style11 .icon-box-content .title {
    font-size: 30px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    font-family: "Yantramanav";
    margin: 0;
}

.icon-box.style3.style11 .icon-box-icon {
    flex-shrink: 0;
    padding-right: 20px;
}


.testimonial.style2.five .testimonial-item .quote {
    font-size: 18px;
    line-height: 30px;
    color: #8f9199;
    font-weight: 300;
    font-style: italic;
    font-family: "Archivo";
    margin: 0 0 16px;
}

.testimonial.style2.five .testimonial-item .author .bio .name {
    font-weight: 600;
    margin: 0 0 7px;
    font-size: 22px;
    color: #0a1027;
    font-weight: 500;
}

.testimonial.style2.five .testimonial-item .testi_content {
    background: transparent;
    padding: 5px 30px 19px 40px;
    position: inherit;
    margin-bottom: 0px;
    text-align: left;
}

.testimonial.style2.five .testimonial-item {
    background-color: #f2f3f5;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 43px;
}

.testimonial.style2.five .testimonial-item .testi_content:before {
    content: "";
    position: inherit;
    left: 9%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 15px solid #f2f3f5;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    transition: .5s;
    background: radial-gradient(black, transparent);
    transition: .5s;
}

.testimonial.style2.five .testimonial-item:before {
    content: "";
    position: absolute;
    width: 28px;
    /* height: 50px; */
    right: -25px;
    bottom: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 15px solid #f2f3f5;
    border-left: 15px solid transparent;
    /* border-right: 15px solid transparent; */
    background: radial-gradient(black, transparent);
    transition: .5s;
}

.testimonial.style2.five .testimonial-item .author {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.testimonial.style2.five .owl-nav .owl-prev {
    margin-right: 30px;
}

.testimonial.style2.five .owl-nav i {
    color: #fff;
    background-color: #ff5e14;
    padding: 14px;
    border-radius: 50%;
}

.testimonial.style2.five .owl-nav {
    position: absolute;
    left: 42%;
    bottom: 15px;
}
.testimonial.style2.five .testimonial-item .quote img {
    width: 80px;
    position: absolute;
    right: 41px;
    bottom: 45px;
}

.testimonial.style2.five .testimonial-item .author img {
    height: 70px;
    width: 70px;
    object-fit: cover;
    margin-right: 18px;
    border-radius: 50%;
    margin-left: 40px;
}

.testimonial.style2.five .testimonial-item .author .bio .designation {
    margin: 0;
    font-size: 16px;
    color: #8f9199;
    font-weight: 500;
    font-family: "Yantramanav";
    margin-top: 8px;
}

.my-accordion.three a {
    z-index: 1;
    position: relative;
    width: 100%;
    display: inline-grid;
    cursor: pointer;
    color: #fff;
    padding: 20px 20px 20px 30px;
    font-size: 22px;
    font-weight: 500;
    font-family: "Yantramanav";
    background-image: linear-gradient(to right, #0c1537 , #0c1537);
}


.my-accordion.three a.active {
    background-image: linear-gradient(to right, #0c1537 , #0c1537) !important;
    border: transparent !important;
    color: #ff5e14 !important;
}

.my-accordion.three li p {
    display: none;
    font-size: 16px;
    color: #8f9199;
    padding: 0px 50px 23px 30px;
    filter: drop-shadow(0px 5px 30px rgba(117,117,117,0.1));
    background-image: linear-gradient(to right, #0c1537 , #0c1537);
}


.my-accordion.three a:not([href]):not([class]) {
    color: #fff;
    text-decoration: none;
}


.my-accordion.three li {
    position: relative;
    margin-bottom: 30px;
    list-style: none;
    z-index: 1;
}

.blog-post.style1.three .meta .date{
    display: inline-block;
    margin-bottom: 3px;
    position: absolute;
    right: 0;
    top: -30px;
    background-color: #ff5e14;
    padding: 10px 10px;
    border-radius: 30px 0px 0px 30px;
    color: #fff;
}
.blog-post.style1.three .post-item:hover {
    border-bottom: 1px solid #f2f3f5;
    transition: .5s;
    /*filter: drop-shadow(0px 10px 20px rgba(137,137,137,0.15))!important;*/
}

.blog-post.style1.three .post-item .single_blog_post_content {
    background: transparent;
    padding: 24px 33px 0px 30px;
    border-bottom: none;
    transition: .5s;
    position: relative;
}

.blog-post.style1.three .single_blog_post_content .blog_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-post.style1.three .single_blog_post_content .blog_btns a {
    transition: .5s;
    font-weight: 600;
}

.blog-post.style1.three .post-item:hover .single_blog_post_content .blog_btns a {
    transition: .5s;
    color: #ff5e14;
}

.blog-post.style1.three .post-item {
    margin-bottom: 20px;
     border-radius: 5px; 
    background-color: #f2f3f5;
    z-index: 1;
    transition: .5s;
    border-bottom: 1px solid #f2f3f5;
    padding: 0px;
}

.blog-post.style1.three .single_blog_post_content .author a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 400;
    padding-right: 20px;
    border-right: 1px solid #8f9199;
    line-height: 1;
}

.blog-post.style1.three .post-item:hover .single_blog_post_content h3.title a {
    color: #ff5e14;
    transition: .5s;
}

.blog-post.style1.three .single_blog_post_content h3.title a {
    font-size: 24px;
    line-height: 30px;
    color: #0a1027;
    font-weight: 700;
    display: inline-block;
    transition: .5s;
    margin-top: 5px;
}

.blog-post.style1.three .post-item .single_blog_post_content .quote img {
    filter: grayscale(1);
    transition: .5s;
}

.blog-post.style1.three .post-item:hover .single_blog_post_content .quote img {
    filter: grayscale(0);
    transition: .5s;
}

.brants .brand.style2 .brand-carousel1.owl-carousel .brand-item img {
    width: inherit;
    display: inline;
}

ul.item-list.style4 li {
    list-style: none;
    display: flex;
    color: #8F9199;
}


ul.item-list.style4 li i {
    margin-right: 10px;
    color: #8F9199;
    font-size: 20px;
}















.surfzy_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 9 !important;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid #FF5E14;
    opacity: 0;
}

.surfzy-contact-shape {
    -webkit-animation: shape-left-right 4s alternate infinite;
    animation: shape-left-right 4s alternate infinite;
}
@keyframes shape-left-right {
     0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



.case-study.style5 .owl-dot.active span {
    height: 13px;
    width: 13px;
    background: #ff5e14;
    border-radius: 100%;
}