/*
	Theme Name: Nextline Skelton
	Theme URI: https://www.nextline.in
	Description: Html 5 responsive theme
	Version: 6.1
	Author: Haris
	Author URI: https://harisk.me
*/
@charset "UTF-8";
/*************************************************************************************************
													RESET
***************************************************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button;}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance: textfield;appearance: textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}* {margin: 0;padding: 0;list-style-type: none;} 
/*************************************************************************************************
													COMMON
***************************************************************************************************/
html {scroll-behavior: smooth;}
body{--wp-dark-mode-scale: 1}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
body{margin:0;padding:0;width:100%;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;font-family:'Inter',sans-serif}
.container{max-width:1170px;width:100%;margin:0 auto;padding-left: 20px; padding-right: 20px;}
.container-fluid{width:100%;padding:0 20px}
.row-e, .col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.row>*{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box}
[class*=col-]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;width: 100%;}
.col-100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
.col-90  { -ms-flex-preferred-size: 90%; flex-basis: 90%;  max-width: 90%; }
.col-80  { -ms-flex-preferred-size: 80%; flex-basis: 80%;  max-width: 80%; }
.col-70  { -ms-flex-preferred-size: 70%; flex-basis: 70%;  max-width: 70%; }
.col-66  { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; }
.col-60  { -ms-flex-preferred-size: 60%; flex-basis: 60%;  max-width: 60%; }
.col-50  { -ms-flex-preferred-size: 50%; flex-basis: 50%;  max-width: 50%; }
.col-40  { -ms-flex-preferred-size: 40%; flex-basis: 40%;  max-width: 40%; }
.col-33  { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; }
.col-30  { -ms-flex-preferred-size: 30%; flex-basis: 30%;  max-width: 30%; }
.col-25  { -ms-flex-preferred-size: 25%; flex-basis: 25%;  max-width: 25%; }
.col-20  { -ms-flex-preferred-size: 20%; flex-basis: 20%;  max-width: 20%; }
.col-10  { -ms-flex-preferred-size: 10%; flex-basis: 10%;  max-width: 10%; }
@media (min-width: 768px) {
    .col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-md-100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
    .col-md-90  { -ms-flex-preferred-size: 90%; flex-basis: 90%;  max-width: 90%; }
    .col-md-80  { -ms-flex-preferred-size: 80%; flex-basis: 80%;  max-width: 80%; }
    .col-md-70  { -ms-flex-preferred-size: 70%; flex-basis: 70%;  max-width: 70%; }
    .col-md-66  { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; }
    .col-md-60  { -ms-flex-preferred-size: 60%; flex-basis: 60%;  max-width: 60%; }
    .col-md-50  { -ms-flex-preferred-size: 50%; flex-basis: 50%;  max-width: 50%; }
    .col-md-40  { -ms-flex-preferred-size: 40%; flex-basis: 40%;  max-width: 40%; }
    .col-md-33  { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; }
    .col-md-30  { -ms-flex-preferred-size: 30%; flex-basis: 30%;  max-width: 30%; }
    .col-md-25  { -ms-flex-preferred-size: 25%; flex-basis: 25%;  max-width: 25%; }
    .col-md-20  { -ms-flex-preferred-size: 20%; flex-basis: 20%;  max-width: 20%; }
    .col-md-10  { -ms-flex-preferred-size: 10%; flex-basis: 10%;  max-width: 10%; }
}
@media (min-width: 1024px) {
    .col-lg-100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
    .col-lg-90  { -ms-flex-preferred-size: 90%; flex-basis: 90%;  max-width: 90%; }
    .col-lg-80  { -ms-flex-preferred-size: 80%; flex-basis: 80%;  max-width: 80%; }
    .col-lg-70  { -ms-flex-preferred-size: 70%; flex-basis: 70%;  max-width: 70%; }
    .col-lg-66  { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; }
    .col-lg-60  { -ms-flex-preferred-size: 60%; flex-basis: 60%;  max-width: 60%; }
    .col-lg-50  { -ms-flex-preferred-size: 50%; flex-basis: 50%;  max-width: 50%; }
    .col-lg-40  { -ms-flex-preferred-size: 40%; flex-basis: 40%;  max-width: 40%; }
    .col-lg-33  { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; }
    .col-lg-30  { -ms-flex-preferred-size: 30%; flex-basis: 30%;  max-width: 30%; }
    .col-lg-25  { -ms-flex-preferred-size: 25%; flex-basis: 25%;  max-width: 25%; }
    .col-lg-20  { -ms-flex-preferred-size: 20%; flex-basis: 20%;  max-width: 20%; }
    .col-lg-10  { -ms-flex-preferred-size: 10%; flex-basis: 10%;  max-width: 10%; }
}
.row-e,.row-full,.row-eighty,.row-five,.row-four,.row-fourty,.row-half,.row-ninety,.row-seventy,.row-sixty,.row-ten,.row-thirty,.row-three{position:relative;width:100%;min-height:1px}
.p-0{padding:0!important}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-30{padding:30px}.pt-0{padding-top:0!important}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pl-0{padding-left:0!important}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pr-0{padding-right:0!important}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.m-0{margin:0!important}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-30{margin:30px}.mt-0{margin-top:0!important}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.ml-0{margin-left:0!important}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.mr-0{margin-right:0!important}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-right:auto;margin-left:auto}.w-100{width:100%!important}.h-100{height:100%!important}
@media (min-width: 768px) {
    .p-md-0{padding:0!important}.p-md-5{padding:5px}.p-md-10{padding:10px}.p-md-15{padding:15px}.p-md-20{padding:20px}.p-md-30{padding:30px}.pt-md-0{padding-top:0!important}.pt-md-5{padding-top:5px}.pt-md-10{padding-top:10px}.pt-md-15{padding-top:15px}.pt-md-20{padding-top:20px}.pt-md-30{padding-top:30px}.pb-md-0{padding-bottom:0!important}.pb-md-5{padding-bottom:5px}.pb-md-10{padding-bottom:10px}.pb-md-15{padding-bottom:15px}.pb-md-20{padding-bottom:20px}.pb-md-30{padding-bottom:30px}.pl-md-0{padding-left:0!important}.pl-md-5{padding-left:5px}.pl-md-10{padding-left:10px}.pl-md-15{padding-left:15px}.pl-md-20{padding-left:20px}.pl-md-30{padding-left:30px}.pr-md-0{padding-right:0!important}.pr-md-5{padding-right:5px}.pr-md-10{padding-right:10px}.pr-md-15{padding-right:15px}.pr-md-20{padding-right:20px}.pr-md-30{padding-right:30px}.m-md-0{margin:0!important}.m-md-5{margin:5px}.m-md-10{margin:10px}.m-md-15{margin:15px}.m-md-20{margin:20px}.m-md-30{margin:30px}.mt-md-0{margin-top:0!important}.mt-md-5{margin-top:5px}.mt-md-10{margin-top:10px}.mt-md-15{margin-top:15px}.mt-md-20{margin-top:20px}.mt-md-30{margin-top:30px}.mb-md-0{margin-bottom:0!important}.mb-md-5{margin-bottom:5px}.mb-md-10{margin-bottom:10px}.mb-md-15{margin-bottom:15px}.mb-md-20{margin-bottom:20px}.mb-md-30{margin-bottom:30px}.ml-md-0{margin-left:0!important}.ml-md-5{margin-left:5px}.ml-md-10{margin-left:10px}.ml-md-15{margin-left:15px}.ml-md-20{margin-left:20px}.ml-md-30{margin-left:30px}.mr-md-0{margin-right:0!important}.mr-md-5{margin-right:5px}.mr-md-10{margin-right:10px}.mr-md-15{margin-right:15px}.mr-md-20{margin-right:20px}.mr-md-30{margin-right:30px}
}
.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.d-flex,.flex, .is-layout-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.is-layout-flex{margin-right: -15px; margin-left: -15px;}
.is-layout-flex > div.wp-block-column{padding-right: 15px;padding-left: 15px;-ms-flex-preferred-size: 0;flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.d-inline{display:-moz-inline-stack;display:inline-block;zoom:1;}
.d-block{display:block}
.d-none{display: none;}
.d-inline-block{display:inline-block}
.align-items-center,.flex_align_center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.flex_jsb,.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-wrap,.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flex-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
header ul li{list-style-type: none;}
header ul{margin-left: 0;}
ul, ol{margin-left: 20px;margin-top: 0;}
ul li{list-style-type:disc}
ol li{list-style-type:decimal}
.no-list li{list-style-type: none !important;position: relative;}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}
table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.embed-container, .wp-block-embed is-type-video .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed, .wp-block-embed is-type-video .wp-block-embed__wrapper iframe, .wp-block-embed is-type-video .wp-block-embed__wrapper object, .wp-block-embed is-type-video .wp-block-embed__wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.relative, .position-relative{position:relative;}
.position-fixed{position: fixed;}
.position-absolute{position: absolute;}
.position-static{position: static;}
.position-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:10px}
.text-capital{text-transform:capitalize;}
.text-uppercase{text-transform:uppercase;}
.text-center{text-align:center;}
.text-left{text-align:left}
.text-right{text-align: right;}
.text-justify{text-align: justify;}
p, ul, ol{margin-bottom: 20px;}
p, li{font-weight: 400;font-size: 15px;}
.shadow{-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
/* clear floats */
.container:after, .container:before{display: table;content: " ";clear: both;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display:block; } 
.clear , .cb{ clear: both; }
.float-left{float:left;}
.float-right{float:right;}
img{max-width:100%;height:auto;vertical-align:bottom; }
a, a:hover{text-decoration:none;-webkit-transition:all .4s ease-in-out;-o-transition:all .2s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
*, *:after, *:before { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smooth:antialiased; text-rendering:optimizeLegibility; } 
input:focus { outline:0; border:1px solid #04A4CC; } 
/*Core*/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} p .alignnone{margin-bottom: 0;}
::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } 
::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } 
.parallax{background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: top center;}
.abs-center{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.abs-exact{ margin: 0 auto; left: 50%; top:50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.overlay {position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); padding: 60px 0; } 
.overlay.position-absolute{top:0;left:0;position: absolute;}
.o-hidden, .overflow-hidden{overflow:hidden;}
.com60, .CommonPadding{padding:60px 0;}
.com80{padding:80px 0;}
.com100{padding:100px 0;}
.com80x60{padding:80px 0 60px 0;}
.com100x60{padding:100px 0 60px 0;}
*:focus { outline:none}
.nextline-logo{width:85px;}
.dummy{padding: 0 !important;border:0 !important;margin: 0 !important;-webkit-box-shadow: none !important;box-shadow: none !important;width: 0 !important;height: 0 !important;}
.text-second-line{word-spacing: 9999999px;}
.imgAbsolute{
    position: absolute;
    left:0;
    top:0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
button{
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
}
:root{
    --fontExtraBold: 700;
    --fontBold: 600;
    --fontMedium: 500;
    --fontRegular: 400;
    --fontLight: 300;
    --fontX6: 60px;
    --fontX5: 50px;
    --fontX4: 36px;
    --fontX3: 24px;
    --fontX2: 18px;
    --fontX1: 16px;
    --fontX0: 14px;
    --fontLg: 18px;
    --fontMg: 16px;
    --fontSm: 14px;
    --fontXsm: 12px;
    --colorPink: #ee2b8c;
    --colorMpink:#ee2b8c4d;
    --colorPurple: #7547d1;
    --bgPink: #ee2b8c1a;
    --bgPurple: #7547d11a;
    --border: #e5e7eb;
    --colorBlack: #000;
    --colorBody: #676b7e;
    --bgLight1: #FBFBFC;
    --foreground: #1e293b;
    --cBorder: #e2e3e9;
    --gradient: linear-gradient(135deg,#ee2b8c,#7547d1);
    --block:#f3f3f799;
}
/* p{
    color: #676b7e;
} */
.container{
    max-width:1400px;
    padding: 0 32px;
}
.textGradient{
    background: linear-gradient(135deg,#ee2b8c,#7547d1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.gradient{
    background: linear-gradient(135deg,#ee2b8c,#7547d1);
}
.gradientImageBg{
    background-image: radial-gradient(circle at 30% 50%,rgba(255,255,255,.1),transparent 60%);
}
.cBr{
    border-radius: 15px;
}
.bb{
    border-bottom: 1px solid var(--cBorder);
    max-width:1440px;
    margin: 0 auto;
}
.pt-40{
    padding-top: 40px;
}
.pt-50{
    padding-top: 50px;
}
.pb-50{
    padding-bottom: 50px;
}
.TextWhite{
    color: #fff !important;
}
.TextBlack{
    color: #000 !important;
}
.TextGrey{
    color: var(--colorBody) !important;
}
.TextPink{
    color: var(--colorPink) !important;
}
.mdCol{
    margin-bottom: 30px;
}
.PanelContainer{
    margin-top: 60px;
}
/*************************************************************************************************
													Header
***************************************************************************************************/
header{
    padding: 10px 0;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e7eb94;
    position: fixed;
    width: 100%;
    background-color: #ffffffcc;
    z-index: 999;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}
.logo img{
    width: 90px;
}
.main-menu{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-menu{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.main-menu li {
    margin: 0 5px;
}
.main-menu li a{
    font-weight: var(--fontMedium);
    font-size: var(--fontSm);
    color: var(--colorBody);
    position: relative;
}
.main-menu li li a{
    color: #000;
}
.main-menu li {
    position: relative;
}

/*sub-menu*/
.main-menu li {
    position: relative;
}
.main-menu .sub-menu li a {
    padding: 8px 0;
}
.sub-menu li  a strong{
    font-weight: 500;
}
.headerMenuleft a svg {
    width: 22px;
    fill: #fff;
}
.nav.mdnone {
    position: relative;
    z-index: 50;
}
.main-menu,
.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu {
    display: flex;
    align-items: center;
}

.main-menu > li {
    position: relative;
}

.main-menu a {
    color: #687085;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.main-menu > li > a {
    border-radius: 16px;
    padding: .5rem .75rem;
}

.main-menu > li:hover > a,
.main-menu > li:focus-within > a,
.main-menu > li.current-menu-ancestor > a,
.main-menu > li.current-menu-item > a {
    background: #f7f8fa;
    color: #1f2430;
}

.main-menu > li.menu-item-has-children > a::after, .mobile_menu .menu-item-has-children > a::after {
    border-color: currentColor;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    height: 8px;
    margin-left: 12px;
    transform: rotate(45deg) translateY(-3px);
    width: 8px;
}

.main-menu > li.menu-item-has-children::before,
.main-menu > li.menu-item-has-children::after,
.main-menu > li > a > i,
.main-menu > li > a > svg,
.main-menu > li > a .caret,
.main-menu > li > a .dropdown-icon {
    display: none !important;
}

.main-menu .sub-menu {
    background: #fff;
    border: 1px solid #dde1ea;
    border-radius: 16px;
    box-shadow: 0 22px 42px rgba(31, 36, 48, 0.14);
    left: 0;
    display: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% - 8px);
    
}

.main-menu > li:hover > .sub-menu {
    display: block;
    pointer-events: auto;
    animation: fadeInMenu 0.2s ease forwards;
}
@keyframes fadeInMenu {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.main-menu > li:not(:hover) > .sub-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.main-menu .sub-menu a {
    padding: 0;
}
.main-menu > li:not(#menu-item-26) > .sub-menu {
    padding: 20px;
    min-width: 300px;
}

.main-menu .sub-menu > li {
    margin: 0;
    padding: 0;
}


.main-menu > li:not(#menu-item-26) > .sub-menu .sub-menu {
    display: none;
}
#menu-item-26 > .sub-menu {
    min-height: 515px;
    overflow: hidden;
    padding: 10px;
    width: 520px;
}

#menu-item-26 > .sub-menu > li {
    position: static;
    width: 234px;
}

#menu-item-26 > .sub-menu > li > a {
    align-items: center;
    color: #687085;
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    padding: 0 30px;
}

#menu-item-26 > .sub-menu > li > a::after {
    content: "";
    display: none;
}

#menu-item-26 > .sub-menu > li.menu-item-has-children > a::before {
    border-color: currentColor;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    order: 2;
    transform: rotate(-45deg);
    width: 8px;
}

#menu-item-26 > .sub-menu > li:hover > a,
#menu-item-26 > .sub-menu > li:focus-within > a,
#menu-item-26 > .sub-menu > li:first-child > a {
    background: #f7f8fa;
    color: #1f2430;
}

#menu-item-26 > .sub-menu:has(> li:not(:first-child):hover) > li:first-child > a,
#menu-item-26 > .sub-menu:has(> li:not(:first-child):focus-within) > li:first-child > a {
    background: transparent;
    color: #687085;
}

