/* Font Family Inclusion */
@font-face {
    font-family: "outfit-light";
    src: url("../fonts/outfit-light/Outfit-Light.ttf") format("ttf"), url("../fonts/outfit-light/Outfit-Light.woff") format("woff"), url("../fonts/outfit-light/Outfit-Light.woff2") format("woff2"), url("../fonts/outfit-light/Outfit-Light.eot") format("eot"), url("../fonts/outfit-light/Outfit-Light.svg") format("svg"), url("../fonts/outfit-light/Outfit-Light.otf") format("otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "outfit-regular";
    src: url("../fonts/outfit-regular/Outfit-Regular.ttf") format("ttf"), url("../fonts/outfit-regular/Outfit-Regular.woff") format("woff"), url("../fonts/outfit-regular/Outfit-Regular.woff2") format("woff2"), url("../fonts/outfit-regular/Outfit-Regular.eot") format("eot"), url("../fonts/outfit-regular/Outfit-Regular.svg") format("svg"), url("../fonts/outfit-regular/Outfit-Regular.otf") format("otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "outfit-medium";
    src: url("../fonts/outfit-medium/Outfit-Medium.ttf") format("ttf"), url("../fonts/outfit-medium/Outfit-Medium.woff") format("woff"), url("../fonts/outfit-medium/Outfit-Medium.woff2") format("woff2"), url("../fonts/outfit-medium/Outfit-Medium.eot") format("eot"), url("../fonts/outfit-medium/Outfit-Medium.svg") format("svg"), url("../fonts/outfit-medium/Outfit-Medium.otf") format("otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "outfit-semiBold";
    src: url("../fonts/outfit-semibold/Outfit-SemiBold.ttf") format("ttf"), url("../fonts/outfit-semibold/Outfit-SemiBold.woff") format("woff"), url("../fonts/outfit-semibold/Outfit-SemiBold.woff2") format("woff2"), url("../fonts/outfit-semibold/Outfit-SemiBold.eot") format("eot"), url("../fonts/outfit-semibold/Outfit-SemiBold.svg") format("svg"), url("../fonts/outfit-semibold/Outfit-SemiBold.otf") format("otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "outfit-bold";
    src: url("../fonts/outfit-bold/Outfit-Bold.ttf") format("ttf"), url("../fonts/outfit-bold/Outfit-Bold.woff") format("woff"), url("../fonts/outfit-bold/Outfit-Bold.woff2") format("woff2"), url("../fonts/outfit-bold/Outfit-Bold.eot") format("eot"), url("../fonts/outfit-bold/Outfit-Bold.svg") format("svg"), url("../fonts/outfit-bold/Outfit-Bold.otf") format("otf");
    font-weight: normal;
    font-style: normal;
}
/* Font Family Inclusion */

/* Common Codes */
* {margin: 0;padding: 0;box-sizing: border-box;font-weight: normal; font-family: var(--outfit-regular);}
a {display: inline-block;vertical-align: middle;text-decoration: none;}
body {margin: 0px;color: var(--text-color-primary);}
li {list-style: none;}
ul,li,p {margin: 0px;padding: 0px;}
button{border: 0px;background-color: transparent;}
button:focus {outline: 0;}
html {scroll-behavior: smooth; scroll-padding-top: 50px;}
button:hover{cursor: pointer;}
.banner-container::before {background: url("../images/banner-bg-img.png"); background-repeat: no-repeat; background-size: cover; content: ""; position: absolute; inset: 0; opacity: 0.15; pointer-events: none; z-index: 1;}
.common_container{width: 100%;max-width: 1200px;margin: 0 auto;}
.header__logo .logo-img img, .footer__logo .logo-img img{display: block; width: 100%; max-width: 118px;}

/* Common Button Designs */
.primary_button { position: relative;overflow: hidden;z-index: 1;background-color: var(--button-bg-color-primary);color: var(--button-text-color-primary); border: 1px solid var(--button-border-color);transition: color 0.4s ease, border-color 0.4s ease;}
.primary_button::before{content: ""; position: absolute; top: 100%; left: 0;width: 100%;height: 100%;background-color: var(--button-bg-hover-color-primary);transition: top 0.4s ease; z-index: -1;}
.primary_button:hover, .primary_button:focus{ color: var(--button-hover-text-primary);border: 1px solid var(--button-border-color);}
.primary_button:hover::before, .primary_button:focus::before{top: 0;}
.primary_button:hover svg path, .primary_button:focus svg path {fill: var(--button-bg-color-primary);}

.secondary_button { position: relative;overflow: hidden;z-index: 1;background-color: var(--button-bg-color-secondary);color: var(--button-text-color-secondary); border: 1px solid var(--border-color-secondary);transition: color 0.4s ease, border-color 0.4s ease;}
.secondary_button::before{content: ""; position: absolute; top: 100%; left: 0;width: 100%;height: 100%;background-color: var(--button-bg-hover-text-secondary);transition: top 0.4s ease; z-index: -1;}
.secondary_button:hover, .secondary_button:focus{ color: var(--button-hover-text-secondary); border: 1px solid var(--border-color-secondary);}
.secondary_button:hover::before, .secondary_button:focus::before{top: 0;}

.tertiary_button { position: relative;overflow: hidden;z-index: 1;background-color: var(--button-bg-color-tertiary);color: var(--button-text-color-tertiary); border: 1px solid var(--border-color-secondary);transition: color 0.4s ease, border-color 0.4s ease;}
.tertiary_button::before{content: ""; position: absolute; top: 100%; left: 0;width: 100%;height: 100%;background-color: var(--button-bg-hover-color-tertiary);transition: top 0.4s ease; z-index: -1;}
.tertiary_button:hover, .tertiary_button:focus{color: var(--button-hover-text-tertiary); border: 1px solid var(--border-color-secondary);}
.tertiary_button:hover::before, .tertiary_button:focus::before{top: 0;}
/* Common Button Designs */

/* Common Codes */

/* Header Section */
.header_section {padding: 8px 40px;position: fixed;z-index: 2;left: 0; right: 0;}
.header_section.scrolled {background-color: var(--header-bg-color); border-bottom: 1px solid var(--border-color);}
.header_section .header-container {display: flex;justify-content: space-between; flex-direction: row; align-items: center;}
.header_section .header-container .header__navigation .header__nav .header__nav-list{ display: flex; align-items: center; flex-direction: row;}
.header_section .header-container .header__navigation .header__login { margin: 0px 0px 0px 8px;}
.header_section .header-container .header__nav .header__nav-item{ margin: 0px 20px;}
.header_section .header-container .header__navigation .header_inner-container{display: flex; align-items: center; flex-direction: row;}
.header_section .header-container .header__login .login-btn {padding: 6px 15px;border-radius: 8px;font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height);}
.header_section .header-container .header__navigation .header__nav .header__nav-list .header__nav-item.mobile-logo-content {  display: none;}
.header__navigation .mobile-logo-content, .header__navigation .nav-bar, .header_section .header-container .header__nav .header__nav-item .link-arrow-icon { display: none;}
.header__navigation .menu-icon img {  width: 100%;  max-width: 30px;  display: block;}
.header_section .header-container .header__nav .header__nav-item .header__nav-link, .footer_section .footer__container .footer__link { position: relative; color: var(--text-color-tertiary); font-size: var(--xl-p4-font-size); line-height: var(--xl-p4-line-height); font-family: var(--outfit-regular);}
.header_section .header-container .header__nav .header__nav-item .header__nav-link:hover::after,
.header_section .header-container .header__nav .header__nav-item .header__nav-link.active::after,
.footer_section .footer__container .footer__link:hover::after, 
.footer_section .footer__container .footer__link.active::after { transform: scaleX(1);}
.header_section .header-container .header__nav .header__nav-item .header__nav-link::after, .footer_section .footer__container .footer__link::after { content: ""; position: absolute;left: 0;bottom: -2px;width: 100%;height: 100%;max-height: 2px; background-color: var(--border-color-secondary);transform: scaleX(0); transform-origin: left;transition: transform 0.4s ease;}
/* Header Section */

/* Banner Section */
.banner-container{padding: 45px 0px 30px;}
.banner-container .banner__content{text-align: center;}
.banner-container .banner__content .banner__title, .dot_txt{font-size: var(--xl-h1-font-size); line-height: var(--xl-h1-line-height); color: var(--secondary-heading-color); margin: 0px 0px 10px; font-family: var(--outfit-bold);}
.banner-container .banner__content .banner__title .dot_txt{color: var(--primary-heading-color);}
.banner-container .banner__content .banner__description{font-size: var(--xl-p2-font-size); line-height: var(--xl-p2-line-height); color: var(--text-color-tertiary); margin: 0px 0px 25px; font-family: var(--outfit-regular);}
.banner-container .banner__content .banner__actions{display: flex; justify-content: center; flex-direction: row; gap: 12px;}
.banner-container .banner__content .banner__actions .banner__btn{font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height); font-family: var(--outfit-regular); border-radius: 8px;  padding: 8px 16px; }
.banner-container .banner__content .banner__actions .banner__btn:hover{transform: translateY(-2px); box-shadow: 0px 12px 25px 4px var(--premium-btn-bg-color);transition: all 0.3s ease; }
.banner-container .banner__content .banner__actions .banner__btn svg{margin: 0px 6px 0px 14px; width: 100%;max-width: 12px;}
.banner-container .image-content{text-align: center; margin: 38px 0px 0px; mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);}
.banner-container .image-content img{width: 100%; max-width: 700px; }
/* Banner Section */

/* Video Demo Section */
.video-section {text-align: center;padding: 20px 0px;}
.video-section__title {font-size: var(--xl-h2-font-size); line-height: var(--xl-h2-line-height); color: var(--text-color-secondary);margin-bottom: 15px;font-family: var(--outfit-medium);}
.video-section__description {font-size: var(--xl-p3-font-size); line-height: var(--xl-p3-line-height);color: var(--text-color-primary); font-family: var(--outfit-regular); width: 100%;max-width: 74%;margin: 0 auto;}
.video-section__wrapper {margin: 20px 0px 0px;}
.video-section__wrapper .video-content{ display: block; margin: 0 auto;width: 100%;max-width: 885px;}
.video-section__video {max-width: 800px;width: 100%;border-radius: 10px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
/* Video Demo Section */

/* Feature Section */
.features-container {padding: 25px 40px;}
.features-container .feature-title{text-align: center; font-family: var(--outfit-medium);font-size: var(--xl-h2-font-size); line-height: var(--xl-h2-line-height); color: var(--secondary-heading-color);}
.features-container .feature-description{margin: 10px 0px 30px; text-align: center; font-size: var(--xl-p2-font-size); line-height: var(--xl-p2-line-height); color: var(--text-color-primary);font-family: var(--outfit-regular);}
.features-container .features__content { display: flex; flex-direction: row;  flex-wrap: wrap;  gap: 20px;}
.features-container .feature-card:first-child{flex: 0 0 calc(50% - 10px);}
.features-container .feature-card:nth-child(3){flex: 0 0 calc(100%); background-image: url("../images/image-editor.png");background-repeat: no-repeat; background-position: right;min-height:265px;}
.features-container .feature-card:nth-child(3) .feature-desc{width: 100%;  max-width: 600px;}
.features-container .feature-card {flex: 0 0 calc(50% - 10px); background-color: var(--section-bg-color-secondary); border-radius: 16px; padding: 28px;}
.feature_sub-title{font-size: var(--xl-p2-font-size); line-height: var(--xl-p2-line-height); color: var(--text-color-secondary);font-family: var(--outfit-medium); margin: 0px 0px 12px;}
.feature-desc{font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height);color: var(--text-color-primary);font-family: var(--outfit-regular);}
.features-container .feature-card .feature-icons {display: flex; flex-direction: row; align-items: center;justify-content: center;gap: 16px; margin: 10px 0px 5px;}
.features-container .feature-card .feature-icons .icon-circle img{ width: 100%; max-width: 62px; display: block;}
.features-container .feature-card .feature-icons .icon-circle.upload-arrow img{width: 100%; max-width: 20px;} 
.features-container .feature-card .feature-icons .icon-circle.upload-icons img{ width: 100%; max-width: 150px; display: block;}
/* Feature Section */

/* Why Choose Us Section */
.why_choose-section .why_stylapse-section{border-radius: 26px;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.06);padding: 40px 30px;width: 100%;max-width: 75%; text-align: center; margin: 30px auto;}
.why_choose-section .why_stylapse-section .stylapse__title { font-size: var(--xl-h3-font-size);line-height: var(--xl-h3-line-height); color: var(--secondary-heading-color);font-family: var(--outfit-medium);}
.why_choose-section .why_stylapse-section .stylapse__description { font-family: var(--outfit-regular); font-size: var(--xl-p2-font-size);color: var(--text-color-primary);line-height: var(--xl-p2-line-height);width: 100%; max-width: 700px; margin: 26px auto 36px;}
.why_choose-section .why_stylapse-section .stylapse__card { display: flex;justify-content: space-around;flex-wrap: wrap;flex-direction: row;}
.why_choose-section .why_stylapse-section .stylapse__card .stylapse-value{ font-size: var(--xl-p1-font-size); line-height: var(--xl-p1-line-height); color: var(--text-color-secondary); margin: 0px 0px 10px;font-family: var(--outfit-semibold);}
.why_choose-section .why_stylapse-section .stylapse__card .stylapse-label{ font-size: var(--xl-p4-font-size); line-height: var(--xl-p4-line-height); color: var(--text-color-primary); font-family: var(--outfit-regular);}
/* Why Choose Us Section */

