@import url('https://fonts.googleapis.com/css2?family=Gorditas:wght@400;700&display=swap');
@font-face {
    font-family: Gordita-Black;
    src: url("../fonts/Gordita-Black.otf") format("opentype");
}
@font-face {
    font-family: Gordita-Bold;
    src: url("../fonts/Gordita-Bold.otf") format("opentype"); 
}
@font-face {
    font-family: Gordita-Light;
    src: url("../fonts/Gordita-Light.otf") format("opentype");
}
@font-face {
    font-family: Gordita-Medium;
    src: url("../fonts/Gordita-Medium.otf") format("opentype");
}
@font-face {
    font-family: Gordita-Regular;
    src: url("../fonts/Gordita-Regular.otf") format("opentype");
}
@font-face {
    font-family: Gordita-Ultra;
    src: url("../fonts/Gordita-Ultra.otf") format("opentype");
}
:root {
    --gordita: "Gorditas", serif;
    --black: #000000;
    --light-black: #171A1C;
    --white: #FFFFFF;
    --blue: #831cb1;
    --grey: #63636329;
    --pink: #FFF8F8;
    --sky-blue: #EFF8FF;
    --dark-grey: #2B2B2B;
    --font-70: 70px;
    --font-66: 66px;
    --font-45: 45px;
    --font-40: 40px;
    --font-34: 34px;
    --font-32: 32px;
    --font-30: 30px;
    --font-28: 28px;
    --font-26: 26px;
    --font-24: 24px;
    --font-22: 22px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
    --font-14: 14px;
    --font-12: 12px;
}
html {
    scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
a:focus-visible {
    outline: none !important;
}
.row {
    margin: 0;
}
p,ul {
    margin: 0;
    padding: 0;
}
.row>* {
    padding-left: 0;
    padding-right: 0;
}
body {
    width: 100%;
    overflow-x: hidden !important;
    font-family:"Gorditas", serif;
}
a:hover {
	text-decoration: none !important;
}
a {
    text-decoration: none;
    color: inherit;
}
/*header css*/
header#masthead {
    background: #fff;
    box-shadow: 0px 0px 14px #00000029;
    position: sticky;
    top: 0px;
    padding: 22px 0px;
    z-index:999;
}
.header__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
p.site-title {
    display: none !IMPORTANT;
}
.main-navigation ul {
    justify-content: end;
}
.main-navigation li.current_page_item a {
    color: #831cb1 ! IMPORTANT;
}
ul#primary-menu li a {
    padding: 10px 15px;
    border-radius:8px;
    color:#171A1C;
    font-family: Gordita-Regular;
}
ul#primary-menu li a:hover{
	color:#831cb1;
}
.main-navigation p .apply-btn {
    color: #fff;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    background: #831cb1;
    padding: 10px 25px;
    border-radius: 8px;
    border: 1px solid #831cb1;
}
.main-navigation .apply-btn:hover {
    background: transparent;
    border: 1px solid #831cb1;
    color: #831cb1;
}
nav#site-navigation p {
    margin: 0;
}
/*header css end*/

/* blog page css start */
.post-content h1 {
    font-size: 35px;
    font-family: 'Gordita-Bold';
    color: #171A1C;
    margin: 0 0 20px 0;
}
.post-content h2 {
    font-size: 24px;
    font-family: 'Gordita-Medium';
    color: #831cb1;
    margin: 0 0 15px 0;
}
.post-content p {
    font-size: 16px;
    font-family: 'Gordita-Regular';
    color: #171A1C;
    margin: 0 0 20px 0;
	text-align: justify;
}
.post-content h3 {
    font-family: 'Gordita-Medium';
    font-size: 21px;
    margin: 0 0 20px 0;
    color: #831cb1;
}
.post-content h4 {
    font-size: 22px;
    font-family: 'Gordita-Medium';
    color: #831cb1;
    margin: 0 0 15px 0;
}
.post-content p a {
    color: #831cb1;
	font-family: 'Gordita-Bold';
    font-size: 16px;
}
.post-content ul li {
    font-size: 16px;
    color: #171A1C;
    font-family: 'Gordita-Regular';
    margin: 0 0 12px 0;
	text-align: justify;
}
.comments-wrapper.section-inner h3 {
    font-family: 'Gordita-Medium';
    font-size: 25px;
    margin: 0 0 20px 0;
    color: #171A1C;
}
.comments-wrapper.section-inner p {
    font-size: 16px;
    color: #171A1C;
    font-family: 'Gordita-Regular';
    margin: 0 0 25px 0;
}
/* blog page css end */

