/** GLOBAL SELECTORS **/
body {margin:0; padding:0; font:normal 18px; font-family: "Myriad Pro", sans-serif; color: var(--color-black); line-height:normal; position:relative;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; resize:none}
* a{ color: var(--color-black); text-decoration:none !important; transition: all .3s linear;}
* a:hover{ color:var(--color-black); text-decoration:none; transition: all .3s linear;} 
* img{max-width: 100%; height: auto; display: inherit;}
a:where(:not(.wp-element-button)):focus{text-decoration: inherit;}
* { margin:0; padding:0; box-sizing: border-box;}
.reset { list-style-type:none; padding:0; margin:0;}
.clear {clear:both; padding:0; margin:0; overflow:hidden; height:0}
br{ display: none;}

/*Main Content*/
.container{ width: min(1300px, 96%); margin: 0 auto; position: relative;}

:root{
    --color-white: #fff;
    --color-black: #181818;
    --color-grey: #EBEBED;
    --color-lightgrey: #F7F7F7;
    --color-pink: #FE2C55;
    --color-gradient: linear-gradient(90deg, rgba(242,103,117,1) 0%, rgba(194,102,234,1) 50%, rgba(242,103,117,1) 100%);
    --color-border: #dee2e6;
}

/* Myriad Pro-300 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Myriad-Font-Family/MyriadProLight.eot');
    src: url('../fonts/Myriad-Font-Family/MyriadProLight.eot') format('embedded-opentype'),
         url('../fonts/Myriad-Font-Family/MyriadProLight.woff2') format('woff2'),
         url('../fonts/Myriad-Font-Family/MyriadProLight.woff') format('woff'),
         url('../fonts/Myriad-Font-Family/MyriadProLight.ttf') format('truetype'),
         url('../fonts/Myriad-Font-Family/MyriadProLight.svg#MyriadProLight') format('svg');
}
/* Myriad Pro-regular */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Myriad-Font-Family/MyriadProRegular_1.eot');
    src: url('../fonts/Myriad-Font-Family/MyriadProRegular_1.eot') format('embedded-opentype'),
        url('../fonts/Myriad-Font-Family/MyriadProRegular_1.woff2') format('woff2'),
        url('../fonts/Myriad-Font-Family/MyriadProRegular_1.woff') format('woff'),
        url('../fonts/Myriad-Font-Family/MyriadProRegular_1.ttf') format('truetype'),
        url('../fonts/Myriad-Font-Family/MyriadProRegular_1.svg#MyriadProRegular_1') format('svg');
}
/* Myriad Pro-600 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Myriad-Font-Family/MyriadProSemibold_1.eot');
    src: url('../fonts/Myriad-Font-Family/MyriadProSemibold_1.eot') format('embedded-opentype'),
         url('../fonts/Myriad-Font-Family/MyriadProSemibold_1.woff2') format('woff2'),
         url('../fonts/Myriad-Font-Family/MyriadProSemibold_1.woff') format('woff'),
         url('../fonts/Myriad-Font-Family/MyriadProSemibold_1.ttf') format('truetype'),
         url('../fonts/Myriad-Font-Family/MyriadProSemibold_1.svg#MyriadProSemibold_1') format('svg');
}
/* Myriad Pro-700 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Myriad-Font-Family/MyriadProBold_1.eot');
    src: url('../fonts/Myriad-Font-Family/MyriadProBold_1.eot') format('embedded-opentype'),
         url('../fonts/Myriad-Font-Family/MyriadProBold_1.woff2') format('woff2'),
         url('../fonts/Myriad-Font-Family/MyriadProBold_1.woff') format('woff'),
         url('../fonts/Myriad-Font-Family/MyriadProBold_1.ttf') format('truetype'),
         url('../fonts/Myriad-Font-Family/MyriadProBold_1.svg#MyriadProBold_1') format('svg');
}
/* Daniel-700 */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Daniel';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Daniel/Daniel-Bold.eot');
    src: url('../fonts/Daniel/Daniel-Bold.eot') format('embedded-opentype'),
         url('../fonts/Daniel/Daniel-Bold.woff2') format('woff2'),
         url('../fonts/Daniel/Daniel-Bold.woff') format('woff'),
         url('../fonts/Daniel/Daniel-Bold.ttf') format('truetype'),
         url('../fonts/Daniel/Daniel-Bold.svg') format('svg');
}

.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 {  float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none;}
.owl-carousel .owl-item img { display:block; width:auto; max-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-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;}