/* Choose Plan Section */
.choose_plan-section{padding: 40px;}
.choose_plan-section .plan-card__header, .choose_plan-section .button-content{text-align: center;}
.choose_plan-section .button-content .add-on_btn{font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height); font-family: var(--outfit-regular);border-radius: 8px;padding: 8px 16px;}
.choose_plan-section .button-content .add-on_btn svg {margin: 0px 6px 0px 14px;width: 100%;max-width: 12px;}
.choose_plan-section .plan-card__header .plan-button_content {display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;}
.choose_plan-section .plan-card__header .plans__title{color: var(--secondary-heading-color);font-family: var(--outfit-medium); font-size: var(--xl-h2-font-size); line-height: var(--xl-h2-line-height);}
.choose_plan-section .plan-card__header .plan-info { font-size: var(--xl-p2-font-size); line-height: var(--xl-p2-line-height); color: var(--text-color-primary); margin: 20px 0px;}
.choose_plan-section .plan-card__header .toggle-buttons {grid-column: 2; display: inline-flex; border: 1px solid var(--border-color-primary); border-radius: 8px; background: var(--toggle-bg-color);padding: 4px;}
.choose_plan-section .plan-card__header .credit-uses{grid-column: 3; justify-self: end;}
.choose_plan-section .plan-card__header .credit-btn:hover svg path { fill: var(--button-bg-hover-text-secondary);}
.choose_plan-section .plan-card__header .credit-btn:hover::before, .choose_plan-section .plan-card__header .credit-btn:focus::before{top: 0;}
.choose_plan-section .plan-card__header .credit-btn:hover, .choose_plan-section .plan-card__header .credit-btn:focus {color: var(--text-color);border-color: var(--button-border-color);}
.choose_plan-section .plan-card__header .credit-btn::before{ content: "";position: absolute;top: 100%; left: 0;width: 100%;height: 100%;background-color: var(--button-bg-color-primary); transition: top 0.4s ease;z-index: -1;}
.choose_plan-section .plan-card__header .credit-btn{position: relative;overflow: hidden;display: flex;align-items: center;z-index: 1;background-color: var(--button-bg-color-tertiary);color: var(--text-color-secondary);border: 1px solid var(--button-border-color);transition: color 0.4s ease, border-color 0.4s ease;font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height);font-family: var(--outfit-regular); padding: 8px 10px;border-radius: 6px;}
.choose_plan-section .plan-card__header .credit-btn svg{ vertical-align: middle; margin: 0px 10px 0px 0px;}
.choose_plan-section .plan-card__header .toggle-buttons button { padding: 8px 16px; border-radius: 8px; background: transparent;font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height); color: var(--card-text-color); font-family:var(--outfit-regular);}
.choose_plan-section .plan-card__header .toggle-buttons button.active { background-color: var(--button-bg-color-tertiary); color: var(--button-hover-text-primary);}
.choose_plan-section .pricing-container {align-items: stretch; display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;padding: 50px 0px 30px;}
.choose_plan-section .pricing-container .plan-card .plan-card__sub-info {font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height);font-family: var(--outfit-regular); color: var(--card-text-color);}
.choose_plan-section .pricing-container .plan-card .plan-card__name { font-size: var(--xl-p2-font-size); line-height: var(--xl-p2-line-height);color: var(--text-color-tertiary);font-family: var(--outfit-medium);}
.choose_plan-section .pricing-container .plan-card { transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;display: flex; flex-direction: column; transition: 0.3s ease;position: relative;z-index: 1;background-color: var(--section-bg-color-primary); border-radius: 8px; padding: 25px;}
.choose_plan-section .pricing-container .plan-card:hover{transform: scale(1.05);box-shadow: 0 8px 20px rgba(0,0,0,0.15); /}
.choose_plan-section .plan-card__header .plan-card__description{font-family: var(--outfit-regular);font-size: var(--xl-p2-font-size);color: var(--text-color-primary);line-height: var(--xl-p2-line-height);margin: 20px 0px;}
.choose_plan-section .pricing-container .plan-card.most-popular{background-color: var(--premium-card-bg-color);}
.choose_plan-section .pricing-container .plan-card.most-popular .plan-card__name, .choose_plan-section .pricing-container .plan-card.most-popular .plan-card__sub-info, .choose_plan-section .pricing-container .plan-card.most-popular .plan-card__details .plan-card__info, .choose_plan-section .pricing-container .plan-card.most-popular .plan-card__details .plan-card__price, .choose_plan-section .pricing-container .plan-card.most-popular .monthly-credits,  .choose_plan-section .pricing-container .plan-card.most-popular .plan__list .plan-list__item{color: var(--text-color);}
.choose_plan-section .pricing-container .plan-card.most-popular::after {content: "MOST POPULAR";position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background-color: var(--button-bg-color-secondary);color: var(--text-color); padding: 4px 16px;font-size: var(--xl-p5-font-size); line-height: var(--xl-p5-line-height); border-radius: 12px; }
.choose_plan-section .pricing-container .plan-card.most-popular .plan-card__button{ background-color: var(--premium-btn-bg-color); color: var(--button-hover-text-primary);border: 1px solid transparent;}
.choose_plan-section .pricing-container .plan-card__details{margin: 20px 0px;}
.choose_plan-section .pricing-container .plan-card .plan-card__details .plan-card__price {font-size: var(--xl-p1-font-size);line-height: var(--xl-p1-line-height);color: var(--text-color-tertiary);font-family: var(--outfit-semibold);}
.choose_plan-section .pricing-container .plan-card .monthly-credits {display: flex;flex-direction: row; justify-content: space-between; font-size: var(--xl-p4-font-size); line-height: var(--xl-p4-line-height);font-family: var(--outfit-regular); color: var(--text-color-tertiary);}
.choose_plan-section .pricing-container .plan-card .plan__list { flex-grow: 1; display: flex; flex-direction: column;margin: 20px 0;}
.choose_plan-section .pricing-container .plan-card .plan-card__details .plan-card__info{font-size: var(--xl-p4-font-size); line-height: var(--xl-p4-line-height); color: var(--text-color-primary); font-family: var(--outfit-regular);}
.choose_plan-section .pricing-container .plan-card .plan__list .plan-list__item {margin: 6px 0;font-size: 14px;background-image: url("../images/tick-icon.png"); background-repeat: no-repeat; background-position: left 0% bottom 75%;padding: 0px 0px 10px 40px;background-size: 16px; color: var(--text-color-tertiary); font-size: var(--xl-p4-font-size); line-height: var(--xl-p4-line-height);}
.choose_plan-section .pricing-container .plan-card.most-popular .plan__list .plan-list__item { background-image: url("../images/active-tick-icon.png");}
.choose_plan-section .pricing-container .plan-card .plan-card__button {text-align: center; width: 100%;  padding: 8px; border-radius: 6px; font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height);font-family: var(--outfit-regular);}
.choose_plan-section .pricing-container .plan-card .plan__list .plan-list__item.disable-item{color: var(--card-text-color); background-image: url("../images/disable-icon.png");}
/* Choose Plan Section */

