@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.home-6 h1, .home-6 h2, .home-6 h3, .home-6 h4, .home-6 h5, .home-6 h6{font-family: "Playfair Display", serif!important;}
.home-6{font-family: "Playfair Display", serif!important;}
h6.number a{font-family: "Jost", sans-serif!important;}
.hpt-testimonial-1-slider-1-content .left .text{font-family: "Jost", sans-serif!important;}
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-content .bio{font-family: "Jost", sans-serif!important;}
.hpt-testimonial-1-slider-2 .parson-wrap .parson-content .bio{font-family: "Jost", sans-serif!important;}
.hpt-testimonial-1-slider-2 .parson-wrap .parson-content .name{font-family: "Jost", sans-serif!important;}

.offer-1-icon .icon{width: 50%;}
.hpt-offer-1-item-single-hover .offer-1-feature li{font-family: "Jost", sans-serif;}
.htp-client-logo-1-wrap .title-wrap .title{text-transform: none!important;}
.hpt-client-logo-1-slider{gap: 0 0px!important;}
.hpt-client-logo-1-slider-single img{width:70%;}
.padding-left-right{padding-left: 5%;padding-right: 5%;}
h5.hpt-subtitle-1{font-size:50px;font-weight: 500;text-transform: none;}
.home-6 .capitalize, .hpt-offer-1-section-title .left .hpt-title-1{text-transform: none;}
h2.about-h2{text-transform: none; padding-bottom: 2rem;}
p{font-family: "Jost", sans-serif!important;}

