:root {
 --primaryColor:#FF4C00;
--secondarybgcolor:#3D3C3C;
 --color2:#464646;
 --color3:#222;
 --primaryFont: 'Outfit', sans-serif;
 --headFont: 'Ivy Mode';
 --secondryFont:'Gilmer Outline', sans-serif;
}
@font-face {
	font-family: 'Ivy Mode';
	src: url('../fonts/IvyMode-Light.eot');
	src: local('Ivy Mode Light'), local('IvyMode-Light'),  url('../fonts/IvyMode-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/IvyMode-Light.woff2') format('woff2'),  url('../fonts/IvyMode-Light.woff') format('woff'),  url('../fonts/IvyMode-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Ivy Mode';
	src: url('../fonts/IvyMode-Regular.eot');
	src: local('Ivy Mode Regular'), local('IvyMode-Regular'),  url('../fonts/IvyMode-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/IvyMode-Regular.woff2') format('woff2'),  url('../fonts/IvyMode-Regular.woff') format('woff'),  url('../fonts/IvyMode-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ivy Mode';
	src: url('../fonts/IvyMode-SemiBold.eot');
	src: local('Ivy Mode SemiBold'), local('IvyMode-SemiBold'),  url('../fonts/IvyMode-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/IvyMode-SemiBold.woff2') format('woff2'),  url('../fonts/IvyMode-SemiBold.woff') format('woff'),  url('../fonts/IvyMode-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Ivy Mode';
	src: url('../fonts/IvyMode-Bold.eot');
	src: local('Ivy Mode Bold'), local('IvyMode-Bold'),  url('../fonts/IvyMode-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/IvyMode-Bold.woff2') format('woff2'),  url('../fonts/IvyMode-Bold.woff') format('woff'),  url('../fonts/IvyMode-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Gilmer Outline';
	src: url('../fonts/GilmerOutline.woff2') format('woff2'),  url('../fonts/GilmerOutline.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@keyframes rotating {
    from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
    to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes marquee {
	0% { left: 0; }100% { left: -100%; }
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-thumb {
  background: #ff4c00; 
}

.form-check-input:focus {box-shadow: none;}
body {font-family: 'Outfit', sans-serif;}
.container {width: 100%;max-width: 1220px;}
p.big {font-size: 18px;color: var(--color2);margin-bottom: 10px;}
h1, h2, h3, h5.ftr-title {font-family: var(--headFont);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.42;}
.semi {font-weight: 600;}
.title {font-size: 55px;line-height: 65px;}
.title2 {font-size: 50px;line-height: 60px;}
.title3 {font-size: 60px;line-height: 70px;}
.btn-primary {background: var(--primaryColor);border-color: var(--primaryColor);border-radius: 50px;font-weight: 600;font-size: 20px;padding: 11px 28px;font-family: var(--primaryFont);}
.btn-primary:hover, .btn-primary:focus {background: var(--color2);border-color: var(--color2);box-shadow: none !important}
.primary-font {font-family: var(--primaryFont);}
.fs-35 {font-size: 26px;line-height: 36px;}
.fw-extralight {font-weight: 100;}
.ptb-80 {padding: 80px 0;}
.pb-80 {padding-bottom: 80px;}
.bg-lightyellow {background: #F6F2EE;}
.siteColor {color: var(--primaryColor);}

/* header */
header {z-index: 9;}
.navbar-nav a {font-size: 18px;font-weight: 300;color: #222 !important;padding: 0 16px !important;}
a.hire {font-size: 16px;padding: 12px 32px;}
.navbar-nav a:hover {color: var(--primaryColor) !important;}

/* Banner */
header, section.banner-sec, section.banner-sec2 {background: url(../images/bg.jpg);}
.award-img {position: absolute;top: 35px;right: 10px;
/*-webkit-animation: rotating 5s linear infinite;-moz-animation: rotating 5s linear infinite;-ms-animation: rotating 5s linear infinite;-o-animation: rotating 5s linear infinite;animation: rotating 5s linear infinite;*/
}
.award-img img {width: 130px}
section.banner-sec {padding-bottom: 600px;}
section.banner-sec2 {padding-bottom:230px;}
.banner-sec2 .test_banner {max-width: 1000px;margin: 0 auto;}
.banner-sec2 .test_banner p {max-width: 710px;margin: 0 auto;font-size: 20px;font-weight: 300;}

/* Counter */
.count-top {color: var(--primaryColor);font-size: 50px;}
.counter-box p {color: var(--color2);}
.facts-inner:before, .facts-inner:after {content: '';background: url('../images/line.svg');width: 1px;height: 100%;position: absolute;left: 33.33%;top: 50%;transform: translateY(-50%);}
.facts-inner:after {left: 66.66%;}
.facts-inner2:before, .facts-inner2:after {content: '';background: url('../images/acl.svg');width: 1px;height: 100%;position: absolute;left: 33.33%;top: 50%;transform: translateY(-50%);}
.facts-inner2 {padding: 20px 0px;margin-top: 20px;}
.facts-inner2:after {left: 66.66%;}

/* Work */
section.recent-works {margin-top: -530px;}
h3.project-title:after {content: '';background: url(../images/arrow-right.svg) no-repeat center;width: 20px;height: 20px;position: absolute;right: -40px;top: 5px;transition: 0.3s ease-out transform;}
h3.project-title {position: relative;color: var(--color3);font-size: 30px;line-height: 30px;}
.project-inner a {text-decoration: none;}
.project-inner .feat-image img {width: 100%;border: 2px solid #ff4c00;border-radius: 20px;}
.project-inner:hover {transform: translateY(-10px);transition: 0.3s ease-out;}
.project-inner {transition: 0.3s ease-out;margin-bottom: 50px;}
.project-inner:hover h3.project-title:after {transform: rotate(52deg);transition: 0.3s ease-out transform;}

div.recent-works {padding: 100px 0px 50px}

/* Tabs */
.web-tabs {min-width: 504px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: var(--primaryColor);}
.tlinkleft {display: flex;align-items: center;}
.tlinkleft span {width: 211px;display: inline-block;text-align: left;font-size: 22px;line-height: 30px;padding-left: 20px;}
.tlinkright h3 {font-size: 70px;font-family: var(--secondryFont);}
.tlinkright h3 {font-size: 70px;font-family: var(--secondryFont);}
.web-tabs .nav-link {border-radius: 20px;padding: 12px 30px;background: #fff;margin-bottom: 22px;color: var(--color3);}
.nav-pills .nav-link.active img {filter: invert(1) brightness(2);}
section.craft {padding: 70px 0px;}

/* Testimonials */
.testimonials {background: url(../images/bg.jpg) no-repeat center / cover;padding: 50px 0px;}
.testimonials .mySwiper {background: #fff;padding: 40px 40px 100px 40px;border-left: 2px solid var(--primaryColor);}
.testi-inner {max-width: 852px;margin: 0 auto;}
.testi-inner p {text-align: center}
.client-thumb {background: #F2F2F2;padding: 5px;border-radius: 100%;/*width: 81px;height: 81px;display: flex;align-items: center;justify-content: center;overflow: hidden;*/}
.client-thumb img {border-radius: inherit;width: 70px;}
.client-name h4 {line-height: normal;margin: 0px;}
.testimonials .swiper-slide:after {content: '';background: url(../images/quote.svg) no-repeat center / cover;position: absolute;width: 60px;height: 60px;right: 0;top: 0;}
.testimonials .swiper-button-next, .swiper-button-prev {bottom: 30px;top: auto;width: 34px;height: 34px;}
.testimonials .swiper-button-next {right: 46%;}
.testimonials .swiper-button-prev {left: 46%;}
.swiper-button-next:after, .swiper-button-prev:after {background: url(../images/longarrow-right.svg) no-repeat center / cover;color: transparent;width: 34px;height: 34px;}
.swiper-button-prev:after {background: url(../images/longarrow-left.svg) no-repeat center / cover;}
.clients-list li {width: calc(25% - 25px);border-radius: 20px;border: 1px solid #EDEDED;display: flex;align-items: center;justify-content: center;padding: 18px;}
.clients-list ul {gap: 25px;}
section.clients {padding: 70px 0px 60px;}
section.build {padding: 50px 0px 70px;}

/*aboutus*/
.aboutussec1{background:var(--secondarybgcolor);padding-bottom: 70px;}
.aboutussec1 h2{font-family:var(--headFont);color:#fff;text-align: center;font-size: 50px;line-height: 60px;font-weight:600;}
.aboutussec1 h3{font-family:var(--headFont);color:#fff;font-size: 40px;line-height: 50px;	font-weight:600;}
.hr_design {width: 182px;border: 0.5px solid #ff6b00;}
.headingsection{display: flex;align-items: center;justify-content: center;text-align: center;gap: 30px;margin-top: 50px;margin-bottom:30px;}
.aboutussec1 img {margin-top: -190px;}
.aboutussec2{padding: 70px 0px 80px;}
.aboutussec2 .box{text-align: center;padding-bottom: 100px;}
.aboutussec2 h3{font-size: 40px;line-height: 50px;font-weight: 600;color: var(--color3);}
.aboutussec2 p{font-size: 18px;line-height: 28px;color: var(--color2);}
.aboutussec2 .col-md-6 {position: relative;/*min-height: 480px;*/}
.aboutussec2 .col-md-6 img.bi {position: absolute;bottom:-13px;}
.aboutussec2 .container {border-bottom: 1px solid transparent;border-image: linear-gradient(0.25turn, rgb(0 0 0 / 0%), #222, rgba(56,2,155,0));border-image-slice: 1;width: 100%;}
.aboutussec3 h2{font-family: var(--headFont);font-size: 50px;line-height: 60px;text-align: center;color: var(--color3);text-transform: capitalize;font-weight: 600;}
.aboutussec3 p{color: var(--color3);font-size: 34px;line-height: 44px;text-align: center;font-weight: 300;max-width: 941px;margin: 0px auto 30px;}
.aboutussec3 .btn-primary{margin-bottom:70px;		}
.aboutussec4 {background: url(../images/bg.jpg) no-repeat center / cover;padding-top: 420px;margin-top: -330px;}
.aboutussec4 .column {background: #f7f7f7;margin-left: auto;max-width: 1060px;padding:60px 70px 70px 130px;position: relative;border-top-left-radius: 50px;border-top-right-radius: 50px;}
.aboutussec4 .column img.profile_pic {border-radius: 50%;width: 235px;}
.aboutussec4 .column .fl {background: #FF4C00;border-radius: 50px;padding: 3px 20px;margin-top: -50px;}
.aboutussec4 .column .profile {align-items: center;display: flex;flex-direction: column;height: 410px;left: -196px;position: absolute;width: 343px;}
.aboutussec4 .column .badges_ .text_badges{padding:25px 0 0;}
.aboutussec4 .column .badges_ .text_badges h3 {color:var(--color3);font-size:30px;line-height: 40px;font-family: var(--primaryfont);margin-bottom: 15px;}  
.aboutussec4 .column .badges_ .text_badges h3 span{color:var(--primaryColor);	}
.aboutussec4 .column .badges_ h2 {font-size: 50px;font-weight: 600;}

/* Services */
.serv-tabs {padding-top: 130px;}
.serv-tabright {max-width: 300px;}
.serv-tabright h4 {border-bottom: 5px solid var(--primaryColor);}
.servtop-img {margin-bottom: -60px;}
.accordion-button::after {position: absolute;right: 0px;top: 55px;width: 40px;height: 40px;background: url(../images/plus.svg) no-repeat center;}
#servtab button.accordion-button {background: transparent;}
#servtab button.accordion-button {background: transparent;padding: 20px 0;outline: none;box-shadow: none;}
#servtab .accordion-item {background: transparent;border: 0;border-bottom: 1px solid var(--color2);}
#servtab .accordion-collapse {margin-top: -35px;}
#servtab .accordion-body {padding: 0 0 40px 0;}
#servtab .accordion-button:not(.collapsed)::after {background: url(../images/minus.svg) no-repeat center;}
.tab-num {font-size: 120px;font-family: var(--primaryFont);font-weight: bold;line-height: 110px;}
.tab-title {font-family: var(--primaryFont);font-weight: 500;font-size: 40px;}
.tnum-inn {background-size: cover;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-text-stroke: 0.5px;}
span.t-one {background-image: url(../images/brand.jpg);}
span.t-two {background-image: url(../images/web-design.jpg);}
span.t-three {background-image: url(../images/dev.jpg);}
span.t-four {background-image: url(../images/dig-mark.jpg);}
span.t-five {background-image: url(../images/mob-dev.jpg);}
ul.serv-list li:before {content: '';background: url(../images/check.svg) no-repeat center;width: 17px;height: 17px;position: absolute;left: 0;top: 4px;}
ul.serv-list li {position: relative;padding: 0 20px 5px 28px;}

/* Working process */
h2.process-num {font-size: 80px;font-weight: 600;font-family: var(--primaryFont);-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px;}
h2.process-num:before {content: '';background: url('../images/process-icon.svg') no-repeat center;width: 18px;height: 80px;position: absolute;left: 0;top: 15px;}
.process-box h3 {font-size: 30px;font-weight: 500;font-family: var(--primaryFont);}

/* Expertise */
.exp-list ul {border-bottom: 1px solid transparent;border-image: linear-gradient(0.25turn, rgb(0 0 0 / 0%), #222, rgba(56,2,155,0));border-image-slice: 1;width: 100%;gap: 20px;}
.exp-list ul li img {mix-blend-mode: multiply;}

/* marquee */
/*.mrq {height: 80px;width: 100%;overflow: hidden;position: relative;}*/
/*.mrq div {width: 200%;height: 80px;position: absolute;overflow: hidden;animation: marquee 20s linear infinite;}*/
/*.mrq span {float: left;width: 33.33%;font-size: 30px;font-weight: 600;position: relative;}*/
/*.mrq span:nth-child(even) {color: var(--primaryColor);}*/
/*.mrq span:after {content: '';background: #fff;width: 10px;height: 10px;position: absolute;border-radius: 100%;top: 50%;left: -50px;}*/

/* Ranking */
.ranking .title3 {line-height: 80px;}
img.rank-icon {margin: -10px -30px 0 0;}

/* Our work */
.star1 {position: absolute;left: 0;}
.star2 {position: absolute;right: 0;bottom: 0;}
.work-filter li span {text-decoration: none;font-size: 20px;font-weight: 500;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.work-filter li {border-right: 1px dashed #868686;padding: 0 30px;flex-grow: 1;text-align: center;}
.work-filter li:last-child {border-right: 0;}
.work-filter li img {margin-right: 15px;width: 48px;}
/*.work-filter ul {max-width: 785px;margin: 0 auto;}*/
/*.work-filter li:first-child {padding-left: 0;}*/

/* Reviews */
.banner-sec2.review_banner_sec {border-radius: 0 0 100px 100px}
.reviews_ {margin-top: -150px;margin-bottom: 80px;}
.review_columns {display: flex;gap: 30px;background: #ffffff;padding: 20px;border-radius: 20px;}
.review_columns .left_column video {height: 580px;width: 500px;border-radius: 20px;background: #f7f7f7;}
.reviews_wrapper {height: 580px;}
.reviews_wrapper .review {padding: 30px;border-radius: 0 50px;position: relative;display: flex;flex-direction: column;justify-content: space-between;border: 1px solid transparent;border-image-source: linear-gradient(90deg, transparent, #ff4c005c, transparent);border-image-slice: 1;border-right: 0;border-left: 0px;background: #fff;text-align: left;align-items: self-start;}
.reviews_wrapper .review:before, .reviews_wrapper .review:after {content: '';background: url(../images/quote-orange.png) no-repeat;background-size: 90px;width: 90px;height: 70px;position: absolute;top: 20px;}
.reviews_wrapper .review:before {left: 20px;}
.reviews_wrapper .review:after {background: url(../images/twit.png) no-repeat;background-size: 90px;bottom: 5px;top: auto;right: 20px;}
.reviews_wrapper .review:nth-child(odd) {background: linear-gradient(265deg, #FFEDDE, #ffffff, #FFEDDE);}
.reviews_wrapper .review p {font-family: 'Open Sans';font-style: italic;}
.reviews_wrapper .review p, .reviews_wrapper .review .user_ {z-index: 1;position: relative;margin: 0px;font-size: 16px;}
.reviews_wrapper .review .user_ {display: flex;align-items: center;gap: 20px;margin-top: 10px;}
.reviews_wrapper .review .user_ img {width: 70px;border-radius: 50%;display: none;}
.reviews_wrapper .review .user_ h6 {margin: 0px}
.reviews_ .pagination {justify-content: center;margin-top: 70px;}
.reviewSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #ff4c00;}

/* Footer */
.footer-inner {padding: 65px 0;font-size: 15px;background: var(--secondarybgcolor);}
.locations li img {margin-right: 10px;}
.locations li:not(:last-child) {margin-bottom: 15px;}
.expert li {width: 50%;padding-bottom: 10px;}
.expert li a {color: #fff;text-decoration: none;}
.footer-bottom {background: var(--primaryColor);padding: 22px;}

.pf_imageholder {display: block;cursor: pointer;position: relative;height: 580px;overflow: hidden;box-shadow: 0px 0px 18px rgb(0 0 0 / 18%);border-radius: 20px;}
.pf_imageholder img {position: absolute;top: 0;left: 0;right: 0;transition: 1.0s ease all;object-fit: cover;width: 100%;}
.pf_imageholder:hover {background-position: center bottom;transition: 7s ease all;}
.pf_imageholder:hover img {transform: translateY( calc(-100% + 580px) );transition: 7s ease all;}
.small_portfolio .pf_imageholder {height: 100%;}
.small_portfolio .pf_imageholder img {position: static;width: 100%;object-fit: cover;height: 440px;}
.small_portfolio .pf_imageholder:hover img {transform: none;transition: none;}
.top_banner {text-align: center;padding: 30px 20px;background: #212529;color: #fff;}
.top_banner h2 {margin-bottom: 10px;}
.top_banner a {color: #fff;font-size: 18px;}
.work_detail {margin: 70px 0px;}

.each_portfolio {display: grid;grid-template-columns: repeat(2, 1fr);gap: 35px;}
.each_portfolio.two_column {grid-template-columns: repeat(2, 1fr);}
.each_portfolio .folio-image {position: relative;}
.each_portfolio .folio-image .image_ {width: 100%;  border-radius: 20px;object-fit: cover;height: 440px;box-shadow: 0px 0px 18px rgb(0 0 0 / 18%);}
.each_portfolio .folio-image .large_bth {position: absolute;right: 20px;bottom: 5px;background: #fff;padding: 4px 4px 4px 10px;border-radius: 30px;color: #222;display: flex;align-items: center;gap: 5px;text-transform: capitalize;border: 1px solid #ff4d00;}
.each_portfolio .large_bth img {background: #ff4c0024;border-radius: 50%;width: 28px;object-fit: scale-down;padding: 2px;transition: 0.3s ease-out transform;}
.each_portfolio .large_bth:hover img {transform: rotate(52deg);transition: 0.3s ease-out transform;}
.each_portfolio .folio-image .large_bth.folio-link {background: #ff4d00;right: 170px;}
.each_portfolio .folio-image .large_bth.folio-link a {display: flex;align-items: center;gap: 5px;color: #fff}
.each_portfolio .folio-image .large_bth.folio-link a img {background: #ffffff;}
#portfolio .folio-item {position: relative;margin: 0px;}
.scroll-to-top {display: flex;align-items: center;justify-content: center;position: fixed;bottom: 50px;right: 50px;width: 50px;height: 50px;color: #FFFFFF;background-color: #ff4c00;border: none;border-radius: 50px;cursor: pointer;}

#lightbox .lb-outerContainer {height: 100% !important;width: 60% !important;}
#lightbox .lb-image {width: 100% !important;height: 100% !important;}
#lightbox .lb-dataContainer {width: 60% !important;}

#start_project .btn-close {position: absolute;right: -10px;top: -10px;opacity: 1;}
#start_project .modal-content {border-radius: 0px;padding: 15px;border-left: 3px solid #ff4c00;}
#start_project .form-label {color: #000;font-size: 17px;margin-bottom: 3px;font-weight: 500;}
#start_project .form-control {padding: 12px;border-radius: 12px;box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 9%);border-color: #e5e5e5;}
#start_project .submit {padding: 10px 25px;background: #FF4C00;border-radius: 30px;border: 0px;font-size: 18px;font-weight: 600;color: #fff;letter-spacing: 1px;}

.inner_filters_view {margin-bottom: 50px;display: none;padding: 25px;border-radius: 20px;background: url(../images/bg.jpg);}
/*.inner_view {display: flex;}*/
.filter_cat {display: grid;grid-template-columns: repeat(5, 1fr);gap: 12px;}
.filter_cat li span {text-align: left;cursor: pointer;display: flex;gap: 12px;white-space: nowrap;color: #222;font-size: 17px;font-weight: 500;}

.item_hidden {display: none;}
/*.pagination a.page-link {width: 54px;height: 54px;line-height: 54px;text-align: center;padding: 0;border-radius: 100% !important;margin: 0 8px !important;border: 1px solid #000;color: #222;font-size: 20px;}*/
#pagination ul {display: flex;gap: 10px;list-style: none;padding: 0px;margin: 30px 0 0;justify-content: center;}
#pagination li a {border: 1px solid #222222;color: #222;}
#pagination li span {border: 1px solid #ff4c00;color: #fff;background: #ff4c00;}
#pagination li span, #pagination li a {width: 45px;height: 45px;line-height: 45px;text-align: center;padding: 0;border-radius: 50% !important;font-size: 20px;display: block;}
/*#pagination li.active .current {background-color: #ff4c00;color: white;border-radius: 50%;}*/
/*.prev, .next {background: var(--primaryColor);border-color: var(--primaryColor) !important;display: flex;align-items: center;justify-content: center;color: #fff !important}*/

/* media query */
@media only screen and (max-width:1200px) {
    .aboutussec4 .column {padding: 40px;margin: 0 auto;max-width: calc(100% - 30px);}
    .aboutussec4 .column .profile {position: static;height: auto;width: auto;margin-bottom: 20px;display: inline-grid;}
    .aboutussec4 .column img.profile_pic {width: 200px;}
    .aboutussec4 .column .fl {margin-top: -20px;text-align: center;}
    .fl img {width: 130px;}
    .title3 {font-size: 50px;line-height: 60px;}
    .ranking .title3 {line-height: 70px;}
    img.rank-icon {margin: 0;width: 140px;}
}

@media only screen and (max-width:1024px) {
    .title {font-size: 42px;line-height: 52px;}
    .star1, .star2 {width: 50px;}
    h3.project-title {font-size: 26px;line-height: 26px;}
    .project-inner {margin-bottom: 40px;}
    div.recent-works {padding: 70px 10px 30px;}
    .top_banner {padding: 20px 10px;}
    .review_columns {gap: 20px;}
    .review_columns .left_column video {height: 520px;width: 450px;}
    .reviews_wrapper .review {padding: 20px;}
    .aboutussec4 .column .badges_ h2, .aboutussec3 h2, .count-top, .aboutussec1 h2 {font-size: 40px;line-height: 50px;}
    .aboutussec2 h3, .aboutussec1 h3 {font-size: 30px;line-height: 40px;}
    .aboutussec3 p {font-size: 28px;line-height: 34px;}
    .aboutussec4 .column .badges_ .text_badges h3 {font-size: 24px;line-height: 32px;}
    .title3 {font-size: 40px;line-height: 50px;}
    .web-tabs {min-width: 450px;}
    #lightbox .lb-outerContainer, #lightbox .lb-dataContainer {width: 80% !important;}
    .inner_filters_view {height: 400px;overflow: auto;}
    .filter_cat {grid-template-columns: repeat(4, 1fr);}
}

@media only screen and (max-width:991px) {
    a.navbar-brand img {max-width: 175px;}
    .navbar-toggler:focus {box-shadow: none;}
    .navbar-toggler {padding: 2px;background-color: var(--primaryColor);}
    .navbar-light .navbar-toggler-icon {filter: invert(1) brightness(5);}
    a.hire img {width: 25px;}
    a.hire {font-size: 14px;padding: 8px 15px;}
    ul.navbar-nav li {padding: 10px 0;border-bottom: 1px solid #d1d1d1;}
    .navbar-nav a {padding: 0 !important;}
    .title2 {font-size: 42px;line-height: 50px;}
    .pf_imageholderr {height: 520px;}
    .left_column {text-align: center;}
    .review_columns {flex-direction: column;}
    section.banner-sec2 {padding-bottom: 200px;}
    .reviews_ {margin-bottom: 50px;}
    .small_portfolio .pf_imageholder img, .each_portfolio .folio-image .image_ {height: auto;object-fit: contain;}
    .clients-list ul {gap: 15px;}
    .clients-list li {width: calc(33.33% - 10px);border-radius: 10px;padding: 8px;}
    section.clients, section.build, section.craft, .aboutussec2, .ptb-80 {padding: 50px 0px;}
    .aboutussec2 .box {padding-bottom: 20px;}
    .aboutussec2 .col-md-6 img.bi {display: none;}
    .btn-primary {padding: 8px 22px;}
    .servtop-img {margin-bottom: 0;}
    .serv-tabs {padding-top: 80px;}
    .tab-num {font-size: 90px;line-height: 90px;}
    .tab-title {font-size: 32px;}
    .pb-80, .aboutussec1 {padding-bottom: 50px;}
    h2.process-num {font-size: 60px;}
    img.rank-icon {margin: 0 10px 0 0;width: 100px;}
    .serv-tabs {padding-top: 50px;}
    #servtab .accordion-collapse {margin-top: 0;}
    .accordion-button::after {top: 48px;width: 30px;height: 30px;}
    .accordion-button::after, #servtab .accordion-button:not(.collapsed)::after {background-size: 30px;}
    .exp-list ul li {flex-basis: calc(33.3% - 20px);text-align: center;}
    .web-tabs .nav-link {padding: 12px 20px;}
    .web-tabs {min-width: 380px;}
    .tlinkright h3 {font-size: 50px;}
    .tlinkleft span {font-size: 18px;line-height: 26px;}
    .footer-inner {padding: 50px 0;}
    .work-filter li {padding: 0 20px;}
    .work-filter li img {width: 38px;}
    .filter_cat {grid-template-columns: repeat(3, 1fr);}
    .inner_filters_view {padding: 20px;}
}

@media only screen and (max-width:767px) {
    p.big {font-size: 16px;}
    .title {font-size: 32px;line-height: 42px;}
    .btn-primary {font-size: 16px;padding: 8px 22px;}
    .banner-btn {min-width: 150px;}
    .title2 {font-size: 30px;line-height: 40px;}
    .title2 br, p.big br, .facts-inner:before, .facts-inner:after {display: none;}
    .counter-box p {font-size: 16px !important;}
    .count-top {font-size: 26px;}
    h3.project-title {font-size: 22px;line-height: 28px;}
    section.banner-sec {padding-bottom: 430px;}
    section.recent-works {margin-top: -390px;}
    .web-tabs {min-width: auto;}
    .web-tabs .nav-link {border-radius: 15px;padding: 8px 20px;margin-bottom: 12px;color: var(--color3);}
    .tlinkleft span {width: 170px;font-size: 16px;line-height: 22px;padding-left: 12px;}
    .tlinkright h3 {font-size: 50px;}
    .tlinkleft img {width: 40px;}
    .fs-35 {font-size: 20px;line-height: 26px;}
    .ptb-80 {padding: 30px 0;}
    .testimonials .mySwiper {padding: 25px 25px 80px 25px;}
    .testimonials .swiper-slide:after {width: 40px;height: 40px;}
    .testi-inner {padding-right: 30px;}
    .swiper-button-next:after, .swiper-button-prev:after {width: 22px;height: 22px;}
    .testimonials .swiper-button-prev {left: 40%;}
    .testimonials .swiper-button-next {right: 40%;}
    .pb-80 {padding-bottom: 40px;}
    .footer-inner {padding: 40px 0;font-size: 14px;}
    .row>* {padding-right: calc(var(--bs-gutter-x) * .8);padding-left: calc(var(--bs-gutter-x) * .8);}
    .star1, .star2 {width: 40px;display: none;}
    .work-filter li {padding: 0 15px;text-align: center;width: 100%;}
    .work-filter li span {font-size: 18px;}
    .project-inner {margin-bottom: 30px;}
    div.recent-works {padding: 50px 10px 10px;}
    .pf_imageholder {height: 500px;}
    .work_detail {margin: 50px 0px;}
    .each_portfolio  {grid-template-columns: repeat(1, 1fr);}
    .top_banner {padding: 15px 10px;}
    .top_banner h2 {margin: 0px}
    section.banner-sec2 {padding-bottom: 170px;}
    .client-thumb img {width: 50px;}
    .aboutussec4 .column .badges_ h2, .aboutussec3 h2, .aboutussec1 h2 {font-size: 32px;line-height: normal;}
    .aboutussec3 p {font-size: 22px;line-height: 28px;}
    .aboutussec4 .column {padding: 20px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
    .aboutussec4 .column img.profile_pic {width: 160px;}
    .fl img {width: 100px;}
    .award {width: 70px;}
    .headingsection {margin-top: 20px;}
    .headingsection {gap: 15px;}
    .aboutussec4 {padding-top: 0px;margin-top: 40px;background: none;}
    .aboutussec2 h3, .aboutussec1 h3 {font-size: 24px;line-height: 35px;}
    .aboutussec3 .btn-primary {margin-bottom: 50px;}
    .title3 {font-size: 30px;line-height: 40px;}
    .ranking .title3 {line-height: 45px;}
    h2.process-num:before {height: 40px;background-size: 9px;}
    h2.process-num {font-size: 50px;line-height: normal;}
    .process-box h3 {font-size: 24px;}
    img.rank-icon {width: 100px;}
    .serv-tabs {padding-top: 40px;}
    .serv-tabright {max-width: 100%;margin-top: 20px;}
    .tab-num {font-size: 70px;line-height: 70px;}
    .accordion-button::after {top: 40px;}
    .tab-title {font-size: 28px;}
    .exp-list ul li {flex-basis: calc(50% - 10px);}
    #lightbox .lb-outerContainer, #lightbox .lb-dataContainer {width: 92% !important;}
    .aboutussec4 .column .badges_ .text_badges h3 {font-size: 20px;line-height: 28px;margin-bottom: 10px;}
    .work-filter .column_two {flex-wrap: wrap;}
    .work-filter .column_two li {flex-basis: calc(50% - 10px);}
    .work-filter .column_two li span {justify-content: start;}
    .work-filter .column_two li:nth-child(2) {border-right: 0px}
    .work-filter .column_two li:nth-child(1), .work-filter .column_two li:nth-child(2) {border-bottom: 1px dashed #868686;padding-bottom: 15px;}
    .work-filter .column_two li:nth-child(3), .work-filter .column_two li:nth-child(4) {padding-top: 15px;}
    #servtab .accordion-body {padding: 0 0 20px 0;}
    .aboutussec4 .column .profile {display: flex;}
    .aboutussec4 .column .badges_ h2 {text-align: center;}
    #pagination ul {gap: 5px;}
    #pagination li span, #pagination li a {width: 40px;height: 40px;line-height: 40px;font-size: 18px;}
    .filter_cat li span {font-size: 16px;}
    .inner_filters_view {height: 320px;}
}

@media only screen and (max-width:600px) {
    .award-img {right: 0;width: 100px;}
    .title {font-size: 26px;line-height: 32px;margin-bottom: 15px !important;}
    .clients-list li {width: calc(50% - 10px);}
    section.clients, section.build, .testimonials, section.craft, .aboutussec2 {padding: 40px 0px;}
    .pf_imageholder {height: 420px;}
    .seprator img, .sep_ {height: 1px}
    .hr_design {width: 60px;}
    .aboutussec4 .column img.profile_pic {width: 130px;}
    .aboutussec1 {padding-bottom: 40px;}
    .filter_cat {grid-template-columns: repeat(2, 1fr);gap: 10px;}
}
@media only screen and (max-width:575px) {
    .work-filter li span {font-size: 16px;flex-direction: column;gap: 4px;line-height: normal;}
    .work-filter li img {width: 30px;margin: 0px;}
    .review_columns {padding: 10px;}
    .review_columns .left_column video {height: auto;width: 100%;}
    .aboutussec4 .column .badges_ h2, .aboutussec3 h2, .aboutussec1 h2 {font-size: 26px;}
    .aboutussec3 p {font-size: 18px;line-height: 25px;}
    .ranking .d-flex {flex-wrap: wrap;text-align: center;}
    img.rank-icon {width: 80px;margin: 0 auto;}
    .tab-num {font-size: 50px;line-height: 50px;}
    .accordion-button::after {top: 30px;}
    .tab-title {font-size: 24px;}
    .exp-list ul li img {width: 120px;}
     #pagination li span, #pagination li a {width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
}
@media only screen and (max-width:480px) {
    .reviews_wrapper {height: 700px;}
    h3.project-title {padding-right: 30px;}
    h3.project-title:after {right: 0px;}
    .clients-list li img {width: 100%}
    .hr_design {width: 40px;}
    .expert {flex-direction: column;}
    .filter_cat {grid-template-columns: repeat(1, 1fr);}
}