/*
Theme Name: Power My Learning
Author: Power My Learning
Tags: responsive, fixed width
*/

* { margin: 0px; padding: 0px; font-display: swap -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 15px; line-height: 21px; color: #000; font-family: 'Sofia Pro'; font-weight: 400; background: #fff; }
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, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.container { padding: 0 15px; margin: 0 auto; max-width: 1140px; position: relative; }

[href^="tel"] { cursor: text; }
[href^="tel"]:hover { text-decoration:none !important; }

textarea::input-placeholder,input::input-placeholder { opacity: 1; } 
textarea::-moz-placeholder,input::-moz-placeholder{ opacity: 1; } 
textarea:-ms-input-placeholder,input:-ms-input-placeholder{ opacity: 1; }
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { opacity:100; } 

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; }

input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: 'Sofia Pro'; border-radius:0px !important; -webkit-border-radius:0px !important; -ms-border-radius:0px !important; }
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { outline: none; }

/*
font-family: "neulis-neue",sans-serif;
*/

/* common */
a { color: inherit; text-decoration: none; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; outline: none; display: block; max-width: 100%; height:auto; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
ul,ol { margin-bottom: 20px; padding: 0 0 0 20px;}
.clear { clear: both; overflow: hidden; }
h1, .h1 ,h2, .h2 ,h3, .h3 ,h4, .h4 ,h5, .h5 ,h6, .h6 { padding-bottom: 10px; font-weight:700; line-height: 1.2; } 

h1, .h1 { font-size: 60px; line-height: 1.1; font-family: "neulis-neue",sans-serif; font-weight: 600; text-transform: capitalize; }
h2, .h2 { font-size: 50px; font-family: "neulis-neue",sans-serif; font-weight: 600; line-height: 1.15; text-transform: capitalize; }
h3, .h3 { font-size: 30px; font-family: "neulis-neue",sans-serif; font-weight: 600; line-height: 1.1; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }

p { padding-bottom: 20px; }
p a { color:inherit; text-decoration: none; }
p a:hover { text-decoration:underline; }

.field, .wpcf7-text, textarea { display: block; border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; width: 100%; height: 40px; font-size: 13px ; padding: 13px 25px 13px 15px; background:#eeeeee; border:0; color:#5d5d5d; }
textarea { padding: 13px 15px; height: 110px; resize: none; }

a.close, a.mobilemenu { display: none; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { box-shadow: none; }

/*button*/
.button { text-transform: capitalize; overflow: hidden; padding: 0 33px 0 0; transition: all 0.25s; position: relative; font-size: 14px; line-height: 20px; font-weight: 500; border-radius: 40px; background: #c602de; color: #fff; display: inline-block; }
.button .btn,
.button span { transition: all 0.25s; display: block; padding: 10px 15px; border-radius: 40px; background: #2300CD; }
.button:after,
.button:before { width: 18px; height: 18px; content: ''; position: absolute; right: 10px; top: 50%; margin-top: -9px; background: url(images/arrow.svg) center center no-repeat; transition: all 0.25s; }
.button:after { right: auto; left: -20px; opacity: 0; }

/*blue_bordered button*/
.button.blue_bordered { background: #fff; color: #2500cc; border: 1px solid #2500cc; line-height: 18px; }
.button.blue_bordered span { background: transparent; border: 1px solid #2500cc; margin: -1px; }
.button.blue_bordered:before { background-image: url(images/arrow-blue.svg); }
.button.blue_bordered:after { background-image: url(images/arrow-blue.svg); }

/*white_bordered button*/
.button.white_bordered { background: transparent; color: #fff; border: 1px solid #fff; line-height: 18px; }
.button.white_bordered .btn,
.button.white_bordered span { background: transparent; border: 1px solid #fff; margin: -1px; }

/*button hover*/
.button:hover { padding: 0 0 0 33px; text-decoration: none; }
.button:hover:before { right: -20px; opacity: 0; }
.button:hover:after { left: 10px; opacity: 100; }

.button.blue_bordered:hover span { background: #2500cc; color: #fff; }
.button.blue_bordered:hover {color: #fff; }

.button.white_bordered.filled .btn,
.button.white_bordered.filled span,
.button.white_bordered:hover span { background: #fff; color: #000; }
.button.white_bordered.filled,
.button.white_bordered:hover {color: #000; }

.button .btn { border: 0; cursor: pointer; margin: 0; height: auto; border-radius: 40px !important; text-transform: capitalize; font-size: 14px; }

.ratiobox { width: 100%; height: 0; padding-bottom: 55.4%; position: relative; display: block; border-radius: 20px; overflow: hidden; }
.ratiobox iframe,
.ratiobox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

ul.bulleted { list-style: none; margin: 0 0 20px; padding: 0; }
ul.bulleted li { padding: 0 0 14px 24px; position: relative; }
ul.bulleted li:before { width: 14px; height: 14px; content: ''; position: absolute; left: 0; top: 5px; background: url(images/dot.png) no-repeat; background-size: contain; }


/* wrapper */
#wrapper { /*padding-top:150px;*/ padding-top: 92px; width: 100%; /*overflow: hidden;*/ min-height: 100%; position: relative; }
.wrapper2,
.wrapper,
.centering { width: 100%; max-width: 1330px; padding: 0 15px; margin:auto; position: relative;} 
.wrapper2 { max-width: 990px; }

.flex-wrap { display: flex; flex-wrap: wrap; }
.v-center { align-items: center; }
.v-top { align-items: flex-start; }
.h-center { justify-content: center; }
.btn-group .button { margin: 5px; }

/* header-part */
#header-part { width: 100%; z-index:99; position: fixed; transition: ease 0.45s; left:0; top:0; background: #fff; border-radius: 0 0 20px 20px; }

/*header_sec*/
.header_sec { padding: 35px 0 30px; width: 100%; }
.header_sec .logo { max-width: 165px; display: block; }
.header_sec #menubar { padding: 10px 0 0 30px; width: calc(100% - 165px); display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.header_sec .menu-main-menu-container { }
.header_sec .button { margin: -6px 0 0 0; }
.header_sec ul { list-style: none; margin: 0; padding: 5px 40px 0 0; }
.header_sec li { padding-left: 34px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.4; font-weight: 700; text-transform: uppercase; }
.header_sec li:first-child { padding-left: 0; }
.header_sec li a { position: relative; display: block; padding-bottom: 10px; color: #000; }
.header_sec li.current-menu-item > a,
.header_sec li a:hover { text-decoration: none; background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.header_sec li a:before { width: 0%; height: 2px; content: ''; position: absolute; left: 0; bottom: 0; transition: all 0.3s; background: linear-gradient(to right, #2600ce 0%, #c702df 100%); }
.header_sec li.current-menu-item > a:before,
.header_sec li a:hover:before { width: 100%; }
.header_sec .for_smaller_screen { display: none; }
.header_sec li.for_mobile { display: none; }
.header_sec .menu_trigger { display: none; }

#header-part.fixed { position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; box-shadow:0px 4px 4px rgba(0,0,0,0.2); }


/* content-part */
#content-part { width: 100%; position: relative; }

/* intro_sec */
.intro_sec { text-align: center; padding: 70px 0 90px; width: 100%; }
.intro_sec .wrapper { max-width: 950px; }
.intro_sec h1 { padding-bottom: 25px; }
.intro_sec p { max-width: 610px; margin: auto; padding-bottom: 35px; }
.intro_sec .button { margin: 5px; }
.intro_sec h1 strong { font-weight: 600; background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.intro_sec.numeracy { position: relative; color: #fff; padding: 150px 0 140px; border-radius: 0 0 20px 20px; background: linear-gradient(135deg, #6236fe 0%,#8730c4 100%); }
.intro_sec.numeracy:before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/intro-squiggle.png) center -115px no-repeat; background-size: 100% auto; mix-blend-mode: plus-lighter; }
.intro_sec.numeracy:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.08; background-attachment: fixed; } 
.intro_sec.numeracy .wrapper { position: relative; z-index: 1; }


/* understanding_student_sec */
.understanding_student_sec { padding: 0 0 150px 0; margin-top: 300px; width: 100%; background: url(images/purple-bg.jpg) center top no-repeat; background-size: cover; border-radius: 20px; }

/* videobox */
.understanding_student_sec .videobox { text-align: center; max-width: 1080px; margin: 0 auto; }
.understanding_student_sec .videobox .video { float: left; margin-top: -300px; width: 100%; height: 0; padding-bottom: 56%; position: relative; display: block; } 
.understanding_student_sec .videobox .video video { width: 100%; height: 100%; position: absolute; border-radius: 20px; left: 0%; top: 0; object-fit: cover; }
.understanding_student_sec h2 { color: #fff; }
.understanding_student_sec .video_caption { padding: 35px 0; font-size: 40px; line-height: 1; text-transform: capitalize; color: #fff; display: block; font-family: 'neulis-neue'; font-weight: 500; }

#myVideo {width: 100%;margin-left: auto;margin-right: auto;display: block;transform: scale(0.4); }


/* understanding_student_box */
.understanding_student_sec { position: relative; }
.understanding_student_sec .understanding_student_box { padding: 145px 0 0 0; }
.understanding_student_sec:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.08; background-attachment: fixed; } 
.understanding_student_sec > * { position: relative; z-index: 1; }
.understanding_student_sec .understanding_student_box h2 { text-transform: capitalize; padding:0; margin-bottom: 60px; }
.understanding_student_sec .understanding_student_box h2.line1{ margin: 0; }
.understanding_student_sec .understanding_student_box .understanding_student_list { margin: 0 -10px; }
.understanding_student_sec .understanding_student_box .understanding_student_list .col { padding: 0 10px; }
.understanding_student_sec .understanding_student_box .understanding_student_list .col .inner { color: #fff; padding: 30px 20px 25px; width: 100%; border: 1px solid #fff; border-radius: 20px; backdrop-filter: blur(10px); } 
.understanding_student_sec .understanding_student_box .tag { font-size: 14px; line-height: 20px; padding: 5px 15px; background: #fff; color: #000; border-radius: 40px; display: inline-block; font-weight: 700; text-transform: uppercase; letter-spacing: 0.10em; margin-bottom: 30px;}
.understanding_student_sec .understanding_student_box .pic { overflow: hidden; width: 100%; height: 0; border-radius: 20px; padding-bottom: 66%; position: relative; display: block; }
.understanding_student_sec .understanding_student_box .pic img { position: absolute; left: 0; top: 0; border-radius: 20px; width: 100%; height: 130%; object-fit: cover; }
.understanding_student_sec .understanding_student_box h3 { color: #fff; padding: 20px 20px 10px 0; }
.understanding_student_sec .understanding_student_box h3 a { color: #fff; }
.understanding_student_sec .understanding_student_box p { max-width: 85%; padding: 0; }
/*.understanding_student_sec .understanding_student_box a.pic:hover img { transform: scale(1.1); }*/

/* trustedbox */
.understanding_student_sec .trustedbox { width: 100%; padding: 150px 0 90px; color: #fff; }
.understanding_student_sec .trustedbox .leftside { width: 59%; padding: 0 100px 0 0; }
.understanding_student_sec .trustedbox .rightside { width: 41%; }
.understanding_student_sec .trustedbox .trusted_brand_list { display: flex; flex-wrap: wrap; margin: -6px; }
.understanding_student_sec .trustedbox .trusted_brand_list .col { width: 50%; padding: 6px; }
.understanding_student_sec .trustedbox .trusted_brand_list .col .inner { background: #fff; display: flex; align-items: center; justify-content: center; min-height: 175px; border-radius: 20px; }
.understanding_student_sec .trustedbox .trusted_brand_list .col .inner img { max-width: 72%; max-height: 100px; }
.understanding_student_sec .trustedbox .trusted_brand_list .col.col1 .inner img { max-width: 47%; }
.understanding_student_sec .trustedbox .trusted_brand_list .col.col3 .inner img { max-width: 56%; }
.understanding_student_sec .trustedbox .trusted_brand_list .col.col5 .inner img { max-width: 58%; }
.understanding_student_sec .trustedbox .text { padding: 0 0 0 100px; }
.understanding_student_sec .trustedbox .text blockquote p { font-size: 25px; line-height: 32px; color: #fff; font-family: "neulis-neue",sans-serif; font-weight: 400; padding-bottom: 35px; }
.understanding_student_sec .trustedbox h2 { padding-bottom: 0; margin-bottom: 50px; }
.understanding_student_sec .trustedbox .bio { font-size: 14px; line-height: 1.4; font-weight: 300; display: block; padding: 0 0 0 12px; letter-spacing: 0.09em; }

/* stats_list */
.understanding_student_sec .statsbox { color: #fff; width: 100%; }
.understanding_student_sec .statsbox .stats_list { margin: -10px; }
.understanding_student_sec .statsbox .col { min-height: 380px; display: flex; align-items: center; width: calc(33.33% - 20px); margin: 10px; border: 1px solid #fff; border-radius: 20px; padding: 10px; backdrop-filter: blur(10px); }
.understanding_student_sec .statsbox .inner { width: 100%; text-align: center; }
.understanding_student_sec .statsbox .inner p { padding: 0 0 10px; }
.understanding_student_sec .statsbox .inner h3 { padding: 0; }
.understanding_student_sec .statsbox .number { padding-bottom: 5px; font-size: 100px; line-height: 1; font-weight: 600; font-family: "neulis-neue",sans-serif; }
.understanding_student_sec .statsbox .number .value { display: inline; }
.understanding_student_sec .statsbox p { font-size: 14px; line-height: 1.4; font-weight: 300; text-transform: uppercase; letter-spacing: 0.10em; max-width: 210px; margin: auto; }
.understanding_student_sec .statsbox h3 { font-size: 40px; text-transform: capitalize; line-height: 1.2; }

/* built_sec */
.built_sec { width: 100%; position: relative; }
.built_sec .grid_layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; }

.built_sec .numeracy_list .col .overlay .grid:before,
.built_sec .numeracy_list .col:before,
/*.built_sec:before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; background-attachment: fixed; }*/
.built_sec .head { position: relative; z-index: 1; padding: 160px 0 20px; background: #fff; box-shadow: 0px 30px 30px #fff; }
.built_sec h2 { text-transform: capitalize; font-weight: 600; }
.built_sec h2 .group .word,
.built_sec h2 span { background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.built_sec .head .leftside { width: 60%; }
.built_sec .head .rightside { padding: 10px 0 0 45px; width: 40%; }
.built_sec .head .rightside p { font-size: 16px; line-height: 1.55; }
.built_sec .contentgrid { mix-blend-mode: multiply; position: relative; padding: 45px 0 60px; width: 100%; position: relative; z-index: 1; box-shadow: 0 -50px 50px -15px #fff inset; }
.built_sec .numeracy_list { position: relative; }
.built_sec .mob_numeracy_list_outer { display: none; }
.built_sec .numeracy_list .col { position: relative; z-index: 1; width: 50%; display: flex; flex-wrap: wrap; padding: 50px; color: #fff; justify-content: center; min-height: 435px; background: linear-gradient(135deg, rgba(241,158,255,1) 0%,rgba(240,155,255,1) 48%,rgba(202,16,225,1) 100%); border-radius: 20px; }
.built_sec .numeracy_list .col .overlay { /*background: linear-gradient(135deg, rgba(232,107,255,1) 0%,rgba(228,93,250,1) 48%,rgba(176,10,210,1) 100%);*/ background: linear-gradient(135deg, rgba(241,158,255,1) 0%,rgba(240,155,255,1) 48%,rgba(202,16,225,1) 100%); border-radius: 20px; transition: all 0.3s; opacity: 0; }
.built_sec .numeracy_list .col:hover .overlay { opacity: 100; }

.built_sec .numeracy_list .col:nth-of-type(2) .overlay, /*{ background: linear-gradient(135deg, rgba(48,175,255,1) 0%,rgba(5,63,255,1) 100%); }*/
.built_sec .numeracy_list .col:nth-of-type(2) { background: linear-gradient(135deg, rgba(98,203,255,1) 0%,rgba(10,126,255,1) 100%); } 

.built_sec .numeracy_list .col:nth-of-type(3) .overlay, /*{ background: linear-gradient(135deg, rgba(40,219,123,1) 0%,rgba(2,136,59,1) 100%); }*/
.built_sec .numeracy_list .col:nth-of-type(3) { background: linear-gradient(135deg, #53e9a8 0%,#04b177 100%); } 

.built_sec .numeracy_list .col:nth-of-type(4) .overlay, /*{ background: linear-gradient(135deg, rgba(255,149,26,1) 0%,rgba(249,42,23,1) 100%); }*/
.built_sec .numeracy_list .col:nth-of-type(4) { background: linear-gradient(135deg, #ffb934 0%,#fc532e 100%); }

.built_sec .numeracy_list .col .inner { width: 100%; text-align: center; }
.built_sec .numeracy_list .col .inner .icon { max-width: 107px; margin: 0 auto; }
.built_sec .numeracy_list .col .inner h2 { font-weight: 500; padding: 0; margin: 10px 0 5px; }
.built_sec .numeracy_list .col .inner p { max-width: 360px; margin: 0 auto; }
.built_sec .numeracy_list .col:before { z-index: -1; opacity: 0.06; }
.built_sec .numeracy_list .col .overlay .grid:before { z-index: -1; opacity: 0.1; }
.built_sec .numeracy_list .col .overlay { border-radius: 20px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; align-items: center; }
.built_sec .numeracy_list .col .overlay .grid { position: relative; z-index: 1; padding: 20px 10px 10px 10px ; border-radius: 20px; width: calc(50% - 0.08rem); height: calc(50% - 0.08rem); margin: 0.04rem; display: flex; flex-wrap: wrap; background: rgba(0,0,0,0.15); }

.built_sec .numeracy_list .col .overlay .grid .inner { width: 100%; position: relative; z-index: 1; }
.built_sec .numeracy_list .col .overlay .grid .inner h3 { text-transform: capitalize; }
.built_sec .numeracy_list .col .overlay .grid .inner p { max-width: 245px; margin: 0 auto; line-height: 1.3; }
.built_sec .numeracy_list .col .overlay .grid .inner .icon { margin-bottom: 10px; }
.built_sec .group { display: inline; }
.built_sec .group .word { padding-right: 10px; }

.built_sec.numeracy .contentgrid { padding: 70px 0; box-shadow: 0px 30px 30px #fff inset; }
.built_sec.numeracy:after,
.built_sec.numeracy:before { width: 100%; height: 100px; content: ''; position: absolute; left: 0; top: 0; background: url(images/white-shade2.png) left top repeat-x; background-size: 1px 100%; z-index: 1; }
.built_sec.numeracy:after { transform: scale(1,-1); top: auto; bottom: 0; }

/* classroom_sec */
.classroom_sec { padding: 140px 0; width: 100%; }
.classroom_sec h2 { padding: 0; margin-bottom: 60px; text-align: center; }
.classroom_sec .classroom_list { margin: 0 -10px; /*display: flex; flex-wrap: wrap;*/ }
.classroom_sec .classroom_list .col { width: 33.33%; padding: 0 10px; }
.classroom_sec .classroom_list .col .inner { position: relative; z-index: 1; padding: 20px; border: 1px solid #000; border-radius: 20px; width: 100%; min-height: 495px; display: flex; flex-wrap: wrap; align-items: flex-end; align-content: space-between; overflow: hidden; }
.classroom_sec .classroom_list .col .inner img.graphic { position: absolute; left: 0; top: 0px; width: 100%; clip-path: inset(0 100% 0 0); transition: linear 1s; }
.classroom_sec .classroom_list .col.in-view .inner img.graphic { transition-delay: 0.5s; clip-path: inset(0 0% 0 0); }

.classroom_sec .classroom_list .col .inner .grid_layer/*,
.classroom_sec .classroom_list .col .inner:after */{ width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; z-index: -1; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; background-attachment: fixed; }
.classroom_sec h3 { font-weight: 600; }
.classroom_sec .num { position: relative; z-index: 1; font-size: 104px; line-height: 1; font-weight: 200; display: block; font-family: "neulis-neue",sans-serif; margin: -15px 0 0 0; }
.classroom_sec .classroom_list .col3 .inner img.graphic { top: 20px; } 
.classroom_sec .classroom_list .inner p { max-width: 285px; padding: 0 0 10px; } 
.classroom_sec .classroom_list .text { width: 100%; position: relative; z-index: 1; } 


/* result_sec */
.result_sec { padding: 80px 0 100px; width: 100%; }
.result_sec .leftside { width: calc(100% - 420px); }
.result_sec .rightside { width: 420px; text-align: right; padding: 65px 0 0 0; }
.result_sec .percentbox { overflow: hidden; text-align: center; position: relative; z-index: 1; width: 100%; border: 1px solid #000; border-radius: 20px; margin-top: 40px; min-height: 290px; padding: 30px; background: linear-gradient(135deg, #fae7fc 0%,#d03be0 100%); }
.result_sec .squiggle { transition: linear 1s; position: absolute; left: 0; bottom: 0; width: 100%; clip-path: inset(0 100% 0 0); }
.result_sec .in-view .squiggle { transition-delay: 0.8s; clip-path: inset(0 0% 0 0); }
.result_sec .percentbox .grid_layer { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; z-index: -1; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; background-attachment: fixed; }

/*.result_sec .percentbox:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; z-index: -1; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; background-attachment: fixed; }*/
.result_sec .percentbox .value { position: relative; z-index: 1; display: block; font-size: 100px; line-height: 1; font-weight: 600; font-family: "neulis-neue",sans-serif; }
.result_sec .percentbox .value .num { display: inline; }
.result_sec .percentbox p { text-transform:uppercase; max-width: 330px; position: relative; margin: auto; z-index: 1; letter-spacing: 0.10em; font-size: 14px; padding: 5px 0; }
.result_sec .text { padding: 60px 100px 0 110px; }
.result_sec .logo { max-width: 135px; display: block; margin-bottom: 15px; }
.result_sec .text h6 { letter-spacing: 0.10em; font-size: 14px; font-weight: 400; text-transform: uppercase; font-size: 14px; } 
.result_sec .text blockquote p { font-size: 25px; line-height: 1.28; font-weight: 500; font-family: "neulis-neue",sans-serif; }
.result_sec .text blockquote { padding: 0; margin: 0; }

/* banner_sec */
.banner_sec { width: 100%; position: relative; height: 630px; background-position: center center; background-size: cover; border-radius: 20px; overflow: hidden; } 
/*.banner_sec .jarallax{ position:relative; z-index:0;}
.banner_sec .jarallax .jarallax-img { position:absolute; object-fit:cover !important; top:0; left:0; width:100%; height:100%; z-index:-1; will-change: transform; }
*/

/* leading_the_conversation */
.leading_the_conversation { padding: 210px 0 200px; width: 100%; }
.leading_the_conversation h2 { text-align: center; }
.leading_the_conversation .col1 { width: calc(100% - 520px); text-align: center; order: 2; padding: 0 55px; }
.leading_the_conversation .col2 { width: 260px; order: 1; }
.leading_the_conversation .col3 { width: 260px; order: 3; }
.leading_the_conversation .logo { padding: 5px 0; }
.leading_the_conversation .logo figure { width: 100%; border: 1px solid #000; border-radius: 20px; background: #fff; display: block; min-height: 175px; position: relative; } 
.leading_the_conversation .logo figure img { max-width: 74%; max-height: 75%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.leading_the_conversation blockquote p { font-size: 25px; line-height: 1.3; font-weight: 500; font-family: "neulis-neue",sans-serif; }
.leading_the_conversation h2 { padding: 0; margin-bottom: 50px; }
.leading_the_conversation h6 { font-size: 14px; letter-spacing: 0.15em; font-weight: 400; text-transform: uppercase; padding-top: 20px; }
.leading_the_conversation .col2 .logo2 figure img { max-height: 40%; }
.leading_the_conversation .col2 .logo3 figure img { max-width: 60%; }


/* future_of_math */
.future_of_math { padding: 0 0 225px 0; width: 100%; }
.future_of_math .title { width: 50%; }
.future_of_math .btn-group { width: 50%; text-align: right; }
.future_of_math .btn-group.for_mobile { display: none; }
.future_of_math .head { padding-bottom: 60px; align-items: flex-end; }
.future_of_math h2 { padding: 0; }
.future_of_math .btn-group .button + .button { margin-left: 10px; } 
.future_of_math .insight_list { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.future_of_math .insight_list .col { width: 33.33%; padding: 0 10px; min-height: 500px; }
.future_of_math .insight_list .col .inner { position: relative; z-index: 1; /*padding: 22px 20px 80px;*/ padding: 50% 20px 80px;  border: 1px solid #000; border-radius: 20px; width: 100%; min-height: 575px /*503px*/; overflow: hidden; }
.future_of_math .insight_list .col .inner img.squiggle { transition: linear 1.2s; position: absolute; left: 0; top: 0; width: 100%; /*clip-path: inset(0 100% 0 0);*/ }
.future_of_math .insight_list .col.in-view .inner img.squiggle { /*transition-delay: 0.8s; clip-path: inset(0 0% 0 0);*/ }
.future_of_math .insight_list .col .inner .grid_layer { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; z-index: -1; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; background-attachment: fixed; }
.future_of_math h3 { font-weight: 600; }
.future_of_math .insight_list .inner p { padding: 0 20px 10px 0; } 
.future_of_math .insight_list .text { /*padding: 160px 0 0 0;*/ padding: 30px 0 0 0; width: 100%; position: relative; z-index: 1; position: relative; z-index: 1; } 
.future_of_math .insight_list .tagline { border: 1px solid #000; font-size: 14px; line-height: 20px; padding: 5px 15px; background: #fff; color: #000; border-radius: 40px; display: inline-block; font-weight: 700; text-transform: uppercase; letter-spacing: 0.10em; margin-bottom: 30px;position: relative; z-index: 1; position: absolute; left: 20px; top: 20px; }
.future_of_math .insight_list h3 { font-size: 28px; }
.future_of_math .insight_list .button { position: absolute; left: 20px; bottom: 20px; }

/* transform_math_sec */
.transform_math_sec { position: relative; padding: 70px 0; border-radius: 20px; width: 100%; background: url(images/gradient.jpg) center top no-repeat; background-size: cover; color: #fff; }
.transform_math_sec:before { transition: linear 1s; width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/bottom-squiggle.png) center top no-repeat; background-size: 100% auto; mix-blend-mode: soft-light; /*clip-path: inset(0 100% 0 0);*/ }
/*.transform_math_sec.in-view:before { transition-delay: 0.5s; clip-path: inset(0 0% 0 0); }*/
.transform_math_sec .intro { text-align: center; padding-bottom: 90px; position: relative; z-index: 2; }
.transform_math_sec h2 { font-size: 60px; line-height: 1.1; font-weight: 700; padding-bottom: 0; margin-bottom: 55px; }
.transform_math_sec .button { margin: 5px; }
.transform_math_sec .image_carousel { position: relative; z-index: 2; }
.transform_math_sec .slide { width: 445px !important; padding: 0 10px; }
.transform_math_sec .slide figure { width: 100%; height: 0; padding-bottom: 117%; position: relative; display: block; }
.transform_math_sec .slide figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.transform_math_sec:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.08; background-attachment: fixed; }


/* framework_sec */
.framework_sec { width: 100%; padding: 120px 0; }
.framework_sec h2 { padding-bottom: 55px; }
.framework_sec .introbox { width: 100%; }
.framework_sec .introbox .image { width: 49.2%; }
.framework_sec .introbox .image figure { overflow: hidden; border-radius: 20px; width: 100%; height: 0; padding-bottom: 55%; position: relative; display: block; }
.framework_sec .introbox .image figure img { position: absolute; left: 0; top: 0; width: 100%; height: 130%; object-fit: cover; border-radius: 20px; }
.framework_sec .introbox .text { width: 50.8%; padding: 20px 0 0 130px; }
.framework_sec .sliderbox { width: 100%; }
.framework_sec .outer_wrap { width: 100%; padding: 120px 0; }
.framework_sec .text { padding: 40px 50px 120px 70px; width: 50.8%; }
.framework_sec .text .inner_text { width: 100%; }
.framework_sec .rightside { position: relative; min-height: 550px; width: 49.2%; display: flex; align-items: center; border-radius: 0 20px 20px 0; border: 1px solid #000; border-radius: 20px; margin: -1px 0px -1px 0px; overflow: hidden; border-right: 0; }
.framework_sec .rightside img.main_image { border-radius: 20px; position: absolute; right: 0px; top: 0px; height: 100%; width: 100%; object-fit: cover; }
.framework_sec .text h3 { text-transform: capitalize; }
.framework_sec .internal { width: 100%; border: 1px solid #000; border-radius: 20px; }
.framework_sec .built_sec.numeracy .contentgrid { padding: 30px; }
.framework_sec .built_sec .numeracy_list .col { border-radius: 10px; align-items: center; min-height: 190px; padding: 20px; }
.framework_sec .built_sec .numeracy_list .col .inner .icon { max-width: 47px; }
.framework_sec .built_sec .numeracy_list .col .inner h2 { font-size: 22px; line-height: 1.2; padding: 0; } 
.framework_sec .built_sec { min-height: 548px; display: flex; align-items: center; }
.framework_sec .built_sec .numeracy_list .col .overlay .grid { border-radius: 10px; padding: 10px; align-items: center; }
.framework_sec .built_sec .numeracy_list .col .overlay .grid .inner .icon { max-width: 25px; max-height: 30px; }
.framework_sec .built_sec .numeracy_list .col .overlay .grid .inner h3 { font-size: 13px; padding: 0; }
.framework_sec .built_sec .grid_layer { background-size: 50px auto; }
.framework_sec .built_sec.numeracy::after,
.framework_sec .built_sec.numeracy::before { height: 50px; }
.framework_sec .slick-arrow { z-index: 1; width: 28px; height: 25px; border: 0; cursor: pointer; font-size: 0; line-height: 0; background: url(images/prev.svg) no-repeat; background-size: contain; position: absolute; left: 70px; bottom: 70px; }
.framework_sec .slick-arrow.slick-next { left: 235px; background-image: url(images/next.svg); }
.framework_sec .slick-arrow:hover { opacity: 0.70; }
.framework_sec .slick-dots { position: absolute; max-width: 120px; margin: 0; left: 107px; bottom: 73px; width: auto; }
.framework_sec .slick-dots li.slick-active button,
.framework_sec .slick-dots li:hover button { background: #000; }
.framework_sec .slick-dots li button { border-color: #000; }
.framework_sec .slick-dots li { margin: 0 5px; }

/* theory_of_practise_sec */
.theory_of_practise_sec { width: 100%; padding-bottom: 255px; }
.theory_of_practise_sec h2 { padding-bottom: 75px; text-align: center; }
.theory_of_practise_sec .the_list { }
.theory_of_practise_sec .the_list .col { width: 25%; }
.theory_of_practise_sec .the_list .col .internal { width: 100%; min-height: 136px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 20px; border: 1px solid #000; font-size: 20px; line-height: 26px; padding: 20px; text-align: center; }
.theory_of_practise_sec .the_list .col .internal.pink { background: linear-gradient(135deg, rgba(241,158,255,1) 0%,rgba(240,155,255,1) 48%,rgba(202,16,225,1) 100%); border-radius: 20px; }
.theory_of_practise_sec .the_list .col .internal.blue { background: linear-gradient(135deg, rgba(98,203,255,1) 0%,rgba(10,126,255,1) 100%); }
.theory_of_practise_sec .the_list .col .internal.green { background: linear-gradient(135deg, #53e9a8 0%,#04b177 100%); }
.theory_of_practise_sec .the_list .col .internal.orange { background: linear-gradient(135deg, #ffb934 0%,#fc532e 100%); }
.theory_of_practise_sec .the_list .col .internal.big_text { font-size: 30px; text-transform: capitalize; font-family: "neulis-neue",sans-serif; font-weight: 600; line-height: 1.1; }
.theory_of_practise_sec .the_list .col:nth-of-type(1) .internal { animation-delay: 0.05s; }
.theory_of_practise_sec .the_list .col:nth-of-type(2) .internal { animation-delay: 0.1s; }
.theory_of_practise_sec .the_list .col:nth-of-type(3) .internal { animation-delay: 0.15s; }
.theory_of_practise_sec .the_list .col:nth-of-type(4) .internal { animation-delay: 0.2s; }
.theory_of_practise_sec .the_list .col:nth-of-type(5) .internal { animation-delay: 0.25s; }
.theory_of_practise_sec .the_list .col:nth-of-type(6) .internal { animation-delay: 0.3s; }
.theory_of_practise_sec .the_list .col:nth-of-type(7) .internal { animation-delay: 0.35s; }
.theory_of_practise_sec .the_list .col:nth-of-type(8) .internal { animation-delay: 0.4s; }
.theory_of_practise_sec .the_list .col:nth-of-type(9) .internal { animation-delay: 0.45s; }
.theory_of_practise_sec .the_list .col:nth-of-type(10) .internal { animation-delay: 0.5s; }
.theory_of_practise_sec .the_list .col:nth-of-type(11) .internal { animation-delay: 0.6s; }
.theory_of_practise_sec .the_list .col:nth-of-type(12) .internal { animation-delay: 0.65s; }
.theory_of_practise_sec .the_list .col:nth-of-type(13) .internal { animation-delay: 0.7s; }
.theory_of_practise_sec .the_list .col:nth-of-type(14) .internal { animation-delay: 0.75s; }
.theory_of_practise_sec .the_list .col:nth-of-type(15) .internal { animation-delay: 0.8s; }
.theory_of_practise_sec .the_list .col:nth-of-type(16) .internal { animation-delay: 0.85s; }
.theory_of_practise_sec .the_list .col:nth-of-type(17) .internal { animation-delay: 0.85s; }
.theory_of_practise_sec .the_list .col:nth-of-type(18) .internal { animation-delay: 0.9s; }
.theory_of_practise_sec .the_list .col:nth-of-type(19) .internal { animation-delay: 1.0s; }
.theory_of_practise_sec .the_list .col:nth-of-type(20) .internal { animation-delay: 1.05s; }
.theory_of_practise_sec .the_list.practise_list_mobile .slides .col { width: 50%; }
.theory_of_practise_sec .practise_list_mobile_box { display: none; }


/* access_framework_sec */
.access_framework_sec { padding: 60px 0; width: 100%; color: #fff; background: linear-gradient(45deg, #8a007f 0%,#6c1ad5 100%); position: relative; border-radius: 20px; }
.access_framework_sec:before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/squiggle9.png) right top no-repeat; background-size: 100% auto; mix-blend-mode: soft-light; }
.access_framework_sec:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.08; background-attachment: fixed; } 
.access_framework_sec h2 { text-align: center; padding-bottom: 55px; }
.access_framework_sec .wrapper { position: relative; z-index: 1; max-width: 1110px; }
.access_framework_sec .inner { position: relative; z-index: 1; padding: 45px 80px; border: 1px solid #fff; border-radius: 20px; backdrop-filter: blur(10px); }
.access_framework_sec h3 { margin: 0 80px; text-transform: capitalize; text-align: center; font-weight: 500; padding-bottom: 55px; }
.access_framework_sec .row { display: flex; justify-content: space-between; flex-wrap: wrap; }
.access_framework_sec .leftside { width: 43.5%; }
.access_framework_sec .rightside { width: 43.5%; }
.access_framework_sec label { font-size: 14px; font-weight: 400; line-height: 1.1; padding-bottom: 20px; display: block; text-transform: uppercase; letter-spacing: 0.10em; }
.access_framework_sec .wpcf7-textarea,
.access_framework_sec .wpcf7-text { height: 50px; font-size: 16px; padding: 15px; color: #000; margin: 0; border-radius: 5px !important; border: 1px solid #000; box-shadow: 0px 5px 5px rgba(0,0,0,0.1) inset; }
.access_framework_sec form br { display: none; }
.access_framework_sec .wpcf7-form-control-wrap { margin-bottom: 27px; display: block; }
.access_framework_sec form p { padding: 0; }
.access_framework_sec .custom-dropdown .wpcf7-form-control-wrap { margin: 0; }
.access_framework_sec .wpcf7-textarea { height: 275px; }
.access_framework_sec .button { margin: 35px auto 0; display: block; max-width: 147px; }

/* education_leader_sec */
.education_leader_sec { padding: 165px 0; width: 100%; }
.education_leader_sec h2 { padding-bottom: 60px; text-align: center; }
.education_leader_sec .team_list { margin: 0 -10px; }
.education_leader_sec .col { padding: 0 10px 20px; width: 33.33%; }
.education_leader_sec .col .inner { padding: 0 30px 15px; min-height: 100%; border: 1px solid #000; border-radius: 20px; position: relative; overflow: hidden; background: linear-gradient(135deg, #8633c9 1%,#7242f8 100%); }
.education_leader_sec .col:nth-of-type(2) .inner { background: linear-gradient(135deg, #9c71f1 1%,#7b5bff 100%); }
.education_leader_sec .col:nth-of-type(3) .inner { background: linear-gradient(135deg, #cdbffe 1%,#643cff 100%); }
.education_leader_sec .image { transform: translate(31px,-1px); width: calc(49% + 34px); margin-left: auto; }
.education_leader_sec .image figure { width: 100%; height: 0; padding-bottom: 92%; position: relative; display: block; }
.education_leader_sec .image figure img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; border-radius: 20px; border: 1px solid #000; }
.education_leader_sec .squiggle { position: absolute; left: 0; top: 0; width: 100%; mix-blend-mode: soft-light; }
.education_leader_sec p { font-size: 21px; line-height: 1.35; font-family: "neulis-neue",sans-serif; font-weight: 600; color: #fff; padding: 15px 0 25px; }
.education_leader_sec p:after,
.education_leader_sec p:before { content: '"'; display: inline-block; vertical-align: top; }
.education_leader_sec .title { font-size: 14px; line-height: 18px; padding: 6px 15px 6px 30px; margin-left: -30px; border: 1px solid #000; border-radius: 0 20px 20px 0; background: #fff; color: #000; display: inline-block; border-left: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 0.10em; margin-bottom: 15px; }

.education_leader_sec .image,
.education_leader_sec p,
.education_leader_sec .title,
.education_leader_sec .cred_list { position: relative; z-index: 1; }
.education_leader_sec .cred_list .creds { text-transform: uppercase; font-size: 14px; line-height: 1.1; font-weight: 400; color: #fff; letter-spacing: 0.10em; padding: 0 0 15px 23px; position: relative; }
.education_leader_sec .cred_list .creds:before { width: 14px; height: 14px; content: ''; position: absolute; left: 0; top: 0; background: url(images/btn.png) no-repeat; background-size: contain; mix-blend-mode: luminosity; }

/* featured_blogs_sec */
.featured_blogs_sec { width: 100%; padding: 60px 0 100px; }
.featured_blogs_sec .heading { padding-bottom: 75px; max-width: 780px; width: 100%; }
.featured_blogs_sec .leftside { padding-right: 10px; width: 50%; }
.featured_blogs_sec .rightside { padding-left: 10px; width: 50%; }
.featured_blogs_sec .featured_blog .image { width: 100%; display: block; }
.featured_blogs_sec .image figure { overflow: hidden; border-radius: 20px; width: 100%; height: 0; padding-bottom: 67%; position: relative; display: block; }
.featured_blogs_sec .image figure img { transition: all 0.5s; position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.featured_blogs_sec .related_blogs_list .blog:hover .image img,
.featured_blogs_sec .featured_blog .col:hover .image img { transform: scale(1.1); }

.featured_blogs_sec .featured_blog h3 { padding: 30px 0 10px; text-transform: capitalize; }
.featured_blogs_sec .related_blogs_list .blog { width: 100%; padding-bottom: 20px; }
.featured_blogs_sec .related_blogs_list .blog .image { padding-right: 10px; width: 50%; }
.featured_blogs_sec .related_blogs_list .blog .text { padding-left: 10px; width: 50%; }
.featured_blogs_sec .related_blogs_list .blog .image figure { padding-bottom: 48.5%; }
.featured_blogs_sec h4 { font-size: 23px; font-family: "neulis-neue",sans-serif; font-weight: 600; }
.featured_blogs_sec .related_blogs_list .blog p { padding: 0; }

.global.grid_layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; }


/* toolkit_sec */
.toolkit_sec { width: 100%; position: relative; }

/*toolkit hero*/
.toolkit_sec .intro_sec.numeracy:before { background-image: url(images/full-squiggle.png); background-size: cover; background-position: center center; }
.toolkit_sec .intro_sec .wrapper { max-width: 1330px; }
.toolkit_sec .intro_sec .thumbnail { width: 40%; } 
.toolkit_sec .intro_sec .thumbnail figure { width: 100%; height: 0; padding-bottom: 68%; position: relative; display: block; }
.toolkit_sec .intro_sec .thumbnail figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.toolkit_sec .intro_sec .text { width: 60%; text-align: left; } 
.toolkit_sec .intro_sec .category_name { display: block; font-size: 20px; line-height: 1.2; padding-bottom: 15px; letter-spacing: 0.04em; }
.toolkit_sec .intro_sec.numeracy { padding: 120px 0 100px; }
.toolkit_sec .intro_sec.no_thumbnail .text { width: 100%; }

/* toolkit_box */
.toolkit_sec .toolkit_box { padding: 80px 0; width: 100%; }
.toolkit_sec .toolkit_main_loop { padding-bottom: 70px; }
.toolkit_sec .toolkit_main_loop:last-child { padding: 0; }
.toolkit_sec h2 { padding-bottom: 20px; /*background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: table;*/ }
.toolkit_sec .toolkit_list .toolkit_row { width: 100%; padding-bottom: 40px; }
.toolkit_sec .toolkit_list .toolkit_row:last-child { padding-bottom: 0; }
.toolkit_sec .toolkit_list .toolkit_row .image { width: 335px; text-align: center; }
.toolkit_sec .toolkit_list .toolkit_row .image img { max-width: 100%; max-height: 250px; object-fit: contain; object-position: center center; display: inline-block; vertical-align: top; }
.toolkit_sec .toolkit_list .toolkit_row.has_image .tooklit_info { width: calc(100% - 335px); padding-left: 40px; }

.toolkit_sec .toolkit_inner_list_row { padding: 0 0 15px 35px; font-size: 20px; line-height: 24px; width: 100%; position: relative; }
.toolkit_sec .toolkit_inner_list_row p { padding: 0; }
.toolkit_sec .toolkit_inner_list_row i { position: absolute; left: 0; top: 0; font-size: 20px; line-height: 26px; } 
.toolkit_sec .toolkit_inner_list_row a { /*border-width: 0 0 2px 0;*/ padding-bottom: 2px; /*border-style: solid; border-image: linear-gradient(to right, #2600ce 0%, #c702df 100%) 1;*/ background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; vertical-align: top; font-weight: 700; text-decoration: underline !important; text-decoration-color: #2600ce !important; text-decoration-thickness: 2px !important; }
.toolkit_sec .toolkit_inner_list_row a:hover { border-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%) 1; }
.toolkit_sec .intro p { font-size: 20px; line-height: 24px; padding-bottom: 30px; }
.toolkit_sec h3 { padding-bottom: 15px; }

/* tabs */
.toolkit_sec .toolkit_with_tabs .tabs { padding: 60px 0 0 0; }

/* blog_detail_bar */
.blog_detail_bar { width: 100%; }
/* blog_detail_top */
.blog_detail_bar .blog_detail_top { overflow: hidden; position: relative; width: 100%; padding: 65px 0; border-radius: 0 0 20px 20px; background: linear-gradient(to right, #4733b8 0%, #ae01a9 100%); color: #fff; }
.blog_detail_bar .blog_detail_top .wrapper { max-width: 1330px; }
.blog_detail_bar .blog_detail_top .leftside { width: 50%; padding: 25px 40px 25px 0; }
.blog_detail_bar .blog_detail_top .rightside { width: 50%;  }
.blog_detail_bar .blog_detail_top .rightside figure { border-radius: 20px; overflow: hidden; width: 100%; /*height: 0; padding-bottom: 85%;*/ position: relative; display: block; }
.blog_detail_bar .blog_detail_top .rightside figure img { border-radius: 20px; /*position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; */ width: 100%; }
.blog_detail_bar .blog_detail_top .topbox { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.blog_detail_bar .blog_detail_top .catbox { font-size: 0; display: inline-block; vertical-align: top; }
.blog_detail_bar .blog_detail_top .catbox .category-link { margin: 5px 10px 5px 0; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 15px; background: #fff; border-radius: 25px; color: #000; }
.blog_detail_bar .blog_detail_top .catbox .category-link:hover { text-decoration: none; background: rgba(255,255,255,0.8); }
.blog_detail_bar .blog_detail_top .topbox .date { display: inline-block; vertical-align: top; line-height: 40px; color: #fff; font-size: 14px; font-weight: 500; padding: 0 15px; }
.blog_detail_bar .blog_detail_top h1 { color: #fff; padding: 20px 0 15px; }
.blog_detail_bar .blog_detail_top p { color: #fff; } 
.blog_detail_bar .blog_detail_top .author { display: block; vertical-align: top; color: #fff; }
.blog_detail_bar .blog_detail_top .author figure.author_pic { display: inline-block; vertical-align: top; width: 30px; height: 30px; } 
.blog_detail_bar .blog_detail_top .author figure.author_pic img { width: 30px; height: 30px; object-fit: cover; border-radius: 50%; }
.blog_detail_bar .blog_detail_top .author a { display: inline-block; vertical-align: top; line-height: 30px; color: #fff; }
/* content */
.blog_detail_bar .content { padding: 115px 0; }
.blog_detail_bar .content .wrapper { max-width: 890px; }
.blog_detail_bar h3 { padding-bottom: 30px; }  
.blog_detail_bar h4 { padding: 20px 0; }  

.blog_detail_bar h2,
.blog_detail_bar h3,
.blog_detail_bar h4,
.blog_detail_bar h5,
.blog_detail_bar h6 { font-family: "neulis-neue",sans-serif; font-weight: 700; }

.blog_detail_bar h2 a,
.blog_detail_bar h3 a,
.blog_detail_bar h4 a,
.blog_detail_bar h5 a,
.blog_detail_bar h6 a,
.blog_detail_bar p a { background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: underline; text-decoration-color: #2600ce; text-decoration-thickness: 2px; }
.blog_detail_bar h2 a:hover,
.blog_detail_bar h3 a:hover,
.blog_detail_bar h4 a:hover,
.blog_detail_bar h5 a:hover,
.blog_detail_bar h6 a:hover,
.blog_detail_bar p a:hover { text-decoration: navajowhite;  }
.blog_detail_bar .wp-block-pullquote {text-align: left; padding: 20px; border-style: solid; border-image: linear-gradient(to top, #2600ce 0%, #c702df 100%) 1; border-left-width: 25px; }
.blog_detail_bar .wp-block-pullquote p { padding: 0 0 20px; font-size: 25px; line-height: 1.28; font-weight: 500; font-family: "neulis-neue", sans-serif; }
.blog_detail_bar .wp-block-pullquote cite { letter-spacing: 0.10em; font-size: 14px; font-weight: 400; text-transform: uppercase; font-size: 14px; }
.blog_detail_bar .wp-block-image { margin-bottom: 25px; }
.blog_detail_bar .video-wrap iframe,
.blog_detail_bar .is-type-video iframe { width: 100%; height: auto; aspect-ratio: 16/9; margin-bottom: 20px; }
.blog_detail_bar iframe { width: 100%; margin-bottom: 20px; }


.blog_detail_bar .cta_box { text-align: center; margin: 70px auto 0px; width: 100%; padding: 50px 20px 50px; color: #fff; border-radius: 20px; position: relative; background: linear-gradient(135deg,  rgba(71,51,184,1) 0%,#b000a9 70%); } 
.blog_detail_bar .cta_box .grid_layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.15; }
.blog_detail_bar .cta_box p { font-size: 30px; line-height: 1.1; color: #fff; font-family: "neulis-neue",sans-serif; font-weight: 600; }
.blog_detail_bar .cta_box p a { color: #fff; }
.blog_detail_bar .cta_box .button { display: table; margin: 0 auto; vertical-align: top; }

/* related_posts_sec */
.related_posts_sec { width: 100%; padding: 0px 0 50px; }
.related_posts_sec h2 { padding-bottom: 30px; text-align: center; }
.related_posts_sec .related_posts { margin: 0 -15px; }
.related_posts_sec .related_posts .posts { width: 33.33%; padding: 0 15px; }
.related_posts_sec .banner { width: 100%; margin-bottom: 20px; }
.related_posts_sec .banner a { width: 100%; height: 0; padding-bottom: 50%; position: relative; display: block; }
.related_posts_sec .banner a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.related_posts_sec .author a { font-weight: 700; background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.related_posts_sec .author a:hover { text-decoration: underline !important; text-decoration-color: #2600ce !important; text-decoration-thickness: 2px !important; }
.related_posts_sec h3 a:hover { color: #2600ce; } 


/* contact_sec */
.contact_sec { color: #fff; padding: 125px 0 410px; margin-bottom: -180px; width: 100%; position: relative; background: linear-gradient(135deg,  rgba(35,0,204,1) 0%,rgba(198,2,222,1) 100%); }
.contact_sec:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.2; background-attachment: fixed; }
.contact_sec:before { max-width: 1440px; width: 100%; height: 100%; content: ''; position: absolute; right: 0; top: 0; background: url(images/contact-squiggle.png) right top no-repeat; background-size: 100% auto; mix-blend-mode: soft-light; }
.contact_sec .leftside { width: 50%; padding: 0 125px 0 0; }
.contact_sec .rightside { margin: 120px 0 0 10px; width: calc(50% - 10px); border: 1px solid rgba(255,255,255,0.9); padding: 35px 25px; border-radius: 20px; backdrop-filter: blur(10px); }
.contact_sec .wrapper { position: relative; z-index: 1; }
.contact_sec h1 {  padding-bottom: 15px;}
.contact_sec .intro { padding-bottom: 25px; }
.contact_sec .image { width: 100%; margin-bottom: 45px; }
.contact_sec .image figure { width: 100%; height: 0; padding-bottom: 61%; position: relative; display: block; border-radius: 20px; overflow: hidden; }
.contact_sec .image figure img { position: absolute; left: 0; top: 0; width: 100%; height: 130%; object-fit: cover; }
.contact_sec h3 { padding-bottom: 7px; font-size: 25px; text-transform: capitalize; }
.contact_sec ul { list-style: none; margin: 0; padding: 0;  }
.contact_sec li { padding: 0 0 9px 24px; position: relative; }
.contact_sec li:before { width: 14px; height: 14px; content: ''; position: absolute; left: 0; top: 5px; background: url(images/dot.png) no-repeat; background-size: contain; }
.contact_sec p a,
.contact_sec li a { font-weight: 700; text-decoration: underline; }
.contact_sec p a:hover,
.contact_sec li a:hover { text-decoration: none; } 
.contact_sec .need_help ul { padding-bottom: 50px; padding-bottom: 30px; }
.contact_sec .need_help { border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 45px; }
.contact_sec .need_help .content_trigger { margin: 35px 0 0 auto; display: table; vertical-align: top; font-size: 14px; line-height: 17px; text-transform: uppercase; font-weight: 700; padding: 0 28px 0 0; position: relative; }
.contact_sec .need_help .content_trigger:after { width: 16px; height: 11px; content: ''; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); background: url(images/toggle-arrow.svg) no-repeat; background-size: contain; transition: all 0.3s; }
.contact_sec .need_help .content_trigger.active .more,
.contact_sec .need_help .content_trigger .less { display: none; }
.contact_sec .need_help .content_trigger.active .less { display: inline-block; }
.contact_sec .need_help .content_trigger.active:after { transform: translate(0,-50%) scale(1,-1); }
.contact_sec .toggle_content_box { width: 100%; height: 95px; overflow: hidden; }
.contact_sec .address h3 { padding-bottom: 5px; }
.contact_sec .address p { padding-bottom: 5px; }
.contact_sec .social_bar { display: flex; flex-wrap: wrap; align-items: center; }
.contact_sec .social_bar h3 { line-height: 1; padding: 0 15px 0 0; display: inline-block; }
.contact_sec .social_bar ul { display: inline-block; vertical-align: top; margin: 0; padding: 0 0 0 0; }
.contact_sec .social_bar li { font-size: 19px; display: inline-block; vertical-align: top; padding: 0 5px 0 0 ; }
.contact_sec .social_bar li a  i { transition: all 0.5s; }
.contact_sec .social_bar li a:hover i { transform: scale(1.1);}
.contact_sec .social_bar li:before { display: none; }
.contact_sec .address { width: 100%; margin-bottom: 35px; }
.contact_sec .rightside.for_mobile { display: none; }


.contact_sec .row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact_sec .row .col2 { width: calc(50% - 44px); }
.contact_sec .row .col1 { width: 100%; }
.contact_sec label { font-size: 14px; font-weight: 400; line-height: 1.1; padding-bottom: 20px; display: block; text-transform: uppercase; letter-spacing: 0.10em; }
.contact_sec .wpcf7-textarea,
.contact_sec .wpcf7-text { height: 50px; font-size: 16px; padding: 15px; color: #000; margin: 0; border-radius: 5px !important; border: 1px solid #000; box-shadow: 0px 4px 7px rgba(0,0,0,0.25) inset; }
.contact_sec form br { display: none; }
.contact_sec .wpcf7-form-control-wrap { margin-bottom: 27px; display: block; }
.contact_sec form p { padding: 0; }
.contact_sec .custom-dropdown .wpcf7-form-control-wrap { margin: 0; }
.contact_sec .wpcf7-textarea { height: 140px; }
.contact_sec .button { margin: 0px auto 0; display: block; max-width: 147px; }

/* title_banner */
.title_banner { min-height: 405px; display: flex; flex-wrap: wrap; align-items: center; border-radius: 0 0 20px 20px; color: #fff; text-align: center; padding: 80px 0 53px; width: 100%; position: relative; background: linear-gradient(135deg,  rgba(35,0,204,1) 0%,#AE00A9 70%); }
.title_banner:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.2; background-attachment: fixed; }
.title_banner:before { width: 100%; height: 100%; content: ''; position: absolute; right: 0; top: 0; background: url(images/why-pml-squiggle.png) center 0px no-repeat; background-size: 1555px auto; mix-blend-mode: soft-light; }
.title_banner h1 { padding: 0 0 35px; font-weight: 500; }
.philosophy .title_banner:before { background-image: url(images/philosophy-squiggle.png); background-position: center bottom; background-size: auto 490px; }
.title_banner .wrapper { position: relative; z-index:1; }

/* content_image_sec */
.content_image_sec { padding: 135px 0; width: 100%; }
.content_image_sec .mob { display: none; }
.content_image_sec .image { order: 1; width: 49.3%; position: sticky; top: 20px; }
.content_image_sec .text { width: 50.7%; padding: 0 115px 0 0; }
.content_image_sec h3 { padding-bottom: 15px; font-size: 25px; line-height: 1.25; }
.content_image_sec h2 { font-weight: 600; padding-bottom: 40px; }
.content_image_sec p { padding-bottom: 30px; }
.content_image_sec ul { list-style: none; margin: 0 0 20px; padding: 0; }
.content_image_sec li { padding: 0 0 14px 24px; position: relative; }
.content_image_sec li:before { width: 14px; height: 14px; content: ''; position: absolute; left: 0; top: 5px; background: url(images/dot.png) no-repeat; background-size: contain; }
.content_image_sec.reverse .image { order: 0; }
.content_image_sec.reverse .text { padding: 0 0 0 130px; }
.philosophy .content_image_sec { padding: 50px 0 50px; }
.philosophy .content_image_sec .image .ratiobox { padding-bottom: 60%; }


/* approach_slider_sec */
.approach_slider_sec { padding: 40px 0; width: 100%; }
.approach_slider_sec .slides .inner { display: flex; flex-wrap: wrap; border-radius: 20px; color: #fff; width: 100%; position: relative; background: linear-gradient(135deg,  rgba(35,0,204,1) 0%,#AE00A9 70%); border: 1px solid rgba(0,0,0,0.8); }
.approach_slider_sec .slides .inner:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.2; background-attachment: fixed; }
.approach_slider_sec .slides .inner:before { width: 100%; height: 100%; content: ''; position: absolute; right: 0; top: 0; background: url(images/slide-squiggle.png) center 0 no-repeat; background-size: 100% auto; mix-blend-mode: soft-light; }
.approach_slider_sec .image { position: relative; z-index: 1; width: 49%; order: 1; }
.approach_slider_sec .image .ratiobox { padding-bottom: 86.5%; border-left: 1px solid #000; }
.approach_slider_sec .image .ratiobox img { object-position: center top; }
.approach_slider_sec .text { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; width: 51%; padding: 55px 55px 80px 55px; }
.approach_slider_sec .internal { width: 100%; }
.approach_slider_sec h2 { font-weight: 600; padding-bottom: 40px; }
.approach_slider_sec h3 { font-size: 25px; line-height: 1.25; font-weight: 600; padding-bottom: 15px; }
.approach_slider_sec .slick-arrow { z-index: 1; width: 28px; height: 25px; border: 0; cursor: pointer; font-size: 0; line-height: 0; background: url(images/left-arrow.svg) no-repeat; background-size: contain; position: absolute; left: 55px; bottom: 50px; }
.approach_slider_sec .slick-arrow.slick-next { left: 160px; background-image: url(images/right-arrow.svg); }
.approach_slider_sec .slick-arrow:hover { opacity: 0.70; }
.approach_slider_sec .slick-dots { width: auto; padding: 0; margin: 0; position: absolute; left: 90px; bottom: 53px; }
.approach_slider_sec .slick-dots li { margin: 0 5px; }

.philosophy .approach_slider_sec .slides .inner:before { background: url(images/philosophy-slider-squiggle.png) left top no-repeat; background-size: cover;}
.philosophy .approach_slider_sec .slick-arrow.slick-next { left: 247px; }
.approach_slider_sec h5 { font-size: 15px; text-transform: uppercase; }


/* fon_sec */
.fon_sec { padding: 150px 0 80px; width: 100%; position: relative; }
.fon_sec .intro { text-align: center; max-width: 640px; margin: 0 auto; padding-bottom: 65px; } 
.fon_sec h2 { font-style: italic; font-weight: 600; display: inline-block; background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  padding: 10px; margin: 0 -10px ; }
.fon_sec h3 { padding-bottom: 20px; font-size: 25px; line-height: 1.25; }
.fon_sec .image_content_box { width: 100%; padding-bottom: 55px; }
.fon_sec .image_content_box .image { width: 49%; }
.fon_sec .image_content_box .image .ratiobox { padding-bottom: 60%; }
.fon_sec .image_content_box .image .ratiobox img { height: 130%; }
.fon_sec .image_content_box .text { margin: -10px 0 0 0; width: 51%; padding: 0 0 0 125px; }
.fon_sec .image_content_box h3 { padding-bottom: 15px; }
.fon_sec .three_col_box { margin: 0 -10px 85px; }
.fon_sec .three_col_box .col3 { position: relative; padding: 30px 20px 30px 25px; width: calc(33.33% - 20px); margin: 0 10px; border: 1px solid #000; border-radius: 20px; } 
.fon_sec .three_col_box .col3 h3 { text-transform: capitalize; min-height: 110px; padding: 0; margin-bottom: 25px; }
.fon_sec .three_col_box .col3 ul { margin: 0; }
.fon_sec .three_col_box .col3 ul li:last-child { padding-bottom: 0; } 
.fon_sec .three_col_box .col3 li { padding-bottom: 18px; } 
.fon_sec .bottom_text { max-width: 640px; text-align: center; margin: 0 auto; }

/* cta_sec */
.cta_sec { padding: 75px 0 230px; text-align: center; margin: 0 0 -180px 0; display: flex; flex-wrap: wrap; border-radius: 20px 20px 0 0; color: #fff; width: 100%; position: relative; background: linear-gradient(135deg,  rgba(35,0,204,1) 0%,#AE00A9 70%); border: 1px solid rgba(0,0,0,0.8); }
.cta_sec:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/square.png) 0px 0px repeat; background-size: 108px auto; opacity: 0.2; background-attachment: fixed; }
.cta_sec:before { width: 100%; height: 100%; content: ''; position: absolute; right: 0; top: 0; background: url(images/cta-squiggle.png) center 0 no-repeat; background-size: 100% auto; mix-blend-mode: soft-light; }
.cta_sec .btn-group { width: 100%; }
.cta_sec h2 { padding: 0 0 55px 0; }
.cta_sec .bottom_text { padding: 60px 0 0; max-width: 500px; margin: 0 auto; }
.cta_sec .wrapper { position: relative; z-index: 1; }
.philosophy .cta_sec { padding: 90px 0 280px; }
.philosophy .cta_sec:before { background-image: url(images/cta-squiggle2.png); background-size: cover; background-position:  center center; }
.philosophy.reverse .cta_sec:before { background-image: url(images/cta-squiggle3.png); background-size: 100% auto; background-position:  center top; }



/* mid_text_sec */
.mid_text_sec { width: 100%; padding: 120px 0 30px; text-align: left; }
.mid_text_sec .wrapper { max-width: 770px; }
.mid_text_sec p { max-width: 640px; margin: 0 auto; } 
.mid_text_sec h2 { padding-bottom: 15px; }
.mid_text_sec h3 { font-size: 25px; line-height: 1.3; }
.mid_text_sec h3 span { background: linear-gradient(to left, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.mid_text_sec.commitment { padding: 30px 0 100px; } 

.page-id-970 .mid_text_sec  ul, ol {
    padding: 0 0 0 20px;
    max-width: 640px;
    margin: 0 auto 20px;
}

/* global_intro */
.global_intro { width: 100%; max-width: 670px; margin: 0 auto; padding: 50px 0; text-align: center; }
.global_intro h2 { padding-bottom: 15px; }
.global_intro h3 { font-size: 25px; line-height: 1.3; }
.global_intro h3 span { background: linear-gradient(to left, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 

/* global_image_content_list */
.global_image_content_list { width: 100%; }
.global_image_content_list .the_row { align-items: flex-start; padding-bottom: 90px; width: 100%; }
.global_image_content_list .the_row .image { width: 49%; position: sticky; top: 20px; }
.global_image_content_list .the_row .text { padding: 0 0 0 110px; width: 51%; display: flex; flex-wrap: wrap; align-items: center; }
.global_image_content_list .inner_text { width: 100%; }
.global_image_content_list h3 { font-size: 25px; padding-bottom: 30px; }
.global_image_content_list .text ul:last-child li:last-child { padding-bottom: 0; }
.global_image_content_list .the_row:nth-of-type(even) .text { order: -1; padding: 0 130px 0 0; }
.global_image_content_list .text p { padding-bottom: 30px; }
.global_image_content_list .the_row:last-child { padding-bottom: 0; }


/* mission_sec */
.mission_sec { padding: 120px 0; width: 100%; }
.mission_sec .global_intro { padding: 0 0 70px; }
.mission_sec .mission_list_slider .col3 { padding: 0 10px 85px; }
.mission_sec .mission_list_slider .col3 .inner { position: relative; z-index: 1; padding: 15px 20px 80px 20px; border: 1px solid #000; border-radius: 20px; width: 100%; min-height: 290px; overflow: hidden; text-align: center; } 
.mission_sec .mission_list_slider .col3 .inner .graphic { position: absolute; left: 0; bottom: 0; width: 100%; clip-path: inset(0 100% 0 0); transition: linear 1s; }
.mission_sec .mission_list_slider .col3.in-view .inner img.graphic { transition-delay: 0.5s; clip-path: inset(0 0% 0 0); }
.mission_sec .mission_list_slider { margin: 0 -10px; }
.mission_sec .mission_list_slider .count { position: relative; z-index: 1; padding-bottom: 5px; display: block; font-size: 100px; line-height: 1; font-weight: 600; font-family: "neulis-neue",sans-serif; }
.mission_sec .mission_list_slider p { position: relative; z-index: 1; letter-spacing: 0.10em; text-transform: uppercase; font-size: 14px; padding: 0; } 
.mission_sec .bottom_text { text-align: center; max-width: 650px; margin: 0 auto; }
.mission_sec .global_image_content_list { padding: 65px 0 0; }

/* team_sec */
.team_sec { width: 100%; padding: 40px 0; }
.team_sec h2 { text-align: center; padding-bottom: 70px; }
.team_sec .team_list { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.team_sec .team_list .team { width: 33.33%; padding: 0 10px 20px; }

.team_sec .team_detail .leftside,
.team_sec .team_list .team > .inner { width: 100%; border-radius: 20px; border: 1px solid #000; display: block; background: linear-gradient(to right,  rgba(80,46,182,1) 0%,rgba(173,0,168,1) 100%); overflow: hidden; position: relative; text-align: center; color: #fff; } 
.team_sec .team_list .team > .inner .ratiobox { padding-bottom: 78%; border-bottom: 1px solid #000; } 
.team_sec .team_list .team .inner h3 { padding-bottom: 15px; font-size: 25px; } 
.team_sec .team_list .team .inner .designnation { text-transform: uppercase; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; }
.team_sec .bio { text-align: center; width: 100%; padding: 20px 30px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; min-height: 130px; } 
.team_sec .bio * { display: block; width: 100%; }
.team_sec .team_detail { display: none; }
.team_sec .team_list .team > .inner:hover { text-decoration: none; } 
.team_sec .team_list .team > .inner:hover .ratiobox img { transform: scale(1.1); } 
.team_sec .team_detail { padding: 50px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; opacity: 0; visibility: hidden; transition: all 0.3s;  z-index: 999; background: rgba(80,0,210,0.8); }
.team_sec .team_detail.active { opacity: 100; visibility: visible; }
.team_sec .team_detail .inner { position: relative; width: 100%; max-width: 1300px; background: #fff; border-radius: 20px; border: 1px solid #000; align-items: center; } 
.team_sec .team_detail .leftside { width: 32%; border: 0; border-right: 1px solid #000; border-radius: 18px; } 
.team_sec .team_detail .rightside { width: 68%; padding: 50px 60px; } 
.team_sec .team_detail .leftside .ratiobox { padding-bottom: 130%; } 
.team_sec .team_detail .leftside .bio { min-height: 160px; }
.team_sec .team_list .team .team_detail h5 { text-transform: uppercase; padding-bottom: 0px; font-size: 15px; } 
.team_sec .team_list .team .team_detail p { padding-bottom: 30px; } 
.team_sec .team_detail .rightside .close { font-size: 20px; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: 700; text-transform: uppercase; cursor: pointer; background: linear-gradient(to right,  rgba(80,46,182,1) 0%,rgba(173,0,168,1) 100%); border-radius: 50%; color: #fff; font-size: 0; }
.team_sec .team_detail .rightside .close:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: url(images/close-btn.png) center center no-repeat; background-size: 50% auto; } 
.team_sec .team_detail .rightside p:last-child { padding-bottom: 0; }

.team_sec .team_list .slick-dots { display: none !important; }


/* experience_sec */
.experience_sec { padding: 25px 0 50px; width: 100%; }
.experience_sec .inner { border-radius: 20px; border: 1px solid #000; overflow: hidden; }
.experience_sec .image { position: relative; z-index: 1; width: 61.5%; border-right: 1px solid #000; border-radius: 20px; }
.experience_sec .text { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: calc(38.5% + 20px); margin-left: -20px; padding: 30px 30px 30px 100px; background: linear-gradient(135deg,  rgba(71,51,183,1) 0%,rgba(174,0,169,1) 100%); border-radius: 0 18px 18px 0; color: #fff; }
.experience_sec .inner_text {  width: 100%; }
.experience_sec h3 { line-height: 1.3; padding-bottom: 20px; font-size: 25px;}
.experience_sec ul { margin: 0; }
.experience_sec ul.bulleted li { padding-bottom: 18px; }
.experience_sec .ratiobox { padding-bottom: 58.5%; }


/* story_sec */
.story_sec { padding: 100px 0 0; width: 100%; }
.story_sec .story_list { padding-bottom: 60px; margin: 20px 0 0; width: 100%; position: relative; }
.story_sec .story_list:after { width: 1px; height: 100%; content: ''; position: absolute; left: 50%; top: 0; background: #000; } 
.story_sec .story { z-index: 1; padding: 35px 30px 25px 0; width: 50%; position: relative; }
.story_sec .wrapper { max-width: 1160px; }
.story_sec .story h3 { padding-bottom: 35px; letter-spacing: 0.015em; font-size: 24px; }
.story_sec .date { font-family: "neulis-neue",sans-serif; position: absolute; left: calc(100% + 35px); top: 25px; font-size: 20px; line-height: 1; color: #000; font-weight: 500; white-space: nowrap; padding: 12px 15px; background: linear-gradient(to right,  rgba(71,51,183,1) 0%,rgba(174,0,169,1) 100%); border-radius: 30px; color: #fff; }
.story_sec .story:nth-of-type(even) { margin-left: auto; padding-left: 35px; padding-right: 0px; }
.story_sec .story:nth-of-type(even) .date { transform: translate(-100%,0); left: -35px; } 
.story_sec .date:before { width: 21px; height: 21px; content: ''; position: absolute; left: -45px; top: 50%; margin-top: -10px; border: 1px solid #000; border-radius: 50%; background: linear-gradient(to right,  rgba(71,51,183,1) 0%,rgba(174,0,169,1) 100%); box-sizing: border-box;  }
.story_sec .story:nth-of-type(even) .date:before { left: auto; right: -45px; }

/*mission*/
.approach_slider_sec.mission { padding: 0; }
.approach_slider_sec.mission .slides .inner::before { background-image: url(images/philosophy-slider-squiggle.png); } 
.approach_slider_sec.mission .slick-arrow.slick-next { left: 190px; }
.approach_slider_sec.mission h3 { padding-bottom: 25px; }
.approach_slider_sec.mission .slides .inner { background: linear-gradient(135deg, #4733B7 0%,#AE00A9 100%); }


/* partner_sec */
.partner_sec { padding: 150px 0 210px; width: 100%; }
.partner_sec .global_intro { max-width: 600px; padding-bottom: 80px; }
.partner_sec .ratiobox { padding-bottom: 60%; }
.partner_sec .global_image_content_list p { padding-bottom: 20px; }
.partner_sec .global_image_content_list h3 { padding: 0 0 15px 0; } 
.partner_sec .global_image_content_list p + h3 { padding-top: 15px; }
















/* footer-part */
#footer-part { width: 100%; position: relative; z-index: 1; background: #fff; border-radius: 90px 90px 0 0; }

/* footer_sec */
.footer_sec { width: 100%; padding: 40px 0 25px; border-bottom: 1px solid #000; }
.footer_sec .left { width: 295px; }
.footer_sec .logo { max-width: 100%; width: 100%; }
.footer_sec .logo img { width: 100%; }
.footer_sec .right { width: calc(100% - 295px); padding: 10px 0 0 20px; }
.footer_sec .menus { /*margin-right: -45px; max-width: 655px;*/ text-align: right; margin-left: auto; }
.footer_sec .menus ul { /*display: flex; flex-wrap: wrap;*/ list-style: none; margin: 0; padding: 0; }
.footer_sec .menus .menu > li { /*width: 20%;*/ display: inline-block; vertical-align: top; padding-right: 35px; text-transform: uppercase; }
.footer_sec .menus .menu > li > a { font-size: 17px; line-height: 1.3; font-weight: 700; background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.06em; } 
.footer_sec .menus .menu > li:last-child { padding-right: 0; }
.footer_sec .menus .menu > li ul { padding: 10px 0 0 0; }
.footer_sec .menus .menu > li li a:hover { }
.footer_sec .menus .menu > li li { padding: 0 0 9px 0; width: 100%; }
.footer_sec .menus .menu > li li a { display: inline-block; font-size: 14px; text-transform: none; }
.footer_sec .menus .menu > li li a:hover { display: inline-block; font-size: 14px; text-transform: none; background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* copyright_sec */
.copyright_sec { font-size: 12px; padding: 20px 0; width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.copyright_sec ul { list-style: none; margin: 0; padding: 0; }
.copyright_sec li { display: inline-block; vertical-align: top; padding-left: 30px; }

/*#menu-bottom-menu{padding:20px 0 0 0}*/
#menu-item-906{padding-left:0px}

#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #006bb6; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover { opacity: 1; }

.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { box-shadow: 0px 0px 0px 1px #f00 inset; -webkit-box-shadow: 0px 0px 0px 1px #f00 inset; -ms-box-shadow: 0px 0px 0px 1px #f00 inset; }
div.wpcf7-response-output { margin:10px 0; padding:0; font-size: 14px; line-height: 14px; color: #f00; border:0; }
div.wpcf7-mail-sent-ok { color: #398f14; }

/* content-bar-bar */
.content-bar { padding: 60px 0 60px; width: 100%; }
.error404 .content-bar { padding: 170px 0 50px; text-align:center; min-height:500px; }

/* blog-bar */
.blog-bar { padding: 60px 0; width:100%; position: relative; }
.blog-bar .left_sidebar { width: 70%; padding: 0 30px 0 0; }
.blog-bar .right_sidebar { width: 30%; float: right; }
.blog-bar h1 { text-align: center; padding-bottom: 30px; }
.blog-bar .loop_group { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.blog-bar .loop_group .postLoop { width: calc(50% - 30px); border: 1px solid rgba(0,0,0,0.2); background: rgba(0,0,0,0.05); padding: 20px; border-radius: 20px; margin: 0 15px 30px; }
.blog-bar .loop_group .postLoop .image { margin: 0 0 20px 0; width: 100%; float: inline-end; }
.blog-bar .loop_group .postLoop .image a { width: 100%; height: 0; padding-bottom: 50%; position: relative; display: block; }
.blog-bar .loop_group .postLoop .image a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }
.blog-bar .loop_group .postLoop h2 { font-size: 30px; line-height: 1.3; padding: 15px 0 10px; }
.blog-bar .loop_group p { font-size: 18px; line-height: 1.5; }
.blog-bar .loop_group h2 a { background: linear-gradient(to right, #2600ce 0%, #c702df 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.blog-bar .loop_group h2 a:hover { text-decoration: underline !important; text-decoration-color: #2600ce !important; text-decoration-thickness: 2px !important; }


.slick-dots { padding: 0; margin: 0 40px; text-align:center; width: calc(100% - 80px); font-size:0; line-height:0; }
.slick-dots li { cursor: pointer; position: relative; display:inline-block; vertical-align: top; margin: 0 8px; }
.slick-dots li button { width: 20px; height: 20px; border:0; font-size:0; line-height:0; max-width: 100%; display:block; background:transparent; padding:0; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } 
.slick-dots li.slick-active button,.slick-dots li:hover button { background:#FFF; } 


/* Alignment */ 
.alignleft { display: inline; margin-right: 1em !important; }
.alignright { display: inline; float: right; margin-left: 1em !important; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
table, th, td { border: none }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; }
td { border-width: 0 1px 1px 0; vertical-align: top; }
td img { width: 100%; max-width: 100%; vertical-align: top; margin: 0px; height: auto; }
th, td { padding: 0.4em; }
th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }
td img.alignnone { margin: 0px }
blockquote { /*font-style: italic;*/ font-weight: normal; margin: 0 2%; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { color: #666; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#blogWrapper { width:auto; overflow:hidden; }
/* blog container */ .patners_box { width: 100%; text-align: center; padding: 20px }
#BlogCntr { margin-top: 12px; margin-bottom: 25px; width: 100%; position: relative; position: relative; z-index: 9; }

/* left blog box */
.leftBlogBox {	padding: 0;	width: 100%;	position: relative;	background: #fff; }
.single .leftBlogBox h1 { text-transform: capitalize}
.single .leftBlogBox p {	display: block}
.leftBlogBox ul.dateBar {	list-style: none;	margin: 0 0 5px 0;	padding: 0px}
.single .leftBlogBox ul.dateBar {	margin: 0 0 15px 0;	padding-left: 0px}
.leftBlogBox ul.dateBar li { font-size: 14px; line-height: 18px; }
.leftBlogBox ul.dateBar li strong {	color: #000;}
.leftBlogBox .postLoop {	width: 100%;	overflow: hidden;	padding: 30px 0;	margin: 0px;	border-bottom: 1px solid #bebebe; }
.leftBlogBox .postLoop h2 { font-weight:700; padding-bottom: 5px; }
.leftBlogBox .postLoop p { padding: 0;}
.leftBlogBox .postLoop .image { float: left; margin: 5px 15px 5px 0; }
.leftBlogBox .postLoop h2 { text-transform: capitalize; margin: 0px; }
.leftBlogBox .postLoop h2 a { color: #000; text-decoration: none }
.leftBlogBox .postLoop h2 a:hover { color: #2600ce; }
.leftBlogBox .postLoop a.read-more { display: inline-block; text-decoration: none; text-transform: capitalize; font-weight: 600 }
.leftBlogBox .postLoop a.read-more:hover { text-decoration:underline; }
.leftBlogBox h4.title { font-size: 16px; font-weight: normal; padding-top: 15px; color: #000; text-transform: capitalize; }

/* comment form */
.leftBlogBox #commentform { width: 100%; }
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { border: 1px solid #000 !important; background: none; padding: 7px 10px; box-sizing: border-box; color: #000; font-size: 15px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; resize: none; margin: 0; width: 535px; }
.leftBlogBox #commentform input[type="submit"] { width: auto; padding: 5px; border: none; background: #dfb643; color: #fff; cursor: pointer; border-radius: 0; font-size: 16px; }
.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #2600ce; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { width: auto; padding: 8px 15px; border: none; background: #2600ce; color: #fff; cursor: pointer; margin-left: 100px; }
.leftBlogBox #respond h3 { padding-bottom: 20px; }
.leftBlogBox #commentform input[type="url"].error,.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00!important }
.leftBlogBox div.error { display: none !important }
.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px solid #000; font-size: 24px; font-weight: normal; line-height: 29px; margin-bottom: 10px; padding-bottom: 10px; color: #000; }
.leftBlogBox #comments { display: none; clear: both; margin-bottom: 10px }
.leftBlogBox #comments footer { border: none }
.leftBlogBox .commentlist, .leftBlogBox .comment-list { list-style: outside none none; margin-top: 10px !important; margin-bottom: 10px; }
.leftBlogBox .commentlist li { color: #34343f; font-size: 20px; line-height: 30px; list-style: outside none none; overflow: hidden; }
.leftBlogBox .comment-list li { color: #34343f; font-size: 20px; line-height: 20px; list-style: outside none none; overflow: hidden; }
.leftBlogBox img.avatar { float: left; margin: 3px 10px 10px 0; width: 50px; border: 1px solid #cccccc; max-width: 100%; height: auto; display: block }
.leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn { color: #dfb643; font-size: 16px; }
.leftBlogBox span.says { font-size: 16px; }
.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-style: normal; text-decoration: none; font-size: 20px; }
.leftBlogBox .comment-awaiting-moderation { font-size: 16px; line-height: 21px; color: #000; font-style: normal }
.leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 16px; }
.leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 15px; line-height: 19px; }
.comment-content p { padding-bottom: 5px; } #commentform p { padding-bottom: 15px !important; font-size: 16px; margin-bottom: 0; } #commentform .comment-form-cookies-consent { display: none; }
.leftBlogBox .comment-list .comment-metadata { font-size: 16px; color: #000; }
.leftBlogBox .comment-reply-link { font-size: 16px; text-decoration: none }
.leftBlogBox .comment-reply-link:hover { text-decoration: none; color: #dfb643; } #cancel-comment-reply-link { color: #000; text-decoration: none; font-size: 20px; line-height: 25px } #cancel-comment-reply-link:hover { text-decoration: underline }
.leftBlogBox .reply { padding: 0px 0 15px; }
.leftBlogBox .reply a { color: #000 }
.leftBlogBox #respond { margin-top: 10px;/*overflow: hidden;*/width: auto; padding: 0px }
.leftBlogBox #cancel-comment-reply-link:hover { color: #dfb643; text-decoration: none }
.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*//*float:left*/}
.leftBlogBox label.screen-reader-text { display: none }
.leftBlogBox #searchform { width: 100%; margin: 0 auto; }
.leftBlogBox .page-header { padding: 6px 0; padding-top: 20px; } 
#commentform label { float: left; width: 100px; font-size: 16px; line-height: 21px; padding: 6px 0; }
#commentform label.error { display: none!important }

/* pagination */
.leftBlogBox .wp-pagenavi { margin: 25px 0 50px 0; width: 100%; }
.leftBlogBox .wp-pagenavi a, .wp-pagenavi span { font-size: 14px; color: #000; border: 1px solid #7b7b7b; display:inline-block; vertical-align: top; }
.wp-pagenavi a, .wp-pagenavi span { border-color: #2600ce; padding: 5px 7px }
.wp-pagenavi span.current { border-color: #2600ce; font-weight: normal; color: #fff; background: #2600ce}
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover { background: #2600ce; color: #fff; border-color: #2600ce; }
.wp-pagenavi span.pages:hover, .wp-pagenavi span.pages { border-color: #7b7b7b; }

/* right blog box */
.rightBlogBox { display: none; padding: 0 0 0 40px; width: 27%;	float: right;	position: relative;	background: #fff;}
.rightBlogBox ul { margin-bottom: 0; }
.rightBlogBox .widget {	text-align: left;	margin-bottom: 25px;	overflow: hidden}
.rightBlogBox .widget h3 { font-size: 25px; line-height: 30px; font-weight:700; padding-bottom: 10px; }
.rightBlogBox h3.widgettitle {	margin-bottom: 10px;	text-align: center;	color: #f1c855;	font-size: 34px;	text-align: left;	text-transform: capitalize;	line-height: 40px;	padding-bottom: 0px}
.rightBlogBox label.screen-reader-text { display: none; }
.rightBlogBox #searchform { width: 100%; margin: 0 auto; }
.rightBlogBox #searchform input#s { width: 65%; border: 1px solid #7b7b7b; height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; float: left; margin-right: 5px; color: #7b7b7b; height: 33px; }
.rightBlogBox #searchform input#searchsubmit { width: 27%; background: #dfb643; color: #fff; border: none; height: 30px; text-transform: capitalize; font-weight: bold; cursor: pointer; float: left; }
.rightBlogBox #searchform input#searchsubmit:hover { background: #5a3b00; }
.rightBlogBox ul li { width: 100%; }
.rightBlogBox ul li a { color: #000; text-decoration: none; text-transform: capitalize; outline: none }
.rightBlogBox ul li.current-cat a { color: #2600ce; font-weight:700; }
.rightBlogBox ul li a:hover { text-decoration: none; color: #2600ce; }
.mobilesidebar { display: none; }
.desktopsidebar { display: block }

/* single page */
.search-form .screen-reader-text { display: none }
.search-form input[type='Search'] { border-radius: 0px; padding: 5px; font-size: 14px; line-height: 19px; float: left; border: solid 1px #2600ce ; color: #000; width: calc(100% - 85px); width: -ms-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); -webkit-appearance: none; -webkit-border-radius: 0px; height: 33px; }
.search-form input[type='submit'] { width: 80px; text-align:center; float: left; background: #2600ce ; border-radius: 0px; font-size: 15px; line-height: 20px; border: none; color: #fff; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 4px 10px; margin-right: 0px; height: 33px; border: solid 1px #2600ce ; }
.search-form input[type='submit']:hover { background: #2600ce; border: solid 1px #2600ce; }
/*.search-form input[type='Search']:focus { border: solid 1px #000!important }*/
.leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }
.leftBlogBox .singleimage img { max-width: 100%; height: auto; width: 100% }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }	 	

/*keyframes*/
@-webkit-keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
	0%{opacity:0;-moz-transform:translateY(-100%)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}


.heading {
overflow: hidden; 
}
.word { display: inline-block; transform: translateY(100%); opacity: 0; }







/* number animation */
/****** CSS Variables ******/
:root {
 /* text size */
 --bespangled-size-text-extra-lrg: 5rem;
 --bespangled-size-text-lrg: 1.5rem;
 --bespangled-size-text-med: 1rem;
 
 /* focus indicator */
 --bespangled-size-gap-focus-indicator: 2px;
 --bespangled-size-thickness-focus-indicator: 3px;
 --bespangled-size-thickness-component: 1px;
 --bespangled-color-focus-indicator: hsl(190, 100%, 50%);
 
 /* radius */
 --bespangled-size-radius-med: 12px;
 --bespangled-size-radius-lrg: 16px;
 
 /* colors */
 --bespangled-color-fg-base: hsl(0, 0%, 0%);
 --bespangled-color-fg-subdued: hsl(0, 0%, 10%);
 --bespangled-color-fg-link-hover: hsl(240, 50%, 40%);
 --bespangled-color-fg-primary: hsl(240, 60%, 30%);
 --bespangled-color-fg-primary-bright: hsl(250, 80%, 40%);
 
 --bespangled-color-bg-base: hsl(240, 5%, 95%);
 --bespangled-color-bg-primary: hsl(240, 60%, 30%);
 --bespangled-color-bg-primary-bright: hsl(240, 80%, 40%);
 --bespangled-color-bg-secondary: hsl(240, 100%, 100%);
 
 --bespangled-color-border-neutral: hsla(240, 50%, 85%, 0.5);
 
 --bespangled-color-shadow-01: hsla(240, 30%, 28%, 25%);
 --bespangled-color-shadow-02: 	hsl(0, 0%, 0%, 30%);
 
 --bespangled-color-fg-black-static: hsl(0, 0%, 0%);
 --bespangled-color-fg-white-static: hsl(0, 0%, 100%);
 --bespangled-color-bg-black-static: hsl(0, 0%, 0%);
 --bespangled-color-bg-white-static: hsl(0, 0%, 100%);
}

@media (max-width: 992px) {
 :root {
   /* text size */
   --bespangled-size-text-extra-lrg: 3rem;
   --bespangled-size-text-lrg: 1.2rem;
   --bespangled-size-text-med: 1rem;
 }
}

:root .drk-background {
  --bespangled-color-fg-base: hsl(0, 0%, 100%);
  --bespangled-color-fg-subdued: hsl(0, 0%, 80%);
 }

@media (prefers-color-scheme: dark) {
 :root {
  --bespangled-color-fg-base: hsl(0, 0%, 100%);
  --bespangled-color-fg-subdued: hsl(0, 0%, 80%);
  --bespangled-color-bg-base: hsl(240, 5%, 5%);
  --bespangled-color-fg-link-hover: hsl(250, 70%, 70%);
  --bespangled-color-border-neutral: hsla(250, 50%, 80%, 0.5);
  --bespangled-color-shadow-01: hsla(240, 30%, 88%, 25%);
  --bespangled-color-shadow-02: 	hsl(0, 0%, 0%, 60%);
 }
}


/****** General Resets ******/
.custom-dropdown select { display: none; }
.custom-dropdown { position: relative; width: 100%; margin-bottom: 27px; color: #000;} 
.custom-dropdown .dropdown-selected { background: #fff; position: relative; border: 1px solid #ccc; padding: 15px 30px 15px 15px ; height: 50px; font-size: 16px; line-height: 20px; cursor: pointer; color: #000; border-radius: 5px; border: 1px solid #000; box-shadow: 0px 5px 5px rgba(0,0,0,0.1) inset; }
.custom-dropdown .dropdown-selected:after { width: 16px; height: 12px; content: ''; transition: all 0.3s; position: absolute; right: 10px; top: 50%; margin-top: -6px; background: #fff url(images/dropdown-arrow.svg) center center no-repeat; background-size: 16px auto; }
.custom-dropdown.active .dropdown-selected:after { transform: scale(1,-1); }
.custom-dropdown .dropdown-options { display: none; padding: 5px 25px; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ccc; border-radius: 6px; max-height: 200px; overflow-y: auto; z-index: 999;}
.custom-dropdown .dropdown-options .options-container div { position: relative; z-index: 1; padding: 8px 10px; transition: all 0.4s; font-size: 14px; line-height: 17px; cursor: pointer; border-radius: 5px; }
.custom-dropdown .dropdown-options .options-container div:before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background: linear-gradient(to right, #2502cd 1%,#c602de 100%); z-index: -1; transition: all 0.4s; opacity: 0; border-radius: 5px; }
.custom-dropdown .dropdown-options .options-container div:hover { color: #fff;}  
.custom-dropdown .dropdown-options .options-container div:hover:before { opacity: 100; }
.wpcf7-spinner { display: none !important; }

.dropdown-search { width: 100%; height: 33px; border: 1px solid rgba(0,0,0,0.2); background: rgba(0,0,0,0.1); border-radius: 7px !important; font-size: 14px; padding: 7px 10px; margin: 0 0 5px 0; display: none; }
.custom-dropdown.state-dropdown .dropdown-search { display: block; }


.tabs { margin: 0px; padding: 0; list-style: none; position: relative; border-bottom: 1px solid #ccc; }
.tabs li { font-family: "neulis-neue",sans-serif; font-weight: 600; border-radius: 15px 15px 0 0; transition: all 0.3s; font-size: 20px; line-height: 1.2; display: inline-block;
cursor: pointer; color: #000; padding: 15px 25px; background: rgba(0,0,0,0.1); }
.tabs li:hover,
.tabs .active-tab { position: relative; color: #fff; background: #2300CD; }
.tabs-content { padding: 40px 0; } 
.tab-contentbox { display: none; }


/* blog_list_sec */
.blog_list_sec { padding: 75px 0; width: 100%; position: relative; }
.blog_list_sec .topbox { padding: 0 0 20px 0; max-width: 610px; margin: 0 auto; text-align: center; }
.blog_list_sec h1 { text-align: center; padding-bottom: 25px; }
.blog_list_sec .search-box { margin: 0 auto; max-width: 450px; }
.blog_list_sec .search-box .search-form input[type='Search'] { height: 50px; font-size: 16px; padding: 15px; color: #000; margin: 0; border-radius: 5px !important; border: 1px solid #000; box-shadow: 0px 5px 5px rgba(0,0,0,0.1) inset; width: 100%; float: none; }
.blog_list_sec .search-box .search-form input[type='submit'] { width: 40px; height: 40px; font-size: 0; line-height: 0; background: #C602DE url(images/arrow.svg) center center no-repeat; background-size: 18px auto; border: 0; cursor: pointer; border-radius:50% !important; position: absolute; right: 10px; top: 5px; } 
.blog_list_sec .search-box .search-form { position: relative; display: flex; flex-wrap: wrap; width: 100%; }
.blog_list_sec .search-box .search-form label { width: 100%; display: block; }
.blog_list_sec .search-box .search-form input[type='submit']:hover { background-color: #2600ce; }


/* featured-post */
.blog_list_sec .featured-post { padding:90px 60px; position: relative; overflow: hidden; border: 1px solid #000; display: flex; flex-wrap: wrap; align-items: center; width: 100%; border-radius: 20px; background: linear-gradient(to right, #4733b7 0%, #ae00a9 100%); }
.blog_list_sec .featured-post:before {width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;background: url(images/post-squiggle.png) center 0 no-repeat;background-size: cover;mix-blend-mode: soft-light;}
.blog_list_sec .featured-post .text { position: relative; z-index: 1; padding: 0px 50px 0 0; width: 45%; }
.blog_list_sec .featured-post .image { width: 55%; order: 1; }
.blog_list_sec .featured-post .image figure { margin: -1px -1px -1px 1px; border-radius: 20px; overflow: hidden; border: 1px solid #000; width: 100%; /*height: 0; padding-bottom: 84.7%;*/ position: relative; display: block; }
.blog_list_sec .featured-post .image figure img { border-radius: 20px; /*position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;*/ width: 100%;  }
.blog_list_sec .featured-post .top_row { width: 100%; }
.blog_list_sec .featured-post .catbox { display: inline-block; vertical-align: top; }
.blog_list_sec .featured-post .catbox .category-link { display: inline-block; vertical-align: top; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 15px; background: #fff; border-radius: 25px; color: #000; }
.blog_list_sec .featured-post .catbox .category-link:hover { text-decoration: none; background: rgba(255,255,0255,0.8); }
.blog_list_sec .featured-post .top_row .date { display: inline-block; vertical-align: top; line-height: 40px; color: #fff; font-size: 14px; font-weight: 500; padding: 0 15px; }
.blog_list_sec .featured-post h2 { color: #fff; padding: 20px 0 15px; }
.blog_list_sec .featured-post p { color: #fff; } 
.blog_list_sec .featured-post .author { display: block; vertical-align: top; color: #fff; }
.blog_list_sec .featured-post .author figure.author_pic { display: inline-block; vertical-align: top; width: 30px; height: 30px; } 
.blog_list_sec .featured-post .author figure.author_pic img { width: 30px; height: 30px; object-fit: cover; border-radius: 50%; }
.blog_list_sec .featured-post .author a { display: inline-block; vertical-align: top; line-height: 30px; color: #fff; }
.blog_list_sec .featured-post .button { margin-top: 30px; }
.blog_list_sec .featured-post.blank { display: none; }
.blog_list_sec .featured-post.blank + .post-list { padding-top: 0; }


/* post-list */
.blog_list_sec .post-list { padding: 100px 0 0 0; display: flex; flex-wrap: wrap; margin: 0 -10px; }
.blog_list_sec .post-list .type-post { width: 50%; padding: 0 10px 100px; margin: 0; }
.blog_list_sec .post-list .type-post .thumbnail { width: 100%; position: relative; }
.blog_list_sec .post-list .type-post .thumbnail figure { border-radius: 20px; overflow: hidden; width: 100%; height: 0; padding-bottom: 50%; position: relative; display: block; }
.blog_list_sec .post-list .type-post .thumbnail figure img { transition: all 0.5s; border-radius: 20px; position: absolute; left: 0; top: 0; height: 100%; width: 100%;  object-fit: cover; object-position: center top; }  
.blog_list_sec .post-list .type-post .thumbnail:hover figure img { transform: scale(1.1); }
.blog_list_sec .post-list .type-post .top_row { padding: 20px 0 30px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.blog_list_sec .post-list .type-post .catbox { display: inline-block; vertical-align: top; }
.blog_list_sec .post-list .type-post .catbox .category-link { display: inline-block; vertical-align: top; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 15px; background: linear-gradient(to right, #2600ce 0%, #AE00A9 100%); border-radius: 25px; color: #fff; margin: 4px 5px 4px 0; }
.blog_list_sec .post-list .type-post .catbox .category-link:hover { background: linear-gradient(to right, #2600ce 0%, #2600ce 100%); }
.blog_list_sec .post-list .type-post .catbox .category-link:hover { text-decoration: none; }
.blog_list_sec .post-list .type-post .top_row .date { display: inline-block; vertical-align: top; line-height: 40px; font-size: 14px; font-weight: 500; padding: 0 0 0 15px; }
.blog_list_sec .post-list .type-post .top_row .sep { display: none; }

.blog_list_sec .post-list .type-post .author { display: block; vertical-align: top; }
.blog_list_sec .post-list .type-post .author figure.author_pic { display: inline-block; vertical-align: top; width: 30px; height: 30px; } 
.blog_list_sec .post-list .type-post .author figure.author_pic img { width: 30px; height: 30px; object-fit: cover; border-radius: 50%; }
.blog_list_sec .post-list .type-post .author a { display: inline-block; vertical-align: top; line-height: 30px; }
.blog_list_sec .filter-toggle { display: none; }


/* Category Tabs */
.category-filter { margin: 83px 0 70px; text-align: center; width: 100%; }
.category-tabs { margin: 0; display: inline-block; vertical-align: top; border-radius: 30px; list-style: none; text-align: center; padding: 10px; /*display: flex; flex-wrap: wrap; justify-content: space-between;*/ background: linear-gradient(to right, #2600ce 0%, #AE00A9 100%); }
.category-tabs li { margin: 0 5px; display: inline-block; }
.category-tabs li a { font-size: 14px; line-height: 20px; display: block; padding: 10px 20px; text-decoration: none; color: #fff; background: transparent; transition: all 0.3s; border-radius: 25px;; }
.category-tabs li.active a,
.category-tabs li a:hover { background: #fff; color: #000; }


/* Pagination (WP PageNavi) */
.pagination { width: 100%; text-align: center; margin-top: 20px; }
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span { margin: 0 10px; text-decoration: none; color: #000; font-size: 22px; line-height: 1; font-weight: 700; border: 0; padding: 0; }
.pagination .wp-pagenavi a:hover,
.pagination .wp-pagenavi .current { color: #2600ce; background: transparent; }
.pagination .wp-pagenavi .previouspostslink,
.pagination .wp-pagenavi .nextpostslink { margin-top: 1px; display: inline-block; vertical-align: top; font-size: 0; line-height: 0; width: 20px; height: 20px; background: url(images/next-arrow-dark.svg) center center no-repeat; background-size: contain; }
.pagination .wp-pagenavi .pages { display: none; }
.pagination .wp-pagenavi .nextpostslink:hover { background: url(images/next-arrow-dark.svg) center center no-repeat; background-size: contain; }

.pagination .wp-pagenavi .previouspostslink:hover,
.pagination .wp-pagenavi .previouspostslink { background: url(images/perv-arrow-dark.svg) center center no-repeat; background-size: contain; }
 

.post-list article {
  margin-bottom: 20px;
}

.wpcf7 form .wpcf7-response-output { background: #fff; font-weight: 700; padding: 15px; text-align: center; border-radius: 5px; }

.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; border: 0; background: #fff; color: green; font-weight: 700; padding: 15px; text-align: center; border-radius: 5px; }



/**/