/* spin up page css start */
section.spin-up-sec {
    background: #e6d2ef;
    padding: 60px 0px;
}
.spin-up-sec-lft h1 {
    font-size: 35px;
    font-family: Gordita-Bold;
    color: #171A1C;
    letter-spacing: 0px;
    line-height: 47px;
    margin: 0 0 25px 0;
}
.spin-up-sec-lft p {
    font-size: 16px;
    text-align: left;
    color: #171A1C;
    font-family: Gordita-Regular;
    letter-spacing: 0px;
    margin-bottom: 50px;
	line-height: 165%;
}
.spin-up-sec-lft span {
    color: #831cb1;
    font-weight: normal;
}
.hire-area {
    display: flex;
    grid-gap: 18px;
    margin-bottom: 22px;
}
.hire-area-inn.blue a {
    background: #831cb1;
    border-radius: 8px;
    padding: 15px 35px;
	border: 1px solid #831cb1;
}
.hire-area-inn.blue:hover a {
    background: transparent;
    border: 1px solid #831cb1;
}
.hire-area-inn.blue:hover a {
	color: #831cb1;	
}
.hire-area-inn.blue-border {
    border: 1px solid #831cb1;
    border-radius: 8px;
    padding: 15px 35px;
	display: none;
}
.hire-area-inn.blue a {
    color: #FFFFFF;
    font-size: 16px;
    font-family: Gordita-Regular;
    font-weight: normal;
    letter-spacing: 0px;
}
.works-area:hover {
    background: #000;
}
.hire-area-inn.blue-border a {
    font-size: 16px;
    color: #831cb1;
    font-family: Gordita-Regular;
}
.hire-footer {
    display: none;
    grid-gap: 10px;
	align-items: baseline;
}
.hire-count span {
    font-size: 16px;
    font-weight: bold;
    color: #171A1C;
    font-family: Gordita-Bold;
}
.hire-based p {
    font-size: 16px;
    font-family: Gordita-Regular;
    color: #171A1C;
}
.hire-based span {
    color: #171A1C;
    font-weight: 600;
}
.count-sec {
    background: #e8b6ff;
    padding: 70px 0px;
	display: none;
}
.clutch-area {
    background: #FFFFFF;
    border: 1px solid #831cb116;
    border-radius: 8px;
    padding: 20px;
    max-height: 120px;
}
.count-sec-main-inn {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 28px;
}
.clutch-area-inn {
    display: flex;
    grid-gap: 55px;
}
.clutch-area-inn-rgt h5 {
    color: #831cb1;
    font-weight: bold;
    font-size: 23px;
    font-family: Gordita-Bold;
    margin-bottom: 3px;
}
.clutch-area-inn-rgt p {
    font-size: 16px;
    font-family: Gordita-Regular;
    color: #171A1C;
	margin: 0;
}
.clutch-area-inn-rgt span {
    font-weight: bold;
    font-family: Gordita-Bold;
}
.clutch-area-inn.follower {
    display: flex;
    align-items: center;
}
.clutch-area-inn-lft img {
    max-width: 100%;
}
.clutch-area-inn-rgt {
    width: 70%;
}
.remote-area h2 {
    font-size: 25px;
    color: #171A1C;
    text-align: center;
    text-transform: capitalize;
    width: 770px;
    margin: 0 auto;
    font-family: Gordita-Medium;
    margin-top: 70px;
    margin-bottom: 46px;
	display: none;
}
.swiper-slide img {
    width: 100%;
}
.remote-sec {
    padding: 60px 0px;
    background: #FFFFFF;
}
.remote-sec-main-inn h2 {
    color: #171A1C;
    font-size: 32px;
    text-align: center;
    text-transform: capitalize;
    font-family: Gordita-Medium;
    font-weight: 500;
    margin-bottom: 20px;
}
.remote-sec-main-inn p {
    font-size: 16px;
    color: #171A1C;
    text-align: center;
    width: 400px;
    margin: 0 auto;
    margin-bottom: 70px;
    font-family: Gordita-Medium;
}
.developer-grid-main .software {
    background: #F1FAF4;
    padding: 35px;
    border-bottom: 3px solid #6AB282;
	border-radius: 8px 8px 0 0;
}
.developer-grid-main .software p {
    font-size: 16px;
    color: #171A1C;
    font-family: Gordita-Medium;
    text-transform: capitalize;
    margin: 19px 0 0 0;
}
.developer-grid-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
.software.pink {
    background: #FFF8F8;
    border-bottom: 3px solid #E8505B;
}
.software.green {
    background: #EFF8FF;
    border-bottom: 3px solid #2A85C3;
}
.software.sky-blue {
    background: #831cb116;
    border-bottom: 3px solid #831cb1;
}
.developer-grid-main .software img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	width: 15%;
	background-size: contain;
}
.challenging-sec {
    padding: 60px 0px;
    background: #e6d2ef;
    position: relative;
}
.challenging-sec::before {
    content: "";
    position: absolute;
    background: url(../image/remote-icon.svg);
    width: 95px;
    height: 180px;
    right: 0;
    top: -80px;
    background-size: cover;
	display: none;
}
.challenging-sec-lft h2 {
    font-size: 32px;
    color: #171A1C;
    text-align: left;
    font-family: Gordita-Medium;
    line-height: 45px;
    margin-bottom: 20px;
}
.building-inn img {
    width: 50px;
    height: 50px;
	background-size: contain;
}
.challenging-sec-lft p {
    font-size: 16px;
    color: #171A1C;
    font-family: Gordita-Regular;
    margin-bottom: 40px;
	width: 75%;
}
.challenging-sec-rgt img {
    width: 100%;
}
.building-inn p {
    font-size: 16px;
    text-align: left;
    letter-spacing: 0px;
    width: 400px;
    margin-bottom:0px;
    font-family: Gordita-Regular;
}
.building-inn {
    display: flex;
    grid-gap: 22px;
    align-items: center;
}
.building {
    display: flex;
    flex-direction: column;
    grid-gap: 40px;
}
.skill-sec {
    background: #e6d2ef;
    padding: 60px 0px;
}
.skill-sec-main-inn h2 {
    font-size: 32px;
    color: #171A1C;
    text-transform: capitalize;
    font-family: Gordita-Medium;
    margin-bottom: 40px;
}
.skill-grid-main-inn {
    background: #FFFFFF;
    border: 1px solid #831cb116;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 10px;
	cursor: pointer;
}
.skill-grid-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
.skill-grid-main-inn h5 {
    font-size: 20px;
    color: #171A1C;
    font-family: Gordita-Medium;
    margin:0px;
}
.skill-grid-main-inn img {
    width: 45px;
}
.potential-sec {
    padding: 30px 0px 0px 0px;
    background: #202224;
}
.potential-sec-rgt h2 {
    color: #FFFFFF;
    font-size: 32px;
    margin: 0px 0px 50px 0px;
    font-family: Gordita-Medium;
}
.hire-dev a {
    background: #FFFFFF;
    padding: 10px 25px;
    border-radius: 8px;
}
.hire-dev a {
    color: #292929 !important;
    font-size: 20px;
    font-family: Gordita-Medium;
}
.hire-dev-black a:hover {
    color: #fff;
}
.hire-dev-black:hover a {
    background: #831cb1;
    border: 1px solid #831cb1;
}
.apply-area p {
    color: #FFFFFF;
    font-family: Gordita-Light;
    font-size: 18px;
    margin:0px;
}
.apply-area {
    display: flex;
    grid-gap: 20px;
    align-items: center;
}
.hire-dev-black a {
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 10px 25px;
    
}
.clutch-area:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.hire-dev:hover a,
.hire-dev:hover a{
    background: #831cb1;
	color: #fff !important;
}
.software:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.hire-dev-black a {
    color: #fff !important;
    font-family: Gordita-Medium;
    font-size: 20px;
}
.country-sec-main-inn:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.potential-sec-lft {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}
.potential-sec-main {
    display: grid;
    grid-template-columns: 550px 340px;
    align-items: center;
    justify-content: space-between;
}
.potential-sec-img img {
    width: 80%;
    opacity: 0.3;
}
.business-sec {
    padding: 60px 0px 150px 0px;
    background: #e6d2ef;
}
.skill-grid-main-inn:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.hire-blue.blue-line:hover,
.hire-blue.blue-line:hover a{
    background: #831cb1;
	color: #fff;
}
.business-sec-inn h2 {
    font-size: 32px;
    font-family: Gordita-Medium;
    text-align: center;
    font-weight: 600;
    width: 410px;
    margin: 0 auto;
	color: #171A1C;
}
.country-sec {
    background: #FFFFFF;
    padding: 0px 0px 60px 0px;
}
.country-sec-main-inn {
    background: #ffffff;
    box-shadow: 0px 3px 20px #0000001A;
    border-radius: 8px 8px 0 0;
    padding: 30px;
    position: relative;
}
.country-sec-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    position: relative;
    bottom: 100px;
}
.speed-area {
    display: flex;
    grid-gap: 20px;
    align-items: center;
}
.spped-inn {
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
}
.spped-inn h5 {
    color: #831cb1;
    font-size: 23px;
    font-family: Gordita-Bold;
    text-transform: capitalize;
}
.spped-inn h6 {
    color: #171A1C;
    font-size: 20px;
    font-family: Gordita-Light;
    text-transform: capitalize;
}
.country-sec-main-inn p {
    color: #171A1C;
    font-size: 16px;
    margin: 15px 0 0 0;
    font-family: Gordita-Regular;
}
.country-sec-main-inn p strong{
    font-family: Gordita-Medium;
}
.speed-area img {
    width: 45px;
    height: 45px;
    filter: brightness(0) saturate(100%) invert(13%) sepia(96%) saturate(6073%) hue-rotate(282deg) brightness(77%) contrast(100%);
}
.country-sec-main-inn::after {
    content: "";
    position: absolute;
    border-bottom: 3px solid #383838;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
}
.earth-area-rgt img {
    width: 100%;
    filter: brightness(0) saturate(100%) invert(13%) sepia(96%) saturate(6073%) hue-rotate(282deg) brightness(77%) contrast(100%);
}
.earth-area-lft h2 {
    font-size: 32px;
    text-align: left;
    letter-spacing: 0px;
    color: #171A1C;
    font-family: Gordita-Regular;
    margin-bottom: 40px;
	line-height: 45px;
}
.earth-count-inn h2 {
    color: #831cb1;
    font-size: 32px;
    font-family: Gordita-Bold;
    font-weight: bold;
    letter-spacing: 0px;
	margin: 0;
}
.earth-count-inn p {
    color: #171A1C;
    font-size: 16px !important;
    font-family: Gordita-Light;
	margin: 0;
}
.earth-count {
    display: flex;
    grid-gap: 50px;
}
.earth-count-inn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}
.tailored-sec {
    background: #FFFFFF;
    padding: 60px 0px;
}
.tailored-sec-main h2 {
    text-align: center;
    color: #171A1C;
	font-size: 32px;
    font-family: Gordita-Medium;
    max-width: 740px;
    margin: 0 auto;
}
.requirement-sec {
    background: #F1FAF4;
    padding: 50px;
    margin-top: 70px;
    margin-bottom: 50px;
	border-radius: 8px;
}
.num-area {
    background: #D0DDDD;
    border-radius: 8px;
    padding: 10px;
    width: 50px;
    height: 50px;
    margin-bottom: 35px;
    text-align: center;
}
.video-main {
    width: 100%;
/*     height: 100vh; */
}
.requirement-sec-lft h4 {
    font-size: 26px !important;
    color: #171A1C;
    font-family: Gordita-Medium;
    margin-bottom: 20px;
	text-align: left;
}
.requirement-sec-lft p {
    font-size: 16px;
    color: #171A1C;
    font-family: Gordita-Regular;
    max-width: 400px;
	margin: 0;
}
.tailored-sec .requirement-sec-rgt img {
    width: 80%;
}
.num-area h4 {
    font-size: 24px;
    color: #171A1C;
    font-family: Gordita-Medium;
	text-align: center !important;
	margin: 0 !important;
}
.leverages-sec-rgt h4 {
    text-align: left;
    font-size: 26px;
    color: #171A1C;
    font-family: Gordita-Medium;
    margin-bottom: 20px;
}
.leverages-sec-lft {
    background: #FFF8F8;
    padding: 35px;
	border-radius: 8px;
}
.leverages-sec-rgt {
    background: #EFF8FF;
    padding: 35px;
	border-radius: 8px;
}
.potential-sec-img:hover {
    transform: scale(1.05);
    transition: transform 0.5sease;
}
.leverages-sec {
    display: grid;
    grid-template-columns: 55% auto;
    grid-gap: 45px;
    margin-bottom: 45px;
}
.num-area.pink {
    background: #FFC1C1;
}
.leverages-sec .leverages-sec-lft h4 {
    text-align: left;
    font-size: 26px;
    color: #171A1C;
    font-family: Gordita-Medium;
    margin-bottom: 20px;
}
.leverages-sec-lft p {
    font-size: 16px;
    color: #171A1C;
    font-family: Gordita-Regular;
    margin-bottom: 30px;
}
.leverages-sec-rgt h1 {
    text-align: left;
    font-size: 24px;
    font-family: Gordita-Medium;
    margin-bottom: 20px;
}
.leverages-sec-rgt p {
    font-size: 16px;
    color: #171A1C;
    font-family: Gordita-Regular;
    margin-bottom: 30px;
}
.leverages-sec-rgt ul li {
    font-size: 16px;
    font-family: Gordita-Regular;
    color: #171A1C;
    margin-left: 20px;
}
.spin-up-sec .spin-up-sec-rgt img:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.challenging-sec .challenging-sec-rgt img:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.tailored-sec .requirement-sec-rgt img:hover {
   transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.tailored-sec .leverages-sec-rgt img:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.remote-sec .developer-area-lft img:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.country-sec .earth-area-rgt img:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.leverages-sec-rgt img {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.leverages-sec-rgt ul {
    margin: 0 0 20px 0;
	padding: 0px;
	display: flex;
    flex-direction: column;
    grid-gap: 20px;
}
.sourcing-area-inn {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    background: #ffe6e6;
    padding: 15px;
    max-width: 100%;
	border-radius: 8px;
}
.sourcing-area-inn img {
    width: 32px;
    height: auto;
    opacity: 0.5;
}
a.play__button {
    display: none;
}
.testimonial__section .video__block img:hover {
   transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.sourcing-area-inn p {
    font-size: 16px;
    color: #171A1C;
    font-family: Gordita-Medium;
	margin: 0px;
}
.sourcing-area {
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    margin-bottom: 20px;
}
.works-area {
    background: #831cb1;
    padding: 15px;
    max-width: 100%;
}
.works-area a img {
    width: 15px;
}
.skills-menu ul li {
    font-size: 16px;
    color: #171A1C;
    font-family: 'Gordita-Regular';
	margin: 0 0 20px 0;
}
.skills-menu ul li:hover {
    color: #831cb1;
}
.single__post__sidebar {
    position: sticky;
    top: 120px;
}
.works-area a {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 15px;
}
.works-area p {
    font-size: 16px;
    color: #FFFFFF;
    font-family: Gordita-Medium;
    margin: 0;
}
.dedicated-sec {
    background: #ffffff;
    padding: 0px 0px 80px 0px;
}
.dedicated-sec-inn h2 {
    font-size: 32px;
    color: #000;
    text-align: center;
    font-family: Gordita-Medium;
    margin: 0 0 15px 0;
}
.dedicated-sec-inn p {
    font-size: 16px;
    color: #2B2B2B;
    text-align: center;
    max-width: 710px;
    margin: 0 auto;
    margin-bottom: 60px;
    font-family: Gordita-Regular;
}
p{
    font-family: Gordita-Regular;
}
.hire-now-sec-inn {
    box-shadow: 0px 0px 20px #0000001A;
    background: #fff;
}
.hire-now-sec {
    display: grid;
    grid-template-columns: 370px 370px;
    margin: 0 auto;
    grid-gap: 0px 60px;
    max-width: 800px;
}
.black-bg {
    background: #2B2B2B;
    padding: 20px;
	border-radius: 8px 8px 0 0;
}
.black-bg h6 {
    color: #fff;
    font-size: 20px;
    font-family: Gordita-Bold;
    font-weight: bold;
    text-align: center;
	margin: 0;
}
.hire-now-sec-inn .white-bg {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dedicated-sec-inn .hire-now-sec-inn .white-bg h5 {
    font-size: 23px;
    color: #2B2B2B;
    font-family: Gordita-Regular;
    max-width: 300px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0;
}
.hire-now-sec-inn .white-bg span {
    color: #000;
    font-size: 25px;
    font-family: Gordita-Bold;
    font-weight: bold;
    margin-bottom: 20px;
}
.hire-now-sec-inn .white-bg h6::before {
    content: "";
    position: absolute;
    border: 2px solid #831cb1;
    width: 100px;
    left: 70px;
    bottom: 50px;
}
.hire-now-sec-inn .white-bg h6 {
    font-size: 20px;
    color: #2B2B2B;
    font-family: Gordita-Medium;
    position: relative;
    margin-bottom: 17px;
    margin-top: 0px;
}
.hire-now-sec-inn .white-bg p {
    font-size: 16px;
    color: #2B2B2B;
    font-family: Gordita-Medium;
    max-width: 250px;
    margin: 0;
    min-height: 80px;
}
.hire-area-inn.blue-border:hover a, .hire-area-inn.blue-border:hover a {
    background: #831cb1;
    color: white;
}
.dedicated-sec-inn h5 {
    text-align: center;
    font-size: 23px;
    color: #2B2B2B;
    margin-top: 70px;
    font-family: Gordita-Medium;
}
.hire-blue.blue-line a {
    border: 1px solid #831cb1;
    border-radius: 8px;
    padding: 5px 100px;
    margin-top: 20px;
}
.hire-blue.blue-line a {
    color: #831cb1;
    font-size: 16px;
    font-family: Gordita-Regular;
    font-weight: bold;
}
.hire-blue.blue-bg {
    background: #831cb1;
    border-radius: 10px;
    padding: 5px 100px;
    margin-top: 20px;
}
.hire-blue.blue-bg a {
    font-size: 22px;
    color: #FFFFFF;
    font-family: Avenir Next LT Pro;
}
.video-main div#thumbnailOverlay img {
    border-radius: 8px;
}
.skill-grid-main-inn .skill-images {
    min-height: 50px;
}
.developer-area-lft {
    padding-right: 40px;
}
.developer-area-lft img {
    width: 100%;
}
.video-main .play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    background-color: #831cb1;
    padding: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
    opacity: 1;
    width: 60px;
    height: 60px;
}
section.count-sec .swiper {
    display: none;
}
/* spin up page css end */

/* contact us css */
section.contact-us-section {
	background: #e6d2ef;
	padding: 50px 0px;
}
.contact-us-section .title-banner h1 {
	font-size: 35px;
	color: #171A1C;
	font-family: Gordita-Bold;
}
.lets-get-touch-section .lets-get-title-desc h2 {
	font-size: 32px;
	color: #171A1C;
	font-family: Gordita-Medium;
	text-align: center;
	margin-bottom: 20px;
}
.lets-get-touch-section .lets-get-title-desc p {
	font-size: 16px;
	color: #171A1C;
	font-family: Gordita-Regular;
	text-align: center;
	margin: 0 0 50px 0;
}
section.lets-get-touch-section {
	background: #FFFFFF;
	padding: 70px 0px;
}
.lets-get-touch-section .contact-us-sub-title {
	background: #ffffff;
	padding: 35px;
	border: 1px solid #171A1C;
	border-radius: 8px;
	height: 100%;
}	
.lets-get-touch-section .contact-us-sub-title h3 {
	font-size: 29px;
	color: #171A1C;
	font-family: Gordita-Medium;
	text-align: left;
	margin-bottom: 15px;
}
.lets-get-touch-section .contact-us-desc p {
	font-size: 16px;
	color: #171A1C;
	font-family: Gordita-Regular;
	margin-bottom: 30px;
}
.lets-get-touch-section .contact-page-form p {
	margin-bottom: 15px;
}
.lets-get-touch-section .blue-section-part {
	background: #e6d2ef;
	padding: 35px;
	border-radius: 8px;
	min-height: 100%;
	border-top: 1px solid #171A1C;
	border-right: 1px solid #171A1C;
	border-bottom: 1px solid #171A1C;
}
.lets-get-touch-section .blue-section-part h3 {
	color: #000000;
	font-size: 29px;
	font-family: Gordita-Medium;
	margin-bottom: 0px;
	margin-left: 15px;
}
.lets-get-touch-section .blue-section-part .india-phone-txt h6 {
	font-size: 16px;
	color: #ffffff;
	font-family: Gordita-Bold;
	margin-bottom: 10px;
	padding-left: 10px;
}
.lets-get-touch-section .blue-section-part h4 {
	color: #000000;
	font-family: Gordita-Medium;
	font-size: 26px;
	margin-top: 20px;
	margin-left: 15px;
}
.social-image img {
    width: 90%;
    margin: 50px 0 0 0;
}
.lets-get-touch-section .blue-section-part .india-phone-txt a {
	color: #000000;
	font-size: 16px;
	font-family: Gordita-Regular;
	padding-left: 10px;
}
.lets-get-touch-section .blue-section-part .india-number.email-address {
	margin-top: 10px;
}
.lets-get-touch-section .blue-section-part .social-icons {
	display: flex;
	grid-gap: 15px;
	margin-top: 22px;
	padding-left: 15px;
}
.lets-get-touch-section .blue-section-part .india-phone-txt a:hover {
	color: #831cb1;
}
.contact-page-form textarea {
	width: 100%;
	max-height: 100px !important;
}
.social-icons a img {
	width: 40px;
}
img{
	max-width:100%;
}
.lets-get-touch-section input[type="submit"] {
    border: 1px solid;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    width: 100%;
    line-height: 1;
    padding: 15px;
    background: #831cb1;
	font-family: Gordita-Medium;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #171A1C !important;
    font-size: 14px !important;
    background: #F8F7FF;
    border: 1px solid #831cb116;
    border-radius: 10px;
    width: 100%;
	font-family: Gordita-Regular !important;
}
.social__icons ul {
    display: flex;
    flex-wrap: wrap;
}
.social-icons ul li {
    list-style-type: none;
}
.social-icons a img:hover,
.lets-get-touch-section .india-number img:hover{
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
/* contact us css end */

/* Hire Developer Page */
.hire-top-sec {
	padding: 50px 0px 50px 0px;
	background: #f3e8f7;
	position: relative;
}
.hire-top-sec::after {
	content: "";
	position: absolute;
	background: url("https://myappdemo.xyz/gemsdevs/wp-content/uploads/2025/03/images.png") no-repeat;
	width: 60%;
	top: 60px;
	right: 0px;
	height: 100%;
	display: none;
}
.hire-top-sec .hire-devs h1 {
    color: #171A1C;
    font-size: 35px;
    font-family: Gordita-Bold;
    margin: 0 0 18px 0;
}
.hire-top-sec .hire-devs {
    position: relative;
    z-index: 1;
}
.hire-top-sec .hire-devs h6 {
    color: #171A1C;
    font-size: 20px;
    font-family: 'GORDITA-MEDIUM';
    margin-bottom: 20px;
}
.hire-top-sec .hire-devs p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
	margin: 0 0 40px 0;
}
.hire-top-btn a {
    background: #831cb1;
    border-radius: 8px;
    padding: 15px;
    display: inline;
	border: 1px solid #831cb1;
	color: #FFFFFF !important;
    font-family: 'GORDITA-MEDIUM';
    font-size: 16px;
}
.hire-top-btn:hover a {
    background: transparent;
    border: 1px solid #831cb1;
}
.hire-top-btn:hover a {
	color: #831cb1 !important;
}
.hire-devs-form {
    background: #fff;
    padding: 40px 40px 10px 40px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 20px #831cb142;
    border: 1px solid #831cb116;
    border-radius: 8px;
}
.hire-devs-form h5 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 23px;
    margin: 0 0 15px 0;
}
.hire-devs-form p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0 0 20px 0;
}
.hire-devs-form p {
    margin: 0 0 10px 0;
}
.hire-devs-form textarea {
    width: 100%;
    max-height: 90px;
}
.hire-devs-form input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 8px;
    background: #831cb1;
    color: #fff;
    line-height: 1;
    padding: 15px;
    font-size: 16px;
    font-family: Gordita-Medium;
    width: 100%;
}
.hire-devs-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: 10px !important;
}
.hire-devs-form input[type="submit"]:hover {
    background: transparent;
    color: #831cb1;
    border: 1px solid #831cb1;
}
section.slider-sec {
    padding: 90px 0px;
    background: #fff;
}
.slider-sec .slider-title h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    text-align: center;
    font-size: 32px;
    margin: 0 0 50px 0;
}
section.specific-skill-sec {
    padding: 60px 0px 50px 0;
    background: #ffffff;
}
.specific-skill-sec .skill-title h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    text-align: center;
    font-size: 32px;
    margin: 0 0 20px 0;
}
.specific-skill-sec .skill-title p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    text-align: center;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}
section.schedule-sec {
    background: #f3e8f7;
	padding: 60px 0px;
}
.schedule-sec .schedule-desc h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 32px;
    margin: 0 0 30px 0;
	text-align: center;
}
.schedule-sec .schedule-desc p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0 0 30px 0;
	text-align: center;
}
.schedule-sec .schedule-btn {
    display: flex;
    justify-content: center;
    position: relative;
}
section.schedule-sec .row {
    display: flex;
    align-items: center;
}
.schedule-sec .schedule-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Gordita-Medium;
    font-size: 16px;
    background: #831cb1;
    color: #fff !important;
    border: 1px solid #831cb1;
    padding: 15px 50px;
    position: relative;
    border-radius: 8px !important;
    transition: all 0.3s ease;
    cursor: pointer;
}
.schedule-sec .schedule-btn a:hover {
    background: transparent;
	border: 1px solid #831cb1;
	color: #831cb1 !important;
}
section.developer-sec {
    background: #ffffff;
    padding: 60px 0px 50px 0px;
}
.developer-sec .developer-title h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    text-align: center;
    font-size: 32px;
    margin: 0 0 20px 0;
}
.developer-sec .developer-title p {
    color: #171A1C;
    text-align: center;
    font-size: 16px;
    font-family: 'Gordita-Regular';
	margin: 0 0 50px 0;
}
.developers-info img {
	margin-bottom: 22px;
}
.developers-info h6 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 20px;
    min-height: 50px;
    margin: 0 0 15px 0;
}
.developers-info p {
    color: #2B2B2B;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0 0 15px 0;
}
.col-lg-3.col-md-6.col-12.business-main .developers-info {   
	height: 100%;
    padding: 20px;
}
.col-lg-3.col-md-6.col-12.business-main:nth-child(1) .developers-info {
	background: #dabbe8;
    border: 1px solid #63636326;
    border-radius: 10px;
}
.col-lg-3.col-md-6.col-12.business-main:nth-child(2) .developers-info {
    background: #f3e8f7;
    border: 1px solid #63636326;
    border-radius: 10px;
}
.col-lg-3.col-md-6.col-12.business-main:nth-child(3) .developers-info {
    background: #dabbe8;
    border: 1px solid #63636326;
    border-radius: 10px;
}
.col-lg-3.col-md-6.col-12.business-main:nth-child(4) .developers-info {
    background: #f3e8f7;
    border: 1px solid #63636326;
    border-radius: 10px;
}
.col-lg-3.col-md-6.col-12.business-main {
    padding: 0px 10px;
}
.hire-top-reviews-main {
    margin: 70px 0 0 0;
    display: none;
    grid-template-columns: 200px 200px 200px;
    grid-gap: 15px;
}
.reviews-area {
    background: #FFFFFF;
    padding: 12px;
    border: 1px solid #831cb116;
    border-radius: 8px;
}
.hire-top-reviews-main-inn {
    display: flex;
    grid-gap: 10px;;
}
.reviews-area-inn-lft {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
.reviews-area-inn-lft img {
    width: 65px;
}
.reviews-area .reviews-area-rgt h6 {
    color: #831cb1;
    font-family: 'Gordita-Bold';
    font-size: 20px;
	margin: 0;
}
.reviews-area-rgt p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px !important;
    margin: 0 !important;
}
section.faq-sec {
    background: #fff;
    padding: 50px 0px;
}
.faq-sec .faq-title h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 32px;
    text-align: center;
    margin: 0 0 40px 0;
}
.accordion-item {
    border: none;
}
.faq-sec-accordion button.accordion-button.collapsed {
    color: #171A1C;
    font-size: 16px;
    border: 1px solid #831cb116;
    font-family: 'Gordita-Medium';
	background: #ffffff;
    border-radius: 10px !important;
}
.accordion-button:focus {
    box-shadow: none;
}
section.how-to-hire-sec {
    background: #ffffff;
    padding: 60px 0px 50px 0px;
	position: relative;
}
.how-to-hire-desc h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 32px;
    margin: 0 0 20px 0;
	text-align: center;
}
.how-to-hire-desc p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0 0 50px 0;
	text-align: center;
}
.hire-now-btn a {
    background: #831cb1;
    border-radius: 8px;
    padding: 10px 40px;
    display: inline;
	border: 1px solid #831cb1;
}
.hire-now-btn a {
    color: #FFFFFF !important;
    font-family: 'Gordita-Medium';
    font-size: 16px;
}
.hire-now-btn:hover a {
    background: transparent;
    border: 1px solid #831cb1;
}
.hire-now-btn:hover a {
    color: #831cb1 !important;
}
section.how-to-hire-sec::before {
    content: "";
	position: absolute;
    background: url(../image/remote-icon.svg);
    width: 95px;
    height: 180px;
    right: 0;
    top: -80px;
    background-size: cover;
	z-index: 1;
	display: none;
}
section.how-to-hire-sec::after {
    content: "";
	position: absolute;
	background: url(https://myappdemo.xyz/gemsdevs/wp-content/uploads/2025/03/Group-159693-2.png) no-repeat;
    width: 100%;
    top: 0;
    height: 100%;
    background-size: contain;
	display: none;
}
.how-to-hire-desc {
    position: relative;
    z-index: 1;
}
.how-to-hire-accordian {
    position: relative;
    z-index: 1;
}
section.specific-skill-sec .row:nth-child(2) {
    margin: 60px 0 0 0;
}
.skills-menu ul li {
    list-style-type: none;
}
.skills-menu ul li a {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
.skills-menu ul li:not(:last-child) {
    margin-bottom: 20px;
}
.skills-menu ul li a:hover {
    color: #831cb1;
}
.how-to-hire-accordion {
    position: relative;
    z-index: 1;
	margin-left: 40px;
}
.faq-sec-accordion .accordion-button:not(.collapsed) {
    color: #171A1C;
    background: #e6d2ef;
    font-family: 'Gordita-Medium';
    font-size: 18px;
    border: 1px solid #831cb116 !important;
    border-radius: 10px 10px 0 0 !important;
}
.accordion-item {
    margin: 0 0 20px 0;
}
.faq-sec-accordion .accordion-body {
    background: #e6d2ef;
    border-radius: 0px 0 10px 10px;
    color: #171A1C;
    font-family: Gordita-Regular;
    font-size: 16px;
}
.how-to-hire-accordion .accordion-item:nth-child(1) .accordion-button.collapsed {
    color: #171A1C;
    font-size: 16px;
    border: 1px solid #171A1C;
    font-family: 'Gordita-Medium';
    background: #f3e8f7;
    border-radius: 8px !important;
}
.how-to-hire-accordion .accordion-item:nth-child(2) .accordion-button.collapsed {
	color: #171A1C;
	font-size: 16px;
	border: 1px solid #171A1C;
	font-family: 'Gordita-Medium';
	background: #f3e8f7;
	border-radius: 8px !important;
}
.how-to-hire-accordion .accordion-item:nth-child(3) .accordion-button.collapsed {
	color: #171A1C;
	font-size: 16px;
	border: 1px solid #171A1C;
	font-family: 'Gordita-Medium';
	background: #f3e8f7;
	border-radius: 8px !important;
}
.how-to-hire-accordion .accordion-item:nth-child(4) .accordion-button.collapsed {
    color: #171A1C;
    font-size: 16px;
    border: 1px solid #171A1C;
    font-family: 'Gordita-Medium';
    background: #f3e8f7;
    border-radius: 8px !important;
}
.how-to-hire-accordion .accordion-item:nth-child(1) .accordion-button:not(.collapsed) {
    color: #171A1C;
    background: #e6d2ef;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    border: 1px solid #171A1C !important; 
    border-radius: 8px 8px 0 0 !important;
    box-shadow: none !important;
}
.how-to-hire-accordion .accordion-item:nth-child(1) .accordion-body {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    background: #e6d2ef;
    border: 1px solid #171A1C;
    border-top: none; 
    border-radius: 0 0 8px 8px !important;
    padding: 16px; 
}
.single__post__data a:hover {
    transform: scale(1.05);
    transition: transform 0.9s ease;
}
.how-to-hire-accordion .accordion-item:nth-child(2) .accordion-button:not(.collapsed) {
	color: #171A1C;
	background: #e6d2ef;
	font-family: 'Gordita-Medium';
	font-size: 16px;
	border: 1px solid #171A1C !important; 
	border-radius: 8px 8px 0 0 !important;
	box-shadow: none !important;
}
.how-to-hire-accordion .accordion-item:nth-child(2) .accordion-body {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    background: #e6d2ef;
    border: 1px solid #171A1C;
    border-top: none; 
    border-radius: 0 0 8px 8px !important;
    padding: 16px; 
}
.how-to-hire-accordion .accordion-item:nth-child(3) .accordion-button:not(.collapsed) {
    color: #171A1C;
    background: #e6d2ef;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    border: 1px solid #171A1C !important; 
    border-radius: 8px 8px 0 0 !important;
    box-shadow: none !important;
}
.how-to-hire-accordion .accordion-item:nth-child(3) .accordion-body {
   color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    background: #e6d2ef;
    border: 1px solid #171A1C;
    border-top: none; 
    border-radius: 0 0 8px 8px !important;
    padding: 16px;
}
.how-to-hire-accordion .accordion-item:nth-child(4) .accordion-button:not(.collapsed) {
    color: #171A1C;
    background: #e6d2ef;
    font-family: 'Gordita-Medium';
    font-size: 16px;
    border: 1px solid #171A1C !important; 
    border-radius: 8px 8px 0 0 !important;
    box-shadow: none !important;
}
.how-to-hire-accordion .accordion-item:nth-child(4) .accordion-body {
   color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    background: #e6d2ef;
    border: 1px solid #171A1C;
    border-top: none; 
    border-radius: 0 0 8px 8px !important;
    padding: 16px;
}
.lets-get-touch-section .file-upload-wrapper {
	display: flex;
	align-items: center;
	background: #f8f7ff;
	border-radius: 8px;
	padding: 8px;
	width: 100%;
	border: 1px solid #e6e6fa;
	margin: 0 0 20px 0;
}
.lets-get-touch-section .file-upload-wrapper p {
	display: flex;
	align-items: center;
}
.lets-get-touch-section .file-upload-wrapper label {
	background: blue;
	color: white;
	padding: 8px 12px;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
}
.lets-get-touch-section .file-upload-wrapper span {
	margin-left: 10px;
	color: #444;
	font-weight: 500;
}
.lets-get-touch-section .file-upload {
	display: none;
}
.contact-page-form .wpcf7 input[type="file"] {
    cursor: pointer;
    background: #e6d2ef;
    width: 100%;
    padding: 10px;
    border: 1px solid #831cb116 !important;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
.contact-page-form input[type="submit"]:hover {
    background: transparent;
    border: 1px solid #831cb1;
    color: #831cb1;
}
.contact-page-form input[type=file]::file-selector-button {
  border-radius: 8px;
  background-color: #831cb1;
  color: #fff;
  border: none;
  padding: 8px 20px;
  font-family: 'Gordita-Regular';
  font-size: 16px;
}
.contact-page-form .wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
    border: 2px solid #831cb1;
    border-radius: 8px;
    text-align: center;
    font-family: 'GORDITA-REGULAR';
    font-size: 16px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #831cb1 !important;
    font-family: 'Gordita-Regular' !important;
    text-align: center !important;
    color: #171A1C !important;
    font-size: 16px !important;
}
.india-number.email-address.d-flex {
    display: flex;
    align-items: center;
}
/* hire developer css end */

/* Laravel Inner Page Service Css */
section.laravel-services-sec {
    background: #f3e8f7;
    padding: 60px 0px;
}
.laravel-services-sec .laravel-title h1 {
    color: #171A1C;
    font-family: Gordita-Bold;
    font-size: 35px;
    margin: 0 0 15px 0;
}
.laravel-services-sec .laravel-title h5 {
    text-align: left;
    margin: 0 0 10px 0;
    color: #171A1C;
    font-size: 23px;
    font-family: 'Gordita-Medium';
}
.laravel-services-sec .laravel-title p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0 0 25px 0;
}
.contact-us-btn {
    display: flex;
    align-items: center;
    position: relative;
}
.contact-us-btn .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Gordita-Medium;
    font-size: 16px;
    background: #831cb1;
    color: #fff;
    border: 1px solid #831cb1;
    padding: 15px 50px;
    position: relative;
    border-radius: 8px !important;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 26px;
}
.contact-us-btn .btn.rounded::before {
	content: "";
    position: absolute;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    background: #fff url(https://myappdemo.xyz/gemsdevs/wp-content/uploads/2025/03/btn-icon.svg) no-repeat;
    background-size: 18px;
    background-position: center right 15px;
    right: 10px;
}
.contact-us-btn .btn:hover {
    border-color: #831cb1;
    background: transparent;
    color: #831cb1;
}
section.trusted-sec {
    background: #fff;
    padding: 100px 0px;
	display: none;
}
.trusted-title h6 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 20px;
    text-align: center;
    margin: 0;
}
.trusted-title h6 span {
    color: #831cb1;
}
.trusted-title {
	position:relative;
}
.trusted-title::before {
    width: 25%;
    content: "";
    height: 1px;
    background: rgba(5, 22, 77, .4);
    position: absolute;
    top: 15px;
    left: 2px;
    margin: 0 auto;
}
.trusted-title::after {
    width: 25%;
    content: "";
    height: 1px;
    background: rgba(5, 22, 77, .4);
    position: absolute;
    top: 15px;
    right: 2px;
    margin: 0 auto;
}
.trusted-slider {
    position: relative;
	display: none;
}
.trusted-slider::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
    background: rgba(5, 22, 77, .4);
	bottom: -40px;
}
section.lead-with-laravel {
    padding: 70px 0px;
    background: linear-gradient(182deg, #831cb1, #0B006D);
	display: none;
}
.lead-with-laravel-inn h2 {
    color: #fff;
    text-align: center;
    font-family: 'Gordita-Medium';
    font-size: 32px;
    margin: 0 0 20px 0;
}
.lead-with-laravel-inn p {
    color: #fff;
    text-align: center;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0 0 20px 0;
}
.lead-contact-btn {
    display: flex;
    justify-content: center;
    position: relative;
}
.model-contact-btn {
    display: flex;
    justify-content: center;
    position: relative;
}
.model-contact-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Gordita-Medium;
    font-size: 16px;
    background: #831cb1;
    color: #fff !important;
    border: 1px solid #831cb1;
    padding: 15px 50px;
    position: relative;
    border-radius: 8px !important;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 26px;
    margin: 30px 0 0 0;
}
.model-contact-btn a:hover {
    border: 1px solid #831cb1;
    color: #831cb1 !important;
}
.lead-contact-btn .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Gordita-Medium;
    font-size: 16px;
    background: #831cb1;
    color: #fff;
    border: 1px solid #831cb1;
    padding: 15px 50px;
    position: relative;
    border-radius: 8px !important;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 26px;
}
.blue-section-part .phone-numbers {
    display: none !important;
}
.lead-contact-btn .btn:hover {
    border-color: #831cb1;
    background: transparent;
    color: #831cb1;
}
section.laravel-experts {
    background: #e8b6ff;
    padding: 60px 0px;
	display: none;
}
.laravel-experts-lft h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 32px;
    margin: 0 0 30px 0;
}
.laravel-experts-lft p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0 0 30px 0;
}
.laravel-experts-rgt {
    margin: 0 0 0 50px;
}
.laravel-experts-lft ul {
    list-style: none;
    margin: 0;
}
.laravel-experts-lft ul li {
    border: 1px solid #d1d1e1;
    border-radius: 5px;
    padding: 4px 9px;
    display: inline-block;
    margin: 18px 18px 0 0;
    line-height: 22px;
    text-align: center;
    color: #666;
    background-color: rgba(217, 217, 217, .32);
}
.laravel-experts-lft ul li a {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
}
.laravel-experts-lft ul li a:hover {
    color: #831cb1;
}
section.benefits-of-laravel {
    padding: 60px 0px;
    background: #f3e8f7;
}
.benefits-lft h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 32px;
	text-align: center;
    margin: 0 0 50px 0;
}
.benefits-rgt p {
    color: #171A1C;
    font-size: 18px;
    font-family: 'Gordita-Regular';
}
.web-development h6 {
    font-family: 'Gordita-Medium';
    color: #171A1C;
    font-size: 20px;
    margin: 0px 0 20px 0;
	position: relative;
	height: 30px;
    text-align: center;
}
.web-development {
    border: 1px solid #171A1C;
    padding: 20px;
    height: 100%;
	border-radius: 8px;
}
.web-development:hover {
    border: 1px solid #831cb1;
	background: #831cb1;
}
.web-development:hover h6,
.web-development:hover p {
	color: #ffffff;
}
.web-development p {
	text-align: center;
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
	margin: 0;
	border-top: 1px solid rgba(226, 226, 226, .6);
/*     padding: 15px 0px; */
/* 	display: block;
	opacity: 0;
	transform: translateY(20px);
    transition: all 0.4s ease; */
}
/* .web-development:hover p {
    opacity: 1;
    transform: translateY(0);
} */
section.major-industries {
    background: #e8b6ff;
    padding: 60px 0px;
	display: none;
}
.major-industries-content h2 {
    font-size: 32px;
    font-family: 'Gordita-Medium';
    text-align: center;
    color: #171A1C;
    margin: 0 0 30px 0;
}
.major-industries-content p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    text-align: center;
    margin: 0 0 70px 0;
}
.laravel-image img:hover,
.value-coders-img img:hover,
.major-industries-inn:hover,
.laravel-experts-rgt img:hover,
.best-solutions-image img:hover,
.hire-devs-image img:hover {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
.major-industries-inn h6 {
    color: #fff;
    font-family: 'Gordita-Bold';
    font-size: 20px;
	text-align: center;
}
.major-industries-inn p {
    color: #fff;
    font-size: 16px;
    font-family: 'Gordita-Regular';
	margin: 0 0 20px 0;
	height: 80px;
	display: none;
}
.major-industries-inn a {
    color: #fff !important;
    font-size: 16px;
    font-family: 'Gordita-Regular';
	display: flex;
}
.major-industries-inn {
    padding: 55px 20px;
    margin-left: 15px;
	height: 90%;
	border-radius: 8px;
}
.learn-more .round-arrow-icon {
    width: 24px;
    height: 24px;
    background: url(https://myappdemo.xyz/gemsdevs/wp-content/uploads/2025/03/arrow-circle.webp) 0 0 no-repeat;
    display: inline-block;
    margin-left: 10px;
    transition: all 0.3sease;
}
.major-industries-inn a:hover {
    color: #F8F7FF;
}
section.hiring-models {
    background: #ffffff;
    padding: 60px 0px;
}
section.hiring-models.marketer-hiring {
    padding: 60px 0;
    background: #f3e8f7;
}
.hiring-models-title h2 {
    font-size: 32px;
    text-align: center;
    color: #171A1C;
    font-family: 'Gordita-Medium';
    margin: 0 0 30px 0;
}
.hiring-models-title p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    text-align: center;
    margin: 0 0 70px 0;
}
.skills-menu {
    margin: 0 0 20px 0;
    font-size: 16px;
	text-align: center;
}
.skills-menu.designer-skill {
    text-align: center;
}
.skills-menu a {
    color: #171A1C !important;
    font-family: 'Gordita-Regular';
	font-size: 16px;
}
.skills-menu a:hover {
    color: #831cb1 !important;
}
.fa-play:before {
    content: "\f04b";
    position: absolute;
    top: 15px;
    right: 15px;
}
.hiring-models-inn h6 {
    font-size: 20px;
    font-family: 'Gordita-Medium';
    color: #171A1C;
    margin: 30px 0 15px 0;
	height: 60px;
	border-bottom: 1px solid #dabbe8;
}
.hiring-models-inn {
    border: 1px solid #171A1C;
    padding: 20px;
	border-radius: 8px;
	height: 100%;
	background: #ffffff;
	transition: all 0.3s ease;
}
.hiring-models-inn p {
    font-size: 16px;
    font-family: 'Gordita-Regular';
    color: #171A1C;
    margin: 0 0 20px 0;
}
.hiring-models-inn ul li {
    font-size: 16px;
    color: #171A1C;
    font-family: 'Gordita-Regular';
    list-style-type: none;
	margin: 0 0 10px 0;
	position: relative;
	padding-left: 27px;
    text-align: left;
}
.hiring-models-inn ul {
    margin: 0;
}
.hiring-models-inn ul li::before {
    content: "";
    position: absolute;
    background: url(https://www.gemsdevs.com/wp-content/uploads/2025/06/Group-353.png) no-repeat;
    width: 18px;
    height: 18px;
    top: 3px;
    left: 0px;
	background-size: contain;
	object-fit: contain;
}
section.value-coders-sec {
    padding: 60px 0px;
    background: #fff;
}
.value-coders-title h2 {
    font-size: 32px;
    color: #171A1C;
    font-family: 'Gordita-Medium';
    margin: 0 0 20px 0;
}
.value-coders-title p {
    font-size: 16px;
    font-family: 'Gordita-Regular';
    color: #171A1C;
    margin: 0 0 20px 0;
}
.value-coders-title ul li a {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
.value-coders-title ul li {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0 0 10px 0;
	position: relative;
    padding-left: 20px;
	width: 300px;
	list-style-type: none;
}
.value-coders-title ul li::before {
	content: "";
    position: absolute;
    background: url(https://myappdemo.xyz/gemsdevs/wp-content/uploads/2025/03/check-list-1.png);
    width: 16px;
    height: 16px;
    top: 3px;
    left: 0px;
}
.value-coders-title ul li a:hover {
    color: #831cb1;
}
section.value-coders-sec .row {
    display: flex;
    align-items: center;
}
.value-coders-title ul.coders-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0 0;
}
section.programmer-step-sec {
    background: #ffffff;
    padding: 60px 0px;
}
section.programmer-step-sec.designer-step {
    padding: 60px 0;
    background: #ffffff;
}
section.programmer-step-sec.marketer-step {
    background: #ffffff;
    padding: 60px 0px;
}
.step-title h2 {
    font-size: 32px;
    color: #171A1C;
    text-align: center;
    font-family: 'Gordita-Medium';
    margin: 0 0 80px 0;
}
.hire-dedicated-card {
    padding-top: 35px;
    max-width: 380px;
    width: 100%;
    position: relative;
    border-radius: 16px;
    height: auto;
}
.hire-dedicated-card {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .1);
    text-align: center;
    height: 100%;
	position: relative;
}
.benefits-of-laravel .col-lg-4.col-md-6.col-12 {
    padding: 0px 0px 20px 10px;
}
.number-wrapper {
    width: 44px;
    height: 44px;
    display: flex;
    background: #831cb1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    font-family: 'Gordita-Medium';
    position: absolute;
    top: -20px;
}
.small-title {
    font-size: 20px;
    line-height: inherit;
    color: #171A1C;
    height: 55px;
    font-family: Gordita-Medium;
    margin: 10px 0 0 0;
}
.hire-dedicated-card:not(:last-child):not(:nth-child(3)):not(:nth-child(6))::before {
    content: "";
    background: url(https://www.gemsdevs.com/wp-content/uploads/2025/04/arrow-icon-1.png) no-repeat;
    width: 71px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: -85px;
}
.hire-dedicated-card p.com-para {
    font-size: 16px;
    line-height: 28px;
	color: #171A1C;
    text-align: center;
	margin: 0;
}
.skilled-programmers-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px 100px;
    position: relative;
    margin: 0 0 70px 0;
}
section.laravel-technical-sec {
    background: #fff;
    padding: 60px 0px;
}
.laravel-title h5 {
    text-align: center;
    color: #171A1C;
    font-size: 23px;
    font-family: 'Gordita-Medium';
    margin: 0 0 50px 0;
}
.ready-to-hire-title a {
    color: #831cb1 !important;
    font-family: 'Gordita-Medium';
}
.laravel-technical-sec tr {
    margin-bottom: max(20px, 1.042vw);
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0px max(16px, 0.833vw) max(32px, 1.667vw) #1616161a;
    --tw-shadow-colored: 0px max(16px, 0.833vw) max(32px, 1.667vw) #1616161a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: 8px;
}
.laravel-technical-sec tr:last-child {
    margin-bottom: 0
}
.laravel-technical-sec tr td:nth-child(odd) {
    background-color: #831cb1;
    color: #fff;
    font-size: 16px;
    font-family: 'Gordita-Regular';
	border-radius: 8px 0 0 8px;
}
.laravel-technical-sec tr td {
    border-top-width: 0;
    --tw-border-opacity: 1;
    border-color: rgb(218 218 218/var(--tw-border-opacity));
    padding: max(16px,.833vw) max(23px,1.458vw)
}
.laravel-technical-sec tr td span {
    border-left: 1px solid #171A1C;
    padding-left: max(14px, .729vw);
    padding-right: max(14px, .729vw);
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
.laravel-technical-sec table {
    width: 100%
}
@media (min-width: 992px) {
    .laravel-technical-sec tr td:nth-child(odd) {
        width:max(300px,15.625vw);
        min-width: max(300px,15.625vw)
    }
}

@media not all and (min-width: 992px) {
    .laravel-technical-sec tr td {
        float:left;
        width: 100%;
        border-width: max(1px,.052vw)
    }
}
.interview-btn a {
    color: #fff;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
.interview-btn {
    display: inline-flex;
    align-items: center;
    background: #831cb1;
    justify-content: center;
    padding: 20px;
    text-align: center;
    border-radius: 15px;
}
section.why-choose-laravel-sec {
    background: #F5F5F5;
    padding: 80px 0px;
}
.why-choose-title h2 {
    color: #171A1C;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    text-align: center;
    margin: 0 0 20px 0;
}
.why-choose-title p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    text-align: center;
    margin: 0;
}
section.laravel-development-sec {
    background: #fff;
    padding: 60px 0;
}
.services-lft-content {
    flex: 1;
    position: sticky;
    top: 100px;
    align-self: flex-start;
}
.services-lft-content h2 {
    color: #171A1C;
    font-size: 32px;
    font-family: 'Gordita-Medium';
	margin: 0px 0 50px 0;
	text-align: center;
}
.services-lft-content img {
	width: 100%;
	border-radius: 8px;
}
.services-rgt-content {
    flex: 1;
    overflow-y: auto;
}
.laravel-development-sec .grid.grid-cols-1.gap-y-6.resp-btn-outer-two {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
	margin: 0 0 0 50px;
}
.boxed.bg-gray-light {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid #171A1C;
}
.boxed.bg-gray-light h4 {
    color: #171A1C;
    font-size: 23px;
    font-family: 'Gordita-Medium';
    margin: 0 0 15px 0;
}
.boxed.bg-gray-light p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0;
}
.boxed.bg-gray-light:hover {
    background: #831cb1;
	border: 1px solid #831cb1;
}
.hiring-models-inn:hover {
    border: 1px solid #831cb1;
	transform: translateY(-10px);
}
.boxed.bg-gray-light:hover h4,
.boxed.bg-gray-light:hover p {
    color: #fff;
}
section.laravel-faq {
    background: #f3e8f7;
    padding: 60px 0px;
}
section.laravel-faq.designer-faq {
    padding: 60px 0px;
    background: #f3e8f7;
}
section.laravel-faq.marketer-faq {
    padding: 60px 0px;
    background: #f3e8f7;
}
.laravel-faq-title h2 {
    color: #171A1C;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    text-align: center;
    margin: 0 0 50px 0;
}
section.ready-to-hire {
    background: #fff;
    padding: 60px 0px;
}
.ready-to-hire-title h2 {
    color: #171A1C;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    text-align: center;
    margin: 0 0 25px 0;
}
.ready-to-hire-title p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    text-align: center;
	margin: 0 0 30px 0;
}

.ready-to-hire-title p a {
    color: #831cb1 !important;
	font-family: 'Gordita-Bold';
}

.hire-talent-btn {
    display: inline-block;
}
.menu-container {
    display: flex;
	align-items: center;
}

/* Mobile Styles: Show Menu when Active */

.form-main h1 {
    background: #e6d2ef;
    padding: 65px 0px;
    text-align: center;
    font-size: 35px;
    margin: 0;
    color: #171A1C;
    font-family: Gordita-Bold;
}
.form-main input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    height: 50px;
    border-radius: 0px !important;
    border-top: 0px !important;
    background: transparent;
    padding: 10px 20px 50px 20px !important;
    outline: none;
    border-right: 0px !important;
    border-bottom: 1px solid #831cb1 !important;
    border-left: 0px !important;
}
.form-main select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 100%;
    height: auto;
    border-radius: 0px;
    border-bottom: 1px solid #831cb1;
    border-top: 0px;
    padding: 10px 20px 26px 20px !important;
    background: transparent;
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    border-right: 0px;
    border-left: 0px;
	outline: none;
}
::placeholder {
  color: #171A1C !important;
}
.form-main form p {
    margin: 10px 10px 10px 0px;
}
/* .form-main form.wpcf7-form.init {
    background: #f2f1ff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #8f8f8f;
    margin: 50px 0px;
} */
.form-main div#wpcf7-f848-o1 {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0px 0px 5px #8f8f8f;
    margin: 50px 0px;
}
.form-main h3 {
    font-size: 26px;
    margin: 0;
    font-family: 'Gordita-Medium';
    color: #171A1C !important;
}
.form-main h5 {
    font-size: 20px;
    font-family: 'Gordita-Medium';
    color: #A1A1A1 !important;
    margin: 0;
}
.needs-main-inn h6 {
    font-size: 20px;
    font-family: 'Gordita-Medium';
    color: #171A1C;
}
.form-main span.wpcf7-list-item-label {
    font-size: 14px;
    font-family: 'Gordita-Regular';
	color: #171A1C;
}
.form-main textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #831cb1;
    padding: 10px 20px !important;
    background: #ffffff;
}
.form-main input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #831cb1;
    border-radius: 8px;
    padding: 15px 46px;
    color: #fff;
    font-size: 20px;
    font-family: 'Gordita-Regular';
    width: 100%;
}
.value-coders-title ul li:hover {
    color: #831cb1;
    cursor: pointer;
}
.form-main input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: transparent;
    color: blue;
    border: 1px solid blue;
}
.needs-main-inn {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.needs-main {
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
}
.slider-sec .swiper {
    display: none;
}
section.slider-sec {
    padding: 60px 0px;
    background: #fff;
	display: none;
}
.post-content tr td span {
    font-size: 14px;
    font-family: 'Gordita-Regular';
    color: #171A1C;
}
.post-content tr td {
    font-size: 16px;
    color: #171A1C;
	border: 1px solid #171A1C;
    padding: 5px;
}
.post-feature-image  img.attachment-large.size-large.wp-post-image {
    width: 100%;
    height: auto;
}
.related-posts {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px; 
    justify-content: center; 
}
.related-post-item {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    max-width: 340px;
    width: 100%;
    text-align: center;
}
.related-post-thumb {
    position: relative;
    width: 100%;
    height: auto;
    background: #6A5ACD; 
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.related-post-thumb img {
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.related-post-content {
    padding: 15px;
}
h3.related-post-title {
    font-size: 20px;
    color: #171A1C;
    margin: 0 0px 20px 0px;
    font-family: 'Gordita-Medium';
    text-align: center;
    border: 1px solid #E9E9E9;
    background: #F8F8F8;
    padding: 20px;
    margin-top: -60px;
    position: relative;
    border-radius: 15px;
    height: auto;
    transition: 0.5s;
    display: flex;
    align-items: center;
}
.blog-sec .col-md-4.col-12 {
    padding-right: 15px;
}
p.related-post-excerpt {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    text-align: center;
    display: none;
}
a.related-post-read-more {
    display: none;
}
h3.related-post-title a {
    text-decoration: none;
    color: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.related-post-title a:hover {
    color: #171A1C;
    transform: scale(1.05);
    transition: transform 0.9s ease;
}

.swiper-slide {
	height: 100%;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.swiper-slide img {
	border-radius: 16px;
}
section.blog-sec {
    padding: 60px 0px;
    background: #f3e8f7;
}
.section-block h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 32px;
    margin: 0 0 50px 0;
}
.post-item-text h5 {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'Gordita-Medium';
    color: #171A1C;
}
.post-item-text {
    border: 1px solid #dabbe8;
    background: #dabbe8;
    padding: 20px;
    margin-top: -60px;
    position: relative;
    border-radius: 15px;
    height: auto;
    transition: 0.5s;
    display: flex;
    align-items: center;
}
.post-item-text h5:hover {
    transform: scale(1.05);
    transition: transform 0.9s ease;
}
@media (max-width: 768px) {
    .swiper-slide {
        max-width: 100%;
    }

    .post-item-inn h3 {
        font-size: 16px;
    }
}
footer .footer__widget {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.social__icons {
    margin-top: 20px;
    padding: 0 0 0 50px;
}
.coders-top-left {
    top: -10px;
    left: -40px;
    transform: translate(50%, 50%);
}
.coders-number {
    position: absolute;
    padding: 15px;
    text-align: center;
}
.coders-number-inn h2 {
    font-size: 32px;
    color: #171A1C;
    font-family: 'Gordita-Bold';
}
.coders-number-inn p {
    font-size: 16px;
    color: #171A1C;
    font-family: 'Gordita-Regular';
    margin: 0;
}
.coders-top-right {
    top: -10px;
    right: -40px;
    transform: translate(-50%, 50%);
}
.coders-bottom-right {
    bottom: 20px;
    right: -70px;
    transform: translate(-50%, -50%);
}
.coders-bottom-left {
    bottom: 20px;
    left: -30px;
    transform: translate(50%, -50%);
}
.value-coders-img {
    position: relative;
    display: inline-block;
	display: none;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    width: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    width: 100%;
}
.swiper-pagination {
    top: 5px !important;
    position: relative !important;
}
section.privacy-policy {
    padding: 60px 0px;
    background: #e6d2ef;
}
.privacy-policy-title h1 {
    color: #171A1C;
    font-size: 35px;
    text-align: center;
    margin: 0;
    font-family: 'Gordita-Bold';
}
section.dedidevs-about {
    background: #ffffff;
    padding: 70px 0;
}
.dedidevs-content h4 {
    color: #171A1C;
    font-size: 26px;
    font-family: 'Gordita-Medium';
    margin: 0 0 15px 0;
}
.dedidevs-content p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
.dedidevs-sub-content p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0;
}
.dedidevs-sub-content p a {
    color: #171A1C;
    font-family: 'Gordita-Bold';
	text-decoration: underline;
}
.dedidevs-sub-content p a:hover {
    color: #831cb1;
}

.blog-faq-main:empty {
    display: none !important;
}
section.hire-dedicated-developer {
    padding: 60px 0;
    background: #e6d2ef;
}
.hire-dedicated-title h2 {
    color: #171A1C;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    text-align: left;
	margin: 0 0 20px 0;
}
.hire-dedicated-content p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0 0 20px 0;
	text-align: justify;
}
.hire-dedicated-content p a {
    color: #831cb1;
    font-family: 'Gordita-Bold';
}
/* .hire-dedicated-content p a:hover {
    color: #831cb1;
} */
.hire-dedicated-title {
    position: sticky;
    top: 120px;
}
.recently__blog__sections .owl-carousel {
    display: block;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    font-family: 'Gordita-Regular' !important;
}
.menu-hire-developer-menu-1-container ul {
    margin: 0;
}
ul.mega-sub-menu li {
    list-style-type: none;
}
ul.mega-sub-menu li a {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 14px;
}
ul.mega-sub-menu li a:hover {
    color: #831cb1;
}

/* Dropdown Menu */
nav ul li {
    background: transparent;
    margin: 0;
}
nav ul li ul li {
    padding: 8px 8px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    position: fixed !important;
	height: auto !important;
	top: 100px !important;
}
.menu-hire-developer-menu-1-container ul {
    margin: 0;
}
ul#menu-hire-developer-menu-3,
ul#menu-hire-developer-menu-2,
ul#menu-hire-developer-menu-4,
ul#menu-hire-marketers-menu-1,
ul#menu-hire-marketers-menu-2,
ul#menu-hire-marketers-menu-3,
ul#menu-hire-marketers-menu-4,
ul#menu-hire-designer-menu-1,
ul#menu-hire-designer-menu-2,
ul#menu-hire-designer-menu-3,
ul#menu-hire-designer-menu-4{
    margin: 0;
}
.close-button {
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 24px;
    background: #831cb1;
    color: #ffffff;
    border: none;
    padding: 5px 10px;
    border-radius: 8px;
}
.mega-menu.menu-open {
    position: relative;
}
.custom-checkbox {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #171A1C;
    font-family: Gordita-Regular;
    cursor: pointer;
}
.custom-checkbox input {
    display: none;
}
.checkmark {
    width: 16px;
    height: 16px;
    border: 1px solid #171A1C;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    border-radius: 3px;
}
.custom-checkbox input:checked + .checkmark {
    background-color: #000000;
    border-color: #000000;
}
.custom-checkbox input:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    transform: rotate(45deg);
}
.dedidevs-agree {
    margin: 20px 0 0 0;
}
.custom-checkbox input:checked + .checkmark {
    background-color: #ffffff; 
    border-color: #000000;
}
.custom-checkbox input:checked + .checkmark::after {
    content: "✔";
    position: absolute;
    left: 7px;
    top: -4px;
    font-size: 14px;
    color: #171A1C;
}
.social-media-area {
    border: 1px solid #171A1C;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .1);
	display: flex;
    flex-direction: column;
    align-items: center;
	cursor: pointer;
}
.social-media-area p {
    margin: 10px 0 0 0;
	color: #171A1C;
	font-size: 16px;
	font-family: Gordita-Regular;
}
.social-media-area-main {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
	display: none;
}
.map-sec {
	display: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  display: flex !important;
  align-items: center !important;	
}
@media (max-width: 1025px) {
    .most__blog__sections .latest-posts .col-md-8 {
        width: 50% !important;
    }
    .most__blog__sections .latest-posts .col-md-8:first-child {
        width: 100% !important; 
    }
    div#posts-container .col-md-4 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }
    .blog__heading__section .col-md-6 {
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    ul#primary-menu li a {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
    .testimonial_left, .testimonial_right {
        text-align: center !important;
    }
    .testimonial_left h4 {
        font-size: 24px !important;
    }
    .testimonial_left h4 img {
        height: 39px !important;
    }
    .testimonial_right h3 {
        font-size: 16px !important;
    }
    .testimonial_right h3 i {
        font-size: 25px !important;
    }
    .testimonial_right h3 span {
        font-size: 20px !important;
    }
    .testimonial_right p, .testimonial_right a {
        font-size: 16px !important;
    }
    img.quate_image {
        height: 45px !important;
    }
    .testimonial__block p {
        font-size: 16px !important;
        line-height: 30px !important;
    }
    .client_name h4 {
        font-size: 16px !important;
    }
    .client_name h5 {
        font-size: 14px !important;
    }
    .watch__clientsay img {
        width: 75px !important;
    }
    .watch__clientsay {
        margin-bottom: 30px !important;
    }
    .clientbase {
        margin-top: 50px !important;
    }
    .client_logos {
        grid-gap: 20px !important;
    }
    .client_logos img {
        height: 39px !important;
    }
    .clientbase p {
        font-size: 17px !important;
    }
    .blog__heading__section .title-banner h1, 
    h3#reply-title {
        font-size: 26px !important;
    }
    .title-banner p {
        font-size: 12px !important;
        margin: 0 !important;
    }
    .post__comments .col-md-6 {
        padding: 0 15px !important;
    }
    .most__blog__sections .latest-posts .col-md-8 {
        width: 100% !important;
    }
    div#posts-container .col-md-4 {
        width: 100% !important;
    }
    .most__blog__sections .latest-posts .col-md-8:first-child .single__post__image,
    .most__blog__sections .latest-posts .col-md-8:first-child .single__post__data {
        width: 100% !important;
    }
}
@media (max-width: 600px) {
    .most__blog__sections .latest-posts .col-md-8:first-child .single__post__image img,
    .most__blog__sections .latest-posts .col-md-8 .single__post__image img,
    .blog__feature__image a img {
        height: auto !important;
    }
}
@media (max-width: 1199px) {
    .blog__heading__section .title-banner h1,
    h1.page-title {
        font-size: 30px !important;
    }
    .heading-txt h2 {
        font-size: 29px !important;
    }
    .most__blog__sections .latest-posts .col-md-8:first-child .single__post__data h6,
    .most__blog__sections .latest-posts .col-md-8 .single__post__data h6 {
        font-size: 18px !important;
    }
    .search__post form {
        width: 100%;
        margin: 0 auto;
    }
	.most__blog__sections .latest-posts .col-md-8:first-child a.button__post {
		margin-top: 0 !important;
	}
	.most__blog__sections .latest-posts .col-md-8:first-child .single__post__data p {
		display: none !important;
	}
}
@media (max-width: 991px) {
    .blog__heading__section .title-banner h1,
    h1.page-title {
        font-size: 25px !important;
    }
    .post-content h2,
    .sidebar__data h4,
    .comments-wrapper.section-inner h3,
    .post-content-title h2,
    .heading-txt h2,
    .blog__feature__title h3 {
        font-size: 20px !important;
    }
    .search__post form {
        width: 100%;
        margin: 0 auto;
    }
    .search__post button[type="submit"] {
        font-size: 14px;
    }
    .owl-nav button {
        width: 40px !important;
        height: 40px !important;
    }
	.most__blog__sections .latest-posts .col-md-8:first-child .single__post__data {
		padding: 30px 10px !important;
	}
}
@media (max-width: 767px) {
    .single__post__sidebar {
        margin: 0 0 50px 0;
    }
    .search__post form {
        width: 100%;
        margin: 0 auto;
    }
	.most__blog__sections .latest-posts .col-md-8:first-child .single__post__data p {
		display: block !important;
	}
}
@media (max-width: 575px) {
    .blog__heading__section .title-banner h1,
    h1.page-title {
        font-size: 20px !important;
    }
    .post-content h2,
    .sidebar__data h4,
    .comments-wrapper.section-inner h3,
    .post-content-title h2,
    .post-content h3,
    .heading-txt h2,
    .blog__feature__title h3 {
        font-size: 18px !important;
    }
    .post-content ul {
        margin: 0 0 0 20px;
    }
	.search__post form {
		width: 90%;
		margin: 0 auto;
	}
}
@media (max-width: 480px) {
    .blog__heading__section .title-banner h1,
    h1.page-title {
        font-size: 18px !important;
    }
    .post-content h2,
    .sidebar__data h4,
    .comments-wrapper.section-inner h3,
    .post-content-title h2,
    .post-content h3,
    .blog__feature__title h3 {
        font-size: 16px !important;
    }
    .post-content p,
    .post-content ul li,
    .post-content tr td,
    div#comments p.form-submit input,
    .comments-wrapper.section-inner p {
        font-size: 14px !important;
    }
    div#comments p.form-submit input {
        padding: 15px 20px !important;
    }
    .post-content tr td {
        padding: 5px 0;
    }
    article.single__post__section .col-md-4, 
    article.single__post__section .col-md-8 {
        padding: 0 !important;
    }
    .search__post button[type="submit"] {
        padding: 5px 10px;
    }
	.search__post form {
		width: 100%;
	}
	.title-banner {
		padding: 0 20px 0 20px;
	}
}
.faq-sec-accordion .accordion-item {
    background: transparent;
}
section.we-ensure-quality {
    padding: 60px 0px;
    background: #f3e8f7;
}
.we-ensure-quality-title h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    text-align: center;
    margin: 0 0 50px 0;
}
.we-ensure-inn {
    padding: 20px;
    border: 1px solid #171A1C;
    height: 100%;
	background: #ffffff;
	border-radius: 8px;
}
.we-ensure-quality .col-lg-3.col-md-6.col-12 {
    padding: 0px 0px 15px 10px;
}
.we-ensure-inn h6 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 20px;
    margin: 0 0 10px 0;
}
.we-ensure-inn p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0;
}
.we-ensure-inn:hover {
    border: 1px solid #831cb1;
	background: #831cb1;
}
.we-ensure-inn:hover h6,
.we-ensure-inn:hover p{
    color: #ffffff;
}
.post-content p.last-updated {
    color: #171A1C;
    font-family: 'Gordita-Bold';
    font-size: 16px;
    margin: 0 0 15px 0;
}
.post-content .last-updated .updated-date {
    color: #831cb1 !important;
}
section.best-solutions {
    padding: 60px 0px;
    background: #f3e8f7;
}
.best-solutions-title h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    font-size: 32px;
    margin: 0 0 15px 0;
}
.best-solutions-title p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0 0 15px 0;
}
.best-solutions-image img {
    padding: 0 0 0 50px;
}
section.join-dedidevs {
    padding: 60px 0px 0 0;
    background: #202224;
}
.join-dedidevs-title h2 {
    color: #ffffff;
    margin: 0 0 30px 0;
    font-size: 32px;
    font-family: 'Gordita-Medium';
}
.hire-dev-title p {
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    font-family: Gordita-Regular;
}
.hiring-models-inn img {
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(13%) sepia(96%) saturate(6073%) hue-rotate(282deg) brightness(77%) contrast(100%);
}
.hiring-models .row:nth-child(2) .col-lg-4.col-md-6.col-12 {
    padding: 20px 0 0 10px;
}