/* Credit Pack Section */
.credit-pack_section{padding: 40px;background-color: var(--section-bg-color-secondary);}
.credit-pack_section .pricing-container {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); padding: 40px 0px 30px; gap: 40px;}
.credit-pack_section .pricing-container .plan-card{align-items: center;gap: 25px;}
.credit-pack_section .pricing-container .plan-card.most-popular::after {content: "Best Value";}
.credit-pack_section .pricing-container .plan-card .monthly-credits { font-size: var(--xl-p4-font-size); line-height: var(--xl-p4-line-height);font-family: var(--outfit-regular); color: var(--card-text-color);}
.credit-pack_section .pricing-container .plan-card .plan-card__price{ font-size: var(--xl-p3-font-size);line-height: var(--xl-p3-line-height);}
.plan-card.most-popular .plan-card__price{color: var(--text-color);}
.plan-card.most-popular svg rect {fill: var(--button-bg-hover-text-secondary);}
.plan-card.most-popular svg path{fill: var(--button-border-color);}
.credit-uses { position: relative;display: inline-block;}
.credit-tooltip .heading-txt{margin: 0px 0px 12px 0px; font-size: var(--xl-p3-font-size);line-height: var(--xl-p3-line-height); color: var(--text-color);font-family: var(--outfit-medium);}
.credit-tooltip {display: none; position: absolute;top: 100%;margin: 4px 0px 0px; left: 16%; transform: translateX(-50%);background-color: var(--button-bg-color-secondary);padding: 10px 15px;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); z-index: 100;width: 100%;min-width: 250px;;}
.credit-tooltip li { display: flex;justify-content: space-between;margin: 0px 0px 12px;text-align: left;font-size: var(--xl-p5-font-size); line-height: var(--xl-p5-line-height); color: var(--text-color);font-family: var(--outfit-regular);}
.credit-uses:hover .credit-tooltip { display: block;}
.credit-tooltip ul li svg, .credit-tooltip ul li img{margin: 0px 6px 0px 0px;}
.credit-tooltip ul li img{width: 100%;max-width: 18px;vertical-align: middle;}
.credit-pack_section .pricing-container .plan-card .plan-card__button{display: none;}
/* Credit Pack Section */

