/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1758535913
Updated: 2025-09-22 10:11:53

*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Hind:wght@300;400;500;600;700&display=swap');
form.metform-form-content input {
    border-color: #fff !important;
}
form.metform-form-content textarea{
    border-color: #fff !important;
}
#Overlay-About .ekit-heading--title.elementskit-section-title {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#Overlay-About .ekit-heading--title.elementskit-section-title .word {
	width: fit-content;
    display: flex;
}
h3.section-title {
    font-family: Bricolage Grotesque;
    font-weight: 500;
    font-size: 34px;
    line-height: 28.8px;
    vertical-align: middle;
    color: #fff;
}
.section-title::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
}
.skills-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.skill {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 8px 16px 8px 12px;
  border-radius: 30px;
  color: #fff;
  transition: all 0.3s ease;
}
.skill span {
  font-family: Bricolage Grotesque;
  font-weight: 400;
  font-size: 18px;
}
.skill img {
    width: 30px;
    height: 30px;
}
.row.align-items-center.Tech-Stack-Main-row {
    border-bottom: 1px solid var(--color-white-30, #FFFFFF4D);
    padding-bottom: 20px;
}
.row.align-items-center.Tech-Stack-Main-row.CMS {
    border: none;
}
.Gradient-TechStack {
    background: linear-gradient(90deg, #FDC448 0%, #FFD971 50%, #FFFFFF 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
header.sticky {
    position: fixed !important;
    width: 100%;
    z-index: 9999;
}
header.sticky .Site-Header-main {
    background-color: #0D1117;
    padding-bottom: 15px;
}
header.sticky .Site-Header-main .e-con-inner {
    padding-top: 15px;
}
header a.rkit-nav-link.active {
    color: #4C51BF !important;
    font-weight: 600 !important;
}
#Expertise,
#AboutMe,
#TechStack,
#Projects,
#Contact {
  scroll-margin-top: 70px;
}
.Responsive-Tech-Stck .rkit-accordion-item {
    border-bottom: 1px solid var(--color-white-30, #FFFFFF4D);
}
.gs-banner {
    background: linear-gradient(69.71deg, #FFFFFF 4.78%, #C0EEFB 120.64%);
}
.feat-box {
    box-shadow: 0px 3.7px 18.51px 0px #00000014;
    border: 0.93px solid #EDEDED;
    border-radius: 18.51px;
    background-color: #fff;
}
.gs-linear-bg {
    background: linear-gradient(191.58deg, #99EB66 -3.5%, #0EBEEF 139.04%);
}
.page-id-2049 .elementor.elementor-2049 {
    background: #fff;
}
span.fonts-title {
    display: flex;
    align-items: center;
    max-width: 320px;
    justify-content: space-between;
}
span.poppins-first {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
}
.gs-typo span.poppins-first {
    font-family: 'Manrope';
    color: #000000;
    font-weight: 700;
}
span.poppin-font {
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.gs-typo span.poppin-font {
    font-family: 'Poppins';
    font-size: 30px;
    color: #000;
}
span.main-poppin {
    font-family: 'Poppins';
    font-size: 70px;
    font-weight: 700;
    line-height: 146.28px;
    text-align: left;
    color: #2E2E2E;
    text-transform: capitalize;
}
.font-option-container {
    display: flex;
    gap: 10px;
}
.norri-fonts button.font-option.col-lg-6 {
    z-index: 2;
	max-width: 24%;
}
.font-option {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    transition: background-color 0.3s ease;
    text-align: left;
}
button.font-option.col-lg-6:hover, button.font-option.col-lg-6:focus {
    background-color: #f5f5f5;
}
.btn-poppins {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #13151A;
}
.gs-typo .btn-poppins {
    font-family: 'Manrope';
    font-weight: 700;
    font-size: 12px;
}
.btn-font-weight {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #5E6B81;
}
.col-lg-4.col-md-4.col-sm-4.typo-col {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 700;
    line-height: 75px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2E2E2E;
}
.col-lg-4.col-md-4.col-sm-4.typo-col.norri-typo {
    font-size: 48px;
    line-height: 72px;
    color: #929292;
}
p.alphabet-set {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 400;
    line-height: 39px;
    text-align: left;
    color: #2E2E2E;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    letter-spacing: 6px;
}
p.alphabet-set.norri-alphabet-set {
    font-weight: 500;
    text-align: left;
    color: #929292;
    letter-spacing: 6px;
}
.numeric-set {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 400;
    line-height: 39px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2E2E2E;
    letter-spacing: 15px;
}
.numeric-set.alphabet-set.norri-numeric-set {
    letter-spacing: 14px;
    color: #929292;
	font-size: 28px;
    font-weight: 500;
}
.color-picker-wrapper {
    display: flex;
    gap: 80px;
    margin-top: 40px;
    width: 100%;
    flex-wrap: nowrap;
}
.color-picker-wrapper.nourri-color-picker {
    gap: 32px;
}
.color-picker-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 315px;
    padding: 10px;
    border-radius: 8px;
    background-color: #f2f2f2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
}
.nourri-color-picker .color-picker-container {
    background-color: #fff;
    box-shadow: none;
    padding: 0;
    border-radius: 8px;
}
.color-display {
    width: 100%;
    height: 80px;
    background-color: #0181B3;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
}
.nourri-color-picker.WSH-color-picker .color-display, .nourri-color-picker.sparrow-color-picker .color-display {
    border-radius: 10px;
}
.WSH-color-picker .color-display, .color-picker-wrapper.nourri-color-picker.sparrow-color-picker .color-display {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hex-value {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 20.39px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #696969;
}
.nourri-color-picker .hex-value {
    color: #0A0A0A;
    font-weight: 400;
    font-family: 'Poppins';
}
.sparrow-color-picker .hex-value {
    color: #fff;
}
.native-color-picker {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.facebloom-overview-inner-div .elementor-container.elementor-column-gap-default {
    background: linear-gradient(266.48deg, #2C1B47 -33.85%, #1C548D 73.36%);
    padding: 24px !important;
    border-radius: 24px;
}
.WSH-key-features {
    min-height: 280px;
}
.WSH-key-features.facebloom-major-feayures {
    background: linear-gradient(24.84deg, #2C1B47 -39.04%, #1C548D 57.25%);
} 
.Facebloom-Alphabet-set .alphabet-set.norri-alphabet-set, .Facebloom-Alphabet-set .numeric-set.alphabet-set.norri-numeric-set {
    font-family: Urbanist !important;
    font-size: 26px;
    font-weight: 500;
    line-height: 40px;
    color: #fff;
}
.col-lg-4.col-md-4.col-sm-4.typo-col.norri-typo.face-typo {
    color: #fff;
}
.facebloom-color-picker {
    justify-content: center;
    flex-wrap: wrap;
}
.facebloom-color-picker .color-picker-container {
    max-width: 350px !important;
    width: 100%;
}
.facebloom-color-picker .hex-value {
    font-family: Urbanist !important;
    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 30px !important;
}
.dummy-section {
    background: linear-gradient(266.48deg, #2C1B47 -26.42%, #1C548D 80.79%);
}
.AI-Powered-tackle {
    background: #C03EFE33;
    border-image-source: linear-gradient(203.6deg, rgba(49, 27, 59, 0.3) 5.19%, rgba(255, 255, 255, 0) 108.74%);
    box-shadow: 0px 4px 20px 0px #C03EFE inset;
    padding: 24px !important;
    border-radius: 24px;
}
.face-tackled-media {
    padding: 15px 0;
}
.AI-Powered-tackle.personalization .face-tackled-media {
    padding: 10px 0;
}
.tackled-card-circle {
    position: absolute;
    top: -3px;
    right: 0%;
}
.tackled-card-content {
    font-family: Urbanist;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    padding-top: 20px;
    margin-bottom: 0;
}
.AI-Powered-tackle.personalization .tackled-card-content {
    padding-top: 12px;
    margin: 0;
}
.Cross-platform-tackled {
    background: #3AB87D33 !important;
    box-shadow: 0px 4px 20px 0px #3AB87D inset !important;
    border: 1px solid;
    border-image-source: linear-gradient(203.6deg, rgba(49, 27, 59, 0.3) 5.19%, rgba(255, 255, 255, 0) 108.74%) !important;
}
.Cross-platform-tackled .face-tackled-media {
    padding: 10px 0;
}
.Cross-platform-tackled .tackled-card-content {
    margin: 0;
    padding-top: 5px;
}
.Dynamic-dashboard {
    background: #845CF633 !important;
    border: 1px solid;
    border-image-source: linear-gradient(203.6deg, rgba(49, 27, 59, 0.3) 5.19%, rgba(255, 255, 255, 0) 108.74%) !important;
    box-shadow: 0px 4px 20px 0px #845CF6 inset !important;
}
.Community-building {
    background: #89A9F733 !important;
    border: 1px solid;
    border-image-source: linear-gradient(203.6deg, rgba(49, 27, 59, 0.3) 5.19%, rgba(255, 255, 255, 0) 108.74%) !important;
    box-shadow: 0px 4px 20px 0px #89A9F7 inset !important;
}
.Faceboom-challenge-sect {
    background: url('/wp-content/uploads/2025/11/Rectangle-18579.svg') no-repeat;
    background-size: cover;
}
span.facebloom-gradient-talks {
    background: linear-gradient(180deg, #4CDFA0, #FEE591);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.page-id-2049 .elementor-129 .elementor-element.elementor-element-b6a2b00 .rkit-menu-item > .rkit-nav-link {
    color: #0D1117;
}
.page-id-2049 header.sticky .elementor-129 .elementor-element.elementor-element-b6a2b00 .rkit-menu-item > .rkit-nav-link {
    color: #fff;
}
.col-lg-4.col-md-4.col-sm-4.typo-col.norri-typo:nth-child(2) {
    text-align: center;
}
.req-div {
    display: flex;
}
.number.req-col {
    width: 9%;
    position: relative;
}
.number {
    height: 56px;
    width: 56px;
    background: #06BCE9;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Barlow Condensed';
    color: #fff;
    font-weight: 700;
    font-size: 40px;
}
.number.req-col:after {
    position: absolute;
    left: 50%;
    top: 70px;
    background: #06BCE9;
    content: "";
    width: 4px;
    height: 56px;
    border-radius: 1px 0px 0px 0px;
}
.page-id-2181 .number.req-col:after {
    background: #8639FF;
    width: 2px;
}
.page-id-2181 .number {
    background: #8639FF;
}
.content-div.req-col {
    width: 90%;
    padding-left: 30px;
}
h3.req-title {
    text-transform: none;
    font-size: 24px;
    color: #2E2E2E;
    /* font-family: 'Poppins'; */
    font-weight: 700;
}
.page-id-2181 h3.req-title {
    text-transform: none;
    font-size: 30px;
    color: #fff;
    font-family: 'Lilita One';
    font-weight: 400;
}
p.req-desc {
    font-family: 'Poppins';
    color: #2E2E2E;
    font-size: 20px;
}
.page-id-2181 p.req-desc {
    font-family: 'Roboto';
    color: #fff;
    font-size: 18px;
}
.number.num-5.req-col::after {
	content: none;
}
.cak-banner {
    background: linear-gradient(59.23deg, #8639FF 29.45%, #BE51FF 79.18%);
}
.cak-color-picker .color-picker-container-one {
    border: 1px solid #8639FF;
}
.cak-color-picker .color-picker-container-two {
    border: 1px solid #C3E1FF;
}
.cak-color-picker .color-picker-container-three {
    border: 1px solid #8CAF00;
}
.cak-color-picker .color-picker-container-four {
    border: 1px solid #ABABAB;
}
.cak-color-picker .color-picker-container-five {
    border: 1px solid #BE51FF;
}
.cak-color-picker .color-picker-container-six {
    border: 1px solid #DBEDF6;
}
.cak-color-picker .color-picker-container-seven {
    border: 1px solid #5DCDE5;
}
.cak-color-picker .color-picker-container-eight {
    border: 1px solid #FF3B30;
}
.cak-color-picker.nourri-color-picker .color-picker-container {
    background-color: transparent;
}
.nourri-color-picker.cak-color-picker .hex-value.cak {
    color: #fff;
}
@media only screen and (max-width: 767px) {
	.facebloom-challenge-image {
    position: relative !important;
    left: 0 !important;
}
	span.poppins-first {
    font-size: 24px;
    line-height: 0;
}
	.gs-typo span.poppin-font {
    font-size: 18px;
    line-height: 0;
}
	span.main-poppin {
    font-size: 60px;
    line-height: normal;
}
	.font-option-container {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}
	.norri-fonts button.font-option.col-lg-6 {
    max-width: 48%;
}
	.capitalze-typogrphy.row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}
	.col-lg-4.col-md-4.col-sm-4.typo-col.norri-typo {
    font-size: 32px;
    line-height: 0;
    max-width: 33.33333%;
}
	p.alphabet-set {
    font-size: 24px;
    line-height: 32px;
}
	.numeric-set, .numeric-set.alphabet-set.norri-numeric-set {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 9px;
}
	.color-picker-wrapper {
    gap: 20px;
    margin-top: 20px;
    flex-direction: column;
    align-items: center;
}
	.color-picker-wrapper.nourri-color-picker {
    gap: 18px;
}
	.hex-title, .hex-value {
    font-size: 18px;
}
	.sp-absolute-img {
    position: relative !important;
}
	.sp-absolute-img.req-num {
	right: 0 !important;
    top: 0 !important;
	}
	.ContactMe-Offcanvass a, .Start-Project-Offcanvass a {
    width: 100% !important;
}
	h3.section-title {
    font-size: 24px;
}
	.skill img {
    width: 30px;
    height: 30px;
}
	.skill span {
    font-size: 14px;
}
	img.banner-heading-image {
    max-width: 100px;
}
	.Banner-Upwork img {
    max-width: 300px;
}
	header.sticky .Site-Header-main .e-con-inner {
    padding-bottom: 15px;
}
	.Hire-Me-Footer, .Book-Call-Footer {
    max-width: 100%;
    width: 100% !important;
}
	.Hire-Me-Footer a.elementor-button, .Book-Call-Footer a.elementor-button {
    width: 100% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sp-absolute-img {
		width: fit-content !important;
	}
	.sp-absolute-img.req-num {
		right: 0 !important;
	}
	#get-in-touch-btn {
    width: auto !important;
}
	h3.section-title {
    font-size: 28px;
}
	.skill span {
    font-size: 16px;
}
	.skill img {
    width: 30px;
    height: 30px;
}
	.row.align-items-center.Tech-Stack-Main-row {
    width: 100%;
}
	.Backend-Tech-Container {
    width: 100%;
}
	.Backend-Tech-Container .elementor-widget-html {
    width: 100%;
}
	.col-md-3.col-12.tech-stack {
    padding-left: 0;
    width: 22%;
}
	.col-md-9.col-12.tech-stack {
    padding-right: 0;
    width: 78%;
}
	.backend .col-md-9.col-12.tech-stack, .Frontend .col-md-9.col-12.tech-stack, .Database .col-md-9.col-12.tech-stack, .CMS .col-md-9.col-12.tech-stack {
    justify-content: flex-start;
    display: flex;
}
	.skills-container {
    text-align: right;
    justify-content: flex-start;
}
}
@media only screen and (min-width: 1200px) {
	.col-md-3.col-12.tech-stack {
		 padding-left: 0;
	}
	.col-md-9.col-12.tech-stack {
		padding-right: 0;
	}
	.Backend-Tech-Container {
    width: 100%;
}
	.Backend-Tech-Container .elementor-widget-html {
    width: 100%;
}
	.backend .col-md-9.col-12.tech-stack, .Frontend .col-md-9.col-12.tech-stack, .Database .col-md-9.col-12.tech-stack, .CMS .col-md-9.col-12.tech-stack {
    justify-content: flex-start;
    display: flex;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
	.Frontend.Securixs-page .skill img {
    width: 40px;
    height: 40px;
}
	.Frontend.Securixs-page .skill span {
    font-size: 18px;
}
	.skill span {
    font-size: 16px;
}
	.skill img {
    width: 26px;
    height: 26px;
}
	.skill {
    padding: 8px 12px 8px 8px;
}
	.col-md-3.col-12.tech-stack {
    width: 15%;
}
	.col-md-9.col-12.tech-stack {
    width: 85%;
    padding-right: 0;
}
	.col-md-3.col-12.tech-stack {
    padding-left: 0;
}
	h3.section-title {
    font-size: 30px;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1499px) {
	.skill span {
    font-size: 18px;
}
	.skill img {
    width: 35px;
    height: 35px;
}
	.col-md-3.col-12.tech-stack {
    width: 16%;
}
	.col-md-9.col-12.tech-stack {
    width: 84%;
    padding-right: 0;
}
	.col-md-3.col-12.tech-stack {
    padding-left: 0;
}
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
	.col-md-9.col-12.tech-stack {
    width: 86%;
}
	.col-md-3.col-12.tech-stack {
    width: 14%;
}
}