.dedidevs-why-choose {
    padding: 60px 0;
	background: #f3e8f7;
}
section.dedidevs-why-choose.marketer-choose {
    padding: 60px 0;
    background: #ffffff;
}
.dedidevs-content h2 {
    font-size: 32px;
	font-family: 'Gordita-Medium';
	margin: 0 0 0px 0;
	color: #171A1C;
	text-align: center;
}

.dedidevs-list {
    list-style: none;
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    margin-top: 20px;
}

.dedidevs-list li {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #000;
}

.check-icon {
    color: blue;
    font-weight: bold;
    margin-right: 10px;
}
.business-need-points {
    border: 1px solid #171A1C;
    border-radius: 8px;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    padding: 10px;
/* 	height: 100%; */
}
.dedidevs-why-choose .col-lg-4.col-md-6.col-12 {
    padding: 0 10px 20px 0;
}
.business-need-points p {
    color: #171A1C;
    font-family: 'Gordita-Regular';
    font-size: 16px;
    margin: 0;
}
.business-need-points:hover {
    border: 1px solid #831cb1;
}
.dedidevs-content-inn h4 {
    color: #171A1C;
    font-size: 24px;
    font-family: 'Gordita-Bold';
    margin: 0 0 10px 0;
}
.dedidevs-content-inn p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0 0 15px 0;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: #171A1C !important;
}
.hire-form-title h2 {
    color: #171A1C;
    font-family: 'Gordita-Medium';
    text-align: center;
    margin: 0 0 50px 0 !important;
    font-size: 32px;
}