/* Form Section */
.contact_form-section {padding: 25px 0px;text-align: center;}
.contact__title { font-size: var(--xl-h3-font-size);line-height: var(--xl-h3-line-height); color: var(--secondary-heading-color);font-family: var(--outfit-medium);}
.contact__subtitle {font-size: var(--xl-p2-font-size); line-height: var(--xl-p2-line-height); color: var(--text-color-primary); margin: 24px 0px 36px;}
.contact__form { width: 100%; max-width: 75%; margin: 0 auto;background-color: var(--section-bg-color-secondary);padding: 32px; border-radius: 24px;text-align: left;}
.contact__row {  display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 24px;}
.contact__group {display: flex;flex-direction: column; margin: 0px 0px 24px;}
.contact__label {font-size: var(--xl-p5-font-size);line-height: var(--xl-p5-line-height); margin: 0px 0px 5px;color: var(--label-text-color);}
.contact__input,.contact__textarea { font-size: var(--xl-p5-font-size); line-height: var(--xl-p5-line-height); padding: 14px;border: 1px solid var(--border-color-secondary); border-radius: 8px;transition: border-color 0.2s ease;}
.contact__textarea{resize: none;}
.contact__input:focus,.contact__textarea:focus {outline: 1px solid var(--input-focus-color);}
.button-content{text-align: center;}
.button-content .contact__button { padding: 8px 24px;border-radius: 6px;font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height);}
.contact__button svg{margin: 0px 4px 0px 12px;}
.button-content .contact__button:hover svg path { fill: unset;stroke: var(--button-bg-color-primary);}
/* Form Section */

