/* ***** Awards ***** */

.awards-wrp{

    padding: 200px 0;

}

.awards-wrp h1{

    font-size: 50px;

    font-weight: normal;

    color: #000;

    margin: 0 0 55px;

    line-height: 60px;

}

.awards-wrp .row{

    margin: 0 -45px;

}

.awards-wrp .row .col-md-4{

    padding: 0 45px;

}

.award-box img{

    margin: 0 auto 30px;

    width: 80%;

}

.award-box h3{

    font-size: 20px;

    font-weight: bold;

    color: #000;

    text-align: center;

    line-height: 34px;

    margin: 0;

}

/* ***** End Awards ***** */



/* ***** Portfolio ***** */

.portfolio-wrp{

    padding: 200px 0 150px;

}

.portfolio-wrp h2{

    font-size: 80px;

    font-weight: normal;

    color: #fff;

    line-height: 90px;

    margin: 0 0 60px;

    max-width:900px;

}

.portfolio-row{

    width: calc(1220px - 24px + (100vw - 1220px)/2);

    margin-right: 0;

    padding: 0;

    margin-left: auto;

}

.mobile-mode{

    display: none;

}

.portfolio-row .slick-slide {

    margin: 0 20px;

}

.portfolio-row .slick-list {

    margin: 0 -20px;

}

.portfolio-block{

    background: #fff;

    border-radius: 5px;

    overflow: hidden;

    margin: 0 0 40px;

}

.portfolio-img img{

    width: 100%;

    border-radius: 5px;

}

.port-combx{

    padding: 30px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #E5E5E5;

}

.port-combx img{

    min-width: 60px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    object-fit: cover;

    margin-right: 15px;

}

.port-combx h3{

    font-size: 22px;

    font-weight: bold;

    color: #000;

    margin: 0;

}

.port-service{

    padding: 30px 30px 20px;

    border-bottom: 1px solid #E5E5E5;

    display: flex;

    align-items: flex-start;

}

.port-service h4{

    margin: 0;

    font-size: 16px;

    font-weight: bold;

    padding: 15px 0;

    color: #000;

    min-width: 120px;

    line-height: 1;

}

.port-service ul{

    display: flex;

    flex-wrap: wrap;

    margin: 0px;

}

.port-service ul li{

    margin: 0 5px 10px 0;

    padding:10px 20px;

    border-radius: 30px;

    border: 1px solid #E5E5E5;

    font-size: 16px;

    font-weight: 500;

    color: #000;

    display: block;

}

.port-roi{

    padding: 30px 30px 0;

    display: flex;

}

.port-roi h4{

    margin: 0;

    font-size: 16px;

    padding: 15px 0;

    font-weight: bold;

    color: #000;

    min-width: 120px;

}

.port-roi h4 {

    padding: 0px;

    line-height: 1.3;

    padding-top: 5px;

}

.port-roi .row{

    width: 100%;

}

.port-roi h5{

    font-size: 15px;

    font-weight: normal;

    color: #000;

    margin: 0 0 30px;

    line-height: 24px;

}

.port-roi h5 strong{

    font-weight: bold;

    display: block;

}



.portfolio-row .slick-prev,

.portfolio-row .slick-next{

    position: absolute;

    right:17%;

    left: auto;

    border: none;

    color: transparent;

    background-color: transparent;   

    width: auto;

    height: auto;

    font-size: 0;

    color: transparent;

    z-index: 5;

    top:-150px;

    -webkit-transition: .4s linear;

    -moz-transition: .4s linear;

    -ms-transition: .4s linear;

    transition: .4s linear;

}

.portfolio-row .slick-prev:before,