form#forminator-module-2244 {
    display: block !important;
	margin: 0 !important;
}
label#forminator-field-textarea-2_6801f8d905406-label {
    color: #171A1C;
    font-size: 30px !important;
    font-family: 'Gordita-Medium' !important;
}
.forminator-ui#forminator-module-2244.forminator-design--default .forminator-label {
    font-family: 'Gordita-Medium' !important;
    font-size: 18px !important;
    color: #171A1C !important;
	font-weight: inherit !important;
}
.forminator-ui#forminator-module-2244.forminator-design--default .forminator-textarea {
    display: none !important;
}
[hidden] {
    display: block !important;
}
span.forminator-radio-bullet {
    display: none !important;
}
#forminator-module-2244 .forminator-field .forminator-checkbox .forminator-checkbox-image span {
	width: 50px !important;
    height: 50px !important;
    background-size: contain !important;
}
.forminator-radio {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #171A1C;
    padding: 10px;
    border-radius: 8px;
	grid-gap: 10px;
}
.forminator-radio:hover {
	border: 1px solid #831cb1;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet~span {
    margin: 0 !important;
	color: #171A1C;
	font-size: 16px;
    font-family: 'Gordita-Regular';
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox .forminator-checkbox-box~span {
    margin-left: 10px;
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
    background: transparent !important;
    border: 1px solid #CFCFCF !important;
    border-radius: 8px !important;
}
.forminator-response-message.forminator-show.forminator-error {
    display: none !important;
}
span.forminator-checkbox-box {
    display: none !important;
}
h2.skill-need {
    font-size: 30px;
    margin: 40px 0 0 0;
    color: #171A1C;
    font-family: 'Gordita-Medium';
}
input#forminator-field-name-1_680245f5652ff::placeholder,
input#forminator-field-phone-1_680245f5652ff::placeholder,
input#forminator-field-text-2_680245f5652ff::placeholder,
input#forminator-field-email-1_680245f5652ff::placeholder,
input#forminator-field-text-1_680245f5652ff::placeholder{
    color: #B7B7B7 !important;
    font-family: 'Gordita-Regular';
    font-size: 16px;
}
.form-main .row {
    padding: 30px 0 60px 0;
}
.forminator-checkbox {
  border: 1px solid #171A1C;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  grid-gap: 10px;
  transition: border-color 0.3s ease;
}