.collection-gallery .owl-dots{ margin-top: 10px;}
.collection-gallery .owl-dot{ width: 15px; height: 15px; background: var(--color-grey); border: none; outline: none; border-radius: 50%;}
.collection-gallery .owl-dot+.owl-dot{ margin-left: 15px;}
.collection-gallery .owl-dot.active{ background-color: var(--color-pink);}

/* Feel free to change duration  */ 
.animated  { -webkit-animation-duration : 1000 ms  ; animation-duration : 1000 ms  ; -webkit-animation-fill-mode : both  ; animation-fill-mode : both  ;}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {  z-index : 1  }
/* .owl-animated-in - only for upcoming item */
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {  z-index : 0    }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {  -webkit-animation-name : fadeOut  ;  animation-name : fadeOut  ;}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

.bannersec{ background: url(../images/banner-bg-img1.jpg) no-repeat top center; background-size: cover; color: var(--color-white); text-align: center; padding: 500px 0 35px; position: relative;}
.bannersec::before{ content: ""; position: absolute; inset: 0; background: var(--color-black); opacity: .4;}
.bannersec .logo{ width: 150px; margin: 0 auto;}
.bannersec h1{ font-size: 54px; font-weight: 600; margin: 10px 0 5px;}
.bannersec p{ font-size: 30px; font-weight: 400; line-height: 36px; margin-bottom: 20px;}
.bannersec p span{ display: block;}
.bannersec .gradient-btn{ display: inline-block;}
.bannersec .gradient-btn a{ display: inline-block; font-size: 21px; font-weight: 400; line-height: 33px; background: var(--color-pink); padding: 8px 45px 10px; border-radius: 10px; color: var(--color-white);} 
.bannersec .gradient-btn a:hover{ box-shadow: 1px 1px 20px rgba(254, 44, 85, 0.5);}

.title:not(.accordion .title){ font-size: 54px; font-weight: 600; margin-bottom: 10px; text-align: center;}
.subtitle{ font-size: 30px; font-weight: 400; margin-bottom: 15px; text-align: center;}

.pradigmsec{ padding: 50px 0 90px;}
.pradigmsec .container{ width: min(850px, 96%);}
.pradigmsec .title{ text-align: center;}
.pradigmsec p{ font-size: 25px; font-weight: 400; line-height: 30px;}
.pradigmsec p+p{ margin-top: 15px;}

.anastasiasec{ background: var(--color-grey); padding: 170px 0 50px; position: relative;}
.anastasiasec .container{ width: min(950px, 96%);}
.anastasiasec .imgbox{ width: 200px; height: auto; aspect-ratio: 1/1; border-radius: 50%; position: absolute; top: -225px; left: 50%; transform: translateX(-50%); overflow: hidden;}
.anastasiasec .imgbox img{ width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover;}
.anastasiasec .title{ margin-bottom: 8px;}
.anastasiasec .subtitle{ font-size: 40px;}
.anastasiasec p{ font-size: 21px; font-weight: 400; line-height: 25px;}
.anastasiasec p+p{ margin-top: 10px;}
.anastasiasec p a{ color: var(--color-pink);}
.anastasiasec p a:hover{ color: var(--color-black);}
.insta-btn{ display: inline-block; margin-top: 20px;}
.insta-btn a{ display: inline-block; font-size: 21px; font-weight: 400; line-height: 33px; background: var(--color-pink); padding: 8px 45px 10px; border-radius: 10px; color: var(--color-white);} 
.insta-btn a:hover{ box-shadow: 1px 1px 20px rgba(254, 44, 85, 0.5);}

.socialmediasec{ padding: 50px 0; text-align: center;}
.socialmediasec .subtitle{ margin-bottom: 15px;}
.socialmediasec ul{ margin-top: 20px; display: flex; flex-flow: row nowrap; justify-content: center; gap: 0.8%;}
.socialmediasec ul li{ width: 250px; background: var(--color-lightgrey); padding: 15px 18px; text-align: left;}
.socialmediasec ul li .sm-logo{ width: 80px;}
.socialmediasec ul li h4{ font-size: 24px; font-weight: 600; margin: 10px 0 8px;}
.socialmediasec ul li p{ font-size: 18px; font-weight: 400;}
.socialmediasec ul li .insta-btn{ margin-top: 15px;}

.socialmediasec.reelsec ul li{ width: 32.55%;}
.socialmediasec.reelsec ul li h4{ text-align: center;}
.socialmediasec ul li .insta-iframe iframe{ width: 100%;}