/*Footer Section */
.footer_section{background-color: var(--footer-bg-color); margin: 20px 0px 0px; border-top: 1px solid var(--border-color-primary);  padding: 0px 40px;}
.footer_section .footer__container{padding: 48px 0px 0px;}
.footer_section .footer__container .footer-inner-content .footer__logo{margin: 0px 0px 14px;}
.footer_section .footer__container .footer-inner-content {display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 32px;}
.footer_section .footer__container .footer__tagline { margin: 0px 0px 12px 0px; font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height); color: var(--text-color-tertiary);font-family: var(--outfit-regular);}
.footer_section .footer__container .footer__copyright, .footer__year {font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height); color: var(--text-color-tertiary);font-family: var(--outfit-regular);}
.footer_section .footer__container .footer__title {font-size: var(--xl-p3-font-size);line-height: var(--xl-p3-line-height); color: var(--text-color-tertiary); margin: 0px 0px 16px;font-family: var(--outfit-medium);}
.footer_section .footer__container .footer__list li{margin: 0px 0px 12px;}
.footer_section .footer__container .copyright_icons-section{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 48px 0px 0px;}
.footer_section .footer__container .footer__social .footer__social-list{display: flex;gap: 20px; flex-direction: row; align-items:center;}
.footer_section .footer__container .footer__icon:hover img {transform: scale(1.1);}
.footer_section .footer__container .footer__links{display: flex;flex-direction: row;justify-content: space-between;}
.footer_section .footer__container .footer__social .footer__social-list .footer__icon img{display: block;}
.footer_section .footer__container .footer-logo-content .footer-logo-img img{ display: block; width: 100%;}
.footer_section .footer__container .footer-logo-content {text-align: center; padding: 20px 0px 0px;position: relative;}
.footer_section .footer__container .footer-logo-content .company-logo{display: flex;align-items: center;justify-content: end;flex-direction: row; position: absolute; right: 0;top: 40px;}
.footer_section .footer__container .footer-logo-content .company-logo .powered-txt{ margin: 0px 8px 0px 0px; color: var(--link-text);font-size: var(--xl-p4-font-size);line-height: var(--xl-p4-line-height); }
.footer_section .footer__container .footer-logo-content .company-logo .company-img img{  display: block;  width: 100%; max-width: 90px;}
/*Footer Section */