/* Remove border from image */
.forminator-checkbox-image {
  border: none !important;
  background-color: transparent !important;
}

/* Blue border when hovered */
.forminator-checkbox:hover {
  border-color: #831cb1;
}

/* Blue border when selected */
.forminator-checkbox input[type="checkbox"]:checked + .forminator-checkbox-image {
  /* This triggers only the sibling image, so we need the trick below */
}

/* ✅ Trick: Use :has() (only works in modern browsers like Chrome) */
.forminator-checkbox:has(input[type="checkbox"]:checked) {
  border-color: #831cb1;
}
.forminator-ui#forminator-module-2244.forminator-design--default .forminator-checkbox .forminator-checkbox-image {
    padding: 0;
}
span#forminator-field-text-1_68029e9b50ee0-error {
    color: red !important;
    background: transparent !important;
}
.forminator-ui#forminator-module-2244.forminator-design--default .forminator-error-message {
    color: red !important;
    background: transparent !important;
}
button.forminator-button.forminator-button-next,
button.forminator-button.forminator-button-back,
button#forminator-submit{
    background: #831cb1 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-family: 'Gordita-Regular' !important;
	border: 1px solid #831cb1 !important;
	border-radius: 8px !important;
}
button.forminator-button.forminator-button-next:hover,
button.forminator-button.forminator-button-back:hover,
button#forminator-submit:hover{
    background: transparent !important;
    border: 1px solid #831cb1 !important;
    color: #831cb1 !important;
    box-shadow: none !important;
}
.forminator-field .forminator-radio {
    background: #e6d2ef !important;
}
.forminator-field .forminator-checkbox-box {
	background: transparent !important;
}
.forminator-radio input[type="radio"]:checked:parent {
    background-color: #636363 !important;
}
.forminator-radio:has(input[type="radio"]:checked) {
    background-color: #831cb1 !important;
}
.forminator-radio:has(input[type="radio"]:checked) .forminator-radio-label{
    color: #ffffff !important;
}
.we-ensure-quality .col-lg-6.col-md-6.col-12 {
    padding: 0 10px 15px 0;
}
.hiring-models-inn.marketer-model:hover {
    border: 1px solid #831cb1;
    box-shadow: none;
}
.web-development.marketer-development h6 {
    text-align: center;
}
.web-development.marketer-development p {
    border: none;
    text-align: center;
}
.hiring-models-inn.designer-model:hover {
    box-shadow: none;
}
.we-ensure-inn.designer-ensure:hover {
    background: none;
}
.we-ensure-inn.designer-ensure:hover h6 {
	color: #171A1C;
}
section.hero-area {
    background: #f3e8f7;
    padding: 60px 0px;
	position: relative;
}
.hero-area::before {
    content: "";
    position: absolute;
    background: url(https://myappdemo.xyz/gemsdevs/wp-content/uploads/2025/04/Group-125.png);
    width: 100%;
    height: 300px;
    top: 0px;
    left: -150px;
    filter: brightness(0.5);
    background-size: cover;
}
.hero-area-content h1 {
    color: #171A1C;
    text-align: center;
    font-family: 'Gordita-Bold';
    font-size: 35px;
    margin: 0 0 25px 0;
}
section.hire-top-developer {
    background: #ffffff;
    padding: 60px 0px;
}
.hire-top-developer-title h2 {
    color: #171A1C;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    margin: 0;
	text-align: center;
}
.developer-line {
    border-bottom: 2px solid #831cb1;
    padding-top: 30px;
    width: 100%;
}
.hire-top-developer-title h2 span {
    color: #831cb1;
    font-family: 'Gordita-Bold';
}
.hero-area-content p {
    color: #171A1C;
    text-align: center;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0;
}
.developer-content p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0 0 15px 0;
}
.hire-top-developer .row:nth-child(3) {
    margin: 40px 0 0 0;
}

