/*//////////////////////////////////////// clientfp */
.clientfp{margin: 0 0 110px 0;}
.clientfp ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.clientfp ul li{width: 15%;margin: 25px 0;}
.clientfp ul li img{height: 75px;filter: grayscale(1); transition: 1s;}
.clientfp ul li img:hover{filter:none;}

/*//////////////////////////////////////// servicefp */
.servicefp{ margin:0 0 140px 0;}
.servicefp .flex-wraper{flex-wrap:wrap;}
.servicefp .btn{ margin: 25px 0 0 0;}

.servicefp .item-service{width: 47.5%;height: 320px;box-shadow: 0px 15px 60px 0px rgba(197, 216, 245, 0.5);}
.servicefp .item-service svg{margin: 0 0 70px 0;}

/*item-service*/
.item-service{height: 300px;padding: 40px 25px 30px 25px;margin: 0 0 27px 0; background: #fff; }
.item-service svg{fill: #0066D9;width: 50px;margin: 0 0 40px 0;}
.item-service h3{font-size: 23px;font-weight: normal;margin: 0 0 12px 0;}
.item-service p{line-height: 27px;margin: 0;}


/*//////////////////////////////////////// solutionfp */
.solutionfp{margin: 0 0 150px 0;}

.solution-tab {display:flex;justify-content: space-between;align-items:center;}
.solution-tab .tab-menu{margin: 60px 0;padding:0;display: flex;flex-direction: column;}
.solution-tab .tab-menu li{margin: 10px 0;padding: 0;font-family: 'OutfitMedium';color: #A09CB1;font-size: 45px;line-height: normal;cursor:pointer;transition:0.5s;width: fit-content;}
.solution-tab .tab-menu li.active, .tab-menu li:hover{color: #000;}

.solution-tab .tab-content {opacity: 0;visibility: hidden;position: absolute;width: fit-content;}
.solution-tab .tab-content.active {opacity: 1;visibility: visible;position: relative;}
.solution-tab .tab-content img {  width: 100%;  height: 100%;  object-fit: cover;  opacity:0.4;  transition: opacity 0.5s ease-in-out;}
.solution-tab .tab-content.active img {  opacity: 1;}

.slide-solution-tab{    width: 50%;}

.info-solution-tab{    width: 44%;}
.info-solution-tab h2{    font-size: 35px;}
.info-solution-tab h2 span{ display: block;    font-size: 100%;    font-family: 'OutfitMedium';}


/*//////////////////////////////////////// marketingfp */
.marketingfp{background: linear-gradient(to bottom, #F6F8FB, #fff);padding: 150px 0 110px 0;}

.marketingfp .flex-wraper{flex-wrap:wrap; }

/*item-marketing*/
.item-marketing{display: flex;align-items: center;justify-content: center;width: 48.5%;height:325px;margin: 0 0 40px 0;}
.item-marketing h3{font-size: 27px;line-height: 30px;margin: 0 0 70px 0;}
.item-marketing p{margin: 0 0 20px 0;}
.item-marketing a{font-family: 'OutfitMedium';font-size: 14px;}
.item-marketing a:hover{color: #706c7a;}
.item-marketing .imgeffect {height: 100%;}
.info-item-marketing{background: #fff;box-shadow:0 15px 60px 0px rgba(197, 216, 245, 0.2);height: 100%;padding: 35px;margin: 0 15px 0 0;}

.item-marketing:nth-child(3), .item-marketing:nth-child(4){flex-direction: row-reverse;}
.item-marketing:nth-child(3) .info-item-marketing, .item-marketing:nth-child(4) .info-item-marketing{margin: 0 0 0 15px;}

/*//////////////////////////////////////// reviewfp */
.reviewfp{margin: 0 0 150px 0;text-align: center;}
.reviewfp img{width: 70px;height: 70px;border-radius:50%;margin:0 0 15px 0;}
.reviewfp h3{font-size: 20px;line-height: normal;font-weight: normal;margin: 0 0 5px 0;}
.reviewfp p{text-align:center;line-height: normal;margin: 0;}



/*//////////////////////////////////////// whyus */
.whyus{background:#fff;margin: 0 0 125px 0;}

.whyus ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.whyus ul li{display:flex;flex-direction:column;justify-content: end;align-items: start;width: 47%;height: 290px;background: #fff;padding: 30px;margin: 0 0 30px 0;border: 1px solid #E0DFE6;font-family: 'OutfitMedium';font-size: 75px;line-height: normal;color: #181621;}
.whyus ul li small{    font-size: 18px;    font-family: 'OutfitMedium';}

.whyus p a{    font-family: 'OutfitMedium';}
.whyus h3{    margin: 125px 0 15px 0;}





/*//////////////////////////////////////// blogfp */
.blogfp{margin: 0 0 140px 0;}

/**/
.item-post{height: 425px;padding: 150px 40px 40px 40px;box-shadow: 0px 10px 60px 0px rgba(196.99999999999997, 216, 245, 0.5);}

.item-post h3{ margin: 0 0 10px 0;}
.item-post h3 a{font-size: 26px;line-height: 30px;font-family: 'OutfitMedium';font-weight: normal;}
.item-post h3 a:hover{color:#706C7A;}

.item-post .category-post{    text-transform: uppercase;}
.item-post .date-post{color:#706C7A; margin: 0 0 15px 0;}



/*//////////////////////////////////////// instafeed */
.instafeed{position: relative;}
.instafeed ul{display: flex;align-items: center;justify-content: center;}
.instafeed ul li{width: 16.66%;}
.instafeed ul li img{height:250px;width: 100%;object-fit: cover;}

.btn-instafeed{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.btn-instafeed a{background: #fff;width: 75px;height: 75px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.btn-instafeed i{color: #181621;font-size: 25px;}






/*//////////////////////////////////////// portfolio-page */

.heading-portfolio-page{text-align: center;width: 60%;margin: 0 auto;padding: 0 0 45px 0;}
.heading-portfolio-page p{text-align: center;}

.all-portfolio{ background:#F6F8FB; padding:70px 0 100px 0;    margin: 0 0 120px 0;}

/*item-portfolio*/
.item-portfolio{display: flex;align-items: center;justify-content: space-between;height: 500px;margin: 0 0 35px 0;}
.item-portfolio h3{font-size: 22px;margin: 0 0 35px 0;}
.item-portfolio h3 small{display: block;font-family: 'OpenSans-Regular';color: #706c7a;font-size: 15px;margin: 7px 0 0 0;}
.item-portfolio p{margin: 0 0 20px 0;}
.item-portfolio a{font-family: 'OutfitMedium';display: flex;align-items: center;justify-content: start;font-size: 14px;}
.item-portfolio a:hover{color: #B83DDA;}
.item-portfolio a:hover svg{fill: #B83DDA;}
.item-portfolio a svg{width: 28px;margin: 0 0 0 15px;}

.item-portfolio .imgeffect {width: 62%;height: 100%;}
.info-item-portfolio{    background: #fff;    box-shadow: 0 15px 60px 0px rgba(0, 0, 0, 0.07);    width: 35%;    height: 100%;    padding: 45px;    display: flex;    flex-direction: column;    align-items: start;    justify-content: space-between;    }

.portfolio-page{margin-bottom: 0;}
.portfolio-page .quick-contact{margin: 0 !important;}


/**/
.faq-portfolio{margin:0 0 140px 0;}
.faq-portfolio .accordion {margin: 0 0 0 40px !important;}


/*//////////////////////////////////////// portfolio-more */
/*heading*/
.heading-portfolio-more{border-bottom:1px solid #ddd;margin: 0 0 60px 0;padding: 0 0 60px 0;}
.heading-portfolio-more h2, .heading-portfolio-more p{    margin: 0 !important;}

/*info-portfolio*/
.info-portfolio{margin:0 0 90px 0;}
.info-portfolio h3{font-size: 28px;}
.info-portfolio ul{display:flex;justify-content: space-between;align-items:center;flex-wrap: wrap;gap: 40px;}
.info-portfolio ul li{width: 45%;margin:0;padding: 0;font-size: 19px;font-family: 'OutfitMedium';}
.info-portfolio ul li::before{ display: none;}
.info-portfolio ul li:nth-child(even){margin-right:0;}
.info-portfolio ul li small {margin: 0 0 10px 0;font-size: 19px;color: #706c7a;display: block;}

/*portfolio-gallery*/
.portfolio-gallery ul{    display: flex;    align-items: center;    justify-content: space-between;    flex-wrap: wrap;    gap: 2%;}
.portfolio-gallery ul li{    width: 48%;    margin: 0 0 20px 0;    padding: 0;}
.portfolio-gallery ul li:nth-child(1){    width: 100%;}
.portfolio-gallery ul li::before{ display: none;}
.portfolio-gallery .imgeffect{ margin:0 0 25px 0;}
.portfolio-gallery img{height: 450px;}



/*//////////////////////////////////////// quick-contact */
.quick-contact{background-image: url(../images/bg-1.jpg);    background-size: cover;padding: 150px 0;margin: 0 0 100px 0;text-align: center;}
.quick-contact h3{font-size: 50px;color:#fff;margin: 0 0 40px 0;}
.quick-contact .btn-primary{background: #045BBD !important;}



/*//////////////////////////////////////// blog-page */

.blog-page .heading{margin:0 0 125px 0;}

.blog-page .imgeffect img {height: 250px;}







/*//////////////////////////////////////// service-page */

.service-page {margin-bottom:10px;}

/**/
.solution-service{margin: 0 0 120px 0;}

.heading-sp{ padding: 0 0 50px 0;}
.heading-sp p{ text-align:center;}

/*item-solution-service*/
.item-solution-service{border: 1px solid #E0DFE6;margin: 0 0 25px 0;padding: 20px;height: 470px;}
.item-solution-service .imgeffect img {height:250px;}
.info-item-solution-service{padding: 30px 20px;}

/*wraper-service*/
.wraper-service {background: #16111d;padding:150px 0 125px 0;margin: 0 0 150px 0;}
.wraper-service .heading { color:#fff;}
.wraper-service .heading-sp p{ color:#a09baf;}

/*digital-service*/
.digital-service{margin: 0 0 150px 0;}
.digital-service ul li{padding: 35px 0 37px 0; border-bottom:1px solid #ddd;margin:0;font-size: 19px;font-family: 'OutfitMedium'; display:flex;justify-content: space-between;align-items:center; }
.digital-service ul li:first-child{border-top:2px solid #000; margin: 50px 0 0 0;}
.digital-service ul li::before{ display: none;}
.digital-service ul li small{color:#E0DFE6;font-size:35px;width: 70px;}
.digital-service ul li h3{width: 30%;font-size:35px;margin: 0 25px 0 0;}
.digital-service ul li p{width: 35%;margin: 0 25px 0 0;}
.digital-service ul li a i{border: 1px solid #ddd;width: 60px;height: 60px;border-radius: 50px;display: flex;align-items: center;justify-content: center;font-size: 17px; color:#000;transition:0.5s;}
.digital-service ul li a i:hover{ transform:rotate(-50deg);border: 1px solid #000; }

/*slider-service*/
.slider-service img{ width:100%;margin: 0 0 50px 0;}

/*tagline-service*/
.tagline-service h3 {font-size: 35px;}






















@media only screen and (max-width:960px){


/*//////////////////////////////////////// clientfp */
.clientfp{margin: 0 0 45px 0;}
.clientfp ul li{width: 46%;margin: 0 0 10px 0; text-align: center;}
.clientfp ul li img{height: 75px;}




/*//////////////////////////////////////// servicefp */
.servicefp{margin: 0 0 50px 0;padding: 0 15px;}
.servicefp .btn{display: inline-block;margin: 20px 0 30px 0;}

.servicefp .item-service{width: 100%;height: auto;}
.servicefp .item-service svg{margin: 0 0 20px 0;}

/*item-service*/
.item-service{height: auto;padding: 25px;margin: 0 0 20px 0;}
.item-service svg{fill: #0066D9;width: 50px;margin: 0 0 20px 0;}
.item-service h3{margin: 0 0 10px 0;}
.item-service p{line-height: 25px;}



/*//////////////////////////////////////// solutionfp */
.solutionfp{margin: 0 0 50px 0;}

.solution-tab {flex-direction: column;}
.solution-tab .tab-menu{margin: 20px 0;padding:0;}
.solution-tab .tab-menu li{margin: 7px 0;font-size: 26px;}

.slide-solution-tab{width: 100%;}

.info-solution-tab{width: 100%;padding: 20px 0 0 0;}
.info-solution-tab h2{font-size: 25px;line-height: 35px;}


/*//////////////////////////////////////// marketingfp */
.marketingfp{padding: 60px 0 ;}


/*item-marketing*/
.item-marketing{flex-direction: column;width: 100%;height: auto;margin: 0 0 20px 0;}
.item-marketing h3{font-size: 27px;line-height: 30px;margin: 0 0 45px 0;}
.item-marketing .imgeffect {height: 100%;}
.info-item-marketing{height: 100%;padding: 30px;margin: 0;}

.item-marketing:nth-child(3), .item-marketing:nth-child(4){flex-direction: column;}
.item-marketing:nth-child(3) .info-item-marketing, .item-marketing:nth-child(4) .info-item-marketing{margin: 0;}

 /*//////////////////////////////////////// reviewfp */
.reviewfp{margin: 0 0 50px 0;text-align: center;}

/*//////////////////////////////////////// whyus */
.whyus{margin: 0 0 75px 0;}
.whyus ul{margin: 0 0 20px 0;}
.whyus ul li{width: 48%;height: 150px;padding: 20px;margin: 0 0 15px 0;font-size: 50px;}
.whyus ul li small{font-size: 18px;}
.whyus h3{margin: 20px 0 15px 0;}


/*//////////////////////////////////////// blogfp */
.blogfp{margin: 0 0 60px 0;}

/**/
.item-post{height: auto;padding: 40px 25px 25px 25px;}


/*//////////////////////////////////////// instafeed */
.instafeed ul{flex-wrap: wrap;}
.instafeed ul li{width: 50%;margin: 0 0 -10px 0;}
.instafeed ul li img{height:200px;}









}