.more-text{
    display:none
}
.nav-icon{
    font-size:30px;
    cursor:pointer;
    float:right;
    background:rgba(0,0,0,.8);
    padding:2px 10px 3px 10px;
    margin:10px
}
.slideshow-container{
    position:relative;
    background:#fffffff2;
    box-shadow:1px 1px 10px 2px #e9e9e9;
    margin:0 auto
}
.mySlides{
    display:none;
    padding:55px 55px 55px 55px;
    text-align:center
}
.next,.prev{
    cursor:pointer;
    position:absolute;
    top:50%;
    width:auto;
    margin-top:-30px;
    padding:16px;
    color:#888;
    font-weight:700;
    font-size:20px;
    border-radius:0 3px 3px 0;
    user-select:none
}
.next{
    position:absolute;
    right:0;
    border-radius:3px 0 0 3px
}
.next:hover,.prev:hover{
    background-color:rgba(0,0,0,.8);
    color:#fff
}
.dot-container{
    text-align:center;
    padding:20px
}
.dot{
    cursor:pointer;
    height:15px;
    width:15px;
    margin:0 2px;
    background-color:#bbb;
    border-radius:50%;
    display:inline-block;
    transition:background-color .6s ease
}
.active,.dot:hover{
    background-color:gold
}
q{
    font-style:italic
}
.author{
    color:#6495ed;
    font-size:20px;
    letter-spacing:1px;
    margin-top:30px
}
.sidenav{
    height:100%;
    width:0;
    position:fixed;
    z-index:2;
    top:0;
    right:0;
    background-color:#1a1e25;
    overflow-x:hidden;
    transition:.5s;
    padding-top:60px
}
.header{
    position:fixed;
    right:0;
    margin-right:20px;
    color:#fff;
    z-index: 1;
}
.sidenav a{
    padding:8px 8px 8px 32px;
    text-decoration:none;
    letter-spacing:1px;
    color:#fff;
    display:block;
    transition:.3s
}
.sidenav a:hover{
    color:#fcce05
}
.sidenav .closebtn{
    position:absolute;
    top:0;
    right:25px;
    font-size:36px;
    margin-left:50px
}
@media screen and (max-height:450px){
    .sidenav{
        padding-top:15px
    }
    .sidenav a{
        font-size:18px
    }
}
.logo{
    display:block;
    float:left;
    width:100px;
    padding:10px 20px 10px 0;
    text-decoration:none;
    height:60px;
    display:none
}
.y-footer{
    background:#1a1e25;
    padding:50px 0 50px 0;
    width:100%
}
.new_footer_area{
    background:#1a1e25
}
.bor-bott{
    border-bottom:1px solid gray;
    padding-bottom:30px
}
.new_footer_top{
    padding:60px 0 20px;
    position:relative;
    overflow-x:hidden
}
.new_footer_area .footer_bottom{
    padding-top:20px;
    padding-bottom:20px
}
.footer_bottom{
    font-size:14px;
    font-weight:300;
    line-height:20px;
    color:#7f88a6;
    padding:27px 0
}
.f_list li a:hover{
    color:#5e2ced
}
.f_list li{
    margin-bottom:15px;
    padding-bottom:16px;
    border-bottom:1px solid #d7d7d7
}
.f_list li:last-child{
    margin-bottom:0
}
.f-title{
    margin-bottom:30px;
    color:#f7f7f7;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px
}
.f_list li a{
    color:#fcfcfc;
    text-decoration:none
}
.f_list li a:hover{
    color:#fcce05;
    text-decoration:none
}
.y-ul-about{
    display:block ruby;
    text-decoration:none;
    list-style-type:none;
    float:right
}
.y-ul-about li a{
    font-size:16px;
    color:#fff;
    text-decoration:#ffdead;
    margin:0 20px 0 20px
}
.y-ul-about li a:hover{
    color:#fcce05;
    text-decoration:none
}
.f-y{
    color:#fcce05;
    letter-spacing:1px;
    text-decoration:none;
    font-size:14px
}
.f-y:hover{
    color:#fcce05
}
.fa-social{
    padding:12px 0 0 0;
    width:40px;
    text-align:center;
    text-decoration:none;
    margin:5px 2px;
    border-radius:100px;
    height:40px
}
.fa-social:hover{
    opacity:.7;
    color:#fff
}
.fa-facebook{
    background:#3b5998;
    color:#fff
}
.fa-twitter{
    background:#55acee;
    color:#fff
}
.fa-linkedin{
    background:#007bb5;
    color:#fff
}
.fa-youtube{
    background:#b00;
    color:#fff
}
.fa-quora{
    background:#b92b27;
    color:#fff
}