.developer-content ul li {
    flex-basis: 48%;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    list-style-type: none;
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
}
.developer-content ul li::before {
    content: "";
    background: url(https://www.gemsdevs.com/wp-content/uploads/2025/06/Group-353.png) no-repeat center;
    width: 18px;
    height: 18px;
    background-size: contain;
    position: absolute;
    left: 0;
	object-fit: contain;
    top: 4px;
}
.nav-pills .nav-link {
    color: #171A1C;
    padding: 15px;
    border-left: 4px solid transparent;
    transition: all 0.3s ease;
    font-size: 16px;
    font-family: 'Gordita-Medium';
}

.nav-pills .nav-link.active {
	background-color: transparent;
	border-left: 2px solid #6c0edb;
	color: #6c0edb;
}
.nav-pills .nav-link {
	border-left: 2px solid #b9b5ac;
	border-radius: 0px !important;
}
.tab-content {
	background: #831cb1;
	padding: 30px;
	border-radius: 8px;
	color: #ffffff;
	animation: fadeIn 0.5s ease-in-out;
	font-size: 16px;
	font-family: 'Gordita-Regular';
	position: sticky;
    top: 140px;
}

    .tab-pane {
      display: none;
    }

    .tab-pane.active {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #6c0edb !important;
    background: none !important;
	outline: none !important;
}
section.developer-service {
    background: #f3e8f7;
    padding: 60px 0px;
	position: relative;
}
.developer-service-title h2 {
    color: #171A1C;
    text-align: center;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    margin: 0 0 50px 0;
}
section.developer-skill {
    background: #ffffff;
    padding: 60px 0px;
}
.developer-skill-title h2 {
    color: #171A1C;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    margin: 0;
	text-align: center;
}

.tabs-section .tab-flex {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tabs-section.technologies-tabs .tabs-container .tabs {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    background: #831cb1;
    padding: 40px 25px;
    border-radius: 20px 0 0 20px;
}

.tabs-section.technologies-tabs .tabs-container .tabs .tab {
    color: #fff;
    background: transparent;
    border: none;
    font-size: 16px;
    padding: 12px 20px;
    cursor: pointer;
    border-radius: 10px;
    text-align: left;
    transition: 0.3s ease;
}

.tabs-section.technologies-tabs .tabs-container .tabs .tab:hover,
.tabs-section.technologies-tabs .tabs-container .tabs .tab.active {
    background: #fff;
    color: #05164d;
}

.tabs-section.technologies-tabs .tab-content {
    width: 70%;
    background: #fff;
    padding: 40px;
    border-radius: 0 20px 20px 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	height: 100vh;
}

.tabs-section.technologies-tabs .tab-content .content-div ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs-section.technologies-tabs .tab-content .content-div ul li {
    flex-basis: 30%;
    background: #e8b6ff;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    text-align: left;
    min-height: 60px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    color: #171A1C;
    font-family: 'Gordita-Medium';
}

.tabs-section.technologies-tabs .tab-content .content-div ul li:hover {
    border-color: #831cb1;
}

.tabs-section.technologies-tabs .tab-content .content-div ul li a {
    color: inherit;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    z-index: 1;
}
.content {
  display: none;
}

.content.active {
  display: block;
}
.developer-skill .row:last-child {
    margin: 50px 0 0 0;
}
.nav-pills .nav-link:hover {
    color: #6c0edb !important;
}
section.benefits-slider-sec {
   background: #f3e8f7;
   padding: 60px 0px;
}
.benefits-slider-title h2 {
    color: #171A1C;
    font-size: 32px;
    text-align: center;
    font-family: 'Gordita-Medium';
    margin: 0 0 50px 0;
}
.footer-class-main .row {
	align-items: anchor-center;
}
.footer__widget ul li a:hover {
    color: #831cb1 !important;
}
.benefits-slider-title p {
    font-size: 16px;
    color: #171A1C;
    font-family: 'Gordita-Regular';
    text-align: center;
    margin: 0 0 50px 0;
}
.swiper-slide.benefits-slider {
  background: #ffffff;
  padding: 20px; 
  border-radius: 8px;
  text-align: left;
  height: auto;
  box-sizing: border-box; 
}

.swiper-slide.benefits-slider h6 {
  color: #171A1C;
  font-size: 20px;
  font-family: 'Gordita-Medium';
  margin-bottom: 15px;
}
.swiper-slide.benefits-slider p {
  color: #171A1C;
  font-size: 16px;
  font-family: 'Gordita-Regular';
  margin: 0;
}
.swiper-slide.benefits-slider.swiper-slide-active {
  border: 1px solid #831cb1;
  background-color: #831cb1;
  color: #ffffff;
}

.swiper-slide.benefits-slider.swiper-slide-active h6,
.swiper-slide.benefits-slider.swiper-slide-active p {
  color: #ffffff;
}
.swiper-slide.designer.swiper-slide-active .designer-slide {
	border: 1px solid #831cb1;
	background: #831cb1;
}
.swiper-slide.designer.swiper-slide-active .designer-slide h6,
.swiper-slide.designer.swiper-slide-active .designer-slide p {
	color: #ffffff;
}
.swiper-pagination.benefits {
    display: none;
}

.developer-title.designer h2,
.developer-title.designer p {
    text-align: left;
}
.developer-sec-main-title h6 {
    color: #171A1C;
    font-size: 20px;
    font-family: 'Gordita-Medium';
    margin: 0;
}
.developer-sec-main-content p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0;
}
.developer-sec-main {
    padding: 20px 0 30px 0;
	border-bottom: 1px solid #831cb1;
}
.lets-get-touch-section .col-lg-6.col-md-12.col-12 {
    padding: 0;
}
.accordion-item {
	background: transparent !important;
}
.how-to-hire-main-inn {
    border: 1px solid #171A1C;
    padding: 20px;
    border-radius: 8px;
    height: 100%;
	background: #f3e8f7;
}
.how-to-hire-main-inn h6 {
    font-size: 20px;
    color: #171A1C;
    font-family: 'Gordita-Medium';
    margin: 0 0 15px 0;
}
.how-to-hire-main-inn p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
    margin: 0;
}
.how-to-hire-main-inn:hover {
    border: 1px solid #831cb1;
}
.how-to-hire-desc.developer h2,
.how-to-hire-desc.developer p {
    text-align: left;
}
.developer-title.marketer h2,
.developer-title.marketer p {
    text-align: left;
}
.developer-marketer-content h6 {
    color: #171A1C;
    font-size: 20px;
    font-family: 'Gordita-Medium';
    margin: 0 0 10px 0;
}
.developer-marketer-content p {
    font-size: 16px;
    color: #171A1C;
    font-family: 'Gordita-Regular';
    margin: 0;
}
.developer-inn-marketer {
    background: #f3e8f7;
    padding: 20px;
    border-radius: 8px;
}
.developer-inn-marketer:not(:last-child) {
    margin: 0 0 20px 0;
}
.developer-title.marketer {
    position: sticky;
    top: 120px;
}
.hire-top-developer-title.developer-inn h2 {
    text-align: left;
}
.business-need-points:not(:last-child) {
    margin: 0 0 10px 0;
}
button.accordion-button.collapsed.developer {
    background: #ffffff;
}
.designer-slide {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
	border: 1px solid #831cb1;
}