#menu-item-26 > .sub-menu > li > .sub-menu {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: none;
    height: 100%;
    left: 234px;
    opacity: 1;
    overflow-y: auto;
    padding: 20px;
    pointer-events: auto;
    top: 0;
    transform: none;
    transition: none;
    visibility: visible;
    width: 422px;
    border-left: 1px solid #dde1ea;
}

#menu-item-26 > .sub-menu > li:first-child > .sub-menu,
#menu-item-26 > .sub-menu > li:hover > .sub-menu,
#menu-item-26 > .sub-menu > li:focus-within > .sub-menu {
    display: block;
}

#menu-item-26 > .sub-menu:has(> li:not(:first-child):hover) > li:first-child > .sub-menu,
#menu-item-26 > .sub-menu:has(> li:not(:first-child):focus-within) > li:first-child > .sub-menu {
    display: none;
}
.menu-desc{
    font-size: .75rem;
    line-height: 1rem;
    display: block;
    font-weight: 300;
}
.endMenu a{
    color: var(--colorPink) !important;
}














.dropIn{
    right: 0;
    left: auto;
    cursor: pointer;
    width: fit-content;
    min-width: 200px;
    padding: 0 0 20px 0;
    border-top: 2px solid var(--Mcolor);
}
.dropIn a, .dropIn span{
    display: block;
    white-space: nowrap;
    font-size: 14px;
    padding: 0;
}
.dropIn span{
    text-transform: capitalize;
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.dropIn a{
    padding: 8px 20px;
}


.sub-menu li {
    margin: 0 15px;
}
/*sub-menu*/

.cBtn{
    padding: 10px 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    font-size: var(--fontSm);
    font-weight: var(--fontMedium);
}
.cBtn:hover{
    opacity: 0.8;
}
.cBtn span{
    color: #fff;
}
.cBtn.white{
    background-color: #fff;
    border: 1px solid var(--cBorder);
}
.cBtn.white span{
    color: #000;
}
.cBtn.Owhite span{
    color: #000;
}
.cBtn.Owhite:hover{
    background-color: var(--colorPurple);
}
.cBtn.Owhite:hover span{
    color: #fff;
}
.cBtn.header{
    padding: 8px 12px;
}
.cBtn.white:hover{
    background-color: var(--colorPurple);
}
.cBtn.white:hover span{
    color: #fff;
}
.cBtn.white:hover svg {
    stroke: #fff;
}
.cBtn.blur {
    border: 1px solid #ffffff66;
    background: #ffffff33;
    color: #fff;
}
.RedirectBtn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--colorPink);
}
.secBtn {
    color: var;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 8px;
    width: 100%;
    font-size: var(--fontX0);
    color: #000;
    margin-top: 10px;
    font-weight: var(--fontBold);
}
.secBtn:hover, .ApplyBtn:hover, .PricingBtn:hover, .cmBtn:hover{
    border-color: var(--border) !important;
    background-color: var(--colorPurple) !important;
    color: #fff !important;
}
.preheadingDiv {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: var(--bgPink);
    width: fit-content;
    padding: 5px 15px;
    border-radius: 50px;
}
.HeroSection h1 {
    font-size: var(--fontX6);
    font-weight: var(--fontExtraBold);
    margin: 0;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #000;
}
.preheading{
    font-size: var(--fontSm);
    font-weight: var(--fontMedium);
    color: var(--colorPink);
}
.mainHeading{
    font-size: var(--fontX5);
    font-weight: var(--fontExtraBold);
    line-height: 1;
    margin-bottom: 16px;
}
.mainHeading.sm{
    font-size: 3rem !important;
}
.secHeading{
    font-size: var(--fontX3);
    font-weight: var(--fontExtraBold);
    color: #000;
    line-height: 1;
}
.comHeading, .highHeading{
    font-size: var(--fontX4);
    line-height: 1;
    color: #000;
}
.subHeading{
    font-size: var(--fontX3);
}
.smHeading{
    font-size: var(--fontX2)
}
.xsmHeading{
    font-size: var(--fontX0);
    font-weight: var(--fontBold);
}