.fa-google{
    background:#ea4335;
    color:#fff
}

.fa-windows{
    background:#f25022;
    color:#fff
}
.fa-instagram{
    background:#125688;
    color:#fff
}
.fa-pinterest{
    background:#cb2027;
    color:#fff
}
.fa-reddit{
    background:#ff5700;
    color:#fff
}
.fa-tumblr{
    background:#2c4762;
    color:#fff
}
.fa-whatsapp{
    background:#00b489;
    color:#fff
}
.text-right{
    text-align:right
}
.btn-yellow{
    background:#face08;
    width:100px;
    border:#ffdead;
    padding:10px;
    border-radius:0 5px 5px 0
}
.new-top{
    padding-top:30px;
    border-top:1px solid #2c3647
}
.bg-yellow{
    background:#fcce05
}
.bg-yellow-ab{
    padding:60px 0 70px 0;
    background:#fcce05;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    text-align:center
}
.y-bg-img{
    /*background:url(../images/pattern-whitw.webp);*/
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.y-item-title{
    padding-bottom:3px;
    text-align:center;
    text-transform:uppercase
}
.y-fa{
    font-size:40px!important;
    color:#fcce05;
    font-weight:700
}
.y-service{
    font-size:22px;
    padding:10px 0 5px 0
}
.y-service-box-h{
    background-color:#fff;
    padding:45px 33px 40px 32px;
    text-align:center;
    box-shadow:0 0 6px 1px #e0e0e0;
    min-height:300px;
    height: 100%;
}
.y-service-box-h p{
    text-align: justify;
}
.y-service-box{
    background-color:#fff;
    padding:45px 33px 40px 32px;
    text-align:center;
    box-shadow:0 0 6px 1px #e0e0e0
}
.y-service-box :hover{
    background-color:#000;
    padding:45px 33px 40px 32px;
    text-align:center;
    box-shadow:0 0 6px 1px #e0e0e0;
    color:#fff
}
.y-service-box-blog{
    background-color:#fff;
    padding:10px 15px 38px 15px;
    margin-bottom:15px;
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.y-text-blog{
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:30px
}
.ptb-60{
    padding-top:70px;
    padding-bottom:70px
}
.y-btn-black{
    border-radius:80px;
    letter-spacing:1px;
    text-decoration:none;
    padding:16px 40px;
    box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
    color:#fcce05;
    border:1px solid #000;
    background-color:#000;
}
.y-btn-black:hover{
    background-color:#fff;
    color:#000;
}
.y-btn-black1{
    border-radius:80px;
    background-color:#fcce05;
    letter-spacing:1px;
    text-decoration:none;
    padding:1rem 3rem 1rem 3rem;
    box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
    color:#000000;
    display: inline-block;
}
@media (min-width:320px) and (max-width:680px){
   .y-btn-black1{
     padding:1rem 1.5rem 1rem 1.5rem;
     display: block;
     text-align: center;
    }
}
.y-btn-black1:hover{
    background-color:#000000;
    color:#fcce05;
}
.y-btn-black-border{
    border-radius:80px;
    border:1px solid #000;
    letter-spacing:1px;
    text-decoration:none;
    padding:1rem 3rem 1rem 3rem;
    box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
    color:#000
}
.y-btn-black-border:hover{
    background-color:#1a1e25;
    color:#fff
}
.y-bg-black{
    background:#1a1e25;
    color:#fff;
    text-align:center;
    padding:60px 0 60px 0
}
.y-btn-yellow{
    display: inline-block;
}
.y-btn-yellow, button.accordion-apply {
    border-radius:80px;
    background-color:#f9c809;
    letter-spacing:1px;
    text-decoration:none;
    padding:14px 45px 14px 45px;
    box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
    color:#000;
    border:0px solid #010101
}
.y-btn-yellow:hover, button.accordion-apply:hover{
    background-color:#000;
    color:#fcce05;
    moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
button.accordion-apply {
    border-radius: 60px;
    padding: 10px 20px;
    margin-left: 25px;
}

.y-btn-yellow-border{
    border-radius:80px;
    letter-spacing:1px;
    text-decoration:none;
    padding:14px 45px 14px 45px;
    box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
    color:#f9c809;
    border:1px solid #f9c809
}
.y-btn-yellow-border:hover{
    background-color:#f9c809;
    color:#000
}
.y-section-title{
    font-size:35px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fcce05;
    padding-bottom:15px
}
.y-sev-box{
    border-radius:0 50px 0 50px;
    background-color:#f7f9fc;
    padding:21px 48px 22px 25px;
    margin-bottom:25px
}
.y-text-black{
    color:#323232;
    text-decoration:none;
    letter-spacing:.4px
}
.y-text-black:hover{
    color:#484848
}
.y-img{
    border:10px solid #e0e0e0
}
.y-title-s{
    font-size:30px;
    padding-bottom:10px
}
.y-bg{
    background:#f1f1f1
}
.y-bg-deliver{
    background:#1a1e25;
    padding:60px 0 30px 0
}
.y-text-deliver{
    color:#fff;
    text-transform:uppercase;
    margin-bottom:32px
}
.y-text-bran{
    font-size:22px;
    margin:5px 0 40px 10px
}
.y-num-box{
    width:100%;
    float:left;
    padding:70px 60px 70px 60px
}
.y-num{
    font-size:65px;
    color:#ffd336;
    padding-bottom:20px
}
.y-num-title{
    text-transform:uppercase;
    letter-spacing:1px
}
.y-col{
    color:#3b3b3b
}
.y-our-title{
    font-size:35px;
    text-transform:uppercase;
    margin-bottom:20px;
    color:#f4c108
}
.y-bg-bottom{
    background-color:#000;
    background-image:linear-gradient(rgba(0,0,0,.9),rgba(35,35,35,.4)),url(../../../../images/7362map-1.webp);
    background-position:center;
    background-size:cover;
    color:#fff;
    padding:70px 0 80px 0;
    text-align:center
}
.y-progress-padd{
    padding:20px 80px 0 80px
}
.progress{
    height:10px;
    margin-bottom:20px;
    overflow:hidden;
    background-color:#f5f5f5;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.y-progress-bar-success{
    background-color:#5cb85c
}
.y-progress-bar-info{
    background-color:#5bc0de
}
.y-progress-bar-warning{
    background-color:#f0ad4e
}
.y-progress-bar-danger{
    background-color:#d9534f
}
.y-progress-bar-yellow{
    background:#f39400
}
.progress .progress-bar{
    animation-name:animateBar;
    animation-iteration-count:1;
    animation-timing-function:ease-in;
    animation-duration:.4s
}
.y-desig-per{
    padding-left:3rem!important;
    padding-right:3rem!important;
    text-align:center
}
.y-content{
    padding:200px 90px 90px 90px
}
.y-per{
    font-size:70px;
    font-weight:900;
    line-height:70px;
    padding-top:0;
    text-align:center;
    color:#fff
}
.y-per-top{
    background:#181818
}
.y-desig-per ::after{
    position:absolute;
    content:"";
    top:50px;
    bottom:50px;
    right:50px;
    left:50px;
    border:8px solid #fff
}
.y-per-head{
    padding:200px 24px 62px 24px;
    text-align:center
}
.y-per-head h5{
    color:#ffff;
    font-weight:400;
    letter-spacing:1px
}
.logo1{
    height:100%;
    width:140px;
    margin-bottom:3%
}
.y-text-bottom{
    font-size:36px;
    text-transform:uppercase;
    padding-bottom:20px
}
.y-bg-center{
    text-align:center;
    padding:70px 0 70px 0
}
.quick-link a{
    color:#00afe2;
    font-size:14px;
    letter-spacing:1px
}
.quick-link li{
    padding-bottom:5px;
    border-bottom:1px solid #eaeaea;
    margin-bottom:12px;
    text-align:center
}
.y-button{
    background:#050505;
    color:#fff;
    border:none;
    padding:.4rem;
    margin-right:.4rem;
    color:#fcce05;
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:10px;
    cursor:pointer;
    display:inline-flex;
    text-decoration:none
}
.y-button:hover{
    color:#f8d025
}
.flex{
    margin-top:3%
}
.inner-border{
    position:relative;
    background:#f4c108;
    border:2px solid #fff
}
.inner-border::after{
    position:absolute;
    content:"";
    top:50px;
    bottom:50px;
    right:50px;
    left:50px;
    border:8px solid
}
.inner-border::after{
    border-color:#fff
}
.y-our{
    background:#cacaca;
    padding:160px 24px 62px 24px;
    text-align:center
}
.f_widget .f-title::after{
    content:"";
    position:absolute;
    top:14%;
    width:0;
    height:0;
    border-left:0 solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #fcce05;
    margin-left:5px
}
.y-tag-list a{
    text-decoration:#ffdead;
    color:#fff;
    border:1px solid #fff;
    margin:3px;
    padding:10px 10px 10px 10px;
    display:inline-flex
}
.y-tag-list a:hover{
    background-color:#fcce05;
    color:#000
}
.y-blog img{
    width:60px;
    height:75px;
    padding-bottom:15px
}
.y-blog p{
    vertical-align:top;
    padding-left:10px;
    font-size:14px;
    display:table-cell!important
}
.d-table-cell{
    display:table-cell!important
}
.moretext{
    display:none
}
.y-testi{
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden;
    margin-bottom:20px
}
@keyframes animateBar{
    0%{
        transform:translateX(-100%)
    }
    100%{
        transform:translateX(0)
    }
}
@media (min-width:320px) and (max-width:680px){
    .f_widget .f-title::after{
        display:none
    }
}
@media (min-width:320px) and (max-width:680px){
    .y-our{
        padding:100px 90px 90px 90px
    }
}
@media (min-width:320px) and (max-width:680px){
    .y-content{
        padding:100px 90px 90px 90px
    }
}
@media (min-width:320px) and (max-width:680px){
    .y-per-head{
        padding:80px 24px 62px 24px;
        text-align:center
    }
}
@media (min-width:320px) and (max-width:680px){
    .slideshow-container{
        width:100%
    }
}
@media (min-width:320px) and (max-width:680px){
    .mySlides{
        display:none;
        padding:20px;
        text-align:center
    }
}
@media (min-width:320px) and (max-width:680px){
    .mmt-5{
        margin-top:15%!important
    }
}
@media (min-width:320px) and (max-width:680px){
    .mmt-2{
        margin-top:30px
    }
}
@media (min-width:320px) and (max-width:680px){
    .y-service-box{
        margin-bottom:15px
    }
}
@media (min-width:320px) and (max-width:680px){
    .y-num-box{
        padding:40px 20px 40px 20px
    }
}
@media (min-width:320px) and (max-width:680px){
    .y-progress-padd{
        padding:10px 20px 0 20px
    }
}
.y-bg-gray{
    background:#232323
}
.y-logo-header{
    width:122px;
    margin:0
}
.y-gray{
    background:#232323
}
.y-head-title{
    color:#fff;
    text-transform:uppercase;
    margin:40px 0 10px 0;
    font-size:40px !important;
    font-weight:700
}
.y-head-title span{
    font-size: 30px !important;
}
.y-head-title strong{
    font-size: 49px !important;
}

@media (min-width:320px) and (max-width:680px){
    .y-head-title{
        line-height: 1.2;
        font-size: 22px !important;
    }
    .y-head-title span{
        font-size: 22px !important;
    }
    .y-head-title strong{
        font-size: 30px !important;
    }

}
.y-head-subtitle{
    color:#fff;
    font-size:18px
}
.y-bg-progress{
    background-color:#000;
    background-image:linear-gradient(rgba(0,0,0,.9),rgba(35,35,35,.9)),url(../../../../images/SEO_image.webp);
    background-position:center;
    background-size:cover;
    color:#fff;
    padding:70px 0 80px 0
}
.our-skill-title{
    font-size:40px
}
.y-head-title strong{
    color:#ffd000
}
.y-contact-right{
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:right center!important
}
.y-service-title{
    padding:15% 18% 8% 3%;
    width:100%;
    height:100%;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:right center!important
}
.y-brand-title{
    padding: 30px 110px  30px 20px;
/*   padding:15% 18% 8% 3%;*/
    width:100%;
    height:100%;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:right center!important;
    justify-content: center;
    align-content: center;
    display: flex;
    flex-direction: column;
}
.y-portfolio-title{
    padding:15% 18% 8% 3%;
    width:100%;
    height:100%;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:right center!important
}
.y-case-title{
    padding:15% 18% 8% 3%;
    width:100%;
    height:100%;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:right center!important
}
@media (min-width:320px) and (max-width:680px){
    .y-brand-title{
        padding: 30px 85px  30px 20px;
    }
}
.y-same-padd{
    padding:6% 18% 8% 3%
}
.p-0{
    padding:0
}
.y-color-bold{
    color:#ffd000;
    font-weight:700
}
.fs-30{
    font-size:30px
}
.fs-35{
    font-size:35px
}
.text-uppercase{
    text-transform:uppercase
}
.y-bor-und{
    border:2px solid #ffd000;
    width:200px;
    margin:0 auto;
    margin-top:8px;
    opacity:1!important
}
.y-bor-und1{
    border:2px solid #ffd000;
    width:100px;
    margin:0 auto;
    opacity:1!important;
    margin-bottom:10px
}
.y-about-box{
    border-radius:20px;
    padding:0 18px 0 18px;
    text-align:center
}
.y-black{
    background:#1a1e25
}
.y-about-padd{
    padding:3rem 0 3rem 0
}
.y-back-img{
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    padding-top:500px
}
.y-btn-back-black{
    background:#fcce05;
    color:#000;
    text-decoration:none;
    padding:1rem 3rem 1rem 3rem;
    border-radius:50px;
    display: inline-block;
    text-align: center;
}
.y-btn-back-black:hover{
    background:#fff;
    color:#000;
    moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.y-btn-white-border{
    border-radius:80px;
    border:1px solid #fff;
    letter-spacing:1px;
    text-decoration:none;
    padding:13px 50px 13px 55px;
    box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
    color:#fff
}
.y-btn-white-border:hover{
    background:#ffd336;
    color:#000
}
.y-head-white{
    color:#fff;
    font-size:26px;
    margin-bottom:22px;
    text-transform:uppercase
}
.y-head-black{
    color:#000;
    font-size:26px;
    margin-bottom:22px;
    text-transform:uppercase
}
.arrow li{
    list-style-type:none;
    margin-bottom:16px
}
.arrow li::before{
    content:"\2022";
    color:#fcce05;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em;
    font-weight:700
}
.y-abt-icon{
    font-size:35px!important;
    color:#fcce05;
    margin-bottom:22px
}
.y-why{
    background:#ffff;
    box-shadow:0 0 6px 1px #ededed;
    padding:15px;
    margin-bottom:15px
}
.y-section-title1{
    font-size:35px;
    text-transform:uppercase;
    letter-spacing:.7px;
    color:#fcce05;
    padding-bottom:40px
}
.y-team{
    padding:15% 18% 8% 3%
}
.y-circular-img{
    width:80%;
    border-radius:50%;
    background:#d3d3d3;
    transition:opacity 1s
}
.shape{
    position:relative;
    height:190px;
    background-color:#ededed!important;
    padding-top:3%;
    margin-bottom:14%!important
}
@media (min-width:320px) and (max-width:680px){
    .shape{
        height:10%
    }
}
@media (min-width:320px) and (max-width:680px){
    .y-same-padd{
        padding:6% 3% 8% 3%
    }
}
.timeline{
    position:relative;
    max-width:1200px;
    margin:0 auto
}
.timeline::after{
    content:"";
    position:absolute;
    width:15px;
    background-color:#fcce05;
    top:0;
    bottom:0;
    left:50%;
    margin-left:-3px
}
.container-team{
    padding:10px 40px;
    position:relative;
    background-color:inherit;
    width:50%
}
.container-team::after{
    content:"";
    position:absolute;
    width:25px;
    height:25px;
    right:-17px;
    background-color:#fff;
    border:4px solid #fb920c;
    top:15px;
    border-radius:50%;
    z-index:1
}
.left{
    left:0
}
.team-box{
    background:#f1f1f1;
    text-align:center;
    padding:20px;
    border-radius:14px;
    margin-bottom:40px
}
.container-team.right{
    left:50.77%
}
@media (min-width:320px) and (max-width:600px){
    .container-team.right{
        left:0
    }
}
.left::before{
    content:" ";
    height:0;
    position:absolute;
    top:22px;
    width:0;
    z-index:1;
    right:30px;
    border:medium solid #fff;
    border-width:10px 0 10px 10px;
    border-color:transparent transparent transparent #fcce05
}
.right::before{
    content:" ";
    height:0;
    position:absolute;
    top:22px;
    width:0;
    z-index:1;
    left:30px;
    border:medium solid #fff;
    border-width:10px 10px 10px 0;
    border-color:transparent #fcce05 transparent transparent
}
.right::after{
    left:-16px
}
.content-team{
    padding:20px 30px;
    background-color:#fcce05;
    position:relative;
    border-radius:6px;
    text-align:center
}
.content-team h6{
    font-weight:600px;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px!important
}
@media screen and (max-width:600px){
    .timeline::after{
        left:31px
    }
    .container-team{
        width:100%;
        padding-left:70px;
        padding-right:25px
    }
    .container-team::before{
        left:60px;
        border:medium solid #fcce05;
        border-width:10px 10px 10px 0;
        border-color:transparent #fcce05 transparent transparent
    }
    .left::after,.right::after{
        left:15px
    }
    .right{
        left:0
    }
}
.ex1{
    height:500px;
    overflow-y:scroll
}
.y-bg-bl{
    background:#1a1e25;
    padding:70px 0 70px 0;
    text-align:center
}
.y-team-box{
    background-color:#fff;
    border-radius:10px;
    padding:30px 20px 30px 20px;
    text-align:center;
    box-shadow:0 0 0 1px #e0e0e0;
    height:330px;
    margin-bottom:15px
}
.profile-block{
    margin-bottom:1.2%;
    display:block;
    text-align:center;
    float:left
}
.home-box-fifth{
    float:left;
    width:19%;
    margin:0 .5%;
    border-radius:5px;
    padding:0 0 10px;
    position:relative
}
.ptb-50{
    padding-top:50px;
    padding-bottom:50px
}
.bg-yellow-team{
    background:linear-gradient(140deg,#22262d 20%,#181c23 30% 40%,#fcce05 30% 30%,#fcce05 80%);
    padding:50px 0 30px
}
@media (min-width:320px) and (max-width:680px){
    .profile-block{
        float:unset;
        margin:0 auto;
        border-radius:5px;
        padding:0 0 10px
    }
}
@media (min-width:320px) and (max-width:680px){
    .home-box-fifth{
        width:100%;
        margin:0 .5%;
        border-radius:5px;
        padding:0 0 10px;
        position:relative
    }
}
@media (min-width:320px) and (max-width:680px){
    .mmt-7{
        margin-top:65%
    }
}
.y-testimonial-box{
    margin:0;
    background:#fff;
    position:relative;
    font-family:Georgia,serif;
    color:#666;
    border-radius:5px;
    font-style:italic;
    text-shadow:0 1px 0 #ecfbff;
    box-shadow:0 0 30px #d7d7d7;
    padding:59px 20px 59px 20px;
    height:570px
}
.y-testimonial-box :after,.y-testimonial-box :before{
    content:"\201C";
    position:absolute;
    font-size:100px;
    line-height:1;
    color:#fcce05;
    font-style:normal
}
.y-testimonial-box :before{
    top:0;
    left:10px
}
.testimonial-author span{
    font-size:15px;
    color:#fcce05;
    font-weight:700;
    text-shadow:0 1px 0 #ecfbff
}
.y-testimonial-box :after{
    content:"\201D";
    right:10px;
    bottom:-.5em
}
.arrow-down{
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #fcce05;
    margin:0 0 0 25px
}
.testimonial-author{
    margin:0 0 0 25px;
    font-family:Arial,Helvetica,sans-serif;
    color:#000;
    text-align:left;
    font-size:16px;
    letter-spacing:1px
}
.contact-info{
    display:inline-block;
    width:100%;
    text-align:center;
    margin-bottom:10px
}
.contact-page-form input{
    background:#fff none repeat scroll 0 0;
    border:1px solid #f9f9f9;
    margin-bottom:20px;
    padding:12px 16px;
    width:100%;
    border-radius:4px;
    box-shadow:0 0 30px #e6e6e6
}
.contact-page-form textarea{
    background:#fff none repeat scroll 0 0;
    border:1px solid #f9f9f9;
    margin-bottom:20px;
    padding:12px 16px;
    width:100%;
    border-radius:4px;
    box-shadow:0 0 30px #e6e6e6
}
.contact-page-form{
    display:inline-block;
    width:100%
}
.y-cont-li li{
    list-style-type:none;
    margin-bottom:35px;
    margin-top:20px
}
.ml-4{
    margin-left:80px
}
.contact-icon{
    font-size:35px!important;
    border:2px solid #000;
    border-radius:100px;
    padding:6px 10px 10px 15px;
    width:50px;
    height:50px;
    float:left;
    margin-right:30px;
    margin-top:5px
}
.contact-icon1{
    font-size:25px!important;
    border:2px solid #000;
    border-radius:100px;
    padding:10px 10px 10px 11px;
    width:50px;
    height:50px;
    float:left;
    margin-right:30px;
    margin-top:5px
}
.f-c{
    text-decoration:none;
    color:#0062b9
}
.accordion{
    background-color:#3a3a3a;
    color:#bdbdbd;
    cursor:pointer;
    padding:18px;
    width:100%;
    text-align:left;
    font-size:20px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:2px solid #5c5c5c
}
.accordion:hover,.active{
    background-color:#4f4e4e
}
.panel{
    padding:20px 20px 20px 20px;
    display:none;
    background-color:#232323;
    overflow:hidden;
    color:#fff
}
h2.accordion::after{
    content:"\002B";
    color:#777;
    font-weight:700;
    float:right;
    margin-left:5px
}
.large-font{
    font-size:50px!important
}
.y-text-yellow{
    color:#ffd000
}
.y-service-b{
    background:#fff;
    padding:50px 25px 50px 25px;
    text-align:center;
    margin-bottom:40px;
    height:300px
}
.y-service-b:hover{
    background:#000;
    color:#fff
}
.y-service-b:hover a{
    color:#fff
}
.y-text-service{
    text-transform:uppercase;
    margin:25px 0 15px 0
}
.y-ser-sec{
    padding:70px 50px 70px 50px
}
.y-service-b a{
    color:#393636;
    text-decoration:none
}
.y-icon{
    font-size:30px!important;
    color:#ffd000
}
.y-subservice-box{
    background:#fff;
    padding:50px 20px 50px 20px;
    text-align:center;
    margin-bottom:25px;
    height:250px
}
.y-subservice-box:hover{
    background:#000;
    color:#fff!important
}
.y-subservice-box a{
    color:#393636;
    text-decoration:none
}
.y-subservice-box:hover a{
    color:#fff!important
}
.y-subservice-box h4{
    font-size:22px;
    text-transform:uppercase;
    margin:25px 0 0 0
}
@media (min-width:320px) and (max-width:680px){
    .offset-2{
        margin-left:1.33333333%!important
    }
}
.y-yellow-bor{
    border:8px solid #ffbf00;
    width:200px;
    height:230px
}
.on-bor{
    position:absolute;
    background:#fff;
    font-size:40px;
    margin-top:60px;
    padding-left:62px
}
.tags{
    background:#1a1e25;
    color:#fff;
    border:none;
    padding:10px 25px 10px 25px;
    margin-right:.4rem;
    border-radius:10px;
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:10px;
    cursor:pointer;
    display:inline-flex;
    text-decoration:none
}
.tags:hover{
    color:#fff
}
.y-portfolio-ser{
    background:#fff;
    padding:40px 25px 40px 25px;
    height:300px;
    width:300px;
    margin:0 auto;
    border-radius:15px
}
.y-portfolio-ser a{
    color:#000;
    text-decoration:none
}
.y-portfolio-ser p{
    color:#000
}
.y-bg-dark{
    background:#f8f8f8
}
.carousel{
    align-items:center;
    overflow:hidden;
    width:100%;
    position:relative;
    margin:0 auto
}
.carousel__item,.carousel__item--hidden{
    display:none
}
.carousel__item--visible{
    display:flex;
    animation:fade .5s ease-in-out
}
@keyframes fade{
    0%{
        transform:translatex(-100%)
    }
    100%{
        transform:translatex(0)
    }
}
.carousel__action{
    display:flex;
    justify-content:space-between;
    position:absolute;
    top:50%;
    width:100%;
    transform:translateY(-50%)
}
.carousel__action button{
    padding:1.6rem;
    display:inline-flex;
    border-radius:50%;
    width:2rem;
    height:2rem;
    border:0;
    background:#0000;
    position:relative
}
.btn-next::before,.btn-prev::before{
    cursor:pointer;
    content:"";
    position:absolute;
    width:0;
    height:0
}
.btn-prev::before{
    top:50%;
    left:50%;
    transform:translateX(-50%) translatey(-50%);
    border:1.2rem solid;
    border-color:#0000 #101010 #0000 #0000
}
.btn-next::before{
    top:50%;
    right:50%;
    transform:translateX(50%) translatey(-50%);
    border:1.2rem solid;
    border-color:#0000 #0000 #0000 #101010
}
.effect-image-1{
    position:relative;
    display:block;
    border:6px solid #fff;
    border-radius:15px;
    box-shadow:0 0 8px 1px #c8c8c8
}
.effect-image-1:hover .simple-overlay{
    visibility:visible;
    opacity:1
}
.effect-image-1:hover{
    visibility:visible;
    opacity:1;
    width:100%
}
.effect-image-1:hover{
    visibility:visible;
    opacity:1;
    width:100%
}
.overlay-sim-text-2{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to right,#f93 0,#ff0 104%);
    border-radius:15px;
    opacity:0
}
.simple-text{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,.5);
    color:#fff;
    height:90px;
    padding:0 10px 0 10px
}
@media (min-width:600px) and (max-width:1920px){
    .simple-text{
        display:none
    }
}
.effect-image-1:hover .overlay-xs-1{
    opacity:1;
    visibility:visible;
    display:block
}
.effect-image-1:hover .simple-text{
    visibility:hidden;
    opacity:0
}
.project-title a{
    font-size:20px;
    color:#fff;
    text-decoration:none;
    bottom:0;
    position:absolute;
    padding:0 20px 25px 20px;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-weight:600
}
.padd-serv-detail{
    padding:70px 100px 70px 70px
}
@media (min-width:320px) and (max-width:680px){
    .padd-serv-detail{
        padding:30px 30px 70px 30px!important
    }
}
summary q{
    color:#000
}
details{
    position:relative;
    text-align:center
}
details summary{
    display:block;
    cursor:pointer;
    color:red
}
details summary:focus{
    outline:0
}
details[open]{
    display:block;
    padding-bottom:25px;
    padding-top:1%;
    animation:open .2s linear
}
details[open] summary{
    position:absolute;
    bottom:0;
    left:0
}
details #open{
    padding-left:5px;
    text-align:middle
}
details #open:after{
    display:inline-block;
    position:relative;
    top:-3px;
    padding-left:8px;
    content:"\00bb";
    transform:rotate(90deg)
}
details[open] #open{
    display:none
}
details #close{
    display:none
}
details[open] #close{
    display:block
}
.y-our-service{
    font-size:50px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#000;
    padding-bottom:10px
}
.features-box h3{
    font-size:20px;
    color:#2f2c2c;
    margin-bottom:16px;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    margin-top:16px
}
.readmore{
    color:#ffbf00;
    font-weight:600;
    text-decoration:none;
    letter-spacing:1.2px
}
.readmore:hover{
    color:#000
}
.local-serv-box{
    padding:110px 30px 30px 30px
}
@media (min-width:300px) and (max-width:630px){
    .local-serv-box{
        padding:0 30px 30px 30px
    }
}
.features-box p{
    color:#707070;
    font-weight:400
}
.features-box{
    text-align:center;
    background:#fff;
    padding:32px 31px 60px 31px;
    box-shadow:0 0 25px rgba(0,0,0,.08);
    min-height:430px;
    height: 100%;
    transition:all .3s linear;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.features-box .y-btn-yellow{
    display: inline-block;
}
.bg-yellow-ser{
    padding:50px 0 40px 0;
    background:#fcce05 url(../images/pattern.webp);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    text-align:center
}
@keyframes open{
    0%{
        opacity:0;
        transform:translateY(-10px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.y-service-box-blog h5{
    font-size:19px
}
.footer-right a{
    float:right;
    color:#fff;
    text-decoration:none;
    letter-spacing:.8px;
    font-weight:500
}
.footer-right a:hover{
    color:#fcce05
}
.height-auto{
    height:100%
}
.dropdown-menu,.dropdown-menu1,.dropdown-menu2,.dropdown-menu3,.dropdown-menu4,.dropdown-menu5,.dropdown-menu6{
    display:none;
    flex-direction:column;
    padding-left: 15px;
}
#openDropdown:checked+.dropdown-menu{
    display:flex;
    animation:openDropDown .4s ease 0s 1 forwards
}
@keyframes openDropDown{
    from{
        transform:rotateX(50deg)
    }
    to{
        transform:rotateX(0)
    }
}
#openDropdown1:checked+.dropdown-menu1{
    display:flex;
    animation:openDropDown1 .4s ease 0s 1 forwards
}
@keyframes openDropDown1{
    from{
        transform:rotateX(50deg)
    }
    to{
        transform:rotateX(0)
    }
}
#openDropdown2:checked+.dropdown-menu2{
    display:flex;
    animation:openDropDown2 .4s ease 0s 1 forwards
}
@keyframes openDropDown2{
    from{
        transform:rotateX(50deg)
    }
    to{
        transform:rotateX(0)
    }
}
#openDropdown3:checked+.dropdown-menu3{
    display:flex;
    animation:openDropDown3 .4s ease 0s 1 forwards
}
@keyframes openDropDown3{
    from{
        transform:rotateX(50deg)
    }
    to{
        transform:rotateX(0)
    }
}
#openDropdown4:checked+.dropdown-menu4{
    display:flex;
    animation:openDropDown4 .4s ease 0s 1 forwards
}
@keyframes openDropDown4{
    from{
        transform:rotateX(50deg)
    }
    to{
        transform:rotateX(0)
    }
}
#openDropdown5:checked+.dropdown-menu5{
    display:flex;
    animation:openDropDown5 .4s ease 0s 1 forwards
}
@keyframes openDropDown5{
    from{
        transform:rotateX(50deg)
    }
    to{
        transform:rotateX(0)
    }
}
#openDropdown6:checked+.dropdown-menu6{
    display:flex;
    animation:openDropDown6 .4s ease 0s 1 forwards
}
@keyframes openDropDown6{
    from{
        transform:rotateX(50deg)
    }
    to{
        transform:rotateX(0)
    }
}
.dropdown-menu,.dropdown-menu1,.dropdown-menu2,.dropdown-menu3,.dropdown-menu4,.dropdown-menu5,.dropdown-menu6 a{
    font-size:14px
}
.fa-angle-down {
	color: white;
    position: absolute;
    left: 85%;
    font-size: 18px;
    transform: translate(0px, -30px);
}


.error {
    color: red;
}

.blog-wrapper .wp-block-buttons .wp-block-button a.wp-block-button__link,
.blog-wrapper .wp-block-buttons .wp-block-button a.wp-block-button__link:hover {
    background: transparent !important;padding: 0;text-align: left;font-size: 1.5rem;font-weight: 600;font-family: "Muli",sans-serif;margin: 0 0 15px 0 !important;letter-spacing: 0;border: none;
}


.blog-wrapper .wp-block-buttons .wp-block-button {
    display: block;
    text-align: left;
}