.designer-slide h6 {
    color: #171A1C;
    font-size: 20px;
    font-family: 'Gordita-Medium';
    margin: 0px 0 15px 0;
}

.designer-slide p {
    color: #171A1C;
    font-size: 16px;
    font-family: 'Gordita-Regular';
	margin: 0;
}
.designer-pagination-1 {
    display: none;
}
.laravel-title h2 {
    text-align: center;
    color: #171A1C;
    font-size: 32px;
    margin: 0 0 50px 0;
}
.benefits-of-laravel .row:last-child .col-lg-6.col-md-6.col-12 {
    padding-bottom: 15px;
}
.dedidevs-content.marketer h2 {
    text-align: left;
}
.dedidevs-why-choose.marketer-choose .row:last-child {
    margin: 30px 0 0 0;
    align-items: inherit !important;
}
.how-to-hire-main-inn:hover {
    border: 1px solid #831cb1;
    background: #831cb1;
}
.how-to-hire-main-inn:hover h6,
.how-to-hire-main-inn:hover p {
	color: #ffffff;
}
.challenging-sec-lft .col-lg-12.col-md-10.col-12 {
    padding: 0;
}
section.faq-sec.marketer-faq {
    background: #f3e8f7;
}
section.hire-dedicated-developer.marketer {
    background: #ffffff;
}
button.accordion-button.collapsed.designer {
    background: #f3e8f7;
}
.dedidevs-content.designer h2 {
    text-align: left;
	margin: 0 0 20px 0;
}
.lead-contact-btn .btn:focus,
.lead-contact-btn .btn:active,
ul.mega-sub-menu li a:focus,
ul.mega-sub-menu li a:active,
.contact-us-btn .btn:focus,
.contact-us-btn .btn:active,
.model-contact-btn .btn:focus,
.model-contact-btn .btn:active,
.hire-top-btn a:focus,
.hire-top-btn a:active,
.hire-area-inn.blue a:focus,
.hire-area-inn.blue a:active,
.hire-blue.blue-line a:focus,
.hire-blue.blue-line a:active,
.hire-dev a:focus,
.hire-dev a:active,
.hire-dev-black a:focus,
.hire-dev-black a:active,
.hire-now-btn a:focus,
.hire-now-btn a:active,
.lets-get-touch-section .blue-section-part .india-phone-txt a:focus,
.lets-get-touch-section .blue-section-part .india-phone-txt a:active {
  outline: none;
  box-shadow: none; 
}