/* Responsive Design Starts*/
@media screen and (max-width: 991px) {
/* Header Section */
.header__navigation .header_inner-container.active-menu .mobile-logo-content .close-icon img {width: 100%; display: block; max-width: 20px;}
.header__navigation .header_inner-container.active-menu .mobile-logo-content { display: flex; align-items: center; width: 100%; margin: 0px 0px 20px; flex-direction: row; justify-content: space-between;}
.header_section .header-container .header__navigation .header__login{margin: 0px; padding: 10px 0px; width: 100%;}
.header_section .header-container .header__navigation .header__login .login-btn {text-align: center; padding: 6px 30px;}
.header_section .header-container .header__navigation .header_inner-container { width: 100%; max-width: 100%;position: fixed;z-index: 1;top: 0px;right: 0;display: none;}
.header_section .header-container .header__navigation .header__nav .header__nav-list{flex-direction: column;}
.header_section .header-container .header__navigation .header__nav .header__nav-list .header__nav-item.mobile-logo-content {display: block;}
.header_section .header-container .header__navigation .header__nav .header__nav-list .header__nav-item {width: 100%;text-align: center; margin: 0px;}
.header_section .header-container .header__navigation .header_inner-container.active-menu {background-color: var(--header-bg-color);padding: 20px 30px;height: 100vh;overflow: scroll;display: block;}
.header_section .header-container .header__navigation .nav-bar {  display: inline-block;}
.header_section .header-container .header__logo .logo-img img, .footer__logo .logo-img img, .mobile-logo-content .mobile_logo-img img{max-width: 90px;}
.header_section{padding: 8px 40px;}
.header_section .header-container .header__nav-list-item{display: flex; flex-direction: row; justify-content: space-between;  margin: 15px 0px;}
.header_section .header-container .header__nav .header__nav-item .header__nav-link { font-size: var(--md-p4-font-size); line-height: var(--md-p4-line-height);}
.header_section .header-container .header__login .login-btn {font-size: var(--md-p4-font-size);line-height: var(--md-p4-line-height);}
.header_section .header-container .header__nav .header__nav-item .link-arrow-icon{display: block;transition: transform 0.2s ease;}
.header_section .header-container .header__nav .header__nav-item .link-arrow-icon:hover{ transform: translateY(-3px);}
.header_section .header-container .header__nav .header__nav-item .link-arrow-icon img{display: block; width: 100%; max-width: 16px; transform: rotate(40deg);}
/* Header Section */

/* Banner Section */
.banner-container .image-content img{max-width: 600px;}
.banner-container .banner__content .banner__actions .banner__btn{font-size: var(--md-p4-font-size);line-height: var(--md-p4-line-height);}
.banner-container .banner__content .banner__title, .dot_txt{font-size: var(--md-h1-font-size); line-height: var(--md-h1-line-height);}
.banner-container .banner__content .banner__description{font-size: var(--md-p2-font-size); line-height: var(--md-p2-line-height);}
/* Banner Section */

/* Video Demo Section */
.video-section { padding: 20px 40px;}
.video-section__title {font-size: var(--md-h2-font-size); line-height: var(--md-h2-line-height); }
.video-section__description {font-size: var(--md-p3-font-size); line-height: var(--md-p3-line-height);}
.video-section__wrapper img{ max-width: 850px;}
/* Video Demo Section */

/* Feature Section */
.features-container{padding: 25px 40px;}
.features-container .feature-title{font-size: var(--md-h2-font-size); line-height: var(--md-h2-line-height);}
.features-container .feature-description{font-size: var(--md-p2-font-size); line-height: var(--md-p2-line-height); }
.feature_sub-title{font-size: var(--md-p2-font-size); line-height: var(--md-p2-line-height);}
.feature-desc{font-size: var(--md-p4-font-size);line-height: var(--md-p4-line-height);}
.features-container .feature-card .feature-icons .icon-circle img{ max-width: 50px;}
.features-container .feature-card .feature-icons .icon-circle.upload-icons img{ max-width: 111px; }
.features-container .feature-card:nth-child(3) {background-image: url("../images/mobile-bg.png"); background-position: right bottom; background-size: contain;flex: 0 0 calc(100%);min-height:220px;}
.features-container .feature-card .feature-icons .icon-circle.upload-arrow img{max-width: 16px;}
.features-container .feature-card:nth-child(3) .feature-desc {max-width: 380px;}
/* Feature Section */

/* Why Choose Us Section */
.why_choose-section .why_stylapse-section{ max-width: 80%;}
.choose_plan-section .pricing-container .plan-card .plan-card__details .plan-card__price{font-size: var(--md-p1-font-size); line-height: var(--md-p1-line-height);}
.why_choose-section .why_stylapse-section .stylapse__title { font-size: var(--md-h3-font-size);line-height: var(--md-h3-line-height); }
.why_choose-section .why_stylapse-section .stylapse__description { font-size: var(--md-p2-font-size);line-height: var(--md-p2-line-height);}
.why_choose-section .why_stylapse-section .stylapse__card .stylapse-value{ font-size: var(--md-p1-font-size); line-height: var(--md-p1-line-height); }
.why_choose-section .why_stylapse-section .stylapse__card .stylapse-label, .choose_plan-section .pricing-container .plan-card .plan-card__sub-info, .choose_plan-section .pricing-container .plan-card .monthly-credits, .choose_plan-section .pricing-container .plan-card .plan__list .plan-list__item { font-size: var(--md-p4-font-size); line-height: var(--md-p4-line-height);}
.choose_plan-section .plan-card__header .plans__title {font-size: var(--md-h2-font-size);line-height: var(--md-h2-line-height);}
.choose_plan-section .plan-card__header .plan-card__description, .choose_plan-section .pricing-container .plan-card .plan-card__name {font-size: var(--md-p2-font-size);line-height: var(--md-p2-line-height);}
.choose_plan-section .pricing-container .plan-card.most-popular::after{ text-align: center; font-size: var(--md-p5-font-size); line-height: var(--md-p5-line-height);}
/* Why Choose Us Section */

/* Choose Plan Section */
.credit-tooltip .heading-txt {font-size: var(--md-p3-font-size); line-height: var(--md-p3-line-height);}
.choose_plan-section .plan-card__header .toggle-buttons button, .choose_plan-section .plan-card__header .credit-btn, .choose_plan-section .pricing-container .plan-card .plan-card__button, .choose_plan-section .button-content .add-on_btn{font-size: var(--md-p4-font-size);line-height: var(--md-p4-line-height);}
.credit-tooltip{left: 8%;}
.choose_plan-section .button-content .add-on_btn{    padding: 8px 10px;}
.choose_plan-section { padding: 25px 40px;}
.choose_plan-section .button-content .add-on_btn svg {margin: 0px 6px 0px 10px; max-width: 10px;}
.pricing-container, .credit-pack_section .pricing-container{ gap: 30px;}
/* Choose Plan Section */

/* Form Section */
.contact__label {font-size: var(--md-p5-font-size);line-height: var(--md-p5-line-height);}
.contact__title { font-size: var(--md-h3-font-size);line-height: var(--md-h3-line-height); }
.contact__subtitle {font-size: var(--md-p2-font-size); line-height: var(--md-p2-line-height);}
.button-content .contact__button {padding: 8px 20px; font-size: var(--md-p4-font-size);line-height: var(--md-p4-line-height);}
.contact__input, .contact__textarea {padding: 12px;}
.contact__form {max-width: 75%;}
.contact__button svg { margin: 0px 4px 0px 8px;}
/* Form Section */

/*Footer Section */
.footer_section .footer__container .footer-logo-content .company-logo{top: 20px;}
.footer_section .footer__container .footer__tagline, .footer_section .footer__container .footer__copyright, .footer_section .footer__container .footer-logo-content .company-logo .powered-txt {font-size: var(--md-p4-font-size);line-height: var(--md-p4-line-height); }
.footer_section .footer__container .footer__title {font-size: var(--md-p3-font-size);line-height: var(--md-p3-line-height);}
.footer_section .footer__container .footer__link {font-size: var(--md-p4-font-size);line-height: var(--md-p4-line-height);}
/*Footer Section */
}

