*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}  *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden]:where(:not([hidden="until-found"])) {
display: none;
}
.tw-container {
width: 100%;
}
@media (min-width: 640px) {
.tw-container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.tw-container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.tw-container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.tw-container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.tw-container {
max-width: 1536px;
}
}
.tw-fixed {
position: fixed;
}
.tw-absolute {
position: absolute;
}
.tw-relative {
position: relative;
}
.\!tw-right-0 {
right: 0px !important;
}
.-tw-right-\[375px\] {
right: -375px;
}
.tw-bottom-0 {
bottom: 0px;
}
.tw-left-0 {
left: 0px;
}
.tw-left-1\/2 {
left: 50%;
}
.tw-right-0 {
right: 0px;
}
.tw-top-0 {
top: 0px;
}
.tw-top-0\.5 {
top: 0.125rem;
}
.tw-top-2\.5 {
top: 10px;
}
.tw-top-\[18px\] {
top: 18px;
}
.tw-top-full {
top: 100%;
}
.tw-z-0 {
z-index: 0;
}
.tw-z-10 {
z-index: 10;
}
.tw-z-50 {
z-index: 50;
}
.tw-order-1 {
order: 1;
}
.tw-order-2 {
order: 2;
}
.tw-col-span-2 {
grid-column: span 2 / span 2;
}
.-tw-mx-3 {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.tw-mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.tw-mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.tw-mx-auto {
margin-left: auto;
margin-right: auto;
}
.tw-my-2\.5 {
margin-top: 10px;
margin-bottom: 10px;
}
.tw-my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.tw-my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.tw-mb-1\.25 {
margin-bottom: 5px;
}
.tw-mb-2 {
margin-bottom: 0.5rem;
}
.tw-mb-2\.5 {
margin-bottom: 10px;
}
.tw-mb-3 {
margin-bottom: 0.75rem;
}
.tw-mb-3\.75 {
margin-bottom: 15px;
}
.tw-mb-4 {
margin-bottom: 1rem;
}
.tw-mb-5 {
margin-bottom: 1.25rem;
}
.tw-mb-6 {
margin-bottom: 1.5rem;
}
.tw-mb-7 {
margin-bottom: 1.75rem;
}
.tw-mb-7\.5 {
margin-bottom: 30px;
}
.tw-mb-\[15px\] {
margin-bottom: 15px;
}
.tw-ml-5 {
margin-left: 1.25rem;
}
.tw-ml-\[5px\] {
margin-left: 5px;
}
.tw-ml-auto {
margin-left: auto;
}
.tw-mr-2 {
margin-right: 0.5rem;
}
.tw-mt-3 {
margin-top: 0.75rem;
}
.\!tw-block {
display: block !important;
}
.tw-block {
display: block;
}
.tw-inline-block {
display: inline-block;
}
.tw-flex {
display: flex;
}
.tw-inline-flex {
display: inline-flex;
}
.tw-grid {
display: grid;
}
.tw-hidden {
display: none;
}
.tw-h-10 {
height: 2.5rem;
}
.tw-h-4 {
height: 1rem;
}
.tw-h-\[115px\] {
height: 115px;
}
.tw-h-\[130px\] {
height: 130px;
}
.tw-h-\[26px\] {
height: 26px;
}
.tw-h-\[3px\] {
height: 3px;
}
.tw-h-\[507px\] {
height: 507px;
}
.tw-h-\[calc\(100vh-74px\)\] {
height: calc(100vh - 74px);
}
.tw-h-full {
height: 100%;
}
.tw-h-px {
height: 1px;
}
.tw-min-h-\[299px\] {
min-height: 299px;
}
.tw-min-h-\[305px\] {
min-height: 305px;
}
.tw-w-1\/2 {
width: 50%;
}
.tw-w-10 {
width: 2.5rem;
}
.tw-w-\[1296px\] {
width: 1296px;
}
.tw-w-\[220px\] {
width: 220px;
}
.tw-w-\[26px\] {
width: 26px;
}
.tw-w-\[280px\] {
width: 280px;
}
.tw-w-full {
width: 100%;
}
.tw-w-px {
width: 1px;
}
.tw-min-w-\[298px\] {
min-width: 298px;
}
.tw-min-w-\[320px\] {
min-width: 320px;
}
.tw-max-w-20 {
max-width: 5rem;
}
.tw-max-w-\[120px\] {
max-width: 120px;
}
.tw-max-w-\[1296px\] {
max-width: 1296px;
}
.tw-max-w-\[130px\] {
max-width: 130px;
}
.tw-max-w-\[375px\] {
max-width: 375px;
}
.tw-max-w-\[88px\] {
max-width: 88px;
}
.tw-max-w-full {
max-width: 100%;
}
.-tw-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-y-\[145px\] {
--tw-translate-y: 145px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-cursor-pointer {
cursor: pointer;
}
.tw-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-flex-col {
flex-direction: column;
}
.tw-flex-wrap {
flex-wrap: wrap;
}
.tw-items-start {
align-items: flex-start;
}
.tw-items-center {
align-items: center;
}
.tw-justify-end {
justify-content: flex-end;
}
.tw-justify-center {
justify-content: center;
}
.tw-justify-between {
justify-content: space-between;
}
.tw-gap-2\.5 {
gap: 10px;
}
.tw-gap-3\.75 {
gap: 15px;
}
.tw-gap-4 {
gap: 1rem;
}
.tw-gap-5 {
gap: 1.25rem;
}
.tw-gap-7\.5 {
gap: 30px;
}
.tw-gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.tw-gap-y-4 {
row-gap: 1rem;
}
.tw-overflow-auto {
overflow: auto;
}
.tw-overflow-hidden {
overflow: hidden;
}
.tw-whitespace-nowrap {
white-space: nowrap;
}
.tw-text-nowrap {
text-wrap: nowrap;
}
.tw-rounded-2xl {
border-radius: 1rem;
}
.tw-rounded-\[50\%\] {
border-radius: 50%;
}
.tw-rounded-full {
border-radius: 9999px;
}
.tw-rounded-bl-2xl {
border-bottom-left-radius: 1rem;
}
.tw-rounded-br-2xl {
border-bottom-right-radius: 1rem;
}
.tw-border {
border-width: 1px;
}
.tw-border-\[\#0078CE\] {
--tw-border-opacity: 1;
border-color: rgb(0 120 206 / var(--tw-border-opacity, 1));
}
.tw-border-\[\#E5E5E5\] {
--tw-border-opacity: 1;
border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.tw-border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.tw-bg-\[\#0078CE\] {
--tw-bg-opacity: 1;
background-color: rgb(0 120 206 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#212529\] {
--tw-bg-opacity: 1;
background-color: rgb(33 37 41 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#363637\] {
--tw-bg-opacity: 1;
background-color: rgb(54 54 55 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#EBEBEB\] {
--tw-bg-opacity: 1;
background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#EFEFEF\] {
--tw-bg-opacity: 1;
background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F65328\] {
--tw-bg-opacity: 1;
background-color: rgb(246 83 40 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F8F8F8\] {
--tw-bg-opacity: 1;
background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}
.tw-bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.tw-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-white\/10 {
background-color: rgb(255 255 255 / 0.1);
}
.tw-bg-white\/20 {
background-color: rgb(255 255 255 / 0.2);
}
.tw-bg-\[linear-gradient\(90deg\,\#098DF7_0\%\,\#865EDD_62\.5\%\,\#EA457D_131\.25\%\,\#F5540D_200\%\)\] {
background-image: linear-gradient(90deg,#098DF7 0%,#865EDD 62.5%,#EA457D 131.25%,#F5540D 200%);
}
.tw-bg-\[linear-gradient\(90deg\,rgba\(9\,141\,247\,1\)_0\%\,rgba\(134\,94\,221\,1\)_16\%\,rgba\(234\,69\,125\,1\)_32\%\,rgba\(245\,84\,13\,1\)_48\%\,rgba\(234\,69\,125\,1\)_64\%\,rgba\(134\,94\,221\,1\)_80\%\,rgba\(9\,141\,247\,1\)_96\%\)\] {
background-image: linear-gradient(90deg,rgba(9,141,247,1) 0%,rgba(134,94,221,1) 16%,rgba(234,69,125,1) 32%,rgba(245,84,13,1) 48%,rgba(234,69,125,1) 64%,rgba(134,94,221,1) 80%,rgba(9,141,247,1) 96%);
}
.tw-bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}
.tw-bg-left {
background-position: left;
}
.\!tw-stroke-white {
stroke: #fff !important;
}
.tw-stroke-white {
stroke: #fff;
}
.tw-p-4 {
padding: 1rem;
}
.tw-p-7 {
padding: 1.75rem;
}
.tw-p-7\.5 {
padding: 30px;
}
.tw-px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.tw-px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.tw-px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.tw-px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.tw-px-7\.5 {
padding-left: 30px;
padding-right: 30px;
}
.tw-px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.tw-py-10\.25 {
padding-top: 41px;
padding-bottom: 41px;
}
.tw-py-12\.5 {
padding-top: 50px;
padding-bottom: 50px;
}
.tw-py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.tw-py-2\.25 {
padding-top: 9px;
padding-bottom: 9px;
}
.tw-py-2\.5 {
padding-top: 10px;
padding-bottom: 10px;
}
.tw-py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.tw-py-3\.75 {
padding-top: 15px;
padding-bottom: 15px;
}
.tw-py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.tw-text-center {
text-align: center;
}
.tw-text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.tw-text-\[20px\] {
font-size: 20px;
}
.tw-text-\[22px\] {
font-size: 22px;
}
.tw-text-\[24px\] {
font-size: 24px;
}
.tw-text-\[26px\] {
font-size: 26px;
}
.tw-text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.tw-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.tw-text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.tw-font-bold {
font-weight: 700;
}
.tw-font-medium {
font-weight: 500;
}
.tw-font-normal {
font-weight: 400;
}
.tw-font-semibold {
font-weight: 600;
}
.tw-leading-\[1\.1112\] {
line-height: 1.1112;
}
.tw-leading-\[1\.154\] {
line-height: 1.154;
}
.tw-leading-\[1\.15\] {
line-height: 1.15;
}
.tw-leading-\[1\.167\] {
line-height: 1.167;
}
.tw-leading-\[1\.182\] {
line-height: 1.182;
}
.tw-leading-\[1\.18828\] {
line-height: 1.18828;
}
.tw-leading-\[1\.188\] {
line-height: 1.188;
}
.tw-leading-none {
line-height: 1;
}
.tw-leading-normal {
line-height: 1.5;
}
.tw-leading-tight {
line-height: 1.25;
}
.tw-text-\[\#1189F5\] {
--tw-text-opacity: 1;
color: rgb(17 137 245 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#212529\] {
--tw-text-opacity: 1;
color: rgb(33 37 41 / var(--tw-text-opacity, 1));
}
.tw-text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-text-transparent {
color: transparent;
}
.tw-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-underline {
text-decoration-line: underline;
}
.tw-opacity-60 {
opacity: 0.6;
}
.tw-shadow-\[0px_4px_20px_0px_rgba\(255\,255\,255\,0\.3\)\] {
--tw-shadow: 0px 4px 20px 0px rgba(255,255,255,0.3);
--tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-duration-300 {
transition-duration: 300ms;
}
.tw-duration-500 {
transition-duration: 500ms;
}
.tw-duration-600 {
transition-duration: 600ms;
}
.tw-duration-700 {
transition-duration: 700ms;
}
.tw-ease-\[cubic-bezier\(\.645\,\.045\,\.355\,1\)\] {
transition-timing-function: cubic-bezier(.645,.045,.355,1);
}
.tw-ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tw-ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.tw-bg-size-\[200\%_100\%\] {
background-size: 200% 100%;
}
.tw-bg-size-\[400\%_100\%\] {
background-size: 400% 100%;
}
.hover\:tw-animate-\[gradientMove_3s_linear_infinite\]:hover {
animation: gradientMove 3s linear infinite;
}
.hover\:tw-border-\[\#F65328\]:hover {
--tw-border-opacity: 1;
border-color: rgb(246 83 40 / var(--tw-border-opacity, 1));
}
.hover\:tw-text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:tw-underline:hover {
text-decoration-line: underline;
}
.tw-group\/nav:hover .group-hover\/nav\:-tw-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-group:hover .group-hover\:-tw-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-group:hover .group-hover\:tw-translate-y-\[45px\] {
--tw-translate-y: 45px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-group:hover .group-hover\:tw-bg-\[linear-gradient\(0deg\2c rgba\(234\2c 69\2c 125\2c 1\)_0\%\2c rgba\(134\2c 94\2c 221\2c 1\)_50\%\2c rgba\(9\2c 141\2c 247\2c 1\)_100\%\)\] {
background-image: linear-gradient(0deg,rgba(234,69,125,1) 0%,rgba(134,94,221,1) 50%,rgba(9,141,247,1) 100%);
}
.tw-group:hover .group-hover\:tw-stroke-white {
stroke: #fff;
}
.tw-group.active .group-\[\.active\]\:tw-w-0 {
width: 0px;
}
.tw-group.active .group-\[\.active\]\:-tw-rotate-45 {
--tw-rotate: -45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-group.active .group-\[\.active\]\:tw-rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px) {
.sm\:tw-mb-0 {
margin-bottom: 0px;
}
.sm\:tw-mb-12 {
margin-bottom: 3rem;
}
.sm\:tw-ml-0 {
margin-left: 0px;
}
.sm\:tw-mt-0 {
margin-top: 0px;
}
.sm\:tw-block {
display: block;
}
.sm\:tw-flex {
display: flex;
}
.sm\:tw-w-auto {
width: auto;
}
.sm\:tw-max-w-\[228px\] {
max-width: 228px;
}
.sm\:tw-max-w-\[241px\] {
max-width: 241px;
}
.sm\:tw-max-w-\[252px\] {
max-width: 252px;
}
.sm\:tw-flex-1 {
flex: 1 1 0%;
}
.sm\:tw-justify-end {
justify-content: flex-end;
}
.sm\:tw-gap-20 {
gap: 5rem;
}
.sm\:tw-gap-x-9 {
-moz-column-gap: 2.25rem;
column-gap: 2.25rem;
}
.sm\:tw-p-7\.5 {
padding: 30px;
}
.sm\:tw-text-center {
text-align: center;
}
.sm\:tw-text-\[24px\] {
font-size: 24px;
}
.sm\:tw-text-\[28px\] {
font-size: 28px;
}
.sm\:tw-text-\[30px\] {
font-size: 30px;
}
.sm\:tw-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 768px) {
.md\:tw-flex {
display: flex;
}
}
@media (min-width: 1024px) {
.lg\:tw-order-1 {
order: 1;
}
.lg\:tw-order-2 {
order: 2;
}
.lg\:tw-my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.lg\:tw-mb-0 {
margin-bottom: 0px;
}
.lg\:tw-mb-12 {
margin-bottom: 3rem;
}
.lg\:tw-mb-5 {
margin-bottom: 1.25rem;
}
.lg\:tw-h-\[347px\] {
height: 347px;
}
.lg\:tw-w-1\/2 {
width: 50%;
}
.lg\:tw-w-1\/3 {
width: 33.333333%;
}
.lg\:tw-w-1\/4 {
width: 25%;
}
.lg\:tw-w-2\/3 {
width: 66.666667%;
}
.lg\:tw-w-\[45\%\] {
width: 45%;
}
.lg\:tw-w-\[55\%\] {
width: 55%;
}
.lg\:tw-justify-start {
justify-content: flex-start;
}
.lg\:tw-justify-end {
justify-content: flex-end;
}
.lg\:tw-py-17\.5 {
padding-top: 70px;
padding-bottom: 70px;
}
.lg\:tw-text-left {
text-align: left;
}
.lg\:tw-text-\[34px\] {
font-size: 34px;
}
}
@media (min-width: 1280px) {
.xl\:tw-mb-0 {
margin-bottom: 0px;
}
.xl\:tw-mt-5 {
margin-top: 1.25rem;
}
.xl\:tw-flex {
display: flex;
}
.xl\:tw-hidden {
display: none;
}
.xl\:tw-w-auto {
width: auto;
}
.xl\:tw-flex-1 {
flex: 1 1 0%;
}
.xl\:tw-flex-nowrap {
flex-wrap: nowrap;
}
.xl\:tw-p-10 {
padding: 2.5rem;
}
.xl\:tw-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.xl\:tw-text-\[26px\] {
font-size: 26px;
}
.xl\:tw-text-\[40px\] {
font-size: 40px;
}
}Project Name: Glorywebs
Project URL: https://www.glorywebs.com/
Version: 1.0
Description: Bootstrap5, HTML5, CSS3 and Fully Responsive Website.
Author: Glorywebs Team *, ::after, ::before {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;}
img {max-width: 100%; height: auto; width: auto;}
body {margin: 0; padding: 0; color: #1D1D1D; font-size: 21px; font-weight: 400; line-height: 1.5; font-family: "Poppins", sans-serif;}
a, a:hover {text-decoration: unset; outline: none; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.section-link {text-decoration: unset; outline: none; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer;}
p {margin-bottom: 20px;}
.down-angle-icon {background-image: url(//www.glorywebs.com/blog/wp-content/themes/g-blogs/img/down-angle.png); width: 12px; height: 18px; display: inline-block; vertical-align: middle;}
.hidden {display: none;}
.menuopen {position: fixed; width: 100%; }
.iti {display: block !important;}
.iti__flag {background-image: url(//www.glorywebs.com/blog/wp-content/themes/g-blogs/img/flags.png) !important;}
.iti--separate-dial-code .iti__selected-dial-code {display: none !important;}
.iti__selected-flag {padding: 0 5px !important;}
.iti__country-list {max-width: 230px;}
.iti__dial-code, 
.iti__country-name, .iti__flag-box {font-size: 14px;}
body.show {overflow: hidden;}
.services-mob-menu {display: none;}
.help-block {border-color: #f00 !important;}
span.help-block {display: none !important;}
.dropdown-inner-menu, .dropdown-menu-one {display: none;}
.dropdown-inner-menu.show, .dropdown-menu-one.show {display: block;} body {padding-top: 0 !important}
.header-space {padding-top: 67px;}
.site-header {background-color: #fff; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; transition: all ease-in-out 0.3s;border-bottom: 1px solid #f0f0f0; padding: 0 15px;}
.site-header .navbar {padding: 0;} .site-header.nav-up {top: -105px;}
.site-header .navbar-nav {padding-right:28px;}
.site-header .navbar-brand {padding: 0;}
.site-header .navbar .nav-item {margin: 0 12px; position:unset;}
.site-header nav .navbar-nav a.nav-link {font-size: 18px; font-weight: 400; line-height: 1.75rem; color: #1D1D1D; padding: 0; cursor: pointer; text-transform: uppercase;}
.site-header nav .navbar-nav a.nav-link svg {margin-left: 5px;}
.site-header nav .navbar-nav a.nav-link:hover {color: #EF5022;}
.site-header nav .navbar-nav a.nav-link:hover svg path {stroke: #EF5022;}
.site-header .navbar .nav-item.mr-plan-btn-wrp {margin-left: 90px;}
.site-header .mr-plan-btn-wrp.me-auto {margin-right: unset !important; }
.site-header .mr-plan-btn {font-size: 18px; font-weight: 500; line-height: 1.16; color: #fff; border: 1px solid #047ACF; background-color: #047ACF; padding: 10px 20px; display: inline-block; cursor: pointer; text-transform: uppercase;    -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.site-header .mr-plan-btn:hover {color: #047ACF; background-color: #ffffff;}
.site-header .mr-plan-btn svg {margin-left: 4px;}
.site-header .mr-plan-btn:hover svg path, .site-header .mr-plan-btn:focus svg path {stroke: #047ACF;}
.site-header .navbar-collapse {position: relative;} .site-header .navbar-collapse .nav-item .nav-link {position: relative; padding: 20px 0;}
.site-header .navbar-collapse .dropdown-menu, .site-header .navbar-collapse .dropdown-menu-one {padding: 35px 30px; top: 100%; box-shadow: 0px 3px 6px 0px rgb(167 167 167 / 30%);  position: absolute;}
.site-header .navbar-collapse .dropdown-menu.show, .site-header .navbar-collapse .dropdown-menu-one.show {display: block !important;}
.site-header .navbar-collapse .dropdown-menu.full-width, .site-header .navbar-collapse .dropdown-menu-one.full-width {width: 1160px; right:0; border: none; border-top: 3px solid #ef5022; border-radius: 0;}
.site-header .navbar-collapse .dropdown-menu.small {width: 216px; left: -60px;}
.site-header .dropdown-menu ul, .site-header .dropdown-menu-one ul {list-style: none; padding-left: 0;}
.site-header .dropdown-menu a.services-title h4, .site-header .dropdown-menu-one a.services-title h4 {font-size: 18px; font-weight: 400;line-height: 1.2; color: #1D1D1D; margin-bottom: 20px; text-transform: uppercase;}
.site-header .dropdown-menu a.services-title h4:hover, .site-header .dropdown-menu-one a.services-title h4:hover { color: #EF5022;}
.site-header .dropdown-menu a, .site-header .dropdown-menu-one a {font-size: 18px; font-weight: 400; line-height: 1; color: #696969; position: relative; border-radius: 6px; white-space: nowrap; display: flex; align-items: center; margin-bottom:25px;}
.site-header .dropdown-menu li:last-child a, .site-header .dropdown-menu-one li:last-child a {margin-bottom:0 !important;}
.site-header .dropdown-menu-one .dropdown-inner-menu a.last {margin-bottom: 40px !important;}
.site-header .dropdown-menu a:hover, .site-header .dropdown-menu a.active, .site-header .dropdown-menu-one a:hover, .site-header .dropdown-menu-one a.active {color: #EF5022;}
.site-header .dropdown-menu a.services-title, .site-header .dropdown-menu-one a.services-title {margin: 0; padding: 0; background: transparent;}
.site-header .dropdown-menu a svg, .site-header .dropdown-menu-one a svg {margin-right: 16px; min-width: 8px;}
.site-header .dropdown-menu .dropdown-title, .site-header .dropdown-menu-one .dropdown-title {color: #1D1D1D; text-transform: uppercase; margin-left: 0;}
.site-header .dropdown-menu .dropdown-title svg, .site-header .dropdown-menu-one .dropdown-title svg {margin-right: 12px;}
.site-header .dropdown-menu .second-serv, .site-header .dropdown-menu-one .second-serv {margin-top: 15px;}
.site-header .dropdown-menu.inner-submenu, .site-header .dropdown-menu-one.inner-submenu {padding:0 !important;}
.site-header .dropdown-menu .inner-menu-main, .site-header .dropdown-menu-one .inner-menu-main {background-color:#f5f5f5; padding:35px 30px;}
.site-header .dropdown-menu .inner-menu-main a, .site-header .dropdown-menu-one .inner-menu-main a {margin-left: 12px;}
.site-header .dropdown-menu .inner-menu-item, .site-header .dropdown-menu-one .inner-menu-item {padding:35px 30px; width: 100%;}
.site-header .dropdown-menu .inner-menu-item row {width: 100%;}
.site-header .dropdown-menu .inner-menu-item .inner-menu-col, .site-header .dropdown-menu-one .inner-menu-item .inner-menu-col {padding-right: 36px;}
.site-header .dropdown-menu .inner-menu-item .hire-col, .site-header .dropdown-menu-one .inner-menu-item .hire-col  {padding-right: 28px;}
.site-header .dropdown-menu .inner-menu-item .hire-col.one, .site-header .dropdown-menu-one .inner-menu-item .hire-col.one {width: 33%;}
.site-header .dropdown-menu .inner-menu-item .hire-col.two, .site-header .dropdown-menu-one .inner-menu-item .hire-col.two {width: 37%;}
.site-header .dropdown-menu .inner-menu-item .hire-col.three, .site-header .dropdown-menu-one .inner-menu-item .hire-col.three {width: 30%;}
.site-header .dropdown-menu .inner-menu-title, .site-header .dropdown-menu-one .inner-menu-title {font-size:18px; line-height: 1; color:#1D1D1D; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e1e1e1;}
.site-header .dropdown-menu .inner-menu-title.diff {margin-top: 20px;}
.site-header .dropdown-menu .inner-menu-title.digital, .site-header .dropdown-menu-one .inner-menu-title.digital {margin-top: 16px;}
.site-header .dropdown-menu .digital-link a, .site-header .dropdown-menu-one .digital-link a {padding-right: 37px; white-space: nowrap; margin-bottom: 0;}  footer {background-color: #373D42; padding: 2.5rem 0;}
footer h2 {font-size: 20px; font-weight: 500; line-height: 1.375; color: #fff; margin-bottom: 1.25rem;}
footer .address-wrap {margin-bottom: 20px; border: 1px solid rgba(255, 255, 255, 0.10); margin-left: 0; margin-right: 0;}
footer .address-item-title img{margin-right: 10px;}
footer .address-item-title {font-size: 1.25rem; font-weight: 500; line-height: 1.375; margin-bottom: 16px; color: #fff;}
footer .address-item-detail {font-size: 1.125rem; line-height: 1.375;color: rgb(255 255 255 / 0.5);}
footer .contact-wrap {padding: 1.25rem;}
footer .contact-info-title {font-size: 1.25rem;font-weight: 500;line-height: 1.375;color: #ffffff; margin-bottom: 1rem;}
footer .contact-info-item {margin-bottom: 10px;}
footer .contact-wrap {border: 1px solid rgba(255, 255, 255, 0.10);}
footer .contact-info-item svg {margin-right: 10px;}
footer .contact-info-item a {font-size: 1.125rem; line-height: 1.25; color: #ffffff;}
footer .contact-info-item a:hover, footer .contact-info-item a:focus {color: #EF5022;}
footer .btn-primary {background-color: #EF5022;font-size: 20px; text-transform: uppercase; font-weight: 500; border: 1px solid #EF5022; box-shadow: none !important; outline: none; padding: 13px 15px; display: inline-block; margin-top: 10px;}
footer .btn-primary svg {margin-right: 4px}
footer .btn-primary:hover, 
footer .btn-primary:focus {background-color: transparent; border-color: #ffffff;}
footer .footer-menu {padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
footer .footer-menu a {font-size: 1.125rem; line-height: 1.5; white-space: nowrap; color: #ffffff;}
footer .footer-menu a:hover, footer .footer-menu a:focus {color: #EF5022;}
footer .review-wrap {border-bottom: 1px solid rgba(255, 255, 255, 0.10); padding-top: 30px; padding-bottom: 30px;}
footer .social-item {margin: 0 15px; display: inline-block;}
footer .social-item:hover path, footer .social-item:focus path {fill: #EF5022}
footer .copyright-wrap {padding-top: 30px;}
footer .copyright-text {font-size: 0.875rem; line-height: 1.25rem; color: rgb(255 255 255 / 0.5);}
footer .dmca-badge {margin-right: 12px;}
footer .copyright-menu-item {font-size: 0.875rem; line-height: 1.25rem;color: rgb(255 255 255 / 0.5);}
footer .copyright-menu-item:hover, 
footer .copyright-menu-item:focus {color: #EF5022;}
footer .copyright-menu-item:first-child {padding-right: 0.75rem; margin-right: 0.75rem; border-right: 1px solid rgb(255 255 255 / 0.1);}
footer .review-item.border-both {padding-left: 2.75rem; padding-right: 2.75rem; margin-left: 2.75rem; margin-right: 2.75rem; border-right: 1px solid rgba(255, 255, 255, 0.10); border-left: 1px solid rgba(255, 255, 255, 0.10);}  .copyright-sec {padding: 20px 0;}
.copyright-sec .copyright-text {font-size: 15px; font-weight: 400; line-height: 1.2; color: #585858;}
.copyright-sec .copyright-menu li {list-style: none; border-color: #C3C3C3; padding: 0 15px; line-height: 0;}
.copyright-sec .copyright-menu a {font-size: 15px; font-weight: 400; line-height: 1.2; color: #585858;}
.copyright-sec .copyright-menu a:hover {color: #EF5022;} .single .banner-sec {padding: 150px 0 50px; background-color: #FBFBFB;}
.single .banner-sec .vc_col-sm-6:first-child {width: 100%}
.single .banner-sec .vc_col-sm-6:last-child {display: none;}
.single .banner-sec h1 {font-size: 30px; line-height: 1.3; font-weight: 500; color: #000000; margin-bottom: 0 !important; text-align: left !important; padding: 0 !important;}
.single .banner-sec p {font-size: 16px; margin-bottom: 16px !important; text-align: left;}
.single .banner-sec .featured-image-wrapper img {border-radius: 16px; max-width: 342px; margin-left: auto;}
.single .blog-content-row {max-width: unset;}
.blog-singlepage-sec .last-child-ul ul li strong:before {background-image:url(//www.glorywebs.com/blog/wp-content/themes/g-blogs/img/check-mark.svg);} .inner-submenu {height: 535px;}
.inner-menu-main a {margin-bottom: 30px !important;}
.inner-menu-main a svg {min-width: 24px !important; margin-right: 16px !important;}
.ai-box-big {margin-top: 40px; background: url(//www.glorywebs.com/blog/wp-content/themes/g-blogs/img/build-ai-web-solutions.webp) no-repeat #010101; background-size: cover; background-position: center; display: flex; justify-content: space-between; align-items: center; padding: 18px; }
.ai-box-big .title {display: flex; align-items: center; color: #FFFFFF; font-size: 18px; font-weight: 500; line-height: 1.167; margin-bottom: 8px; }
.ai-box-big .title svg {display: inline-block; max-width: 100%; margin-right: 8px; }
.ai-box-big p {font-size: 14px; line-height: 1.5; color: #FFFFFF; font-weight: 300; margin-bottom: 0; }
.button {background-color: #EF5022; font-size: 18px !important; text-transform: uppercase; font-weight: 600 !important; line-height: 1.16 !important; border: 1px solid #EF5022; box-shadow: none !important; outline: none; padding: 12px 15px; display: flex !important; align-items: center !important; color: #FFFFFF !important; border-radius: 0 !important; justify-content: center !important; margin: 0 !important;}
.button svg {margin-left: 10px; display: inline-block; margin-right: 0 !important;}
.button:hover {background-color: transparent; border-color: #FFFFFF; }
.ai-box-two {margin-left: auto; max-width: 280px; background: url(//www.glorywebs.com/blog/wp-content/themes/g-blogs/img/get-ai-solutions.webp) no-repeat #010101; background-size: cover; background-position: center; padding: 25px;}
.ai-box-two .title {margin-bottom: 12px; line-height: 1.167; font-weight: 500; font-size: 24px; color: #FFFFFF; }
.ai-box-two P {font-size: 18px; font-weight: 300; line-height: 1.5; margin-bottom: 130px; color: #FFFFFF;}
@media only screen and (max-width: 1199px) {
.ai-box-big, .ai-box-two {display: none !important;}
} @media only screen and (min-width: 768px) {
footer {padding: 56px 0;}
footer .address-wrap {padding: 2.25rem 1.25rem;}
footer .address-wrap .address-item {padding: 0 33px;}
footer .border-both {border-left: 1px solid rgb(255 255 255 / 0.1);border-right: 1px solid rgb(255 255 255 / 0.1);}
}
@media only screen and (min-width: 1200px) {
.site-header .navbar-expand-xl .navbar-nav .nav-link {padding-right: 0; padding-left: 0; display: flex; align-items: center;}
.agency-wrap {width: 19%;}
.digital-marketing-wrap {width: 28%;}
.web-development-wrap {width: 28%;}
footer .col-lg-9 {width: 72%;}
footer .col-lg-3 {width: 28%;}
footer .address-wrap {margin-bottom: 0;}
footer .contact-wrap {padding: 2.25rem 2rem;}
footer .contact-wrap  {border-left: 0;}
}
@media only screen and (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1296px;}
}
@media only screen and (max-width: 1279px) {
.site-header .navbar-collapse .nav-item .nav-link {padding: 26px 0;}
.site-header nav .navbar-nav a.nav-link {font-size: 15px; line-height: 1; }
}
@media only screen and (max-width: 1199px) {
.container {max-width: 100%; padding-left: 15px; padding-right: 15px;}
}
@media only screen and (max-width: 1199px) {
.site-header .container {max-width: 100%;}
.site-header .hamburger-menu {position: relative; width: 26px; height: 24px; transition: .5s ease-in-out; cursor: pointer; margin-left: 20px;}
.site-header .hamburger-menu span {display: block; position: absolute; height: 3px; width: 100%; background: #363637; border-radius: 10px; opacity: 1; left: 0; transition: .25s ease-in-out;}
.site-header .hamburger-menu span:nth-child(1) {top: 2px;}
.site-header .hamburger-menu span:nth-child(2), 
.site-header .hamburger-menu span:nth-child(3) {top: 10px;}
.site-header .hamburger-menu span:nth-child(4) {top: 18px;}
.site-header .hamburger-menu.open span:nth-child(1) {top: 18px; width: 0; left: 50%;}
.site-header .hamburger-menu.open span:nth-child(2) {transform: rotate(45deg);}
.site-header .hamburger-menu.open span:nth-child(3) {transform: rotate(-45deg);}
.site-header .hamburger-menu.open span:nth-child(4) {top: 18px; width: 0; left: 50%;}
.site-header .navbar-collapse {position: fixed; top: 0; right: -375px; bottom: 0; width: 100%; height: 100vh !important; max-width: 375px; z-index: 1025; background-color: #fff; display: block; transition: all 0.35s; padding-top: 60px; padding-bottom: 25px; overflow: auto;}
.site-header .navbar-collapse.show {right: 0;}
.site-header .navbar-collapse .hamburger-menu {position: absolute; right: 12px; top: 32px;}
.site-header .navbar-collapse.show .hamburger-menu {position: fixed; z-index: 9999;}
.site-header .navbar-collapse .navbar-nav {padding: 0 16px;}
.site-header nav .navbar-nav .nav-link {display: none;}
.site-header .navbar {padding: 12px 0;}
.site-header .navbar .nav-item, .site-header .navbar-collapse .dropdown {padding: 0; margin: 0;}
.dropdown-toggle, .mobile-btn {color: #1c1c1c; font-size: 18px; line-height: 1.75rem; font-weight: 500; text-transform: uppercase; padding: 12px 16px; background: #f5f5f5; justify-content: space-between; display: flex; margin-bottom: 3px; border: 0; width: 100%; transition: .3s;}
.mobile-btn, .mobile-btn:hover {color: #1c1c1c;}
.dropdown-toggle.show, .mobile-btn.show {margin-bottom: 0; background: #ef5022; color: #FFFFFF;}
.dropdown-toggle.show svg path, .mobile-btn.show svg path {stroke: #FFFFFF;}
.dropdown-toggle::after {content: none; background: transparent; }
.site-header .navbar-collapse .dropdown-menu, .site-header .navbar-collapse .dropdown-menu-one {padding: 20px; margin: 0; box-shadow: none; border: unset !important; position: relative; background: #F5F5F5; margin-bottom: 3px;}
.site-header .navbar-collapse .dropdown-menu.show, .site-header .navbar-collapse .dropdown-menu-one.show {transition: .5s; opacity: 1; visibility: visible; top: 100%; overflow: hidden;}
.site-header .navbar-collapse .dropdown-menu.small, .site-header .navbar-collapse .dropdown-menu.full-width, .site-header .navbar-collapse .dropdown-menu-one.full-width {width: 100%; top: 0; right: 0; left: 0;}
.site-header .dropdown-menu .inner-menu-main, .site-header .dropdown-menu-one .inner-menu-main {padding: 20px;}
.site-header .dropdown-menu .inner-menu-item .inner-menu-col, .site-header .dropdown-menu .inner-menu-item .hire-col {padding-right: 12px;}
.site-header .dropdown-menu .inner-menu-item .hire-col.one, .site-header .dropdown-menu .inner-menu-item .hire-col.two, .site-header .dropdown-menu .inner-menu-item .hire-col.three {width: 100%;}
.site-header .dropdown-menu .inner-menu-title, .site-header .dropdown-menu-one .inner-menu-title {margin-top: 28px;}
.site-header .dropdown-menu .inner-menu-title.mobile-title, .site-header .dropdown-menu-one .inner-menu-title.mobile-title {margin-top: 0px;}
.site-header .dropdown-menu .dropdown-title, .site-header .dropdown-menu-one .dropdown-title {display: none;}
.site-header .dropdown-menu a.services-title h4, .site-header .dropdown-menu-one a.services-title h4 {font-size: 18px; margin-bottom: 8px;}
.site-header .dropdown-menu a, .site-header .dropdown-menu-one a {font-size: 18px; margin: 0 0 20px; font-weight: 500;  }
.navbar-overlay {display: block; opacity: 0; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,.6); transition: opacity .35s .1s; pointer-events: none;}
.navbar-overlay.show {pointer-events: all; opacity: 1; z-index: 50; transition: opacity .35s .1s;}
.desk-btn {display: none !important;}
.services-desk-menu {display: none !important;}
.services-mob-menu {display: block;}
.dropdown-menu-one a {margin-bottom: 28px !important;}
.dropdown-menu-one .dropdown-inner-menu .inner-menu-title {margin-top: 20px;}
.dropdown-menu-one .dropdown-inner-menu a {margin-left: 12px; font-weight: 400; margin-bottom: 20px !important;}
.site-header .dropdown-menu .inner-menu-item row {width: unset;}
}
@media only screen and (max-width: 991px) {
footer .address-wrap.h-100, 
footer .contact-wrap.h-100 {height: unset !important;}
.getaquotepopup .contact-form-wrap {max-width: unset;}
.banner-sec h1 {font-size: 50px; margin-bottom: 24px;}
.banner-sec p {font-size: 20px; line-height: 1.6;}	
.banner-sec {padding: 130px 0 50px !important;}
} 
@media only screen and (max-width: 767px) {
footer .address-wrap {border: none;}
footer .address-wrap {margin-bottom: 0;}
footer .address-wrap .address-item {border: 1px solid rgb(255 255 255 / 0.1); margin-bottom: 20px; padding: 20px;}
footer .footer-menu {display: block !important;}
footer .footer-menu a {margin-left: 1.25rem; margin-right: 1.25rem; margin-bottom: 0.25rem;}
}
@media only screen and (max-width: 575px) {
.header-space {padding-top: 70px;}
.site-header .mr-plan-btn {display: none;}
.site-header .navbar {padding: 22px 0;}
footer .review-item {width: 45%; display: inline-block;}
footer .review-item.border-both {padding: 0; margin: 0; border: 0;}
}
@media only screen and (max-width: 480px) {
.header-space {padding-top: 72px;} .site-header .mr-plan-btn-wrp {margin-right: 10px !important;}
.site-header .mr-plan-btn {font-size: 15px; padding: 7px 10px;}
.copyright-sec .copyright-menu li { padding: 0 10px; }
.site-header .dropdown-menu a, .site-header .dropdown-menu-one a {display: flex;}
.site-header .navbar-collapse .navbar-nav {padding: 0 25px;}
footer .review-item {width: 100%; display: block; text-align: center; margin-bottom: 20px !important;}
footer .review-item:last-child {margin-bottom: 0 !important;}
footer .dmca-badge {display: block; margin-right: 0; margin-bottom: 12px;}
footer .copyright-text {margin-top: 0; margin-bottom: 10px !important;}
footer .footer-menu a {margin-left: 0; margin-right: 0; width: 45%; text-align: left; display: inline-block;}
}   .menu-dropdown:hover .dropdown-menu {
display: block;
}   @keyframes gradientMove {
0% {
background-position: 0% 50%;
}
25% {
background-position: 50% 50%;
}
50% {
background-position: 100% 50%;
}
75% {
background-position: 50% 50%;
}
100% {
background-position: 0% 50%;
}
}   @keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@media (min-width: 1280px) {
.page-header {
will-change: transform;
}
}
.tw-group:hover .tw-group-hover\:-tw-translate-y-full {
transform: translateY(-100%);
}
.tw-group span {
display: block;
transition: transform 0.3s ease;
}
.tw-group .tw-group-hover\:tw-translate-y-[45px] {
transform: translateY(-45px);
}
footer .tw-group span {display: flex;}
.hover\:tw-border-\[\#F65328\]:hover .tw-transform {transform: translate(-50%, 45px);}
.hover\:tw-border-\[\#F65328\]:hover span {color: #FFFFFF;}
.blog-singlepage-sec ul.table-content li a img {display: inline-block;}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.glorywebs.com/blog/wp-content/themes/g-blogs/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.section-title {font-size: 50px; font-weight: 900; line-height: 1.3; color: #1D1D1D;letter-spacing: -0.3px;margin-bottom: 20px;}
.section-sub-title {font-size: 24px; font-weight: 400; line-height: 1.5; color: #1D1D1D; margin-bottom: 25px;}
.section-link {font-size: 24px; font-weight: 500; line-height: 1.5; color: #0078CE; font-family: 'Inter', sans-serif; margin-top: 45px; display: inline-block;}
.section-link:hover {color: #EF5022;}
.section-link svg line {-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.loadmores:hover svg line {stroke: #EF5022;}
svg {max-width: 100%; height: auto; width: auto;}
.header-space { background: rgb(249 249 249);} .banner-sec h1 {font-size: 70px; line-height: 1; font-weight: 400; color: #000000; margin-bottom: 20px;}
.banner-sec p {font-size: 26px; line-height: 1.1; font-weight: 400; color: #212529; margin-bottom: 30px;}
.banner-sec p a {color:#ffffff; text-decoration: underline;}
.banner-sec p a:hover, .banner-sec p a:focus {color:#EF5022;}
.blog-list-sec .search-form-wrp {min-width: 250px;}
.banner-sec {background-color: #ffffff; padding: 193px 0 50px; position: relative; overflow: hidden; background-size: cover;}
.blog-list-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 {background: transparent !important; z-index: 20;}
.blog-list-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox {max-width: 607px !important; margin: 0 auto !important; background: transparent !important; height: 65px; position: relative;}
.blog-list-sec #ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput {padding: 0 !important; margin: 0 !important;}
.blog-list-sec div.asl_w .probox .promagnifier {height: 54px; width: 50px; background: #EF5022; border: #EF5022; border-radius: 0 10px 10px 0;}
.blog-list-sec .input-group {background-color: #fff;}
.blog-list-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox .proinput input {font-size: 18px; color: #727272 !important; border-radius: 10px; border: 2px solid #E9E8E8 !important; display: block; width: 100% !important; height: 50px; background-color: #fff !important; padding-left: 20px !important; padding-right: 20px !important;}
.blog-list-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox .proinput input::-ms-input-placeholder {color: #727272 !important;}
.blog-list-sec .search-form-wrp .asl_w_container #ajaxsearchlite1 .probox .proinput input::placeholder {color: #727272 !important;}
.blog-list-sec  .btn-primary svg {margin-left: 10px}
.blog-list-sec  .btn-primary {font-size: 18px; font-weight: 500; line-height: 1; color: #fff; border: 2px solid #EF5022; background-color: #EF5022; padding: 20px 20px; border-radius: 5px; display: inline-block; box-shadow: 0px 3px 6px 0px rgb(167 167 167 / 30%); margin: 4px 2px; border-radius: 0; text-transform: uppercase;}
.blog-list-sec  .btn-primary:hover, .blog-list-sec  .btn-primary:focus {background-color: transparent; border-color: #EF5022; color: #EF5022;}
.blog-list-sec  .btn-primary:hover path, .blog-list-sec  .btn-primary:focus path {stroke: #EF5022;}
body div.asl_m .probox .proclose {width: 40px; height: 65px;}
body div.asl_r.vertical {max-width: 607px !important; width: 100% !important; margin: 0 auto !important; background-color: #EF5022; transform: translateX(-60%) !important;}
.single .banner-sec h1 {margin-bottom: 20px !important;}
.single .banner-sec .author-info {display: flex; align-items: center; justify-content: center; gap: 10px;}
.single .banner-sec .author-avatar {width: 40px; height: 40px; border-radius: 50px; overflow: hidden; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display: inline-block;}
.single .banner-sec .author-avatar img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.single .banner-sec .author-details a {color:#000000; font-size:18px; font-weight:500;}  .breadcrumb-sec {padding: 26px 0 0;}
.breadcrumb-sec .breadcrumb-item, .breadcrumb-sec .breadcrumb-item a {font-size: 18px; font-weight: 400; line-height: 1; color: #696969;}
.breadcrumb-sec .breadcrumb-item a:hover, 
.breadcrumb-sec .breadcrumb-item a:focus {color: #EF5022;}
.breadcrumb-sec .breadcrumb-item.active {color: #EF5022;}  .blog-list-sec {padding: 50px 0 77px;}
.blog-list-sec .search-by-text {font-size: 18px; font-weight: 400; line-height: 1.6; color: #696969; margin-right: 15px;}
.blog-list-sec .tabs {font-size: 0; padding: 0; margin: 0; display: block;}
.blog-list-sec .tabs li {display: inline-block;}
.blog-list-sec .tabs li a {font-size: 18px; line-height: 21px; color: #949494; padding: 15px; text-transform: uppercase; display: inline-block;}
.blog-list-sec .tabs li a {border-bottom: 1px solid #CCCCCC} .blog-list-sec .tabs li.active a {color: transparent; background: linear-gradient(90deg, rgba(9, 141, 247, 1) 0%, rgba(134, 94, 221, 1) 31%, rgba(234, 69, 125, 1) 66%, rgba(245, 84, 13, 1) 100%);
background-size: 200% 100%; background-position: left; -webkit-background-clip: text; background-clip: text; border-bottom: 2px solid;
border-image: linear-gradient(90deg, rgba(9, 141, 247, 1) 0%, rgba(134, 94, 221, 1) 31%, rgba(234, 69, 125, 1) 66%, rgba(245, 84, 13, 1) 100%) 1;
font-weight:700;}
.blog-list-sec .blog-list-item {background-color: #F8F8F8; border: 1px solid #DBDBDB; border-radius: 16px; margin-bottom: 26px; height: calc(100% - 26px); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; overflow:hidden;}
.blog-list-sec .blog-list-item:hover, .blog-list-sec .blog-list-item:focus {background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.blog-list-sec .blog-list-item-img {height: 225px; background-color: #f1f1f1; overflow: hidden;}
.blog-list-sec .blog-list-item-img img {width:100%; height: 100%; object-fit: cover; object-position: center center;} .blog-list-sec .blog-list-contant-wrap {padding: 20px;}
.blog-list-sec .blog-list-author {position: relative;} .blog-list-sec .blog-list-author .author-avatar {width: 40px; height: 40px; border-radius: 50px; overflow: hidden; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display: inline-block;}
.blog-list-sec .blog-list-author .author-avatar img {width: 100%; height: 100%; object-fit: cover;object-position: center center;}
.blog-list-sec .blog-list-author .author-name {font-size: 16px; font-weight: 500; line-height: 1.1; color: #1D1D1D;}
.blog-list-sec .blog-list-title {font-size: 17px; font-weight: 500; line-height: 1.67; color: #1D1D1D; display: inline-block; margin-bottom: 10px;}
.blog-list-sec a:hover .blog-list-title {color: #EF5022;}
.blog-list-sec .authors-list-wrap {display:grid; gap: 10px; grid-template-columns: auto auto;}
.blog-list-sec .authors-list-wrap .blog-list-author {width:100%;}
.blog-list-sec .authors-list-wrap .blog-list-author a{display:flex; align-items: center;}
.blog-list-sec .authors-list-wrap .blog-list-author img {width:40px; height: 40px; margin-right:10px;}
.blog-list-sec .authors-list-wrap .blog-list-author .author-name {font-size: 16px; font-weight: 500; line-height: 1.1; color: #1D1D1D;} 
.blog-list-sec .blog-list-public-date {font-size: 12px; font-weight: 400; line-height: 1.67; color: #808080; margin-bottom: 15px;}
.blog-list-sec .blog-list-cat {font-size: 0; margin-bottom: 12px;}
.blog-list-sec .blog-list-cat-item {font-size: 12px; line-height: 1; color: #808080; background-color: #fff; margin-right: 2px; margin-top: 2px; display: inline-block; padding: 8px 15px; border: 0.98px solid #5E5E5E1F; border-radius: 50px; }
.blog-list-sec .pagination-wrap {margin-top: 24px; display: flex; align-items: center; justify-content: center;}
.blog-list-sec .page-numbers {font-size: 14px; font-weight: 500; color: #696969; border: 1px solid transparent; margin: 0 5px; display: inline-block; width:30px; height:30px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius:30px;}
.blog-list-sec .page-numbers.current {color: #fff; background: linear-gradient(90deg, rgba(9, 141, 247, 1) 0%, rgba(134, 94, 221, 1) 31%, rgba(234, 69, 125, 1) 66%, rgba(245, 84, 13, 1) 100%); background-size: 200%;}
.blog-list-sec .page-numbers.next,
.blog-list-sec .page-numbers.prev {width: auto; padding: 7px 10px; border-radius: 10px; border: 2px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(90deg, rgba(9,141,247,1) 0%, rgba(134,94,221,1) 31%, rgba(234,69,125,1) 66%, rgba(245,84,13,1) 100%) border-box; background-size: 200%;}  .blog-list-sec .page-numbers.next:hover,
.blog-list-sec .page-numbers.prev:hover, 
.blog-list-sec .page-numbers.next:focus,
.blog-list-sec .page-numbers.prev:focus {
color: #fff;
background: linear-gradient(90deg, 
rgba(9,141,247,1) 0%, 
rgba(134,94,221,1) 31%, 
rgba(234,69,125,1) 66%, 
rgba(245,84,13,1) 100%);
}  .connect-with-experts {padding-top: 70px; padding-bottom: 80px; background-image: url(//www.glorywebs.com/blog/wp-content/themes/g-blogs/img/form-bg.svg); background-size: cover; background-position: center center;}
.connect-with-experts .section-title {font-size: 36px; font-weight: 500; color: #ffffff; margin-bottom: 24px;}
.connect-with-experts .section-sub-title {font-size: 18px; font-weight: 400; line-height: 1.67; color: #fff; margin-bottom: 48px;}
.connect-with-experts form p {margin: 0;}
.connect-with-experts form label {width: 100%; position: relative;}
.connect-with-experts form label svg {position: absolute; top: 18px; left: 26px;}
.connect-with-experts input, .connect-with-experts textarea {padding-right: 26px; padding-left: 55px; padding-top: 13px; padding-bottom: 13px; margin-bottom: 20px; color: #9C9C9C; font-size: 18px; outline: none !important; box-shadow: none !important; border: 1px solid #ffffff; background-color: #ffffff; width: 100%;}
.connect-with-experts input:focus, .connect-with-experts textarea:focus {border-color: #EF5022;}
.connect-with-experts input.wpcf7-not-valid {border-color: #EF5022;}
.connect-with-experts textarea {height: 120px; resize: none; width: 100%;}
.connect-with-experts input[type="submit"] {padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 1.125rem; font-weight: 500; text-transform: uppercase; line-height: 1.25; border: 1px solid #ffffff; background-color: transparent; color: #ffffff; max-width: 195px; margin-bottom: 0;}
.wpcf7 form .wpcf7-response-output {color: #fff; padding: 10px 20px; font-size: 18px;}
.connect-with-experts .wpcf7 {max-width: 1020px; margin: 0 auto;} .related-blog-sec {padding: 60px 0 68px;}
.related-blog-sec {background-color: #f9f9f9;}
.related-blog-sec .section-title {font-size: 36px; font-weight: 500; color: #1D1D1D; margin-bottom: 40px;}
.related-blog-sec .btn-primary {font-size: 1.125rem; font-weight: 500; text-transform: uppercase; line-height: 1.25; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; display: inline-block; background-color: transparent;color: #EF5022; border: 1px solid #EF5022; box-shadow: none !important; margin-top: 10px;}
.related-blog-sec .btn-primary:hover, .related-blog-sec .btn-primary:focus {background-color: #EF5022; color: #fff;}
.related-blog-sec .btn-primary svg {margin-right: 5px;}
.related-blog-sec .btn-primary:hover svg, .related-blog-sec .btn-primary:focus svg {stroke: #EF5022;}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 991px) {
.connect-with-experts {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.connect-with-experts .section-title {font-size: 28px; margin-bottom: 10px;}
.related-blog-sec .section-title {font-size: 28px; margin-bottom: 10px;}
.connect-with-experts .section-sub-title {margin-bottom: 28px;}
.banner-sec {padding: 130px 0 50px !important;}
.banner-sec h1 {font-size: 56px;}
.blog-list-sec .blog-list-item-img {height: 200px;}
body div.asl_r.vertical {left: 50% !important; transform: translateX(-50%) !important;}
.blog-list-sec .search-form-wrp {margin-bottom: 50px;}
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {
.single .banner-sec h1 {font-size: 32px;}
.banner-sec h1 {font-size: 50px; margin-bottom: 24px;}
.blog-list-sec {padding: 5px 0 50px;}
.blog-list-sec .page-numbers {font-size: 16px; margin: 0 2px; padding: 6px 10px;}
.blog-list-sec .pagination-wrap {margin-top: 14px;}
.blog-list-sec .tabs-container .d-flex {margin-bottom:2rem !important;}
.blog-list-sec .tabs-container .blog-list-author-inner.d-flex {display:flex !important;margin-bottom:0 !important;}
.blog-list-sec .tabs li a {padding: 10px; font-size: 18px; white-space: nowrap; text-align: center; margin-top: -1px;}
}
@media only screen and (max-width: 480px) {
.banner-sec h1 {font-size: 44px !important; margin-bottom: 24px;}
.blog-list-sec .tabs li {width: 50%;}
.blog-list-sec .tabs li a {padding: 10px; font-size: 16px; width: 100%; white-space: nowrap; text-align: center; margin-top: -1px;overflow: hidden;}
} .banner-sec .category-name span {font-size: 12px; line-height: 1; color: #808080; background-color: #fff; margin-right: 2px; margin-top: 2px; display: inline-block; padding: 8px 15px; border: 0.98px solid #5E5E5E1F; border-radius: 50px;}
.banner-sec .date-update {font-weight: 400; font-size: 16px; line-height: 30px; color: #000000; margin-bottom: 0; margin-top: 10px; } .breadcrumbs-section {padding: 20px 0 50px;}
.breadcrumbs-section .links-wrap, .breadcrumbs-section .links-wrap span {color: #EF5022;font-weight: 400; font-size: 18px; line-height: 30px;}
.breadcrumbs-section .links-wrap span {color: #696969; margin: 0 5px;}
.breadcrumbs-section .links-wrap a {color: #696969; }
.breadcrumbs-section .links-wrap a:hover {color: #EF5022;} #sidebar {max-width: 342px; margin-left: auto; }
#sidebar .widget_block {height:100%;}
#sidebar .sidebar-wrap {position: sticky; top: 8rem;}  #sidebar .inquiry-box h3, 
#sidebar .inquiry-box h2 {font-weight: 500; font-size: 24px; line-height: 36px; color: #1D1D1D; margin-bottom: 20px; }
#sidebar .inquiry-box p {font-weight: 400; font-size: 18px; line-height: 30px; color: #696969; margin-bottom: 25px; }
#sidebar .inquire-now-btn{font-weight: 500; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #EF5022; display: flex; align-items: center; }
#sidebar .inquire-now-btn svg {margin-left: 10px; }
#sidebar .social-icons {margin: 30px 0 0;}
#sidebar .social-icons ul {list-style: none; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; }
#sidebar .social-icons ul li {margin-right: 10px; } #sidebar .inquiry-form-box .form-title {font-weight: 500; font-size: 24px; line-height: 36px; color: #1D1D1D; margin-bottom: 20px; display:none;} #sidebar .inquiry-form-box .form-wrap h4 {font-weight: 400; font-size: 18px; line-height: 30px; color: #696969; margin-bottom: 15px; }
#sidebar form p {margin-bottom: 0;}
#sidebar form input, #sidebar form textarea {max-width: 100%; background: #F8F8F8; border: 2px solid #B3B3B3; padding: 10px 15px; font-weight: 400; font-size: 16px; line-height: 21px; color: #9C9C9C; margin-bottom: 10px; outline: none; }
#sidebar form input.wpcf7-not-valid {border-color:red;}
#sidebar form textarea {resize: none; height: 45px; overflow: auto; }
#sidebar form .btn-primary {background: #EF5022; border: 1px solid #EF5022; border-radius: 0px; padding: 10px 15px; font-weight: 500; font-size: 16px; line-height: 21px; text-transform: uppercase; color: #FFFFFF; outline: none; box-shadow: none; transition: all ease-in-out 0.4s; display: flex; align-items: center; width: 100%; justify-content: center;}
#sidebar form .btn-primary:hover {background: transparent; color: #EF5022; }
#sidebar form .btn-primary:hover svg path {stroke: #EF5022; }
#sidebar form .btn-primary svg {margin-left: 10px; }
#sidebar .sidebar-wrap {background: #FFFFFF; border: 1px solid #E7E7E7; padding: 25px; border-radius: 16px;}
.wpcf7-response-output {color: #1D1D1D !important; margin: 20px 0 0 !important; }
@media only screen and (max-width: 991px) {
#sidebar .inquiry-box {padding: 15px; }
#sidebar .inquiry-box h3,
#sidebar .inquiry-box h2 {font-size: 20px; line-height: 1.3; margin-bottom: 10px; }
#sidebar .inquiry-box p {font-size: 16px; line-height: 1.3; margin-bottom: 20px; }
#sidebar .inquire-now-btn {font-size: 16px; line-height: 1.2;}
#sidebar .inquiry-form-box .form-title {font-size: 20px; line-height: 1.3; padding: 15px;} 
#sidebar .inquiry-form-box .form-wrap {padding: 10px;}
#sidebar .inquiry-form-box .form-wrap h4 {font-size: 16px; line-height: 1.3; padding: 10px;}
#sidebar form input, #sidebar form textarea {font-size: 14px; line-height: 1.2; padding: 10px 15px; width:100%;}
#sidebar form .btn-primary {padding: 10px; font-size: 16px; line-height: 1;}
.single .banner-sec {padding: 100px 0 50px !important;}
}
@media only screen and (max-width: 767px) {
.main-section .blog-singlepage-sec {padding-bottom:0 !important;}
#sidebar {max-width:100%;}
.post-template-default .main-section {padding-bottom: 0;}
.banner-sec .category-name, .single .banner-sec h1, .banner-sec .date-update {text-align: center !important;}
.banner-sec .authors-list-wrap {justify-content: center !important;}
.single .banner-sec .featured-image-wrapper img {margin: 15px auto 0 !important;}
.single .banner-sec h1 {font-size: 30px !important;}
}
#inquiryForm form .wpcf7-form-control, .inquiry-form-box form .wpcf7-form-control {width: 100%; font-size: 16px; font-weight: 500; line-height: 1.25; color: #000000; border: 2px solid #E9E8E8; border-radius: 0.75rem; padding-left: 1.5625rem; padding-right: 1.5625rem; padding-top: 0.75rem; padding-bottom: 0.75rem;}
#inquiryForm form .wpcf7-form-control:focus, .inquiry-form-box form .wpcf7-form-control:focus {border-color: #000F39; outline: none;}
@media (min-width: 640px) {
#inquiryForm form .wpcf7-form-control, .inquiry-form-box form .wpcf7-form-control {padding-top: 1.125rem; padding-bottom: 1.125rem;}
}
#inquiryForm form input[type="submit"], #sidebar .inquiry-form-box form button[type="submit"] {cursor: pointer; width: 100%; display: inline-block; font-size: 1.125rem; font-weight: 600; line-height: 1.15; color: #ffffff;padding: 0.9375rem 2.5rem; border-radius: 9999px; background: linear-gradient(90deg, rgba(9,141,247,1) 0%, rgba(134,94,221,1) 16%, rgba(234,69,125,1) 32%, rgba(245,84,13,1) 48%, rgba(234,69,125,1) 64%, rgba(134,94,221,1) 80%, rgba(9,141,247,1) 96%); background-size: 400% 100%; background-position: left; transition: all 600ms ease-out;}
@media (min-width: 640px) {
#inquiryForm form input[type="submit"], #sidebar .inquiry-form-box form button[type="submit"] {font-size: 1.25rem;}
}
#sidebar .inquiry-form-box form button[type="submit"] {border: none;}
#inquiryForm form input[type="submit"]:hover, #sidebar .inquiry-form-box form button[type="submit"]:hover {animation: gradientMove 3s linear infinite;}
@keyframes gradientMove {0% { background-position: 0% 50%; }100% { background-position: 100% 50%; }}
#sidebar .inquiry-form-box form button[type="submit"] svg {display: inline-block;}
.summarize-wrap {z-index: 2;}
.blog-singlepage-sec .blog-contant-title {font-size: 28px !important;}