.faq-sec button.collapsed.developer {
    background: #f3e8f7;
}
.business-need-points img {
    object-fit: contain;
	width: 18px;
	height: 18px;
}
.developers-info:hover {
    transition: transform 0.4s ease;
    transform: scale(1.0161290323);
}
.hire-top-developer .row:last-child .col-lg-8.col-md-6.col-12 {
    padding: 0;
}
.tailored-sec .col-lg-12.col-md-10.col-12 {
    padding: 0;
}
.num-area h4,
.num-area.blue h4,
.num-area.pink h4 {
    margin: 0;
}
.dedidevs-why-choose.marketer-choose .row:last-child .col-lg-8.col-md-6.col-12 {
    padding: 0;
}
.mega-toggle-blocks-left {
    display: none !important;
}
h1.text-center {
    margin: 0;
}
.hire-devs.marketer {
    text-align: center;
}
p.logged-in-as a {
    color: #831cb1;
}
.forminator-ui#forminator-module-2244.forminator-design--default .forminator-label {
    margin: 0 0 10px 0;
}
.developer-content {
    position: sticky;
    top: 120px;
}
.blog__heading__section .row .col-md-6 {
    padding: 0;
}
.our-services-title h2 {
    color: #000000;
    font-size: 32px;
    font-family: 'Gordita-Medium';
    margin: 0 0 30px 0;
}
.developer-service .row .col-lg-8.col-md-6.col-12 {
    padding-left: 90px;
}
.our-services-content {
    margin: 0 0 40px 0;
    position: relative;
}
.our-services-content h5 {
    color: #000000;
    font-size: 23px;
    margin: 0 0 10px 0;
    font-family: 'Gordita-Medium';
	position: relative;
}
.lead-contact-btn.service-btn {
    justify-content: flex-start;
}
.our-services-content::before {
    content: "";
    background: url(https://www.gemsdevs.com/wp-content/uploads/2025/06/rec.png) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: contain;
    position: absolute;
    left: -55px;
    object-fit: contain;
    top: 63px;
}
.our-services-content img {
    margin: 0 0 7px 0;
	width: 55px;
}
.our-services-content p {
    color: #000000;
    font-family: 'Gordita-Regular';
    margin: 0;
    font-size: 16px;
}
.our-services-title {
    position: sticky;
    top: 140px;
}
.our-services-content-main {
    border-left: 1px solid #000000;
    padding: 0 0 0 40px;
	position: relative;
}
/* contact us responsive css */
@media only screen and (max-width:1199px) {
	.contact-us-section .title-banner h1
	{
		font-size: 30px;
	}
	.lets-get-touch-section .lets-get-title-desc h2 {
		font-size: 26px;
	}
	.lets-get-touch-section .contact-us-sub-title h3,
	.lets-get-touch-section .blue-section-part h3,
	.lets-get-touch-section .blue-section-part h4{
		font-size: 25px;
	}
	.lets-get-touch-section .blue-section-part {
		min-height: 704px;
	}
}
@media only screen and (max-width:1023px) {
	.lets-get-touch-section .blue-section-part .social-icons {
    	margin-left: 15px;
	}
	
}
@media only screen and (max-width:991px) {
	.contact-us-section .title-banner h1 {
		font-size: 25px;
	}
	.lets-get-touch-section .lets-get-title-desc h2 {
		font-size: 20px;
	}
	section.lets-get-touch-section,
	section.contact-us-section{
    	padding: 60px 0px;
	}
	.lets-get-touch-section .contact-us-sub-title h3,
	.lets-get-touch-section .blue-section-part h3,
	.lets-get-touch-section .blue-section-part h4 {
        font-size: 20px;
    }
	.lets-get-touch-section .blue-section-part {
		min-height: auto;
		margin: 30px 0 0 0;
	}
	.lets-get-touch-section .blue-section-part .social-icons {
        margin-left: 0px;
    }
	.lets-get-touch-section .contact-us-sub-title,
	.lets-get-touch-section .blue-section-part{
		border-radius: 8px;
	}
	.lets-get-touch-section .blue-section-part {
		border-left: 1px solid #171A1C;
	}
}
@media only screen and (max-width:800px) {
	textarea {
		width: 100%;
		max-height: 100px;
	}
}
@media only screen and (max-width:767px) {
	.contact-us-section .title-banner h1 {
		font-size: 20px;
	}
	.lets-get-touch-section {
		padding: 50px 0px !important;
	}
	.lets-get-touch-section .lets-get-title-desc p {
		font-size: 14px;
		margin: 0 0 30px 0;
	}
	.lets-get-touch-section .contact-us-sub-title {
		padding: 25px;
	}
	 .lets-get-touch-section .contact-us-sub-title h3,
	.lets-get-touch-section .blue-section-part h3,
	.lets-get-touch-section .blue-section-part h4 {
        font-size: 18px;
    }
	.lets-get-touch-section .contact-us-desc p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], 				input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], 					input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], 		textarea,.contact-page-form .wpcf7 input[type="file"],.lets-get-touch-section .blue-section-part .india-phone-txt a {
    font-size: 14px !important;
	}
	.lets-get-touch-section .blue-section-part {
    	padding: 25px;
	}
	.lets-get-touch-section .india-number img {
		height: 30px;
		width: 30px;
	}
	.social-icons a img {
		width: 30px;
	}
	.social-image img {
		width: 100%;
	}
}
@media only screen and (max-width:480px) {
	.contact-us-section .title-banner h1,
	.lets-get-touch-section .lets-get-title-desc h2{
		font-size: 18px;
	}
	section.contact-us-section {
		padding: 50px 0;
	}
}
/* contact us responsive css end */