.portfolio-row .slick-next:before {

    width: 50px;

    height: 50px;

    content: "";

    /* font-family: 'Font Awesome 5 Pro'; */

    color: rgba(0, 0, 0, 0.60);

    background: #fff;

    font-weight:400;

    line-height: 48px;

    display: block;

    border-radius:50%;

    border: 1px solid rgba(0, 0, 0, 0.20);

    text-align: center;

    font-size:18px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

/* .portfolio-row .slick-prev {

    right: 22%;

} */

.portfolio-row .slick-prev:before {

    content: "";

}

.portfolio-row .slick-prev:hover:before,

.portfolio-row .slick-next:hover:before{

    color: #fff;

    background: #000;

    border-color: #000;

}

/* ***** End Portfolio ***** */



/* ***** Testimonial ***** */

.testimonial-wrp{

    padding: 200px 0;

    position: relative;

}

.testimonial-wrp h2{

    font-size: 80px;

    font-weight: normal;

    color: #000;

    line-height: 90px;

    margin: 0 0 75px;

}

.testimonial-row{

    display: flex;

    justify-content: flex-end;

    padding: 0 0 300px;

    position: relative;

}

.testimonial-slider{

    max-width: 800px;

    width: 100%;

}

.testimonial-box{

    padding: 80px 0 0;

}

.testimonial-box p{

    font-size: 24px;

    font-weight: normal;

    color: #000;

    line-height: 34px;

    font-style: italic;

    margin: 0 0 195px;

    max-width: 580px;

}

.test-userbx{

    display: flex;

    align-items: center;

    justify-content: center;

}

.test-img{

    min-width: 100px;   

    margin-right: 20px;

}

.test-img img{

    width: 100px;

    height: 100px;    

    border-radius: 50%;

    object-fit: cover;

}

.test-dt h4{

    font-size: 16px;

    font-weight: 500;

    color: #000;

    line-height: 26px;

    margin: 0 0 5px;

}

.test-dt h4 span{

    display: block;

}

.test-dt h6{

    display: flex;

    align-items: center;

    margin: 0;

    font-size: 14px;

    font-weight: normal;

    color:#000;

}

.test-dt h6 img{

    width: 17px;

    margin-right: 5px;

    vertical-align: middle;

}



.testimonial-row .slick-prev,

.testimonial-row .slick-next{

    position: absolute;

    right:0%;

    left: auto;

    border: none;

    color: transparent;

    background-color: transparent;   

    width: auto;

    height: auto;

    font-size: 0;

    color: transparent;

    z-index: 5;

    bottom:30px;

    -webkit-transition: .4s linear;

    -moz-transition: .4s linear;

    -ms-transition: .4s linear;

    transition: .4s linear;

}

.testimonial-row .slick-prev:before,

.testimonial-row .slick-next:before {

    width: 50px;

    height: 50px;

    content: "";

    /* font-family: 'Font Awesome 5 Pro'; */

    color: rgba(0, 0, 0, 0.60);

    background: transparent;

    font-weight:400;

    line-height: 48px;

    display: block;

    border-radius:50%;

    border: 1px solid rgba(0, 0, 0, 0.20);

    text-align: center;

    font-size:18px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.testimonial-row .slick-prev {

    right: 60px;

}

.testimonial-row .slick-prev:before {

    content: "";

}

.testimonial-row .slick-prev:hover:before,

.testimonial-row .slick-next:hover:before{

    color: #fff;

    background: #000;

    border-color: #000;

}

img.quote-img{

    position: absolute;

    bottom:-50px;

    max-width: 600px;

    left: 0;

}

/* ***** End Testimonial ***** */



/* ***** Services ***** */

.service-wrp{

    padding: 200px 0;

    position: relative;

}

.service-wrp .container-fluid{

    width: calc(1220px - 24px + (100vw - 1220px)/2);

    margin-right: 0;

    padding: 0;

}

.service-wrp .row{

    align-items: center;

}

.service-wrp h2{

    max-width: 920px;

    font-size: 80px;

    line-height: 90px;

    color: #fff;

    margin: 0 0 30px;

}

.service-data p{

    font-size: 18px;

    font-weight: normal;

    color: #fff;

    line-height: 26px;

    margin: 0 0 40px;

    max-width: 270px;

}

.service-data a{

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 18px;

    font-weight: normal;

}

.service-data a i{

    margin-left: 10px;

    width: 40px;

    height: 40px;

    color: rgba(0, 0, 0, 0.60);

    background: #fff;

    font-weight:400;

    line-height: 38px;

    display: block;

    border-radius:50%;

    border: 1px solid rgba(0, 0, 0, 0.20);

    text-align: center;

    font-size:16px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-data a:hover{

    color: #fff;

}

.service-data a:hover i{

    background: #fff;

    color: #fff;

    background: transparent;

    border-color: #fff;

}



.service-slider .slick-slide {

    margin: 0 15px;

}

.service-slider .slick-list {

    margin: 0 -15px;

}

.service-box{

    padding: 40px 40px 24px;

    position: relative;

    background-size: cover;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-box:before{

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    background: #fff;

    top: 0;

    left: 0;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-nm-data{

    height: 300px;

    position: relative;

    z-index: 1;

}

.service-nm-data p{

    font-size: 18px;

    font-weight:normal;

    color: #fff;

    line-height:26px;

    opacity: 0;

    visibility: hidden;

    margin: 0 0 15px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-nm{

    padding: 40px 0 0;

    border-top: 1px solid rgba(0, 0, 0, 0.40);

    display: flex;

    position: relative;

    z-index: 1;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-nm h3{

    font-size: 80px;

    font-weight: normal;

    color: #000;

    margin: 0;

    line-height: 80px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-nm h6{

    margin: 0 0 0 auto;

    font-size: 20px;

    font-weight: 600;

    color: #000;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

.service-box:hover:before{

    opacity: 0;

    visibility: hidden;

}

.service-box:hover p{

    opacity: 1;

    visibility:visible;

}

.service-box:hover .service-nm{

    border-top: 1px solid rgba(255,255,255,0.40);

}

.service-box:hover .service-nm h6,

.service-box:hover .service-nm h3{

    color: #fff;

}

.service-slider .slick-prev,

.service-slider .slick-next{

    position: absolute;

    /* left: 26.5%; */

    border: none;

    color: transparent;

    background-color: transparent;   

    width: auto;

    height: auto;

    font-size: 0;

    color: transparent;

    z-index: 5;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -webkit-transition: .4s linear;

    -moz-transition: .4s linear;

    -ms-transition: .4s linear;

    transition: .4s linear;

}

.service-slider .slick-prev:before,

.service-slider .slick-next:before {

    width: 50px;

    height: 50px;

    content: "";

    /* font-family: 'Font Awesome 5 Pro'; */

    color: rgba(0, 0, 0, 0.60);

    background: #fff;

    font-weight:400;

    line-height: 48px;

    display: block;

    border-radius:50%;

    border: 1px solid rgba(0, 0, 0, 0.20);

    text-align: center;

    font-size:18px;

    transition: .4s linear;

    -webkit-transition: .4s linear;

}

/* .service-slider .slick-prev {

    left:-20px;

}

.service-slider .slick-next{

    left: 27.5%;

} */



.service-slider .slick-prev:before {

    content: "";

}

.service-slider .slick-prev:hover:before,

.service-slider .slick-next:hover:before{

    color: #fff;

    background: #000;

    border-color: #fff;

}

/* ***** End Services ***** */











/************* custom arrow changes home SHN **************/



            /* portfolio */

.portfolio-row button.slick-arrow.slick-prev img,

.portfolio-row button.slick-arrow img{

    display: none;

}

.portfolio-row .slick-prev{

    right: 22%;

}



.portfolio-row .slick-prev,

 .portfolio-row .slick-next{

    width: 60px;

    height: 60px;

    border: 1px solid #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    cursor: pointer;

}



.portfolio-row .slick-prev:before,

.portfolio-row .slick-next:before{

    background: #ffffff;

    content: "";

    width: 0px;

    height: 0px;

    border-radius: 100%;

    border: none;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 0;

    transform-origin: center;

    transition: all .3s ease;

}

.portfolio-row .slick-prev:hover:before,

.portfolio-row .slick-next:hover:before{

    width: 60px;

    height: 60px;

    background-color: #ffffff;

}

.portfolio-row .slick-prev:after,

.portfolio-row .slick-next:after{

    font-size: 15px;

    font-weight: bold;

    color: #ffffff;

    font-family: swiper-icons;

    content: 'next';

}

.portfolio-row .slick-prev:after{

    transform: rotate(180deg);

}

.portfolio-row .slick-prev:hover:after,

.portfolio-row .slick-next:hover:after{

    z-index: 9;

    color: #000000 !important;

}











        /* testimonial */

.testimonial-row button.slick-arrow.slick-prev img,

.testimonial-row button.slick-arrow img{

    display: none;

}

.testimonial-row .slick-prev,

 .testimonial-row .slick-next{

    width: 60px;

    height: 60px;

    border: 1px solid #CFCFCF;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    cursor: pointer;

}



.testimonial-row .slick-prev:before,

.testimonial-row .slick-next:before{

    background: #0f1013;

    content: "";

    width: 0px;

    height: 0px;

    border-radius: 100%;

    border: none;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 0;

    transform-origin: center;

    transition: all .3s ease;

}

.testimonial-row .slick-prev:hover:before,

.testimonial-row .slick-next:hover:before{

    width: 60px;

    height: 60px;

    background-color: #0f1013;

}

.testimonial-row .slick-prev:after,

.testimonial-row .slick-next:after{

    font-size: 15px;

    font-weight: bold;

    color: #000000;

    font-family: swiper-icons;

    content: 'next';

}

.testimonial-row .slick-prev:after{

    transform: rotate(180deg);

}

.testimonial-row .slick-prev:hover:after,

.testimonial-row .slick-next:hover:after{

    z-index: 9;

    color: #ffffff !important;

}









        /* services */

.service-slider button.slick-arrow.slick-prev img,

.service-slider button.slick-arrow img{

    display: none;

}



.service-slider .slick-prev,

 .service-slider .slick-next{

    /* width: 40px;

    height: 40px; */

    width: 60px;

    height: 60px;

    /* border: 1px solid #CFCFCF; */

    border: 1px solid #FFFFFF;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    cursor: pointer;

    /* background: #ffffff; */

    background: #000000;

}



.service-slider .slick-prev{

    right: 17%;

    left: auto;

    top: -80px;

    margin-right: 75px;

}

.service-slider .slick-next{

    right: 17%;

    left: auto;

    top: -80px;

}



.service-slider .slick-prev:before,

.service-slider .slick-next:before{

    /* background: #0f1013; */

    background: #ffffff;

    content: "";

    width: 0px;

    height: 0px;

    border-radius: 100%;

    border: none;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 0;

    transform-origin: center;

    transition: all .3s ease;

}

.service-slider .slick-prev:hover:before,

.service-slider .slick-next:hover:before{

    width: 60px;

    height: 60px;

    /* background-color: #0f1013; */

    background-color: #ffffff;

}

.service-slider .slick-prev:after,

.service-slider .slick-next:after{

    font-size: 15px;

    font-weight: bold;

    /* color: #000000; */

    color: #ffffff;

    font-family: swiper-icons;

    content: 'next';

}

.service-slider .slick-prev:after{

    transform: rotate(180deg);

}

.service-slider .slick-prev:hover:after,

.service-slider .slick-next:hover:after{

    z-index: 9;

    /* color: #ffffff !important; */

    color: #000000 !important;

}







@media (min-width: 2100px){

    .portfolio-row .slick-prev{

        right: 21.5%;

    }

}

@media (min-width: 768px){

    .testimonial-row .slick-prev{

        margin-right: 15px;

    }

}

@media (max-width: 1366px){

    .service-slider .slick-prev, .service-slider .slick-next{

        top: -60px;

    }

}

@media (max-width: 768px){

    .service-slider .slick-prev,

    .service-slider .slick-next,

    .testimonial-row .slick-prev,

    .testimonial-row .slick-next,

    .portfolio-row .slick-prev,

    .portfolio-row .slick-next{

        width: 30px;

        height: 30px;

    }





    .portfolio-row .slick-prev:hover:before,

    .portfolio-row .slick-next:hover:before,

    .testimonial-row .slick-prev:hover:before,

    .testimonial-row .slick-next:hover:before,

    .service-slider .slick-prev:hover:before,

    .service-slider .slick-next:hover:before{

        width: 30px;

        height: 30px;

    }





    .service-slider .slick-prev:after,

    .service-slider .slick-next:after,

    .testimonial-row .slick-prev:after,

    .testimonial-row .slick-next:after,

    .portfolio-row .slick-prev:after,

    .portfolio-row .slick-next:after{

    font-size: 10px;

    }





}