.smText{
    font-size: var(--fontXsm);
    line-height: 16px;
    display: block;
    color: var(--colorBody);
}
.mText{
    font-size: 14px;
    line-height: 1.625;
    display: block;
    color: var(--colorBody);
}
.lgText{
    font-size: 16px;
}
.textB6{
    font-weight: 600;
}
.textB7{
    font-weight: 700;
}
.UpperHeading{
    font-size: var(--fontSm);
    font-weight: var(--fontMedium);
    display: block;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.smUpperHeading{
    font-size: var(--fontXsm);
    font-weight: var(--fontMedium);
    display: block;
    text-transform: uppercase;
}
.HeroSection {
    position: relative;
    padding: 150px 0 100px 0;
}
.HeroSectionGradient{
    background: linear-gradient(135deg, #ee2b8c, #9d26d9, #4f30e8);
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.HeroInnerImg img{
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 4px solid #fff;
    position: relative;
    z-index: 2;
}
.FounderDetails {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #ccc;
    display: block;
    font-size: 14px;
    position: relative;
    bottom: 40px;
    margin-bottom: -25px;
    z-index: 3;
}
.signInDiv{
    font-family: "Segoe Script", "Comic Sans MS", cursive;
    font-style: italic;
    color: var(--colorPink);
}
.BgLight1{
    background-color: var(--bgLight1);
}
.text-primary {
    color: var(--colorPink);
}
.TrustedClientsSection {
    border-top: 1px solid #e2e3e980;
    border-bottom: 1px solid #e2e3e980;
    background-color: var(--bgLight1);
}
.ClientsDiv {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.ClientsName{
    font-size: var(--fontLg);
    font-weight: var(--fontBold);
    color: #676b7e66;
}
.blur-bg {
    position: absolute;
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
    border-radius: 9999px;
    background: linear-gradient(to bottom right, rgba(238, 43, 140, 0.15), transparent, rgba(238, 43, 140, 0.1));
    filter: blur(12px);
}
.CommonBannerBlurElement{
    position: absolute;
    top: 5rem;
    right: -10rem;
    width: 600px;
    height: 600px;
    border-radius: 9999px;
    background-color: rgba(238, 43, 140, 0.09);
    filter: blur(64px);
    z-index: 0;
}
.feature-card {
    display: block;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background-color: #fff;
    padding: 2rem;
    transition: all 0.3s ease;
    text-align: left;
    height: 100%;
    text-decoration: none;
    color: inherit;
    margin-bottom: 24px;
}
.gradient-cta {
    background: linear-gradient(135deg, #ee2b8c, #7547d1);
}
.feature-icon-wrapper {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: white;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}
.feature-card h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--foreground);
}
.feature-icon-wrapper svg {
    width: 1.5rem;
    height: 1.5rem;
}
.featuresGrid [class*=col-]{
    padding-bottom: 30px;
}
.feature-card:hover {
    box-shadow: 0 20px 25px -5px rgba(238, 43, 140, 0.05);
    transform: translateY(-4px);
    border-color: rgba(238, 43, 140, 0.2);
}
.link-more {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--colorPink);
    text-decoration: none;
}
.link-more:hover {
    text-decoration: underline;
}
.box-built-for-you {
    border-radius: 1rem;
    border: 1px solid rgba(238, 43, 140, 0.2);
    background-color: rgba(238, 43, 140, 0.05);
    padding: 2rem;
    height: 100%;
    padding: 2.5rem;
    margin-top: 0;
}
.box-not-for-you {
    border-radius: 1rem;
    border: 1px solid var(--border);
    background-color: rgba(241, 245, 249, 0.3);
    padding: 2rem;
    height: 100%;
}
.gap-3 {
    gap: 0.75rem;
}
.box-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.box-icon.primary {
    background-color: rgba(238, 43, 140, 0.1);
    color: var(--colorPink);
}
.box-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}
.box-icon.muted {
    background-color: #f1f5f9;
    color: #64748b;
}
.list-item-icon {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.125rem;
}
.list-item-icon.primary {
    background: linear-gradient(135deg, #ee2b8c, #7547d1);
}
.checklist li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    list-style-type: none !important;
}
.list-item-icon.muted {
    background-color: rgba(100, 116, 139, 0.2);
}
.list-item-icon.muted .dot {
    width: 0.375rem;
    height: 0.375rem;
    background-color: rgba(100, 116, 139, 0.5);
    border-radius: 9999px;
}
.list-item-icon.primary .dot {
    width: 0.375rem;
    height: 0.375rem;
    background-color: #fff;
    border-radius: 9999px;
}
.testimonial-card {
    border-radius: 1rem;
    border: 1px solid var(--border);
    background-color: #fff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 24px;
}
.testimonial-card svg.quote {
    width: 2rem;
    height: 2rem;
    color: rgba(238, 43, 140, 0.3);
    margin-bottom: 1rem;
    flex-shrink: 0;
}
.testimonial-card blockquote {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.625;
    margin-bottom: 1.5rem;
    flex: 1;
    color: var(--foreground);
}
.testimonial-author {
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}
.testimonial-author .name {
    font-weight: 700;
    font-size: 0.875rem;
    margin: 0;
}
.testimonial-author .title {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0;
}
.step-card {
    position: relative;
    z-index: 10;
    background-color: #fff;
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1.5rem;
    text-align: center;
    height: 100%;
}
.bg-muted-light, .page-id-712 .faqSection {
    background-color: #f3f3f766;
}
.page-id-712 .TestimonialsSection, .page-id-712 .ReachOutSection{
    background-color: #fff;
}
.step-number {
    width: 3rem;
    height: 3rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: white;
    font-weight: 700;
    font-size: 1.125rem;
}
.step-title {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.step-line {
    display: block;
    position: absolute;
    top: 3rem;
    left: 100%;
    width: 100%;
    height: 1px;
    background-color: var(--border);
    transform: translateX(-50%);
    z-index: 0;
}
.step-col {
    position: relative;
    margin-bottom: 24px;
}
.section-subtitle {
    font-size: 1.125rem;
    color: #64748b;
}
.pricing-card {
    border-radius: 1rem;
    border: 1px solid var(--border);
    background-color: #fff;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: left;
    margin-bottom: 24px;
}
.pricing-header {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}
.pricing-period{
    color: var(--colorBody);
    font-size: var(--fontSm);
}
.Pricing-price-year {
    color: var(--colorPink);
    font-size: var(--fontXsm);
    display: block;
    margin-top: 10px;
}
.pricing-features {
    margin-bottom: 1.5rem;
    flex: 1;
    padding: 0;
}
.pricing-features li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
    color: #64748b;
    list-style-type: none;
}
.pricing-features li svg {
    width: 1rem;
    height: 1rem;
    color: var(--colorPink);
    flex-shrink: 0;
    margin-top: 0.125rem;
}
.pricing-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.75rem;
    color: #64748b;
}
.pricing-card.popular {
    border-color: rgba(238, 43, 140, 0.3);
    box-shadow: 0 20px 25px -5px rgba(238, 43, 140, 0.1);
    position: relative;
}
.pricing-badge {
    position: absolute;
    top: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.25rem 1rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: white;
}
.pricing-name {
    color: #000;
    padding: 5px 0;
}
.pricing-price{
    color: #000;
    font-size: 30px;
    font-weight: 800;
}
.PricingBtn {
    display: block;
    color: #000;
    text-align: center;
    border: 1px solid var(--cBorder);
    padding: 8px;
    border-radius: 10px;
    font-size: var(--fontX0);
    font-weight: var(--fontMedium);
}
.PricingCol:nth-child(2) .PricingBtn{
    background: var(--gradient);
    border: unset;
    color: #fff;
}
.PricingCol:nth-child(3) .PricingBtn{
    background: var(--colorPink);
    border: unset;
    color: #fff;
}
.page-id-20 .PricingCol:nth-child(3) .PricingBtn {
    background: none;
    border: 1px solid var(--cBorder);
    color: #000;
}
.PricingDetailslist{
    margin-top: 1.25rem;
}
.PricingDetailslist ul{
    margin-left: 0;
}
.PricingDetailslist li{
    list-style: none;
    padding-left: 0;
    font-size: var(--fontXsm);
    color: var(--colorBody);
}
.PricingDetailslist  li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}
.PricingDetailslist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M12.5 4.375L5.625 11.25L2.5 8.125' stroke='%23EE2B8C' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.StepsRow .step-col:last-child .step-line{
    display: none;
}
.SubscriptionPlansSection{
    background: var(--gradient);
    color: #fff !important;
}
.SubscriptionPlansSection .cBtn.white{
    border: none;
}
/*play-button*/
.play-btn {
    width: 100px;
    height: 100px;
    background: radial-gradient( rgba(255, 0, 128, 0.8) 50%, rgba(255, 255, 255, 1) 70%);
    border-radius: 50%;
    position: relative;
    display: block;
    box-shadow: 0px 0px 30px 5px rgba(255, 0, 128, .8);
}
/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* pulse wave */
.play-btn:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .75);
    top: -50%;
    left: -50%;
    background: rgba(198, 16, 0, 0);
}
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}
@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}
/*macOS-window*/
.window {
    margin-top: 40px;
    width: 1100px;
    height: auto;
    border: 1px solid var(--cBorder);
    margin: 0 auto;
    border-radius: 20px;
}
.windowIn{
    background: #F4F5F8;
    border-radius: 0 0 20px  20px;
    padding: 120px 20px 120px 20px;
    position: relative;
    height: 100%;
}
/* Top Bar */
.top-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    margin: 0 auto;
    background-color: #F8F9FA;
    border-radius: 20px 20px 0 0;
    border-bottom: 1px solid var(--cBorder);
}
.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.red { background: #ff5f57; }
.yellow { background: #febc2e; }
.pink { background: #ff7eb3; }
.ORed{ background-color: #F28C8D;}  
.OYellow{ background-color: #F9DD71;}
.OGreen{ background-color: #8FE8B1;}
.macPanelSection {
    padding: 0 20px;
}
.macPanelSection .window {
    width: 850px;
}
.macPanelSection .top-bar {
    background-color: #F8F8FA;
    padding: 14px 20px;
} 
.macPanelSection .windowIn {
    background-color: #fff;
    padding: 30px 20px 70px 20px;
}  

.title {
    margin-left: 15px;
    color: #7a7f8c;
    font-size: 14px;
}
/* Center Content */
.ToolsSection .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100% - 60px);
}
.ToolsSection .grid {
    display: grid;
    grid-template-columns: repeat(3, 160px);
    gap: 30px;
    margin-bottom: 30px;
}
.ToolsSection .card {
    width: 160px;
    height: 140px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease;
}
.ToolsSection .card:hover {
    transform: translateY(-5px);
    box-shadow: 
        8px 8px 18px rgba(0,0,0,0.08),
        -8px -8px 18px rgba(255,255,255,0.9);
}
.ToolsSection .icon {
    width: 45px;
    height: 45px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff7eb3, #a66cff);
    margin-bottom: 12px;
}
.ToolsSection .card p {
    font-size: 14px;
    color: #555b6e;
    font-weight: 500;
}
.ToolsSection .subtitle {
    color: #8c92a3;
    font-size: 15px;
}
/*macOS-window*/
.featuresSectionTop {
    padding: 140px 0 100px 0;
}
.ResourcesCommonTopBannerSection.featuresSectionTop{
    padding: 140px 0 60px 0;
}
.InBanner{
    background-color: var(--colorPurple);
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
}
.featuresSectionTop h1{
    margin-top: 15px;
}
.rounded{
    border-radius: 50% !important;
}
.container.small{
    max-width: 1000px;
}
.TIimg {
    width: 100%;
    object-fit: cover;
}
.macPanelSection .IconDiv {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3b82f6;
    border-radius: 5px;
    margin-right: 10px;
}
.panelBlocks {
    background-color: var(--block);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.macPanelSection .windowIn .inner:nth-child(2) .IconDiv{
    background-color: #ec4899;
}
.macPanelSection .windowIn .inner:nth-child(3) .IconDiv{
    background-color: #8b5cf6;
}
.SocialMediaPublishSection .card {
    border: 1px solid var(--cBorder);
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .3s cubic-bezier(.4,0,.2,1);
}
.SocialMediaPublishSection .card:hover{
    border: .5px solid var(--colorMpink);
    box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
    transform:translateY(-6px);
}
.SocialMediaPublishSection .IconDiv {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.SocialMediaPublishSection  .row .col-md-25:nth-child(1) .IconDiv, .SocialMediaPublishSection  .row .col-md-25:nth-child(4) .IconDiv, .SocialMediaPublishSection  .row .col-md-25:nth-child(7) .IconDiv{
    background:linear-gradient(135deg,rgb(37 99 235 / .2),rgb(96 165 250 / .2));
}
.page-id-230 .SocialMediaPublishSection .IconDiv{
    color: #B2BCD2;
    font-weight: 700;
    font-size: 17px;
}
.SocialMediaPublishSection  .row .col-md-25:nth-child(2) .IconDiv{
    background:linear-gradient(135deg,rgb(236 72 153 / .2),rgb(168 85 247 / .2));
}
.SocialMediaPublishSection  .row .col-md-25:nth-child(3) .IconDiv{
    background:linear-gradient(135deg,rgb(51 65 85 / .2),rgb(236 72 153 / .2));
}
.SocialMediaPublishSection  .row .col-md-25:nth-child(5) .IconDiv, .SocialMediaPublishSection  .row .col-md-25:nth-child(6) .IconDiv{
    background:linear-gradient(135deg,rgb(82 82 91 / .2),rgb(161 161 170 / .2));
}
.IconDivInside img{
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
}
.CommonStatisticsSection .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.CommonStatisticsSection .Stats {
    font-size: 36px;
    font-weight: 900;
} 
.CommonStatisticsSection .StatsDescription{
    font-size: var(--fontX1);
    color: var(--colorBody);
}
.CommonStatisticsSection{
    border-bottom: 1px solid var(--border);
}
.TwoCardPointSection .card {
    padding: 30px 20px;
    border-radius: 15px;
    border: 1px solid var(--border);
}
.TwoCardPointSection .row .mdCol:nth-child(1) .card{
    background-color: #ef44440d;
    border: 1px solid #ef444433;
}
.CardInlist{
    color: var(--colorBody);
    font-size: 14px;
}
.TwoCardPointSection .row .mdCol:nth-child(2) .card{
    background-color: #ee2b8c0d;
    border: 1px solid #ee2b8c33;
}
.TwoCardPointSection .card ul{
    margin-bottom: 0;
}
/*ACCORDIAN*/
.accordionItem {
    background-color: #fff;
    border-bottom: 1px solid var(--cBorder);
    padding: 10px;
    margin-bottom: 10px;
}
.accHeader {
    font-size: var(--fontX0);
    font-weight: var(--fontRegular);
    cursor: pointer;
}
.accHeader h3{
    width: calc(100% - 20px);
}
.openAc, .open .closeAc {
    display: none;
}
.open .openAc {
    display: block;
}
.accContent{
    display: none;
}
/*ACCORDIAN*/
.OtherSolutionsSection .SolCard .IconDiv, .CoreFeaturesSection .IconDiv {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #f3f3f7;
}
.OtherSolutionsSection .IconDiv svg{
    stroke: #676b7e;
}
.InnerBlock {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border);
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}
.InnerBlock svg{
    stroke: var(--colorBody);
}
.SolCard .InnerBlock{
    margin-bottom: 10px;
}
.SolCard .InnerBlock:last-child{
    margin-bottom: 0;
}
.IconDiv svg{
    width: 15px;
    height: 15px;
}
.CoreFeaturesSection .fRow .fCol{
    margin-bottom: 20px;
}
.CoreFeaturesSection .fRow .fCol:nth-child(7), .CoreFeaturesSection .fRow .fCol:nth-child(8), .CoreFeaturesSection .fRow .fCol:nth-child(9){
    margin-bottom: 0;
}
.BrandKitStrategistsSection .card {
    border: 1px solid var(--border);
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}
.BrandKitStrategistsSection .Designation{
    color: var(--colorPink);
    font-size: var(--fontX0);
}
.page-id-371 .HIWSection .container.small, .page-id-373 .HIWSection .container.small, .page-id-379 .HIWSection .container.small, .page-id-375 .HIWSection .container.small{
    max-width: 1400px;
}
.WhatsIncludedSection .card, .TwoSideBlockSection .card{
    border: 1px solid var(--border);
    padding: 10px;
    font-size: 14px;
    border-radius: 10px;
}
.WhatsIncludedSection .row .fCol{
    margin-bottom: 20px;
}
.WhatsIncludedSection .row .fCol:nth-last-child(2), .WhatsIncludedSection .row .fCol:last-child, .team .mdp:last-child, .team .mdp:nth-last-child(2){
    margin-bottom: 0;
}
.OtherIndustriesSection .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background-color: #fff;
}
.OtherIndustriesSection .IconDiv{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: var(--block);
}
.OtherIndustriesSection .IconDiv svg{
    stroke: var(--colorBody);
}
.Industries{
    display: block;
    color: var(--colorBody);
    font-size: var(--fontXsm);
}
.FourCardsWithListsSection .IconDiv{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgPink);
    border-radius: 15px;
}
.FourCardsWithListsSection .card{
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--border);
    padding: 20px;
    border-radius: 15px;
}
.TwoCardPointSection  .mdCol{
    margin-bottom: 30px;
}
.TwoCardPointSection  .row .mdCol:nth-last-child(2), .TwoCardPointSection  .row .mdCol:last-child{
    margin-bottom: 0;
}
.UseCasesIndustriesSection .card{
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid var(--border);
    border-radius: 15px;
    color: #000;
}
.UseCasesIndustriesSection .IconDiv{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: var(--bgPink);
}
.UseCasesIndustriesSection .row .mdCol:nth-child(4), .UseCasesIndustriesSection .row .mdCol:nth-child(5), .UseCasesIndustriesSection .row .mdCol:nth-child(6){
    margin-bottom: 0;
}
.AITrainingCurriculumSection .NoDiv {
    background-color: var(--bgPink);
    color: var(--colorPink);
    font-weight: 700;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.AITrainingCurriculumSection .card {
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.AITrainingCurriculumSection .mdCol{
    margin-bottom: 15px;
}
.AITrainingCurriculumSection .mdCol:last-child{
    margin-bottom: 0;
}
.AITrainingDeliveryOption .card{
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.AITrainingDeliveryOption .row .col-md-25:nth-child(2) .card{
    border: 1px solid var(--colorMpink);
    background-color: var(--bgPink);
}
.AITrainingDeliveryOption .IconDiv{
    width: 40px;
    height: 40px;
    background-color: var(--bgPink);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.AITrainingInActionSection .card{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    border-radius: 15px;
}
.AITrainingInActionSection .row .col-md-33:nth-child(1) .card{
    background: linear-gradient(to bottom right, #dbeafe, #c7d2fe);
}
.AITrainingInActionSection .row .col-md-33:nth-child(2) .card{
    background: linear-gradient(to bottom right, #fce7f3, #fecdd3);
}
.AITrainingInActionSection .row .col-md-33:nth-child(3) .card{
    background: linear-gradient(to bottom right, #fef3c7, #fed7aa);
}
.AITrainingInActionSection .row .col-md-33:nth-child(4) .card{
    background: linear-gradient(to bottom right, #dcfce7, #a7f3d0);
}
.AITrainingInActionSection .row .col-md-33:nth-child(5) .card{
    background: linear-gradient(to bottom right, #f3e8ff, #ddd6fe);
}
.AITrainingInActionSection .row .col-md-33:nth-child(6) .card{
    background: linear-gradient(to bottom right, #cffafe, #99f6e4);
}
.AITraining .content {
    width: calc(100% - 40px);
    margin-left: 10px;
}
.AITrainingCurriculumSection .content{
    width: calc(100% - 40px);
}
/*compare table */
.table-wrapper {
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 0 1px #eee;display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.compare-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    margin-bottom: unset;
}
thead th {
    text-align: left;
    padding: 16px;
    background: #f1f1f4;
    color: #555;
    font-weight: 600;
}
thead th span {
    display: block;
    font-size: var(--fontXsm);
    color: #888;
    font-weight: 400;
    margin-top: 2px;
}
tbody td {
    padding: 16px;
    border-top: 1px solid #eee;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
tbody tr:nth-child(even) {
    background: #fafafa;
}
/* Highlight column (Mavic) */
.highlight {
    background: rgba(255, 0, 100, 0.06);
    text-align: center;
    font-weight: 600;
}
/* Align symbols */
td:not(:first-child) {
    text-align: center;
}
/* Feature column */
.feature {
    width: 280px;
    border-radius: 10px 0 0;
}
/* Legend */
.legend {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    display: flex;
    gap: 20px;
    justify-content: center;
}
.legend .yes {
    color: #22c55e;
}
.legend .partial {
    color: #f59e0b;
}
.legend .no {
    color: #9ca3af;
}
.CompareTableSection .table td, table th {
    border-top: none;
    border-bottom: none  !important;
}
.CompareTableSection .ChatGpt, .CompareTableSection .vs{
    border-radius: 0 10px 0 0;
}
/*compare table */
.comparison {
    padding-top: 20px;
    justify-content: center;
    gap: 20px;
}
.comparisonBtn{
    display: block;
    background-color: var(--block);
    color: var(--colorBody);
    font-size: var(--fontX0);
    padding: 7px 14px;
    border-radius: 20px;
}
.ValuesSection .IconDiv svg{
    height: 30px;
    width: 30px;
}
.ValuesSection .IconDiv{
    width: 54px;
    height: 54px;
    background-color: var(--bgPink);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ValuesSection .card{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.ResourcesCommonTopBannerSection .mainHeading, .singlePage .mainHeading{
    font-size: var(--fontX6);
}
.ResourcesCommonTopBannerSection .preheading{
    text-transform: uppercase;
}
.OpenRolesSection .card{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    border: 1px solid var(--border);
    border-radius: 10px;
}
.OpenRolesSection .mdCol{
    margin-bottom: 20px;
}
.OpenRolesSection .mdCol:last-child{
    margin-bottom: 0;
}
.ApplyBtn {
    border: 1px solid var(--border);
    background-color: #fff;
    padding: 6px 16px;
    border-radius: 10px;
    color: #000;
    font-size: 14px;
}
.PerksAndBenefitsSection .card{
    border: 1px solid var(--border);
    padding: 25px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
}
.PerksAndBenefitsSection .card svg, .AboutAwardsSection .card svg{
    color: var(--colorPink);
} 
.PerksAndBenefitsSection .mdCol:nth-child(4), .PerksAndBenefitsSection .mdCol:nth-child(5), .PerksAndBenefitsSection .mdCol:nth-child(6){
    margin-bottom: 0;
}
.TwoSideBlockSection {
    background-color: #FAFAFC;
}
.EarningSection .IconDiv svg {
    width: 25px;
    height: 25px;
}
.EarningSection .IconDiv {
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background-color: var(--bgPink);
}
.EarningSection .card{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.EarningSection .Step{
    color: var(--colorPink);
    font-size: var(--fontX0);
    font-weight: var(--fontBold);
}
.cmBtn{
    padding: 10px 32px;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    font-size: var(--fontSm);
    font-weight: var(--fontMedium);
    border: 1px solid #e2e3e9;
    color: #000;
}
.AboutStatisticsSection .card, .AboutAwardsSection .card {
    border: 1px solid var(--border);
    padding: 24px 32px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    background-color: #fff;
}
.AboutStatisticsSection .Stats {
    font-size: 33px;
    font-weight: 900;
}
.AboutStatisticsSection, .AboutAwardsSection, .AboutGallerySection {
    background-color: #FBFBFC;
}
.AboutDeliverSection .IconDiv, .AboutWhatWeStandForSection .IconDiv, .AboutteamSection .IconDiv {
    height: 56px;
    width: 56px;
    display: flex;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: linear-gradient(135deg, #ee2b8c, #7547d1);
}
.AboutDeliverSection .IconDiv svg, .AboutWhatWeStandForSection .IconDiv svg{
    width: 26px;
    height: 26px;
    stroke: #fff;
    fill: none;
    stroke-width: 2;
}
.AboutDeliverSection .card, .AboutteamSection .card{
    border: 1px solid var(--border);
    padding: 25px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
}
.AboutMissionSection .cBtn {
    border-radius: 25px;
}
.subTxt span, .subTxt svg {
    color: #64748b;
    font-size: 15px;
}
.AboutAwardsSection .card h3 {
    font-size: 14px;
    font-weight: 600;
}
.AboutAwardsSection .card svg{
    width: 33px;
    height: 33px;
    object-fit: contain;
}
.greyTxt {
    display: block;
    color: #B3B5BE;
    font-weight: 700;
    font-size: 18px;
}
.AboutteamSection .IconDiv {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background-color: #F7F7F9;
    border: 2px solid #F7F7F9;
    background: unset;
}
.subteamRow .card{
    padding: 28px 24px;
}
.AboutteamSection .IconDiv svg {
    width: 40px;
    height: 40px;
    color: #BDBFC7;
}
.AboutteamSection .subTxt {
    display: block;
    color: var(--colorPink);
    font-weight: 500;
    font-size: 15px;
}
.socialInner svg {
    width: 18px;
    height: 18px;
    color: var(--colorPink);
}
.socialInner a {
    color: var(--colorPink);
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
}
/*mac-panel,features*/
.macPanelSection.socialMedia .daysIn {
    background-color: var(--block);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.macPanelSection.socialMedia .SchedulePost {
    background-color: var(--bgPink);
    color: var(--colorPink);
    font-size: var(--fontXsm);
    font-weight: 600;
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
}
.macPanelSection.socialMedia .daysIn:last-child{
    margin-bottom: 0;
}
.productPhotos .mdCol:nth-last-child(2), .productPhotos .mdCol:last-child, .AIImageGen .mdCol:nth-last-child(2), .AIImageGen .mdCol:last-child{
    margin-bottom: 0;
}
.BlogBlocks {
    background-color: var(--block);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.BlogBlocks .Block:nth-child(1){
    width: 60%;
} 
.BlogBlocks .Block:nth-child(3){
    width: 70%;
    margin-bottom: 0;
}
.BlogBlocks .Block {
    background-color: #171a261a;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.blogWriter .AI span:nth-child(1){
    background-color: var(--bgPink);
    color: var(--colorPink);
    font-size: var(--fontXsm);
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 10px;
}
.blogWriter .AI span:nth-child(2){
    background-color: var(--bgPurple);
    color: var(--colorPurple);
    font-size: var(--fontXsm);
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
}
.brandAIBlock {
    background-color: var(--block);
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.GradientDiv {
    width: 45px;
    height: 45px;
    background: var(--gradient);
    border-radius: 10px;
}
.brandAiIn{
    margin-left: 10px;
}
.brandAiIn span:nth-child(1){
    font-size: var(--fontX0);
    font-weight: var(--fontExtraBold);
    display: block;
}
.brandAiIn span:nth-child(2){
    font-size: var(--fontXsm);
    font-weight: var(--fontMedium);
    display: block;
}
.brandAi .BrandKitsIn, .AIVidGenT {
    background-color: var(--bgPink);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--colorPink);
    font-size: var(--fontXsm);
    font-weight: var(--fontMedium);
    padding: 10px;
    border-radius: 10px;
}
.brandAi .row .mdP:nth-child(1), .aiVideoGeneration .row .mdP:nth-child(1), .row.category .mdP:nth-child(1), .row.team .mdP:nth-child(odd){
    padding-right: 5px;
}
.brandAi .row .mdP:nth-child(2), .aiVideoGeneration .row .mdP:nth-child(2), .row.category .mdP:nth-child(2){
    padding-right: 5px;
    padding-left: 5px;
}
.brandAi .row .mdP:nth-child(3), .aiVideoGeneration .row .mdP:nth-child(3), .row.category .mdP:nth-child(3), .row.team .mdP:nth-child(even){
    padding-left: 5px;
}
.RTBlocks .task, .WorkflowBlocks .task, .ContentStudioBlocks .task{
    font-size: var(--fontX0);
    font-weight: var(--fontMedium);
    margin-left: 10px;
}
.RTBlocks .day{
    font-size: var(--fontXsm);
}
.RTBlocksIn, .WBlocksIn, .CSBlocksIn, .BGBlocksIn {
    background-color: var(--block);
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.RTBlocksIn:last-child, .WBlocksIn:last-child, .CSBlocksIn:last-child, .BGBlocksIn:last-child, .EGBlocksIn:last-child{
    margin-bottom: 0;
}
.aiVideoGeneration .InVideo {
    border-radius: 15px;
    width: 100%;
}
.AIVidGenT {
    background-color: var(--block);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--colorBody);
    font-size: var(--fontXsm);
    font-weight: var(--fontMedium);
    padding: 10px;
    border-radius: 10px;
}
.BrandKitCard {
    text-align: center;
    padding: 25px;
    border-radius: 15px;
}
.BrandKit .row .col-md-50:nth-child(1) .BrandKitCard{
    background-color: #ee2b8c1a;
}
.BrandKit .row .col-md-50:nth-child(2) .BrandKitCard{
    background-color: #7547d14d;
}
.BrandKit .row .col-md-50:nth-child(3) .BrandKitCard{
    background-color: #f3f3f7;
}
.BrandKit .row .col-md-50:nth-child(4) .BrandKitCard{
    background-color: #ee2b8c0d;
}
.BrandKit .mdCol:nth-last-child(2), .BrandKit .mdCol:last-child{
    margin-bottom: 0;
}
.ContentStudio .CSDiv {
    background-color: var(--bgPink);
    font-size: var(--fontXsm);
    font-weight: var(--fontMedium);
    color: var(--colorPink);
    padding: 5px 10px;
    border-radius: 20px;
}
.BGBlocksIn:nth-child(1), .BGBlocksIn:nth-child(3){
    background-color: #22c55e1a;
}
.BGBlocksIn:nth-child(2){
    background-color: #eab3081a;
}
.BGBlocksIn .BGDiv{
    background-color: #22c55e1a;
    font-size: var(--fontXsm);
    font-weight: var(--fontMedium);
    color: var(--colorPink);
    padding: 5px 10px;
    border-radius: 20px;
}
.BGBlocksIn:nth-child(1) .BGDiv, .BGBlocksIn:nth-child(3) .BGDiv{
    background-color: #22c55e1a;
    color: #16a34a;
}
.BGBlocksIn:nth-child(2) .BGDiv{
    background-color: #eab3081a;
    color: #ca8a04;
}
.EGBlocksIn {
    display: flex;
    align-items: center;
    background-color: var(--block);
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.EGBlocksIn:first-child{
    background-color: var(--bgPink);
}
.EGBlocksIn .NoDiv {
    background-color: var(--bgPink);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorPink);
    font-size: var(--fontX1);
    font-weight: var(--fontBold);
    width: 40px;
    height: 40px;
}
.CategoriesBlock{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgPink);
    padding: 10px;
    border-radius: 15px;
    color: var(--colorPink);
    font-size: var(--fontX0);
}
.MarketingBlock {
    display: flex;
    align-items: center;
    background-color: var(--block);
    padding: 10px;
    border-radius: 15px;
    color: var(--colorBody);
    font-size: var(--fontX0);;
}
.InHouseMarketing .team .mdP{
    margin-bottom: 10px
}
.InHouseMarketing .team .mdP:nth-last-child(2), .InHouseMarketing .team .mdP:last-child{
    margin-bottom: 0;
}
.CompareInner {
    padding-bottom: 90px;
}
.compareSingleButtonSection{
    padding: 60px 0 100px 0;
}
.PayasyougoSection .card {
    border: 1px solid var(--border);
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.singlePage .CommonBannerBlurElement{
    display: none;
}
.SolutionAndServicesSection .preheading {
    font-size: var(--fontX1);
    font-weight: var(--fontBold);
    text-transform: uppercase;
}
.SSIn .card {
    border: 1px solid var(--border);
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
    color: #000;
    height: 100%;
}
.InnerPreheading{
    background-color: var(--bgPink);
    padding: 3px 9px;
    border-radius: 20px;
    font-size: var(--fontXsm);
    color: var(--colorPink);
    margin-bottom: 10px;
}
.SSIn .amount {
    display: block;
    font-size: var(--fontX2);
    font-weight: var(--fontExtraBold);
    padding: 5px 0;
}
.faqRepeater .faqSection {
    padding-bottom: 0;
}
.faqRepeater .wp-block-lazyblock-common-faq-section:last-child{
    padding-bottom: 100px;
}
.AllFeaturesSection .card{
    border: 1px solid var(--border);
    border-radius: 15px;
    padding: 20px;
    color: #000;
}
footer {
    background-color: #171A26;
    padding: 60px 0;
    color: #fff;
}
address {
    font-style: normal;
    font-size: 12px;
    margin-bottom: 20px;
    color: #ffffff66;
}
.Fmenu{
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}
.Fmenu li{
    list-style-type: none;
    margin-bottom: 10px;
}
.Fmenu li a:hover{
    color: #fff;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.Fmenu li a, footer p{
    color: #ffffff99;
    font-size: var(--fontX0);
}
.copyright {
    font-size: var(--fontX0);
    color: #ffffff99;
}
.footerSeparator {
    border-bottom: 1px solid #ffffff1a;
    padding-top: 30px;
    margin-bottom: 30px;
}
.page-id-20 .bb {
    border-bottom: unset; 
    max-width: unset; 
    margin: unset;
}
.page-id-379 .TwoCardPointSection .row .mdCol:nth-child(1) .card, .page-id-379 .TwoCardPointSection .row .mdCol:nth-child(2) .card{
    background-color: unset;
    border: 1px solid var(--border);
}
.row>.colIn {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.worksWith.row>.colIn:last-child, .worksWith.row>.colIn:nth-last-child(2){
    margin-bottom: 0;
}
.WorksWithSection .cmBtn {
    padding: 8px 25px;
}
.TwoSideBlockSection .content{
    width: calc(100% - 20px);
}
.AbTestimonial{
    color: var(--colorPink);
    font-size: var(--fontSm);
    font-weight: var(--fontBold);
    display: block;
}
.AboutTestimonialSection .card{
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 30px;
    height: 100%;
}
.AboutTestimonialSection .card p{
    font-style: italic;
}
.gallery-grid {
    margin: 0 auto;
}

.grid-item {
    width: 32%;
    margin-bottom: 24px;
}
.gallery-card{
	border-radius: 10px !important;
	border:1px solid rgb(226, 227, 233);
    direction: ltr;
}
.gallery-card img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.video-thumb{
	position: relative;
}
.gallery-media .play-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40px;
	height: 40px;
	margin: auto;
}
.gallery-media .play-btn::after{
	    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #fff;
}
.gallery-title{
	    font-size: .875rem;
    line-height: 1.25rem;
	margin-bottom: .25rem;
}
.gallery-company{
	font-size: .75rem;
    line-height: 1rem;
	margin-bottom: .5rem;
}
.gallery-tags{
	display:flex;
	align-items: center;
	gap: .5rem;
    flex-wrap: wrap;
}
.gallery-tags span{
	padding:.125rem .5rem;
	font-size: .75rem;
    line-height: 1rem;
	border-radius: 9999px;
	display: inline-block;
}
.row-right {
    direction: rtl;
}
.gallery-row-slider .grid-item{
    width: 100%;
    margin: 0;
}
.gallery-row-slider .gallery-media img{
    height: 150px;
    object-fit: cover;
    width: 100%;
}
.gallery-row-slider .gallery-slider .slide:not(:first-child) {
    display: none;
}
.gallery-row-slider .slick-slide{
    margin: 0 10px;
}
.gallery-row-slider .gallery-card{
    height: 100%;
}
.gallery-row-slider .slick-track{
    display: flex !important;
}
.gallery-row-slider .slick-slide{
    height: inherit !important;
}
.tag-type{
	background-color: rgb(238 43 140 / 10%);
	color: rgb(238 43 140);
}
.tag-industry{
	color: rgb(103 107 126);
	background-color: rgb(243 243 247);
}
.gallery-media:hover .play-btn{
	opacity: 1;
}
.gallery-media .play-btn i{
	font-size: 20px;
}
@media (max-width: 1024px) {
    .grid-item {
        width: 48%;
    }
}

@media (max-width: 600px) {
    .grid-item {
        width: 100%;
    }
}
.BlogPosts .gallery-media img{
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.AITrainingInActionSection .InImg{
    width: 290px;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
}
.BrandKitGetInnerMacPanelSection .macPanelSection .window {
    width: 800px;
}
.MacPanelSlider{
    position: relative;
}
.MacPanelSlider .slick-prev, .MacPanelSlider .slick-next {
    position: absolute;
    bottom: -45px;
    z-index: 9;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px;
    width: 100px;
    color: var(--colorBody);
    font-size: 14px;
    font-weight: 500;
}
.slick-disabled{
    cursor: not-allowed;
    opacity: 0.6;
}
.MacPanelSlider .slick-prev{
    left: 0;
}
.MacPanelSlider .slick-next{
    right: 0;
}
.MacPanelSlider .slick-dots {
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid var(--border);
}
.MacPanelSlider .slick-dots li::marker {
  content: "";
}
.MacPanelSlider .slick-dots li {
  width: auto;
}
.MacPanelSlider .slick-dots li button {
    padding: 8px 16px;
    color: #6b7280;
    border: 1px solid transparent;
    font-size: 13px;
    border-bottom: 0;
}
.MacPanelSlider .slick-dots li.slick-active button {
    border: 1px solid var(--border);
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
    color: #000;
}
.MacPanelSlider .SliderIn {
    margin: 30px 0 20px 0;
}
/**tab**/
.macPanelSection {
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.macPanelSection.active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
}
.tab-header {
    gap: 10px;
    margin-bottom: 20px;
}

.tab-btn {
    padding: 10px 16px;
    cursor: pointer;
    border: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    color: #676b7e;
    background-color: #f3f3f7;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}
.tab-btn span{
    font-size: .75rem;
    line-height: 1rem;
}
.tab-btn.active {
    background-color: var(--colorPink);
    color: #fff;
}
.MacPanelSlider .slick-list{
    padding-top: 10px;
}
/*************************************************************************************************
													Hovers
***************************************************************************************************/
.cHover{
    transition: all .3s cubic-bezier(.4,0,.2,1);
}
.cHover:hover{
    border: .5px solid var(--colorMpink);
    box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
    transform:translateY(-6px);
}
.cHover:hover .IconDiv{
    background-color: var(--bgPink);
}
.cHover:hover .IconDiv svg{
    stroke: var(--colorPink);
}
.InnerBlock.cHover:hover .xsmHeading{
    color: var(--colorPink) !important;
}

/*************************************************************************************************
													Mobile Menu
***************************************************************************************************/

.header .menuMob {
    display: none;
}
.menuMob {
    width: 28px;
    height: 24px;
    cursor: pointer;
    position: relative;
    top: 5px;
}
.menuMob .menu_part {
    height: 3px;
    background: #000;
    border-radius: 2px;
    transition: all 0.3s ease;
    margin-bottom: 5px;
}
.menu-is-open {
    overflow: hidden;
}
.menu-is-open .menuMob .menu_part:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.menu-is-open .menuMob .menu_part:nth-child(2) {
  opacity: 0;
}

.menu-is-open .menuMob .menu_part:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}
.menu-is-open .mobileMenu {
    bottom: 0;
}
.mobileMenu {
    position: fixed;
    left:0;
    bottom: -100%;
    width: 100%;
    height: calc(100% - 65px);
    z-index: 1501;
    -webkit-transition: all 799ms cubic-bezier(.74,.215,.125,1);
    -webkit-transition: all 799ms cubic-bezier(.74,.215,.125,1.02);
    -o-transition: all 799ms cubic-bezier(.74,.215,.125,1.02);
    transition: all 799ms cubic-bezier(.74,.215,.125,1.02);
    -webkit-transition-timing-function: cubic-bezier(.74,.215,.125,1);
    -webkit-transition-timing-function: cubic-bezier(.74,.215,.125,1.02);
    -o-transition-timing-function: cubic-bezier(.74,.215,.125,1.02);
    transition-timing-function: cubic-bezier(.74,.215,.125,1.02);
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #e5e7eb94;
}
.menuContent {
    height: calc(100% - 70px);
    overflow-y: auto;
    padding: 10px 30px 20px 20px;
}
.menu-is-open .header{
    background-color: #fff;
}
.menu-footer {
    background-color: #fff;
    position: absolute;
    width: 100%;
    padding: 10px 20px 10px;
    bottom: 0;
    border-top: 1px solid var(--border);
}
.mobile_menu .menu-item a {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 10px 0;
    color: #000;
}
.mobile_menu .menu-item-has-children > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu .sub-menu li  a{
    font-size: .875rem;
    line-height: 1.25rem;
}
.mobile_menu .menu-item a {
    border-bottom: 1px solid var(--border);
    padding: 5px 0;
}
.mobile_menu .menu-item .sub-menu .menu-item a, .mobile_menu .menu-item:last-child a{
    border-bottom: none;
}
.mobile_menu > li.menu-item > a{
        margin: 0;
    padding: 15px 0;
}
.mobile_menu > .sub-menu{
    padding: 10px 0;
}
.max-w-3xl {
    max-width: 48rem;
}
.single-post h1{
        font-size: 3rem;
    line-height: 1.1;
    letter-spacing: -.025em;
    font-weight: 800;
    margin: 15px 0;
}
.backToBlog{
    font-size: .875rem;
    line-height: 1.25rem;
    color: #676b7e;
    gap: 5px;
}
.backToBlog svg{
    width: 1rem;
}
.excerptDiv{
    font-size: 16px;
}
.excerptDiv, .authorPostMeta, .authorPostMeta a{
    color:#676b7e;
}
.authorPostMeta {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    gap: 15px;
    border-top: 1px solid #e2e3e9;
    border-bottom: 1px solid #e2e3e9;
    margin-bottom: 25px;
}
.imgFull img{
    border-radius: 10px;
}
.authorPostMeta svg{
    width: .875rem;
    height: .875rem;
    margin-right: 5px;
}
.MainContent h2, .MainContent h3, .MainContent h4, .MainContent h5, .MainContent h6, .MainContent .gallery, .MainContent hr{
    margin-bottom: 20px !important;
}
.MainContent p{
    line-height: 1.7;
    font-size: 1rem;
}
.PostTags a{
    color: var(--colorPink);
}
.filterSearchBlog{
        padding-top: 40px;
    border-top: 1px solid #e2e3e9;
    margin-top: 50px;
}
.category-list a{
    background-color: #f3f3f7;
    color: #676b7e;
    display: inline-block;
    padding: .375rem .75rem;
    border-radius: 20px;
    margin: 0 6px 6px 0;
    font-size: .75rem;
    line-height: 1rem;
}
.category-list a.active{
    background-color: var(--colorPink);
    color: #fff;
}
input[type="text"]#blogSearch{
    background-color: #fff;
    border-radius: 10px;
    padding: 12px;
}
.AboutGallerySection .card {
    border-radius: 15px;
    width: 100%;
    position: relative;
}
.AboutGallerySection .card img{
    border-radius: 15px;
    width: 100%;
}
.glightbox-clean .gslide-title{
    margin-bottom: 0 !important;
    color: #fff !important;
}
.glightbox-clean .gdesc-inner{
    padding: 5px 10px !important;
}
.glightbox-clean .gslide-description{
    background-color: #0808081f !important;
    color: #fff !important;
}
.masonry {
    column-count: 3;
    column-gap: 20px;
}

.gallery-item {
    display: block;
    break-inside: avoid;
    margin-bottom: 20px;
}
.AboutGallerySection .card .product {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 20px;
    font-size: var(--fontX0);
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 3px 12px;
    border-radius: 20px;
}
.AboutGallerySection .card .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, .2);
}
/*************************************************************************************************
													Slick Slider
***************************************************************************************************/
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.TestimonialSlider .slick-slide{
    margin: 0 15px;
    height: auto;
}
.TestimonialSlider .slick-track{
    display: flex;
}
/*************************************************************************************************
													Back To Top
***************************************************************************************************/
.dew-top.dew-is-visible, .dew-top.dew-fade-out, .no-touch .dew-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } 
.dew-top.dew-is-visible { visibility: visible; opacity: 1; } 
.dew-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 20px; right: 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgb(31, 31, 31) url(images/top-arrow.svg) no-repeat center 50%;visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; cursor: pointer;z-index: 99999;} 
/*************************************************************************************************
													Page Nav
***************************************************************************************************/
.iv-pagenavi{
    display: flex;
    justify-content: center;
}
.iv-pagenavi span.pages {margin-right: 10px;}
.iv-pagenavi span, .iv-pagenavi a {
    display: inline-block;
    background-color: #fff;
    margin-right: 5px;
    padding: 8px 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 12px;
    color: #000;
}
.iv-pagenavi span.current{
    background-color:var(--colorPink);
    color: #fff;
}
/*************************************************************************************************
													Forms
***************************************************************************************************/
input[type="text"], input[type="email"], input[type="number"], input[type="password"], textarea, select{background: #f9f9f9; border: 1px solid #e1e1e1; color: #666666; font-size: 15px; font-weight: 300; margin: 0; padding: 10px; width:100%;} 
input[type="submit"]{  background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #3078C0; cursor: pointer; display: inline-block; font-size: 15px; font-weight: 300; margin-bottom: 0; padding: 8px 25px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; width: auto; border-radius: 0; color: #3078C0; margin: 10px 0; -webkit-box-shadow: none; box-shadow: none;} 
input[type="submit"]:hover{background-color:#3078C0;color:#fff;}
/*************************************************************************************************
													RESPONSIVE
***************************************************************************************************/
@media only screen and ( max-width: 1024px ){

}
@media only screen and (max-width: 820px), only screen and (max-device-width: 1024px) and (min-device-width: 768px), only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    header{
        padding: 20px 0;
    }
    .container, .macPanelSection {
        max-width: 100%;
        padding: 0 16px;
    }
    .mdnone, .brNone br, .section-subtitle br{
        display: none;
    }
    .od1{
        order: 1;
    }
    .od2{
        order: 2;
    }
    .mdTextCenter{
        text-align: center;
    }
    .mdMxAuto{
        margin: 0 auto;
    }
    .mdmb30{
        margin-bottom: 30px;
    }
    .mdmt30{
        margin-bottom: 30px;
    }
    .mdpb30{
        padding-bottom: 30px;
    }
    .mdpt30{
        padding-top: 30px;
    }
    .mdpt0{
        padding-top: 0;
    }
    .mbCol{
        margin-bottom: 30px !important;
    }
    .mbCol:last-child{
        margin-bottom: 0 !important;
    }
    .mdunset{
        display: unset;
    }
    .mdfcol{
        flex-direction: column;
    }
    .mdsaround{
        justify-content: space-around;
    }
    .mdcenter{
        justify-content: center;
    }
    .HeroSection h1, h1.mainHeading{
        font-size: 36px !important;
        padding-top: 20px;
    }
    .window{
        width: 100%;
    } 
    .bb{
        max-width: unset;
    }
    .ToolsSection .grid {
        grid-template-columns: repeat(2, 160px);
        gap: 20px;
    }
    .ClientsNameDiv {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        padding: 10px 0;
    }
    .ClientsDiv {
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .mainHeading {
        font-size: 30px;
    }
    .section-subtitle {
        font-size: 16px;
        color: #64748b;
    }
    .windowIn {
        padding: 60px 20px 60px 20px;
    }
    .step-line{
        display: none;
    }
    .macPanelSection .window {
        width: 100%;
    }
    .brandAi .row .mdP:nth-child(1), .row .mdP:nth-child(1){
        padding-right: 15px !important;
    }
    .brandAi .row .mdP:nth-child(2){
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin: 10px 0;
    }
    .aiVideoGeneration .mdP{
        margin-bottom: 10px;
    }
    .aiVideoGeneration .mdP:last-child{
        margin-bottom: 0;
    }
    .aiVideoGeneration .mdP:nth-child(2){
        padding: 0 15px !important;
    }
    .brandAi .row .mdP:nth-child(3), .row .mdP:nth-child(3){
        padding-left: 15px !important;
    }
    .InHouseMarketing .team .mdP:nth-last-child(2){
        margin: 10px 0;
    }
    .InHouseMarketing .mdP{
        margin-bottom: 10px;
        margin-top: 0 !important;
        padding: 0 15px !important;
    }
    .OtherIndustriesSection .card {
        gap: 10px;
        padding: 15px 30px;
    }
    .header .menuMob {
        display: block;
    }
    .mobile_menu .sub-menu {
        display: none;
        margin: 0;
    }
    .BlogPosts .gallery-media img{
        height: auto;
    }
    .heroCTA{
        justify-content: center;
    }


}
@media only screen and (max-width: 920px){

}
@media only screen and (max-width: 767px){
	
}
@media all and (max-width: 620px){


}
@media all and (max-width: 520px){


}
@media all and (max-width: 480px){


}