.collectionsec{ padding: 50px 0; text-align: center;}
.collectionsec h2{ line-height: 64px; display: inline-block;}
.collectionsec h2 img{ width: auto; height: 37px;}
.collectionsec .subtitle span{ display: block;}
.collectionsec .subtitle a{ color: var(--color-pink);}
.collectionsec .subtitle a:hover{ color: var(--color-black);}
.collectionsec .nft-list{ margin-top: 45px; position: relative; height: 830px; overflow: hidden; font-size: 0;}
.collectionsec .nft-list .nft-row{ width: 356%; height: 200px; object-fit: cover; position: absolute; overflow: hidden;}
.collectionsec .nft-list .nft-row img{ display: inline-block;}
.collectionsec .nft-list .nft-row#nft-left-first{ top: 0; transform: translateX(-50%);}
.collectionsec .nft-list .nft-row#nft-right-first{ top: 200px; transform: translateX(50%);}
.collectionsec .nft-list .nft-row#nft-left-second{ top: 410px; transform: translateX(-50%);}
.collectionsec .nft-list .nft-row#nft-right-second{ top: 620px; transform: translateX(50%);}
.collectionsec .nft-list .nft-row+.nft-row{ margin-top: 10px;}
.collectionsec .collection-gallery{ margin-top: 40px;}
.collectionsec .collection-gallery .item img{ width: 800px;}