.swiper-button-prev {background-image: url("../img/slider-prev.png") !important;}
.swiper-button-next {background-image: url("../img/slider-next.png") !important;}
.swiper-pagination-bullet{width: 30px!important;height: 10px!important;border-radius: 0%!important;}
.swiper-pagination-bullet-active{background-color: #f65151!important;}
.designz-web-logo{width:20%;filter: drop-shadow(#fff 5px 10px 20px);}
.hpt-header-1-area{padding-top: 0px!important;padding-bottom: 0px!important;background-color: #fff!important;}
.img-holder img{width:100%;}
.hpt-menu-btn-1::after{width:100%;height:100%;background-color: #000;}
.hpt-menu-btn-1{color: #fff!important;border:0px solid #000;line-height: 45px;}
h4.designz{display: contents;font-family: "Courgette", cursive!important;}
.sticky_header_1:is(.sticky1){background: var(--linear, linear-gradient(90deg, #fff 0, #fff 100%));}
.hpt-about-1-feature .item{font-family: "Jost", sans-serif!important;}
/*.home-6 .hpt-btn-2, .hpt-btn-border i{background: var(--linear, linear-gradient(90deg, #ee1c25 0, #000000 100%));}
.hpt-about-1-feature::after, .hpt-about-1-img .bg-shape{background: var(--linear, linear-gradient(90deg, #ee1c25 0, #000000 100%));*/
.bg-shape{background: var(--linear, linear-gradient(90deg, #ee1c25 0, #000000 100%))!important;}
span.text{font-family: "Jost", sans-serif;font-weight: 400;}
.hpt-btn-border{border: 1px solid #ee1c25;}
.span-text-btn{background: var(--linear, linear-gradient(90deg, #ee1c25 0, #000000 100%))!important;}
.btn-more a{border:0px solid!important;color:#fff!important;}
a.hpt-btn-border span.text{color:#fff;-webkit-text-fill-color: inherit;}
.hpt-btn-border i {-webkit-text-fill-color:inherit;color:#fff;}

.h1-sidebar-menu .sidebar-menu li a{font-family: "Jost", sans-serif;font-size:19px;font-weight:400;}
ul .dropdown-menu li a{font-size:16px!important;}
h4.title{font-family: "Jost", sans-serif!important;font-size:20px!important;}
.sidemenu-contact-info>.title{font-family: "Jost", sans-serif;}
h6.title-info{font-family: "Jost", sans-serif!important;font-size:18px;}
.sidemenu-profile .img-menu{width:100%;height:100%;border-radius:0px;border:0px solid;}
.sidemenu-close-btn{border: 1px solid #ee1c25;color:#ee1c25;}
.sidemenu-close-btn:hover, .sidemenu-social-link ul li a:hover{background-color:#000;border:1px solid #000;}
.hpt-project-1-item-img-big{height:100%;}
.hpt-project-1-item-img-big img{width:auto;}
.hpt-project-1-item-img-big .multi-img img{width:auto!important;}
.hpt-video-1-item .video-1-img .multi-img-wrap .multi-img .img-1{animation:10s linear infinite;}
.play-btn-2{font-size:30px;color:#fff!important;font-family: "Jost", sans-serif;text-transform: uppercase;}
.our-clients{padding-top: 3rem;padding-bottom: 3rem;}
.hpt-testimonial-1-area{position: relative;background-color: rgba(0, 7, 26, .03);}
.testimonial-1-bg-shape-1{position: absolute;right: 0;top: 0;}
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-img{width:150px;height: 150px;background: var(--linear, linear-gradient(90deg, #fff 0, #fff 100%));}

.clients-logo img {transform: translateZ(0);transition-duration: 0.8s;border: 1px solid #ccc;filter: grayscale(1);opacity: 0.7;cursor: pointer;}
.clients-logo img:hover {transform: scale(1.1);border: 1px solid #000;filter: grayscale(0);opacity: 1;}

.home-6 .hpt-btn-2, .hpt-btn-border i{/*background: var(--linear, linear-gradient(90deg, #ee1c25 0, #000 100%));*//*font-family: "Jost", sans-serif;*/}
.hpt-testimonial-1-sider-btn-wrap .left-btn::after, .hpt-testimonial-1-sider-btn-wrap .right-btn::after{background: var(--linear, linear-gradient(90deg, #ee1c25 0, #000 100%));}
.scroll-top{background: var(--linear, linear-gradient(90deg, #ee1c25 0, #000 100%));}

.hpt-project-count-1-area{background: var(--linear, linear-gradient(90deg, #000 0, #ee1c25 100%));margin-top: 3rem;}

.hpt-testimonial-1-slider-1-content .left{width:100%;text-align: center;padding-left: 0px;}
.hpt-testimonial-1-slider-1-content .left .parson-wrap{text-align: center;display: inline-flex;margin-bottom: 5%;}
.hpt-testimonial-1-sider-btn-wrap{display: block;}
.home-6 h2{font-size:55px;}
.hpt-testimonial-1-slider-2 .parson-wrap .parson-img{width:100px;height:100px;}
.hpt-testimonial-1-sider-btn-wrap{left: 50%;}
.hpt-project-count-1-item .text{text-align: center;font-size:25px;}
.hpt-blog-1-item-single{background: linear-gradient(90deg, rgba(224, 38, 38, .1) 0, rgba(240, 131, 31, .1) 100%);padding: 10px;height: 100%;}
.hpt-blog-1-item-single .blog-1-content .blog-1:hover{color: #ee1c25;}
.hpt-blog-1-item-single .blog-1-content .blog-1{font-size:24px;}
.hpt-footer-section{margin-top: 0px;}
.hpt-footer-widget-content{padding: 100px 0 50px;}
.blogs-btn{text-align: center;margin-top: 2rem;}
h3.widget-title{color:#fff;}
ul.list li a{color:#fff;font-family: "Jost", sans-serif;}
ul.list li{list-style: disc;color: #fff;}
ul.list{padding-left: 1.5rem;}
.hpt-footer-copyright{font-family: "Jost", sans-serif;}
.logo-mail a{font-family: "Jost", sans-serif;}
.hpt-footer-social-content a{font-family: "Jost", sans-serif;}


.about-main       {padding-top: 2rem;padding-bottom: 4rem;}
.about-main h1    {color: #000;text-align: center;padding-bottom: 0rem;font-weight: 500;font-size:60px;}
hr.head-hr        {border:1px solid;}
.years            {text-align: center;}
.years h2         {font-size:100px;}
.years p          {font-size:20px;}
h3.section-title  {color:#ee1c25;}
p.inner-text      {font-size:20px;line-height: 30px;}
.dw-flow                                 {text-align: center;}
.process-flow                            {}
.process-flow li                         {display: inline-block;}
.process-flow img                        {width: 70%;}
.process-flow-server img                 {width:40%;}
.process-flow-server span{display: block;font-family: "Jost", sans-serif;font-weight: 600;font-size:21px;}

.about-main h3{text-align: center;font-weight: normal;text-transform: uppercase;}
.icons-card-wrap {display: flex;align-items: center;justify-content: center;}
.icons-card-wrap {background-color: #fff;margin: 0 0 24px;border: 1px solid #dbdcdb;}
.icons-card-wrap__image {background: rgba(237, 244, 255, .6);border-right: 1px solid #dbdcdb;padding: 20px;}
.icons-card-wrap__image img {width: 170px;padding-top: 0rem;padding-bottom: 0rem;}
.icons-card-wrap__content {width: 100%;padding-left: 10px;}

@media only screen and (max-width:1280px){
.home-6 p{font-size:17px;}}

@media only screen and (max-width:768px){
.icons-card-wrap__image{padding: 5px;}
.process-flow img{width:100%;}
ul.process-flow{display: flex;}
.hpt-blog-1-item-single{grid-template-columns:none;}
.hpt-blog-1-item-single .blog-1-content .blog-1{font-size:18px;}
.htp-client-logo-1-wrap .title-wrap{height: 160px;}
.home-6 h2{font-size:45px;}
.hpt-client-logo-1-slider-single img{width:150px;}
.process-flow-server img                 {width:50%!important;}}

.about-main p{font-size:20px;line-height: 30px;}
.about-main h5{font-family: "Jost", sans-serif;}
ul.listings{padding-left:2rem;}
ol.listings li{list-style: decimal;font-size:18px;font-family: "Jost", sans-serif;margin-bottom:10px;}


ul.listings li{list-style: square;font-size:18px;font-family: "Jost", sans-serif;margin-bottom:10px;}


.breadcrumb-section{background: var(--linear, linear-gradient(90deg, #000 0, #ee1c25 100%));}
.breadcrumb{background: var(--linear, linear-gradient(90deg, #000 0, #ee1c25 100%));padding: 10px;}
.breadcrumb-section a{color:#fff;font-family: "Jost", sans-serif;}
.breadcrumb-item+.breadcrumb-item::before{color:#fff;}
.breadcrumb-item.active{color:#fff;}
li.breadcrumb-item{text-transform:none;font-size:18px;font-family: "Jost", sans-serif;color:#fff;}

.social-back{background-image: url("../img/social-back.jpg");background-repeat: repeat;background-position: center;padding-top: 2rem;padding-bottom: 2rem;}
.social-back h3{text-align: center;color:#fff;font-size:40px;margin-bottom: 3rem;}
.info-box--standard-centered {text-align: center; margin-bottom: 30px;}
.info-box--standard-centered .info-box-image {margin-bottom: 25px;}
.info-box--standard-centered .info-box-image img {border-radius: 100%;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.info-box--standard-centered .info-box-content {margin-bottom: 30px;}
.info-box--standard-centered .info-box-content .info-box-title {font-size: 24px;line-height: 30px;margin-bottom: 10px;text-transform: uppercase;font-family: "Jost", sans-serif;color:#fff;}
.info-box--standard-centered .info-box-content .text {font-size: 18px;line-height: 30px;font-family: "Jost", sans-serif;color:#fff;}

.social-icons{overflow: hidden;}
.social-icons li {float: left;width: 265px;padding: 10px 20px 10px 0;opacity: 0.8;}
.social-icons li img {max-width: 100%;}
p.inner-text-social{color:#fff;}
.process-ui-ux{text-align: center;height: 100%;}
.process-ui-ux img{width: 40%;}

.inner-banner-heading{position:absolute;left:8rem;top:15rem;}

.banner-section img{width:100%;}

@media only screen and (max-width:1700px){
.inner-banner-heading  {left:7rem;top:13rem;}
.inner-banner-heading h1{font-size:50px;}}

@media only screen and (max-width:1440px){
.inner-banner-heading  {left:5rem;top:15rem;}
.banner-section{padding-top:5rem;}
.portfolio-img{padding: 0px!important;}
.about-main p{font-size: 16px;}}


@media only screen and (max-width:1024px){
.inner-banner-heading h1{font-size:40px;}
.inner-banner-heading{top:12rem;}
.about-main p{font-size:15px;}}


@media only screen and (max-width:768px){
.designz-web-logo{width:26%;}
.inner-banner-heading h1{font-size:33px;}
.inner-banner-heading{top:10rem;left:4rem;}
.padding-left-right{padding-left: 1%;padding-right: 1%;}
.hpt-project-count-1-item {text-align:center;}
.hpt-about-1-area, .hpt-project-1-area{padding-bottom: 50px;}
.home-6 p{font-size:18px!important;line-height: 30px;}
.about-1-2-desktop{display: none;}
.about-1-2-mobile{display: block!important;}
.hpt-about-1-content-inner{padding-top: 10px;}
.banner-section{padding-top: 5rem!important;}}

@media only screen and (max-width:475px){
.home-6 h4{font-size:12px;}
.designz-web-logo{width:30%;}
.hpt-header-1-area{padding-top: 10px!important;}
.inner-banner-heading{left:0rem;top:7rem;}
.inner-banner-heading h1{font-size:18px;}
li.breadcrumb-item{font-size:14px;}
p{font-size:16px!important;}
ul.listings li{font-size: 14px!important;}
.home-6 h4 {font-size:11px;}
.swiper-button-next, .swiper-button-prev{display: none;}
span.text{font-size:15px;}
.home-6 .hpt-btn-2{padding: 10px 20px;}
h5.hpt-subtitle-1{font-size:35px;}
.home-6 h2{font-size:30px;}
.hpt-project-1-img-content .project-1-title{font-size:22px;}
.hpt-testimonial-1-slider-1-content .left .text{font-size:18px!important;line-height: 30px;}
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-content .name{font-size:18px;}
.hpt-testimonial-1-slider-1-content .left .parson-wrap .parson-content .bio{font-size:15px;}
.hpt-footer-logo .logo-mail h3{font-size:20px;}
.hpt-footer-social-content a{font-size:15px;}
.hpt-header-1-action{margin-top:-5px;}
.htp-client-logo-1-wrap .title-wrap{height: 80px;}
.hpt-about-1-wrap{gap:60px 0;}
.home-6 h3{font-size:25px;}
.home-6 p{font-size:16px!important;}
.banner-section{padding-top: 5rem!important;}
.icons-card-wrap{display: block;}
.icons-card-wrap__image img{width:100%;}
.sidemenu-area{padding: 20px;}
.process-flow-server span{font-size:15px;}
.hpt-menu-btn-1::after{top:45%;}
.home-6 h2{font-size:30px;}
.hpt-footer-widget .about-widget h3{font-size:30px;}
.hpt-footer-widget-content{padding: 50px 0 50px;}
ul.list li{font-size:14px;}
.hpt-footer-copyright{font-size:13px;}
h4.hpt-subtitle-1{font-size:16px;line-height: 30px;}
ol,ul{padding-left: 1rem;}}

.process-box {background: right #f5f5f5;padding: 20px 10px;border-radius: 12px;position: relative;box-shadow: 2px 2px 7px 0 #00000057; margin-bottom: 40px;min-height: 260px;background-size: contain !important;background-repeat: no-repeat !important;height:100%;}
.process-step {background: linear-gradient(90deg, rgba(224, 38, 38, .1) 0, rgba(240, 131, 31, .1) 100%);text-align: center;width: 89%;margin: 0 auto;color: #fff;height: 100%;padding-top: 8px;position: relative;top: -36px;border-radius: 0 0 10px 10px;box-shadow: -6px 8px 0 0 #00000014;left: 12px;}
.process-step:before {border-top: 8px solid #f000;border-left: 8px solid #bbaab4;border-right: 8px solid #f000;position: absolute;right: -16px;top: 0;}
.process-step:after, .process-step:before {border-bottom: 8px solid #bbaab4;display: inline-grid;content: "";}
.process-step h2 {font-size: 42px;line-height: 137px;padding: 6px !important;font-weight: 400;}
.process-step:after {border-top: 8px solid #04889800;border-left: 8px solid #04889800;border-right: 8px solid #bbaab4; position: absolute;left: -16px;top: 0;}
.process-box .heading {font-size: 24px !important;margin-top: 0;margin-bottom: .5rem;font-weight: 500;line-height: 1.4;font-family: "Jost", sans-serif;}
.process-box p {z-index: 9;line-height: 30px;}
.process-step h2{font-family: "Jost", sans-serif!important;}

.seo-heading{padding-top: 2rem;padding-bottom:3rem;}
.process-ui-ux p{font-size:18px;}

.project-description{padding:15px;background-color:#f5f5f5;height: 100%;}
.project-description a{font-size:14px;background-color:#333;color:#fff;padding: 8px;}
.portfolio-img{padding: 15px;}
.portfolio-img img{width:30%;}
.project-description h4{}

.process-contact img{width:30%;}


.float-whatsapp {position: fixed;width: 60px;height: 60px;bottom:100px;right: 20px;background-color: #25d366; color: #FFF;border-radius: 50px;text-align: center;font-size: 35px;box-shadow: 2px 2px 3px #999;z-index: 100;}
.fa-whatsapp:before{color:#fff;}

label {display: block;margin-bottom: 5px;text-align: left;}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {width: 100%;padding: 8px;margin-bottom: 10px;border: 1px solid #ccc;border-radius: 4px;}
button {background-color: #4CAF50;color: white;padding: 10px 20px;border: none;border-radius: 4px;cursor: pointer;}
/*button:hover {background-color: #45a049;}*/

.dw-form{background-color:#f5f5f5;padding:30px;}
.about-1-2-mobile{display: none;}

@media only screen and (max-width:1600px){
.hpt-blog-1-item-single .blog-1-content .blog-1{font-size:18px;}
.hpt-blog-1-item-single .blog-1-content .meta .author, .hpt-blog-1-item-single .blog-1-content .meta .date{font-size:14px;}
.hpt-blog-1-item-single .blog-1-content .meta{display:grid!important;}
.hpt-testimonial-1-slider-1-content .left .text{font-size:25px;}
.home-6 h2{font-size:45px;}}

@media only screen and (max-width:1024px){
.hpt-blog-1-item-single{display: block;}
.hpt-blog-1-item-single .blog-1-content .meta{display:flex!important;margin-top:10px;}
.hpt-menu-btn-1{width:55px;height:55px;line-height: 30px;}
.home-6 .hpt-btn-2{padding: 17px 30px;}
.home-6 h2{font-size:35px;}
.hpt-about-1-feature .item{font-size:18px;}
.hpt-project-count-1-item {text-align:center;}
.hpt-project-count-1-item .title{margin-bottom:0px;}}


.banner-section{padding-top: 2rem;}
.co-founder-head{text-align: center;}
.co-founder-head h6{color:#ee1c25;}
.co-founder-head h4{font-size:25px;margin-top: 1rem;}
.co-founder-head img{border-left:2px solid #911117;border-top:2px solid #000;border-right:2px solid #911117;border-bottom: 2px solid #000;}
.sidemenu-area .fa-bars{margin-left:-3px;margin-bottom: 5px;display: block;}