@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*=================== GENERAL STYLES =========================*/
:root{
	color-scheme: light dark;
    --color-first: light-dark(#ef0c43, #ff2c5f);
    --color-first-dark: light-dark(#e4053c, #e4053c);
    --color-first-same: light-dark(#ef0c43, #ef0c43);
    --color-second: light-dark(#333, #ddd);
    --color-second-same: light-dark(#333, #333);
    --color-white: light-dark(#ffffff, #191613);
    --color-white-same: light-dark(#ffffff, #ffffff);
    --color-black: light-dark(#000000, #ffffff);
    --color-black-same: light-dark(#000000, #000000);
    --color-light:light-dark(#fff0f3,#2e1c20);
	--color-light-2:light-dark(#edf9fe,#1f2629);
	--color-light-3:light-dark(#efe9e1,#41301d);
	--color-light-4:light-dark(#dfceb6,#543c22);
	--color-red:light-dark(#c84820,#de4c1e);
    --color-content: light-dark(#3f3e3e, #ffffff);
    --color-content-same: light-dark(#3f3e3e, #3f3e3e);
    --color-yellow: light-dark(#d97706, #fbbf24);
    --color-green: light-dark(#149c0c, #4ade80);
    --color-orange: light-dark(#f35a43, #ffa048);
    /*bg Colors*/
    --bg-black:light-dark(#000000,#000000);
    --bg-light-green:light-dark(#f5fbfb,#112929);
    --bg-light1: light-dark(#f8fafc, #0b0f19);
    --bg-light2: light-dark(#ffffff, #121827);
    --bg-light3: light-dark(#f4f4f4, #1b2234);
    --bg-light4: light-dark(#e1e1e1, #222d46);
    --border-peach-light: light-dark(#ffedd5, #7c2d12);
    --color-light-purple: light-dark(#faf5ff, #24142c);
    /* Border Colors */
    --border-color: light-dark(#e5e7eb, #374151);
    --border-color-light: light-dark(#f4f4f4, #1c2541);
    --border-purple-blue: light-dark(#7c3aed, #a78bfa);
    /*shadow*/
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-md-dark: 0 4px 6px -1px rgba(225, 225, 225, 0.1), 0 2px 4px -1px rgba(225, 225, 225, 0.08);
    /*font-family*/
    --font-family: "Open Sans", sans-serif;
}
:root { &:has(html[data-bs-theme="light auto"]) {color-scheme: light;} &:has(html[data-bs-theme="dark"]) {color-scheme: dark;} }
*,::after,::before{box-sizing: border-box;}
* {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
    color: var(--color-content);
    text-transform: none;
}
a,a:hover,.decorationNone{text-decoration: none;}
html {scroll-behavior: smooth;}
ul li {list-style: none;}
ul.list-disc li, ul.list li {list-style: disc;}
img {object-fit: scale-down;object-position: center;}
.img-contain {object-fit: contain;object-position: center;}
.img-cover {object-fit: cover;object-position: center;}
.wrapper{position: relative;}
.z-2 {z-index: 2}
.z-99 {z-index: 99 !important;}
.ls-2 {letter-spacing: -2px}
.lh-1 {line-height: 1 !important;}
.lh-1-5 {line-height: 1.5 !important;}
.h-28 {min-height: 28px !important;height: 28px !important;}
.h-36 {min-height: 36px !important;height: 36px !important;}
.h-40 {min-height: 40px;height: 40px;}
.h-44 {min-height: 44px;height: 44px;}
.h-48 {min-height: 48px;height: 48px;}
.h-60 {min-height: 60px;height: 60px;}
.h-50px {min-height: 50px;height: 50px;}
.w-28 {min-width: 28px;width: 28px;}
.w-36 {min-width: 36px;width: 36px;}
.w-40 {min-width: 40px;width: 40px;}
.w-44 {min-width: 44px;width: 44px;}
.w-48 {min-width: 48px;width: 48px;}
.w-220 {min-width: 220px;width: 220px;}
.w-250 {min-width: 250px;width: 250px;}
.min-w-fit-content {min-width: fit-content !important;}
.w-fit-content {width: fit-content !important;}
.w-max-content {width: max-content !important;}
.no-after:after {display: none !important;}
.transform-none {transform: none !important;}
.border-transparent {border-color: transparent !important;}
textarea{resize: none;}
.overflow-x-auto {overflow-y: hidden;overflow-x: auto;scrollbar-width: thin;}
.overflow-y-auto {overflow-y: auto;overflow-x: hidden;scrollbar-width: thin;}
.modal-close-btn {
    position: absolute;
    top: -15px;
    left: auto;
    right: -15px;
    font-size: 12px;
    padding: 6px;
    margin: 0;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    border: none !important;
    background-color: var(--color-white);
    outline: none !important;
    box-shadow: none;
    opacity: 1 !important;
}
.cursor-pointer{cursor:pointer;}
.p-10px {padding: 10px !important;}
html[data-bs-theme="dark"] header {box-shadow: 0 0 100px rgba(255, 255, 255, 0.1) !important;}
/*==================== SVG STROKE STYLES ==========================*/
.svg-stroke-first, .svg-stroke-first path {stroke: var(--color-first) !important;}
.svg-stroke-first-same, .svg-stroke-first-same path {stroke: var(--color-first-same) !important;}
.svg-stroke-second-same,.svg-stroke-second-same path{stroke:var(--color-second-same) !important;}
.svg-stroke-white, .svg-stroke-white path {stroke: var(--color-white) !important;}
.svg-stroke-white-same, .svg-stroke-white-same path {stroke: var(--color-white-same) !important;}
.svg-stroke-black, .svg-stroke-black path {stroke: var(--color-black) !important;}
.svg-stroke-black-same, .svg-stroke-black-same path {stroke: var(--color-black-same) !important;}
.svg-stroke-content-same,.svg-stroke-content-same path {stroke: var(--color-content-same) !important;}
.svg-stroke-green,.svg-stroke-green path {stroke: var(--color-green) !important;}
.svg-stroke-yellow,.svg-stroke-yellow path {stroke: var(--color-yellow) !important;}
.svg-stroke-orange,.svg-stroke-orange path {stroke: var(--color-orange) !important;}
.svg-stroke-purple, .svg-stroke-purple path {stroke: var(--border-purple-blue) !important;}
/*==================== SVG FILL STYLES ==========================*/
.svg-fill-first, .svg-fill-first path {fill: var(--color-first) !important;}
.svg-fill-first-same, .svg-fill-first-same path {fill: var(--color-first-same) !important;}
.svg-fill-white, .svg-fill-white path{fill: var(--color-white) !important;}
.svg-fill-white-same, .svg-fill-white-same path{fill: var(--color-white-same) !important;}
.svg-fill-black, .svg-fill-black path {fill: var(--color-black) !important;}
.svg-fill-black-same, .svg-fill-black-same path {fill: var(--color-black-same) !important;}
.svg-fill-green,.svg-fill-green path {fill: var(--color-green) !important;}
.svg-fill-yellow,.svg-fill-yellow path {fill: var(--color-yellow) !important;}
.svg-fill-orange,.svg-fill-orange path {fill: var(--color-orange) !important;}
/*==================== ICON SIZE STYLES ==========================*/
.iconSize-10 {min-width:10px;width:10px;height:10px;}
.iconSize-12 {min-width:12px;width:12px;height:12px;}
.iconSize-14 {min-width:14px;width:14px;height:14px;}
.iconSize-16 {min-width:16px;width:16px;height:16px;}
.iconSize-18 {min-width:18px;width:18px;height:18px;}
.iconSize-20 {min-width:20px;width:20px;height:20px;}
.iconSize-24 {min-width:24px;width:24px;height:24px;}
.iconSize-28 {min-width:28px;width:28px;height:28px;}
.iconSize-30{min-width:30px !important;width:30px !important;height:30px !important;}
.iconSize-34{min-width:34px !important;width:34px !important;height:34px !important;}
.iconSize-36{min-width:36px !important;width:36px !important;height:36px !important;}
.iconSize-38{min-width:38px !important;width:38px !important;height:38px !important;}
.iconSize-40{min-width:40px !important;width:40px !important;height:40px !important;}
.iconSize-48{min-width:48px !important;width:48px !important;height:48px !important;}
.iconSize-60{min-width:60px !important;width:60px !important;height:60px !important;}
.iconSize-80{min-width:80px !important;width:80px !important;height:80px !important;}
/*==================== BORDER STYLES ==========================*/
.border-first {border-color: var(--color-first) !important;}
.border-second {border-color: var(--color-second) !important;}
.border-light-3 {border-color: var(--color-light-3) !important;}
.border-light-4 {border-color: var(--color-light-4) !important;}
.border-peach-light {border-color: var(--border-peach-light) !important}
.border-color-light {border-color: var(--color-light) !important;}
/*==================== BUTTON STYLES ==========================*/
.button-style,input[type=submit].button-style{
		display: inline-block;
		padding:7px 35px;
		color: #fff;
		font-size: 1rem;
		font-weight:600;
		letter-spacing: 0;
		border:0;
		text-transform: capitalize;
		outline: 0;
		cursor: pointer;
		border-radius: 9999px;
	}
.button-style, .btn {border-radius: 100px;}
.button-style.button-sm{padding: 3px 10px;font-size:0.875rem; }
.btn-outline-first {color: var(--color-first);border: 1px solid var(--color-first);background-color: transparent}
.btn-outline-first:hover, .btn-first:hover, .btn-first {color: #fff;background-color: var(--color-first);}
.btn-outline-second, .btn-outline-second-same {color: var(--color-second);border: 1px solid var(--color-second);background-color: transparent !important;}
.btn-outline-white {color: var(--color-white);border: 1px solid var(--color-white);background-color: transparent !important;}
.btn-outline-white-same {color: var(--color-white-same);border: 1px solid var(--color-white-same);background-color: transparent !important;}
.btn-outline-black, .btn-outline-black:hover {color: var(--color-black);border: 1px solid var(--color-black);}
.btn-outline-black-same, .btn-outline-black-same:hover {color: var(--color-black-same);border: 1px solid var(--color-black-same);}
.btn-color1::after, .btn-second::after {background:rgba(0, 0, 0, 0.06);}
.btn-color1, .btn-second {color: var(--color-black);background: transparent;border: 1px solid rgba(0, 0, 0, 0.15) !important;}
.btn-color-gredient1, .btn-color1, .btn-color2, .btn-second {overflow: hidden;position: relative;}
.btn-color-gredient1::after, .btn-color1::after, .btn-color2::after, .btn-second::after {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;transform: skewX(-45deg);transition: left 1s ease;}
.btn-color-gredient1:hover::after, .btn-color1:hover::after, .btn-color2:hover::after, .btn-second:hover::after {left: 100%;}
.no-bg-btn {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    outline: none !important;
    box-shadow: none !important;
}
 /*==================== HEADING STYLES =========================*/
.webContent .mainHeading,.webContent .article-contents h1 {font-size: 2.4rem;font-weight: 600;color: var(--color-second);text-transform: capitalize;font-family:var(--font-family);letter-spacing: 0;margin-bottom: 5px;line-height:1.2;}
.webContent .largeHeading{
    font-size: 1.85rem;
    font-weight:600;
    line-height:1.3;
      text-transform: capitalize;
    letter-spacing: 0;
    color:var(--color-second);
    font-family: var(--font-family);
  }
.webContent .subHeading {
        font-size:1.5rem;
		color: var(--color-second);
		letter-spacing:0px;
		text-transform: capitalize;
		font-family:var(--font-family);
		font-weight: 500;
		margin-bottom: 5px;
    line-height:1.3;
	}
p {
		color: var(--color-black);
		font-size: 1.05rem;
		line-height: 1.4;
	}	
.webContent.text-color-white .mainHeading {color: var(--color-first)}
.webContent.text-color-white .largeHeading,
.webContent.text-color-white .subHeading,
.webContent.text-color-white .thirdHeading,
.webContent.text-color-white p,
.webContent.text-color-white a,
.webContent.text-color-white span,
.webContent.text-color-white small,
.webContent.text-color-white strong,
.webContent.text-color-white b,
.webContent.text-color-white label,
.webContent.text-color-white li {color: var(--color-white);}
.webContent.color-white-same .mainHeading,
.webContent.color-white-same .largeHeading,
.webContent.color-white-same .subHeading,
.webContent.color-white-same .thirdHeading,
.webContent.color-white-same p,
.webContent.color-white-same a,
.webContent.color-white-same span,
.webContent.color-white-same small,
.webContent.color-white-same strong,
.webContent.color-white-same b,
.webContent.color-white-same label,
.webContent.color-white-same li {color: var(--color-white-same);}
/*==================== FONT SIZE ==============================*/
.text-xxxl {font-size: 3.8rem !important;line-height: 1.05 !important;}
.text-xxl {font-size: 1.85rem !important;line-height: 1.2 !important;}
.text-xl {font-size: 1.5rem !important;line-height:1.3;}
.text-lg {font-size: 1.12rem !important;line-height:1.5;}
.text-md {font-size: 1rem !important;line-height: normal;}
.text-sm {font-size: 0.875rem !important;}
.text-xs {font-size: 0.75rem !important;line-height: normal;}
.text-xxs {font-size: 0.65rem !important;line-height: normal;}
/*==================== FONT WIGHT =============================*/
.fw-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}
.fw-900 {font-weight: 900 !important;}
 /*==================== INPUT FIELDS STYLES ====================*/
input.form-control::placeholder, select.form-select::placeholder,textarea.form-control::placeholder {color: var(--color-second);}
.form-section {background-color: var(--color-first);}
input.form-control, select.form-select{height: 45px;background-color: var(--color-white);color: var(--color-black);}
input.form-control, select.form-select,textarea.form-control {resize: none;
     background-color: var(--color-white);color: var(--color-black);}
input.form-control:hover, select.form-select:hover,textarea.form-control:hover,input.form-control:focus,
select.form-select:focus,textarea.form-control:focus{
     border-color:var(--color-black);
     box-shadow: none;
     outline: none;
 }
.form-label {font-size:0.85rem;color: var(--color-white) !important;margin-bottom: 4px;}
.form-required {color: red !important;font-weight: 600;}
.input-border:hover, .input-border:focus, .input-border.active {border-color: var(--color-first);}
.form-check-input:focus{box-shadow: none;}
.form-check-input:checked {
     background-color: var(--color-first);
     border-color: var(--color-first);
 }
.form-check-input {
     width: 1.2em;
     height: 1.2em;
     border-width: 2px;
 }
.form-control, .form-select, .form-check-input, select, textarea, input {background-color: var(--color-white);}
html[data-bs-theme="dark"] .form-control, html[data-bs-theme="dark"] .form-select, html[data-bs-theme="dark"] .form-check-input,
html[data-bs-theme="dark"] select, html[data-bs-theme="dark"] textarea,
html[data-bs-theme="dark"] input {background-color: var(--color-content-same);}
/*==================== TEXT LIMIT STYLES ======================*/
.text-limit-1,.text-limit-2,.text-limit-3,.text-limit-4{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
.text-limit-1{-webkit-line-clamp: 1;}
.text-limit-2{-webkit-line-clamp: 2;}
.text-limit-3{-webkit-line-clamp: 3;}
.text-limit-4{-webkit-line-clamp: 4;}
/*==================== BG COLOR STYLES ======================*/
.bg-color-first{background-color:var(--color-first) !important;}
.bg-color-first-same{background-color:var(--color-first-same) !important;}
.bg-color-second{background-color:var(--color-second) !important;}
.bg-color-second-same{background-color:var(--color-second-same) !important;}
.bg-color-black{background-color:var(--color-black) !important;}
.bg-color-black-same{background-color:var(--color-black-same) !important;}
.bg-color-white {background-color: var(--color-white) !important;}
.bg-color-white-same {background-color: var(--color-white-same) !important;}
.bg-color-light-1 {background-color:var(--color-light) !important;}
.bg-color-light-2 {background-color:var(--color-light-2) !important;}
.bg-color-light-3 {background-color:var(--color-light-3) !important;}
.bg-color-light-4 {background-color:var(--color-light-4) !important;}
.bg-color-green {background-color: var(--color-green) !important;}
.bg-color-yellow {background-color: var(--color-yellow) !important;}
.bg-color-orange {background-color: var(--color-orange) !important;}
.bg-peach-light{background-color:rgba(243, 90, 67, 0.09) ;}
.bg-light-purple {background-color: var(--color-light-purple) !important;}
.bg-light-green {background-color:rgba(41, 190, 32, 0.11) !important;}
.bg-color-light3{background-color:var(--bg-light3) !important;}
/*==================== BG GRADIENT STYLES ======================*/
.bg-gradient-first {background: linear-gradient(136deg, var(--color-first-same), #fe8faa)}
.bg-gradient1 {background: linear-gradient(136deg, rgba(241, 32, 83, 0.09), rgba(235, 235, 235, 0.1), rgba(0, 174, 255, 0.12) 100%);}
.bg-gradient2 {background: linear-gradient(330deg, rgba(241, 32, 83, 0.12), rgba(235, 235, 235, 0.10), rgba(0, 174, 255, 0.12) 100%)}
/*html[data-bs-theme="dark"] .bg-gradient2{background: linear-gradient(135deg, #232d3b, #212634);}*/
/*==================== COLOR STYLES ======================*/
.color-first{color:var(--color-first) !important;}
.color-first-dark{color:var(--color-first-dark) !important;}
.color-second{color:var(--color-second) !important;}
.color-second-same{color:var(--color-second-same) !important;}
.color-content{color:var(--color-content) !important;}
.color-content-same{color:var(--color-content-same) !important;}
.color-black{color:var(--color-black) !important;}
.color-black-same{color:var(--color-black-same) !important;}
.color-white {color: var(--color-white) !important;}
.color-white-same {color: var(--color-white-same) !important;}
.color-red {color: var(--color-red) !important;}
.color-green {color: var(--color-green) !important;}
.color-yellow {color: var(--color-yellow) !important;}
.color-orange {color: var(--color-orange) !important;}
.color-success-light {color: #4ade80 !important;}
.color-purple {color: #a855f7 !important;}
.button:focus,input[type=submit].button:focus,.button i,.button:hover,.webContent.textWhite .mainHeading,
.webContent.textWhite .subHeading,.webContent.textWhite p {color: var(--color-white-same);}

/*==================== HOME PAGE STYLES ======================*/
.top-hero-section {position: relative;overflow: hidden;}
.top-hero-section:before {
    content: "";
    position: absolute;
    top: -100px;
    left: -100px;
    width: 320px;
    height: 320px;
    background: rgba(245, 106, 140, 0.1);
    filter: blur(3px);
    border-radius: 100%;
    z-index: 1;
}
.top-hero-section:after {
    content: "";
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 320px;
    height: 320px;
    background: rgba(0, 188, 212, 0.07);
    filter: blur(3px);
    border-radius: 100%;
    z-index: 1;
}
.browsers img {width: 34px;}
/*==================== HOME PAGE STYLES END ======================*/
/*==================== BLOG ======================*/
.author-details {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.author-details .author-img {
    display: inline-block;
    width: 35px;
    height: 35px;
}
.author-details .author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.author-details .author-img, .author-details .author-txt {
    clear: both;
}
.author-details .author-txt {
    margin-left: 10px;
    width: 80%;
}
.article-details h1,.article-details h2,.article-details h3{
    color: var(--color-black);
    font-weight: 700;
    font-family: var(--font-family-heading);
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}
.article-details h4,.article-details h5,.article-details h6{
    color: var(--color-black);
    font-weight: 700;
    font-family: var(--font-family);
    letter-spacing: 0;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}
.article-details p, .article-details p span, .article-details span p, .article-details p strong, .article-details span, .article-details a, .article-details p a, .article-details ul li, .article-details ul li strong, .article-details ul li a, .article-details ul li a strong, .article-details ol li, .article-details ol li strong, .article-details ol li a, .article-details ol li a strong, .sitemapList ul li {
    color: var(--color-content);
    font-family: var(--font-family-content);
    font-size: 1rem;
    line-height: 1.4;
    /*white-space: pre-line;*/
    margin-bottom: 0.5rem;
    padding-bottom: 0rem;
}
.article-details h1{
    font-size:1.9rem;
}
.article-details h2{
    font-size:1.6rem;
}
.article-details h3{
    font-size:1.5rem;
}
.article-details h4{
    font-size:1.4rem;
}
.article-details h5{
    font-size:1.2rem;
}
.article-details h6{
    font-size:1.1rem;
}
.article-details ol{padding-left: 0}
.article-details ul{padding-left: 15px}
.article-details ul li{list-style:disc}
.article-details a, .article-details p a, .article-details ul li a, .article-details ol li a, .article-details span a{color:#3557ff;}
.article-details img{
    width:100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin:0 auto;
    border-radius:0.5rem;
    margin-bottom:1rem;
}
/*==================== BLOG ======================*/
/*==================== PRICING PAGE STYLES ======================*/
.save-more .text-xxl{font-size: 2rem!important;}
.plan-icon{width: 40px;height: 40px;}
.divider{ border-top: 1px dashed var(--bg-light4);}
.plan-card .text-xl {font-size: 1.5rem !important;}
.plan-card .check-icon{min-width:24px;min-height:24px;width:24px;height:24px;display: flex;justify-content: center;align-items: center;}
.plan-card .text-xxl {font-size: 1.7rem !important;}
/*==================== PRICING PAGE STYLES END ======================*/

.h-300 {min-height: 300px;height: 300px;}
.color-content {color: var(--color-content);}
accordion-button:not(.collapsed) {background-color: var(--color-white);}
.accordion-collapse.collapse, .accordion-button, .accordion-item, .accordion-header {border: none;outline: none;}
.accordion-button:focus {border: none;outline: none;box-shadow: none;}
.accordion-button:not(.collapsed){background-color: var(--color-white) !important;box-shadow: none !important;}
.shadow-md {box-shadow: var(--shadow-md) !important;}
.hover-first:hover{color: var(--color-first) !important;}

/*Phone no input CSS*/
.webContent ul.iti__country-list li:before {display: none;}
.webContent .iti__search-input {padding: 4px 12px;}
.webContent .iti__search-input::placeholder, .webContent .iti__selected-dial-code {color: var(--color-black);font-weight: 500;}
.webContent .iti__search-input, .webContent .iti__dropdown-content {color: var(--color-content);background-color: var(--color-white);}
.webContent .iti__country-name, .webContent .iti__dial-code {font-size: 14px;color: var(--color-content);margin-bottom: 0;}
.webContent .iti__selected-country-primary {border-radius: 50px 0 0 50px !important;}
/*Phone no input CSS end*/
/*otp wrapper*/
.otp-wrapper{display:flex;justify-content:center;gap:10px;}
.otp-input{width:54px;height:54px;border:1px solid #dcdcdc;border-radius:50px;text-align:center;font-size:20px;font-weight:600;outline:none;}
.otp-input:focus{border-color:var(--color-black);}
/*otp wrapper end*/

/*==================== MEDIA QUERY ============================*/
@media screen and (max-width: 1200px) {
    .webContent .mainHeading, .webContent .article-contents h1 {font-size: 2rem;}
    .webContent .largeHeading {font-size:1.6rem;}
    .webContent .subHeading {font-size: 1.35rem;}
    .text-xxxl {font-size: 3.5rem !important;}
    .text-xxl {font-size: 1.7rem !important;}
    .text-xl {font-size: 1.4rem !important;}
    .overflow-x-xl-auto {overflow-x: auto !important;}
}
@media screen and (max-width: 1024px) {
    .text-xxxl {font-size: 3rem !important;}
    .text-xxl {font-size: 1.6rem !important;}
    .text-xl {font-size: 1.3rem !important;}
    .extension-store-img .h-50px {min-height: 45px;height: 45px;}
    .plan-card .plan-btn {position: unset !important;transform: none !important;width: 100%;}
}
@media screen and (max-width: 991px) {
    *{font-size: 15px;}
    .webContent .mainHeading, .webContent .article-contents h1 {font-size: 1.8rem;}
    .webContent .largeHeading {font-size:1.4rem;}
    .webContent .subHeading {font-size: 1.25rem;}
    p {font-size: 1rem;}
    .text-xxxl {font-size: 2.6rem !important;}
    .text-xxl {font-size: 1.4rem !important;}
    .how-section .text-xl {font-size: 1.2rem !important;}
    .how-section .text-md {font-size: 0.95rem !important;}
    .text-xl {font-size: 1.25rem !important;}
    .extension-store-img .h-50px {min-height: 44px;height: 44px;}
}
@media only screen and (max-width:992px) {
    .article-card .card img, .article-card-1 .card img{height:auto}
    .article-details h1{font-size:2rem;line-height: 1.2;}
    .article-details h2{font-size:1.8rem;}
    .author-details-desc{width:100%}
}
@media screen and (max-width: 767px) {
    *{font-size: 14px;}
    .text-xxxl {font-size: 2rem !important;}
    .webContent .mainHeading, .webContent .article-contents h1 {font-size: 1.65rem;}
    .webContent .largeHeading {font-size:1.3rem;}
    .webContent .subHeading {font-size: 1.2rem;}
    p {font-size: 0.9rem;}
    .w-sm-100 {min-width: 100% !important;width: 100% !important;}
    .top-hero-section:before, .top-hero-section:after {width: 250px;height: 250px;}
    .extension-store-img .h-50px {min-height: 39px;height: 39px;}

}