.messagesec{ background: #F7F7F7; display: flex; flex-flow: row nowrap; gap: 0 10px; justify-content: flex-start;}
.messagesec .leftsec{ width: 50%;}
.messagesec .leftsec img{ width: 100%; height: 100%; object-fit: cover;}
.messagesec .leftsec.smleftsec{ display: none;}
.messagesec .rightsec{ padding: 50px 40px 50px 50px; width: 50%; box-sizing: border-box;}
.messagesec .rightsec h2{ font-size: 40px; font-weight: 600; line-height: 48px; margin-bottom: 10px;}
.messagesec .rightsec h4{ font-size: 30px; font-weight: 400; line-height: 36px; margin-bottom: 15px;}
.messagesec .rightsec p{ font-size: 21px; font-weight: 400; line-height: 25px; margin-bottom: 12px;}
.messagesec .rightsec p.name{ font-family: "Daniel", cursive; font-size: 32px; font-weight: 700; line-height: normal; margin-top: 25px;}

.transformsec{ padding: 65px 0 50px; background: var(--color-black); position: relative; margin-top: 38px; color: var(--color-white);}
.transformsec .container{ width: min(630px, 96%);}
.transformsec .label{ position: absolute; top: calc(0px - 23px); left: 50%; transform: translateX(-50%); display: inline-block; padding: 8px 35px 6px; font-size: 19px; font-weight: 400; line-height: 30px; background: #2F2F2F; text-transform: uppercase; border-radius: 12px;}
.transformsec .glow-imgbox{ width: 400px; margin: 0 auto;}
.transformsec h4{ font-size: 30px; font-weight: 400; margin: 20px 0; line-height: 36px; text-align: center;}
.transformsec p{ font-size: 21px; font-weight: 400; line-height: 25px;}
.transformsec p+p{ margin-top: 12px;}
.transformsec .insta-btn{ display: block; text-align: center;}

.faqsec{ padding: 0 0 50px;}
.faqsec .container{ width: min(960px, 96%);}
.faqsec h2{ text-align: center;}
.faqsec .accordion .drawer{ border-bottom: 1px solid var(--color-border);}
.faqsec .accordion .title{ font-size: 24px; font-weight: 600; line-height: 38px; padding: 11px 10px 13px 34px; position: relative;}
.faqsec .accordion .title::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_659_2830)'%3E%3Cpath d='M12 0.5C9.62663 0.5 7.30655 1.20379 5.33316 2.52236C3.35977 3.84094 1.8217 5.71509 0.913451 7.9078C0.00519943 10.1005 -0.232441 12.5133 0.230582 14.8411C0.693605 17.1689 1.83649 19.3071 3.51472 20.9853C5.19295 22.6635 7.33115 23.8064 9.65892 24.2694C11.9867 24.7324 14.3995 24.4948 16.5922 23.5866C18.7849 22.6783 20.6591 21.1402 21.9776 19.1668C23.2962 17.1935 24 14.8734 24 12.5C23.9966 9.31846 22.7312 6.26821 20.4815 4.01852C18.2318 1.76883 15.1815 0.503441 12 0.5V0.5ZM12 21.5C10.22 21.5 8.47992 20.9722 6.99987 19.9832C5.51983 18.9943 4.36628 17.5887 3.68509 15.9442C3.0039 14.2996 2.82567 12.49 3.17294 10.7442C3.5202 8.99836 4.37737 7.39471 5.63604 6.13604C6.89472 4.87737 8.49836 4.0202 10.2442 3.67293C11.99 3.32567 13.7996 3.5039 15.4442 4.18508C17.0887 4.86627 18.4943 6.01983 19.4832 7.49987C20.4722 8.97991 21 10.72 21 12.5C20.9974 14.8861 20.0483 17.1738 18.361 18.861C16.6738 20.5483 14.3861 21.4974 12 21.5ZM17 12.5C17 12.8978 16.842 13.2794 16.5607 13.5607C16.2794 13.842 15.8978 14 15.5 14H13.5V16C13.5 16.3978 13.342 16.7794 13.0607 17.0607C12.7794 17.342 12.3978 17.5 12 17.5C11.6022 17.5 11.2206 17.342 10.9393 17.0607C10.658 16.7794 10.5 16.3978 10.5 16V14H8.50001C8.10218 14 7.72065 13.842 7.43934 13.5607C7.15804 13.2794 7.00001 12.8978 7.00001 12.5C7.00001 12.1022 7.15804 11.7206 7.43934 11.4393C7.72065 11.158 8.10218 11 8.50001 11H10.5V9C10.5 8.60218 10.658 8.22064 10.9393 7.93934C11.2206 7.65804 11.6022 7.5 12 7.5C12.3978 7.5 12.7794 7.65804 13.0607 7.93934C13.342 8.22064 13.5 8.60218 13.5 9V11H15.5C15.8978 11 16.2794 11.158 16.5607 11.4393C16.842 11.7206 17 12.1022 17 12.5Z' fill='%23FE2C55'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_659_2830'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat; background-size: contain; width: 18px; height: 18px;}
.faqsec .accordion .accordion-item-active .title::before{ background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 21C10.22 21 8.47992 20.4722 6.99987 19.4832C5.51983 18.4943 4.36628 17.0887 3.68509 15.4442C3.0039 13.7996 2.82567 11.99 3.17294 10.2442C3.5202 8.49836 4.37737 6.89471 5.63604 5.63604C6.89472 4.37737 8.49836 3.5202 10.2442 3.17293C11.99 2.82567 13.7996 3.0039 15.4442 3.68508C17.0887 4.36627 18.4943 5.51983 19.4832 6.99987C20.4722 8.47991 21 10.22 21 12C20.9974 14.3861 20.0483 16.6738 18.361 18.361C16.6738 20.0483 14.3861 20.9974 12 21Z' fill='%23FE2C55'/%3E%3Cpath d='M7 12C7 10.8954 7.89543 10 9 10H15C16.1046 10 17 10.8954 17 12C17 13.1046 16.1046 14 15 14H9C7.89543 14 7 13.1046 7 12Z' fill='%23FE2C55'/%3E%3C/svg%3E") no-repeat; background-size: cover; width: 18px; height: 18px;}
.faqsec .accordion .panel{ margin-bottom: 15px; padding-left: 34px;}
.faqsec .accordion .panel p{ font-size: 18px; font-weight: 400; line-height: normal; margin-top: 12px;}
.faqsec .accordion .panel p a{ color: var(--color-pink);}
.faqsec .accordion .panel p a:hover{ color: var(--color-black);}
.faqsec .accordion .panel .acc-imgbox{ margin-top: 12px;}

/* .footer{ background: url(../images/banner-bg-img2.jpg) no-repeat top center; background-size: cover; color: var(--color-white); text-align: center; padding: 470px 0 35px;} */
.footer{ text-align: center; padding: 75px 0 30px; background: url(../images/banner-bg-img3.jpg) no-repeat top center; background-size: cover; min-height: 600px; display: grid; place-items: end; position: relative;}
.footer::before{ content: ""; position: absolute; inset: 0; background: var(--color-black); opacity: .4;}
.footer .subtitle{ color: var(--color-white); margin-bottom: 0;}

.footer .gradient-btn{ display: inline-block; margin-top: 20px;}
.footer .gradient-btn a{ display: inline-block; font-size: 21px; font-weight: 400; line-height: 33px; background: var(--color-pink); padding: 8px 45px 10px; border-radius: 10px; color: var(--color-white);} 
.footer .gradient-btn a:hover{ box-shadow: 1px 1px 20px rgba(254, 44, 85, 0.5);}

.copyrightsec{ font-size: 0;}
.copyrightsec .container{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 5.2px 11.2px 7.5px; width: min(1250px, 96%); position: relative;}
.copyrightsec .container::before{ content: ""; position: absolute; top: 0; left: 11.2px; right: 11.2px; height: 1px; background: var(--color-border);}
.copyrightsec .f-logo{ width: 108px; height: 20px; display: inline-block; vertical-align: middle;}
.copyrightsec .f-logosec p{ display: inline-block; margin-left: 8px; vertical-align: middle; font-size: 12px; font-weight: 400;}
.copyrightsec ul{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 22.5px;}
.copyrightsec ul li a{  font-size: 12px; font-weight: 400; display: inline-block; padding: 5px 0;}

.section-brandlogo{ padding: 2rem 0rem;}
.section-brandlogo .s-c-content>p{ color: #505459; font-size: 15px; font-weight: 600; text-align: center;}
.section-brandlogo .brandsec{ display: flex; display: -webkit-flex; align-items: center; justify-content: center; gap: 40px; margin-top: 1rem;}
.section-brandlogo .brandsec .brandlogosec img{ width: 100%; height: 40px;}

/* Responsive */
@media only screen and ( max-width: 1290px ) {
}
@media only screen and ( max-width: 1200px ) {
  .bannersec{ padding: 380px 0 35px;}
  .socialmediasec ul li h4{ font-size: 22px;}
  .footer{ min-height: 550px;}
  .messagesec .rightsec{ padding: 40px 30px;}
}
@media only screen and ( max-width: 1151px ) {
  .bannersec{ padding: 320px 0 35px;}
  .pradigmsec p{ font-size: 23px;}
  .anastasiasec{ padding: 130px 0 50px;}
  .anastasiasec .imgbox{ width: 170px; top: -185px;}
  .anastasiasec .subtitle{ font-size: 38px;}
  .socialmediasec ul li{ padding: 15px 13px;}
  .socialmediasec ul li h4{ font-size: 20px;}
  .title:not(.accordion .title){ font-size: 48px;}
  .subtitle{ font-size: 28px;}
  .anastasiasec p, .messagesec .rightsec p, .insta-btn a, .bannersec .gradient-btn a, .transformsec p{ font-size: 20px;}
  .insta-btn a, .bannersec .gradient-btn a{ padding: 6px 45px 8px;}
  .messagesec .rightsec h2{ font-size: 38px;}
  .messagesec .rightsec h4{ font-size: 28px;}
  .transformsec .glow-imgbox{ width: 320px;}
  .collectionsec h2 img{ height: 32px;}
  .collection-gallery .owl-dot+.owl-dot{ margin-left: 10px;}
  .faqsec .accordion .title{ font-size: 22px; padding: 11px 10px 12px 34px;}
  .footer{ min-height: 500px;}
  .collection-gallery .owl-dot{ width: 12px; height: 12px;}
  .socialmediasec, .collectionsec{ padding: 40px 0;}
  .faqsec{ padding: 20px 0 50px;}
}
@media only screen and ( max-width: 1101px ) {
  .socialmediasec ul li{ padding: 15px;}
  .socialmediasec ul li h4{ font-size: 24px;}
  .socialmediasec.reelsec ul li h4{ min-height: 60px;}
  .socialmediasec ul li .sm-logo{ width: 60px;}
}
@media only screen and ( max-width: 1024px ) {
  .bannersec{ padding: 280px 0 30px;}
  .bannersec h1{ font-size: 52px;}
  .bannersec p{ font-size: 28px; margin-bottom: 15px;}
  .anastasiasec p, .messagesec .rightsec p, .insta-btn a, .bannersec .gradient-btn a, .transformsec p{ font-size: 18px; line-height: 25px;}
  .title:not(.accordion .title){ font-size: 44px;}
  .pradigmsec{ padding: 30px 0 80px;}
  .pradigmsec p{ font-size: 22px;}
  .anastasiasec .subtitle{ font-size: 36px;}
  .socialmediasec, .collectionsec{ padding: 30px 0;}
  .socialmediasec ul li h4{ font-size: 23px;}
  .transformsec .glow-imgbox{ width: 280px;}
  .collectionsec h2 img{ height: 30px;}
  .faqsec .accordion .title{ font-size: 20px;}
  .footer{ min-height: 420px;}
}
@media only screen and ( max-width: 980px ) {
  .messagesec .rightsec h2{ font-size: 36px;}
  .messagesec .rightsec h4{ font-size: 26px;}
}
@media only screen and ( max-width: 800px ) {
  .bannersec{ padding: 220px 0 30px;}
  .bannersec h1{ font-size: 46px;}
  .bannersec p{ font-size: 26px;}
  .title:not(.accordion .title){ font-size: 40px;}
  .subtitle{ font-size: 24px;}
  .pradigmsec{ padding: 30px 0 70px;}
  .pradigmsec p{ font-size: 20px;}
  .anastasiasec{ padding: 120px 0 50px;}
  .anastasiasec .imgbox{ width: 155px; top: -170px;}
  .anastasiasec .subtitle{ font-size: 28px;}
  .socialmediasec ul{ gap: 2%;}
  .socialmediasec ul li{ width: 32%;}
  .messagesec{ flex-flow: column nowrap;}
  .messagesec .leftsec.lgleftsec{ display: none;}
  .messagesec .leftsec.smleftsec{ display: block;}
  .messagesec .leftsec, .messagesec .rightsec{ width: 100%;}
  .messagesec .rightsec{ padding: 30px 2%;}
  .messagesec .rightsec h4{ font-size: 25px;}
  .messagesec .rightsec p.name{ font-size: 28px;}
  .socialmediasec.reelsec ul{ flex-flow: row wrap; gap: 20px 2%;}
  .socialmediasec.reelsec ul li{ width: 48%;}
  .socialmediasec ul li h4{ font-size: 22px; min-height: unset;}
  .transformsec .glow-imgbox{ width: 250px; }
  .transformsec h4{ font-size: 28px; line-height: 32px;}
  .collectionsec h2 img{ height: 27px;}
  .collectionsec .collection-gallery{ margin-top: 25px;}
  .footer{ min-height: 360px;}
  .faqsec{ padding: 20px 0 40px;}
}
@media only screen and ( max-width: 768px ) {
  .messagesec .rightsec h4{ font-size: 20px;}
  .messagesec .rightsec p{ letter-spacing: 0.2px;}
}
@media only screen and ( max-width: 736px ) {
  .bannersec{ padding: 200px 0 30px;}
  .bannersec h1{ font-size: 44px; margin: 5px 0;}
  .bannersec p{ font-size: 24px; margin-bottom: 10px;}
  .title:not(.accordion .title){ font-size: 38px;}
  .pradigmsec p{ font-size: 19px; line-height: 25px;}
  .messagesec .rightsec p{ letter-spacing: 0;}
}
@media only screen and ( max-width: 668px ) {
  .anastasiasec p{ letter-spacing: 0.1px;}
  .socialmediasec.reelsec ul li h4{ font-size: 21px; letter-spacing: 0.1px; min-height: 50px;}
}
@media only screen and ( max-width: 640px ) {
  .bannersec h1{ font-size: 40px;}
  .bannersec p{ font-size: 22px; line-height: 30px;}
  .anastasiasec .subtitle{ font-size: 26px;}
  .title:not(.accordion .title){ font-size: 36px; line-height: normal;}
  .collectionsec h2 img{ height: 24px;}
  .faqsec .accordion .title{ font-size: 18px; padding: 10px 10px 11px 34px;}
  .footer{ min-height: 320px;}
  .socialmediasec ul{ flex-flow: column nowrap; align-items: center; gap: 20px 2%;}
  .socialmediasec ul li{ width: 250px;}
  .socialmediasec.reelsec ul li{ width: 60%;}
  .socialmediasec.reelsec ul li h4{ min-height: unset;}
  .transformsec .glow-imgbox{ width: 220px;}
  .faqsec .accordion .panel p{ font-size: 16px;}
  .section-brandlogo .brandsec{ gap: 30px 40px; flex-flow: row wrap;}
}
@media only screen and ( max-width: 600px ) {
  .bannersec{ padding: 180px 0 30px;}
  .insta-btn a, .bannersec .gradient-btn a{ padding: 6px 35px 8px;}
  .pradigmsec p{ font-size: 18px;}
  .anastasiasec{ padding: 120px 0 40px;}
  .anastasiasec .subtitle{ font-size: 28px; letter-spacing: 0.2px;}
  .messagesec .rightsec h4{ font-size: 22px; line-height: 30px;}
  .faqsec .accordion .title{ font-size: 18px; line-height: 27px; padding: 10px 10px 10px 34px;}
  .insta-btn{ margin-top: 15px;}
}
@media only screen and ( max-width: 568px ) {
  .bannersec h1{ font-size: 36px;}
  .pradigmsec p{ letter-spacing: 0.2px;}
  .anastasiasec p, .messagesec .rightsec p, .insta-btn a, .bannersec .gradient-btn a, .transformsec p{ font-size: 17px;}
  .socialmediasec.reelsec ul li{ width: 70%;}
  .subtitle{ font-size: 20px;}
  .section-brandlogo{ padding: 1.5rem 0rem;}
}
@media only screen and ( max-width: 480px ) {
  .container{ width: 94% !important;}
  .bannersec h1{ font-size: 38px; padding: 0 30px; line-height: 42px; margin: 0 0 12px;}
  .bannersec p{ font-size: 20px; line-height: 28px;}
  .title:not(.accordion .title){ font-size: 32px;}
  .pradigmsec p{ font-size: 17px; letter-spacing: unset;}
  .anastasiasec .subtitle{ font-size: 24px; letter-spacing: 0.2px; padding: 0 10px;}
  .anastasiasec p{ letter-spacing: unset;}
  .socialmediasec, .collectionsec{ padding: 20p 0;}
  .socialmediasec .subtitle{ font-size: 20px;}
  .messagesec .rightsec{ padding: 25px 3%;}
  .messagesec .rightsec h2{ font-size: 33px; line-height: normal;}
  .messagesec .rightsec p{ letter-spacing: 0.2px;}
  .socialmediasec.reelsec ul li{ width: 82%;}
  .transformsec{ padding: 55px 0 35px;}
  .transformsec h4{ font-size: 26px;}
  .transformsec .glow-imgbox{ width: 200px;}
  .collectionsec .subtitle{ font-size: 21px; letter-spacing: 0.2px;}
  .collectionsec .subtitle span{ display: initial;}
  .faqsec .accordion .title::before{ top: 13px; transform: unset;}
  .footer{ min-height: 270px;}
  .transformsec .label{ top: calc(0px - 19px); padding: 5px 30px 5px; font-size: 17px;}
  .collectionsec h2 img{ height: 22px;}
  .copyrightsec .container{ padding: 10px 0; }
  .copyrightsec ul{ gap: 15px;}
  .socialmediasec ul li .sm-logo{ width: 50px;}
  .faqsec .accordion .panel p{ font-size: 15px;}
  .faqsec .accordion .title::before{ width: 18px; height: 19px; background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_659_2830)'%3E%3Cpath d='M12 0.5C9.62663 0.5 7.30655 1.20379 5.33316 2.52236C3.35977 3.84094 1.8217 5.71509 0.913451 7.9078C0.00519943 10.1005 -0.232441 12.5133 0.230582 14.8411C0.693605 17.1689 1.83649 19.3071 3.51472 20.9853C5.19295 22.6635 7.33115 23.8064 9.65892 24.2694C11.9867 24.7324 14.3995 24.4948 16.5922 23.5866C18.7849 22.6783 20.6591 21.1402 21.9776 19.1668C23.2962 17.1935 24 14.8734 24 12.5C23.9966 9.31846 22.7312 6.26821 20.4815 4.01852C18.2318 1.76883 15.1815 0.503441 12 0.5V0.5ZM12 21.5C10.22 21.5 8.47992 20.9722 6.99987 19.9832C5.51983 18.9943 4.36628 17.5887 3.68509 15.9442C3.0039 14.2996 2.82567 12.49 3.17294 10.7442C3.5202 8.99836 4.37737 7.39471 5.63604 6.13604C6.89472 4.87737 8.49836 4.0202 10.2442 3.67293C11.99 3.32567 13.7996 3.5039 15.4442 4.18508C17.0887 4.86627 18.4943 6.01983 19.4832 7.49987C20.4722 8.97991 21 10.72 21 12.5C20.9974 14.8861 20.0483 17.1738 18.361 18.861C16.6738 20.5483 14.3861 21.4974 12 21.5ZM17 12.5C17 12.8978 16.842 13.2794 16.5607 13.5607C16.2794 13.842 15.8978 14 15.5 14H13.5V16C13.5 16.3978 13.342 16.7794 13.0607 17.0607C12.7794 17.342 12.3978 17.5 12 17.5C11.6022 17.5 11.2206 17.342 10.9393 17.0607C10.658 16.7794 10.5 16.3978 10.5 16V14H8.50001C8.10218 14 7.72065 13.842 7.43934 13.5607C7.15804 13.2794 7.00001 12.8978 7.00001 12.5C7.00001 12.1022 7.15804 11.7206 7.43934 11.4393C7.72065 11.158 8.10218 11 8.50001 11H10.5V9C10.5 8.60218 10.658 8.22064 10.9393 7.93934C11.2206 7.65804 11.6022 7.5 12 7.5C12.3978 7.5 12.7794 7.65804 13.0607 7.93934C13.342 8.22064 13.5 8.60218 13.5 9V11H15.5C15.8978 11 16.2794 11.158 16.5607 11.4393C16.842 11.7206 17 12.1022 17 12.5Z' fill='%23FE2C55'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_659_2830'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat bottom; background-size: contain;}
  .faqsec .accordion .accordion-item-active .title::before{ width: 19px; height: 18px; top: 15px; background-size: contain;}
  .section-brandlogo .brandsec{ gap: 0.85rem; justify-content: space-evenly; display: grid; grid-template-columns: repeat(2, 1fr);}
  .section-brandlogo .brandsec .brandlogosec{ width: fit-content; justify-self: center;}
  .section-brandlogo .brandsec .brandlogosec img{ height: 35px;}
  .section-brandlogo .brandsec .brandlogosec:last-child img{ height: 50px !important;}
}
@media only screen and ( max-width: 414px ) {
  .bannersec h1{ font-size: 36px; padding: 0;}
  .messagesec .rightsec p{ letter-spacing: unset; margin-bottom: 10px;}
  .socialmediasec.reelsec ul li{ width: 96%;}
  .transformsec h4{ font-size: 24px;}
  .collectionsec .subtitle{ font-size: 20px;}
  .footer{ min-height: 240px;}
  .copyrightsec .container{ gap: 5px;}
  .bannersec p span{ display: initial;}
}
@media only screen and ( max-width: 384px ) {
  .bannersec{ padding: 170px 0 30px;}
  .bannersec p{ font-size: 19px;}
  .anastasiasec .subtitle { font-size: 22px; letter-spacing: 0; padding: 0;}
  .title:not(.accordion .title), .messagesec .rightsec h2{ font-size: 29px;}
  .pradigmsec { padding: 30px 0 60px;}
  .anastasiasec .imgbox{ width: 120px; top: -130px;}
  .anastasiasec{ padding: 90px 0 40px;}
  .messagesec .rightsec p{ letter-spacing: 0.2px;}
  .socialmediasec .subtitle{ font-size: 23px;}
  .transformsec h4{ font-size: 22px;}
  .transformsec .glow-imgbox{ width: 180px;}
  .faqsec .accordion .title{ font-size: 17px;}
  .collectionsec .subtitle{ font-size: 19px;}
  .socialmediasec.reelsec ul li h4 { font-size: 20px;}
  .collectionsec h2 img{ height: 17px;}
  .section-brandlogo .brandsec .brandlogosec img{ height: 30px;}
  .section-brandlogo .brandsec .brandlogosec:last-child img{ height: 45px !important;}
}
@media only screen and ( max-width: 375px ) {
  .socialmediasec .subtitle{ font-size: 22px;}
  .copyrightsec ul{ gap: 5px;}
}
@media only screen and ( max-width: 360px ) {
  .bannersec p span{ display: initial;}
  .anastasiasec p, .messagesec .rightsec p, .insta-btn a, .bannersec .gradient-btn a, .transformsec p{ font-size: 16px; line-height: 24px;}
  .title:not(.accordion .title), .messagesec .rightsec h2{ font-size: 25px;}
  .socialmediasec .subtitle{ font-size: 20px;}
  .messagesec .rightsec h4{ font-size: 20px; line-height: 28px;}
  .transformsec h4{ font-size: 19px;}
  .faqsec .accordion .title{ font-size: 16px;}
  .faqsec .accordion .title::before{ top: 14px;}
  .socialmediasec .subtitle{ font-size: 20px; padding: 0 10px;}
  .socialmediasec.reelsec ul li h4{ font-size: 17px;}
  .copyrightsec .f-logo{ width: 90px; height: 15px;}
  .copyrightsec .f-logosec p{ margin-left: 5px;}
  .section-brandlogo .brandsec .brandlogosec:last-child img{ height: 40px !important;}

}
@media only screen and ( max-width: 320px ) {
  .anastasiasec p, .messagesec .rightsec p, .insta-btn a, .bannersec .gradient-btn a, .transformsec p{ font-size: 16px;}
  .title:not(.accordion .title), .messagesec .rightsec h2{ font-size: 24px;}
  .messagesec .rightsec h4 { font-size: 19px;}
  .collectionsec .subtitle { font-size: 16px;}
  
}