@media screen and (max-width: 767px) {
/* Header Section */
.header_section { padding: 8px 30px;}
.header__navigation .menu-icon img {max-width: 27px;}
.header_section .header-container .header__login .login-btn {font-size: var(--sm-p4-font-size);line-height: var(--sm-p4-line-height);}
/* Header Section */

/* Banner Section */
.banner-container{padding: 45px 30px 30px;}
.banner-container .banner__content .banner__actions .banner__btn{padding: 8px 12px; font-size: var(--sm-p4-font-size);line-height: var(--sm-p4-line-height);}
.banner-container .banner__content .banner__title, .dot_txt{font-size: var(--sm-h1-font-size); line-height: var(--sm-h1-line-height);}
.banner-container .banner__content .banner__description{font-size: var(--sm-p2-font-size); line-height: var(--sm-p2-line-height);}
.banner-container .image-content img{max-width: 450px;}
.banner-container .banner__content .banner__actions .banner__btn svg{max-width: 12px;}
/* Banner Section */

/* Video Demo Section */
.video-section__title {font-size: var(--sm-h2-font-size); line-height: var(--sm-h2-line-height); }
.video-section__description {font-size: var(--sm-p3-font-size); line-height: var(--sm-p3-line-height);}
.video-section__wrapper img{max-width: 550px;}
.video-section{ padding: 20px 30px;}
/* Video Demo Section */

/* Feature Section */
.features-container .feature-title{font-size: var(--sm-h2-font-size); line-height: var(--sm-h2-line-height);}
.features-container .feature-description{font-size: var(--sm-p2-font-size); line-height: var(--sm-p2-line-height); }
.feature_sub-title{font-size: var(--sm-p2-font-size); line-height: var(--sm-p2-line-height);}
.feature-desc{font-size: var(--sm-p4-font-size);line-height: var(--sm-p4-line-height);}
.features-container .feature-card{ padding: 22px;}
.features-container .feature-card:nth-child(3) {flex: 0 0 calc(100%);}
.features-container { padding: 25px 30px;}
.features-container .feature-card .feature-icons .icon-circle img {max-width: 40px;}
.features-container .feature-card .feature-icons .icon-circle.upload-icons img {max-width: 100px;}
.features-container .feature-card .feature-icons .icon-circle.upload-arrow img { max-width: 14px;}
.features-container .feature-card:nth-child(3) .feature-desc {max-width: 325px;}
/* Feature Section */

/* Why Choose Us Section */
.why_choose-section .why_stylapse-section .stylapse__title { font-size: var(--sm-h3-font-size);line-height: var(--sm-h3-line-height); }
.why_choose-section .why_stylapse-section .stylapse__description { font-size: var(--sm-p2-font-size);line-height: var(--sm-p2-line-height);}
.choose_plan-section .plan-card__header .plan-button_content{grid-template-columns: 1fr;row-gap: 20px;}
.choose_plan-section .plan-card__header .toggle-buttons{grid-column: 1; justify-self: center;}
.choose_plan-section .plan-card__header .credit-uses{ grid-column: 1; justify-self: flex-end;}
.choose_plan-section .plan-card__header .plan-card__description {font-size: var(--sm-p2-font-size);line-height: var(--sm-p2-line-height);}
/* Why Choose Us Section */

/* Choose Plan Section */
.choose_plan-section { padding: 25px 30px;}
.choose_plan-section .plan-card__header .plans__title {font-size: var(--sm-h2-font-size);line-height: var(--sm-h2-line-height);}
.choose_plan-section .button-content .add-on_btn {padding: 6px 10px;}
/* Choose Plan Section */

/* Form Section */
.contact__label {font-size: var(--sm-p5-font-size);line-height: var(--sm-p5-line-height);}
.contact__title { font-size: var(--sm-h3-font-size);line-height: var(--sm-h3-line-height); }
.contact__subtitle {font-size: var(--sm-p2-font-size); line-height: var(--sm-p2-line-height);}
.button-content .contact__button {padding: 8px 16px; font-size: var(--sm-p4-font-size);line-height: var(--sm-p4-line-height);}
.contact__row{grid-template-columns: 1fr;gap: 0px;}
.contact__form {max-width: 90%;padding: 26px;}
.contact__input, .contact__textarea {padding: 8px;}
.contact_form-section {padding: 25px 30px;}
.contact__button svg{  width: 100%;max-width: 10px;}
/* Form Section */

/*Footer Section */
.footer_section{padding: 0px 30px;}
.footer_section .footer__container .footer__tagline {font-size: var(--sm-p4-font-size);line-height: var(--sm-p4-line-height); }
.footer_section .footer__container .footer__copyright {font-size: var(--sm-p4-font-size);line-height: var(--sm-p4-line-height);}
.footer_section .footer__container .footer__title {font-size: var(--sm-p3-font-size);line-height: var(--sm-p3-line-height);}
.footer_section .footer__container .footer__link {font-size: var(--sm-p4-font-size);line-height: var(--sm-p4-line-height);}
.footer_section .footer__container .footer__list li { margin: 0px 0px 10px;}
/*Footer Section */
}
@media screen and (max-width: 576px) {
br{display: none;}
/* Header Section */
.header__navigation .menu-icon img { max-width: 25px;}
.header_section .header-container .header__nav .header__nav-item .header__nav-link {  font-size: var(--sm-p4-font-size); line-height: var(--sm-p4-line-height);}
.header__navigation .header_inner-container.active-menu .mobile-logo-content .close-icon img { max-width: 16px;}
/* Header Section */

/* Feature Section */
.features-container .feature-card .feature-icons .icon-circle img {max-width: 38px;}
.features-container .feature-card .feature-icons .icon-circle.upload-icons img { max-width: 85px;}
.features-container .feature-card, .features-container .feature-card:first-child, .features-container .feature-card:nth-child(3){flex: 100%;}
.features-container .feature-card:nth-child(3) .feature-desc{max-width:280px;}
.features-container .feature-card .feature-icons{margin:20px 0px 5px;}
/* Feature Section */

/* Video Demo Section */
.video-section__description{ max-width: 75%;}
/* Video Demo Section */

/* Banner Section */
.banner-container .image-content img { max-width: 380px; }
.banner-container .banner__content .banner__actions .banner__btn svg { margin: 0px 6px 0px 6px;max-width: 8px;}
.banner-container .banner__content .banner__actions .banner__btn { padding: 6px 8px;}
/* Banner Section */

/* Why Choose Us Section */
.why_choose-section .why_stylapse-section .stylapse__card {justify-content: space-between; align-items: center;}
.choose_plan-section .plans__list .plan-card{padding: 20px;}
.choose_plan-section .plan-card__header .plan-card__description{ margin: 14px 0px;}
.choose_plan-section .pricing-container{padding: 30px 0px 30px;}
.credit-pack_section .pricing-container .plan-card{gap: 20px;}
/* Why Choose Us Section */

/*Footer Section */
.footer_section .footer__container .footer-logo-content{padding: 30px 0px 0px;}
.button-content .contact__button { padding: 6px 14px;}
.footer__container .footer-inner-content .footer__brand, .footer__container .footer-inner-content .footer__column{text-align: center;}
.footer_section .footer__container .footer-inner-content {grid-template-columns: repeat(1, 1fr); gap: 20px;}
.footer_section .footer__container {padding: 40px 0px 0px;}
.footer_section .footer__container .footer__social .footer__social-list{justify-content: center;}
.footer_section .footer__container .footer-logo-content .company-logo {top: 18px;}
.footer_section .footer__container .footer-logo-content .company-logo .company-img img{ max-width: 75px;}
/*Footer Section */
}

@media screen and (max-width: 480px) {
/* Header Section */
.header_section .header-container .header__navigation .header__login .login-btn { width: 100%; }
.header__navigation .menu-icon img {max-width: 21px;}
/* Header Section */

/* Video Demo Section */
.video-section__description {max-width: 100%;}
/* Video Demo Section */

/* Banner Section */
.banner-container .image-content img { max-width: 280px;}
/* Banner Section */

/* Form Section */
.contact__form {padding: 20px;max-width: 100%;}
.contact__input, .contact__textarea {padding: 6px;}
/* Form Section */

/* Feature Section */
.features-container .feature-card:nth-child(3) .feature-desc{max-width:100%;}
/* Feature Section */


/* Why Choose Us Section */
.why_choose-section .why_stylapse-section .stylapse__card .stylapse_inner-card{margin: 10px; flex: 100%;}
.why_choose-section .why_stylapse-section .stylapse__description{ margin: 22px auto;}
/* Why Choose Us Section */

/*Footer Section */
.footer_section .footer__container .copyright_icons-section{flex-direction: column; padding: 30px 0px 0px;}
.footer_section .footer__container .footer__copyright{ margin: 0px 0px 20px;}
/*Footer Section */
}
/* Responsive Design End*/