@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,600&display=swap');
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; font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4,h5, h6{font-weight: 600; line-height: 22px;}
ul, li{list-style: none; margin: 0px; padding: 0px}
p{margin: 0px 0px 14px 0px; font-size: 15px;  line-height: 26px;color:#000}
.inner-section-1-2 p{margin: 10px 0px 14px 0px; font-size: 16px;  line-height: 22px;color:#707070}
.section-1 h1{ margin: 40px 0px 20px 0px; padding: 0px;}
body {line-height: 1;font-family: 'Roboto', sans-serif; font-size: 14px;margin: 0px;padding: 0px;}
input, textarea{font-family: 'Roboto', sans-serif;}
.fix_header {position: fixed;top: 0;left: 0;right: 0;padding: 0 0 0px 0;z-index:99999999; background: #fff; box-shadow: 1px 3px 9px -2px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 3px 9px -2px rgba(0,0,0,0.7); -moz-box-shadow: 1px 3px 9px -2px rgba(0,0,0,0.7);}
.logoOuter { padding: 0; display: inline-block; width: 100%; }
.logoOuter img {width: 100%; max-width: 180px}
.fix_header.smaller, .fix_header.smaller .logoOuter img, .fix_header, .logoOuter, .logoOuter img, .fix_header.smaller .fix_headerRT_inner, .fix_headerRT_inner{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }
.fix_header.smaller{ background: rgba(255, 255, 255, 0.98); padding: 0px 0 0px 0px;
box-shadow: 1px 3px 9px -2px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 3px 9px -2px rgba(0,0,0,0.7); -moz-box-shadow: 1px 3px 9px -2px rgba(0,0,0,0.7);}
.fix_header.smaller .logoOuter{ padding:0; width:80px;}
.fix_header.smaller .fix_headerRT_inner{ padding:10px 10px 0px 0; margin-top:15px;}
/*.fix_header.smaller nav ul li{  font-size:18px;}*/
.logoOuter, .fix_header.smaller .logoOuter{transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s;}


.header-main{ display: flex; width: 100%; margin: auto}
.header-1{ width: 100px;margin: auto}
.header-2{ flex:1; text-align: center; padding-right: 20px;margin: auto}
.header-3{ width: 200px;  margin: auto; text-align: right; position: relative;}
.header-3 a{ font-size: 14px; color: #000; padding-left: 25px; text-decoration: none;} 
.header-3 a:hover{ color: #089495}
.wrapper {   max-width: 1170px;  margin: 0 auto;  width: 96%;  position: relative;box-sizing: border-box;}
.mobile-btn {  display: none; }

.section-1{ padding: 20px 0px;}
.section-1-a{ padding: 0px 0px;}
.m-top-1{ margin-top: 45px; margin-bottom: 30px}

.two-col-1-main{ display: flex; width: 100%;margin-top: 44px; }
.two-col-1-1{ width: 340px; padding: 20px 20px 40px 20px;box-sizing: border-box; position: relative;
background: transparent linear-gradient(139deg, #EDEEF1 0%, #FFF4F2 100%) 0% 0% no-repeat padding-box;
border-radius: 20px;
}

.two-col-1-1 h1{ border-bottom: 1px solid #ccc; text-align: center; padding: 10px 0px; margin: 0px 0px 20px 0px; font-size: 20px;}
.two-col-1-1 h3{ margin: 0px 0px 10px 0px; font-size: 16px;}
.two-col-1-2{flex: 1; margin-left: 20px; }
.tag-1{ display: inline-block; vertical-align: middle; margin: 0px 6px; font-size: 10px; line-height: 16px; padding: 3px 10px; border-radius: 100px; background: #079394; color: #fff;}
.two-col-2-main{ display: flex; width: 100%;border: 1px solid #f1f1f1; border-radius: 20px; margin-bottom: 20px; }
.two-col-2-1{ width: 200px;}
.two-col-2-1 img{ width: 100%; height: auto; padding: 14px 0px 14px 14px; box-sizing: border-box;}
.two-col-2-main{}
.two-col-2-2{flex: 1;padding: 16px; }
.two-col-2-2 h4{font-size: 20px; font-weight: 500; margin: 0px 0px 15px 0px}
.two-col-2-2 h5{font-size: 16px; font-weight: 400;margin: 0px 0px 15px 0px}
.two-col-2-2 p{font-size: 16px; margin: 15px 0px; color: #333333;}
.two-col-2-2 a{font-size: 14px;color: #000000; font-style: italic;}
.two-col-2-1 h4{ 
background: #EF846A;
border-radius: 20px 0px 0px 0px;
    padding: 10px 10px 10px 20px;
    color: #fff;
}
.homepage-sec-2-wrap{ padding: 10px 0px 20px 0px}
.blue-bg{ 
background: #205991 !important;
    color: #fff;
}
quote{ background: transparent linear-gradient(99deg, #EDEEF1 0%, #FFF4F2 100%) 0% 0% ;
border-radius: 20px; width:100%; padding: 20px; box-sizing: border-box; display: block; margin: 20px 0px;}
.homepage-sec-2{ }
.homepage-sec-2 h3{ font-size: 20px; margin: 10px 0px 18px 0px;}
.homepage-sec-2 h4{ font-size: 16px; margin: 10px 0px 18px 0px;}



.musings-detail {padding: 0px;}
.musings-detail h1{ font-size: 28px; margin: 10px 0px 18px 0px;}
.reg-1-main{ display: flex; width: 100%; margin: auto;}
.reg-1-1{ width: 50%; box-sizing: border-box; padding: 50px;    }
.reg-1-2{ width: 50%; height: calc(100vh); margin: auto; background: #F4FCFC;    display: flex;}
.reg-1-2 img{ width:80%; height: auto} 
.a-1{ margin: auto;}

.form-box-1-two{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap}
.w-100{width: 100% !important}
.w-64{width: 65.1% !important}

.w-48{width: 65.1% !important}

.f-b-1{width: 30%; margin:15px 0px 5px 0px;}
.f-b-1 b{padding-bottom: 10px; display: block}
.f-b-1-two{width: 47%; margin:9px 0px 5px 0px;}
.f-b-1-two p{ margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; font-size: 12px;}

select{color: #65708D; background-color: #fff; box-shadow: 10px 24px 74px #0000000A; border: 0px; border-radius: 5px;  padding: 10px 10px; width: 100%; box-sizing: border-box; border: 1px solid #ccc; box-sizing: border-box;}

input[type='text'],  input[type='number'], input[type='email'],input[type='phone'], input[type='password'], input[type='date']{color:#65708D; background-color: #fff; box-shadow: 10px 24px 74px #0000000A; border: 0px; border-radius: 5px;  padding: 10px 10px; width: 100%;box-sizing: border-box; border: 1px solid #ccc; box-sizing: border-box;}

textarea{color: #65708D; background-color: #F1F1F1; box-shadow: 10px 24px 74px #0000000A; border: 0px; border-radius: 5px;  padding: 10px 10px; width: 100%; resize: none;font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; box-sizing: border-box; border: 1px solid #ccc; box-sizing: border-box;} 
button, input[type='button'], .buttton-1{  border: 0px; margin: 15px 0px; border-radius: 5px;; display: inline-block; padding: 10px 20px; background: #079394; color: #FFFFFF; font-size: 14px;box-sizing: border-box; display: inline-block; text-align: center; cursor: pointer}

button, input[type='button']:hover, .buttton-1:hover{
-webkit-box-shadow: 0px 0px 10px -7px rgba(51,51,51,0.72);
-moz-box-shadow: 0px 0px 10px -7px rgba(51,51,51,0.72);
box-shadow: 0px 0px 10px -7px rgba(51,51,51,0.72);

}

.button-2{  border: 1px solid #CCCCCC; margin: 15px 0px; border-radius: 5px;; display: inline-block; padding: 10px 20px; background: #fff; color: #000; font-size: 14px;box-sizing: border-box; display: inline-block; text-align: center; cursor: pointer; text-decoration: none;}

.objectives-goal-sec-2 h2{ font-size: 30px; font-weight: 400; }

button a{ display: block;text-decoration: none; background: #079394; color: #FFFFFF; font-size: 14px;}

form input{
  display:inline-block;
  width:50px !important;
  height:50px;
  text-align:center;
}
.flx-1-jus-spa-btw{display: flex; justify-content: space-between;}
.dis-flex{ display: flex;}

.reg-1-main h1{ font-size: 30px; font-weight: 400; }
.objectives-goal-sec-2 p{ color: #777777; font-size: 16px;  }
.reg-1-main h6{ color: #777777; font-size: 16px; margin: 10px 0px 0px 0px; font-weight: 300; }

.text-center{ text-align: center !important}
.footer-main{  position: fixed; width: 50%; box-sizing: border-box; left: 0px; bottom: 0px; background: #fff;}
.footer-1-main{ padding: 20px; display: flex}
.footer-1-1{flex: 1; text-align: left;}
.footer-1-2{width:120px;  text-align: right;}

.rem-1-main{ padding: 0px 0px; display: flex}
.rem-1-1{flex: 1; text-align: left;}
.rem-1-2{width:120px;  text-align: right;}

.footer-main-2{  position: fixed; width: 100%; text-align: center; font-size: 14px; color: #000; box-sizing: border-box; left: 0px; bottom: 0px; background: #fff; padding: 10px 0px;}

.text-link-1{ text-decoration: none; color: #079394}
.white-bg{ background-color: #ffffff !important; color: #000 !important; cursor: pointer}
.font-s-1{font-size: 14px !important}
.otp-sec-1{ width: 96%; margin: auto; max-width: 400px;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #65708D;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #65708D;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #65708D;
}
textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #65708D;
  opacity: 1; /* Firefox */
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #65708D;
}

textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #65708D;
}



.logo-1{ text-align: center;padding: 10px 0px;}
.set-your-goal-main{ max-width: 430px; width: 96%; margin: 0 auto;background: transparent linear-gradient(142deg, #EDEEF1 0%, #FFF4F2 100%) 0% 0% no-repeat padding-box; padding: 25px; box-sizing: border-box;}
 h1{ font-size: 30px; font-weight: 400; }
h6{ color: #777777; font-size: 16px; margin: 10px 0px 0px 0px; font-weight: 300; }

.price_tbl span{ display: inline-block; float: right; }
.price_tbl input{ margin-right: 6px; vertical-align: bottom;}

.price_tbl{margin: 10px 0px; background: #FFFFFF; padding: 10px; box-sizing: border-box; border: 1px solid #000000;
border-radius: 5px; }

.objective-box-main{ margin: 24px 0px; background: #FFFFFF; padding: 10px; box-sizing: border-box; border: 1px solid #000000;
border-radius: 5px; }
.objective-box-main-2{ margin: 10px 0px; background: #EF846A; padding: 10px; box-sizing: border-box;
    border: 0px 0; border-radius: 5px; text-align: center; }
.objective-box-main-2 {font-size: 20px; color: #fff;}
.objective-box-main-2 b{font-size: 14px; color: #fff;}
.objective-box-main span{ display: inline-block; float: right; }
.r-1{ padding: 0px 0px 20px 0px; margin: 0px; display: block}

.objective-r-1{ padding: 0px 0px 20px 0px; margin: 0px; display: block}
.objective-r-1 b{ padding: 10px 0px 10px 4px; display: inline-block; color: #666666; font-size: 13px;}
.objective-box-main h6{ color: #666666; font-size: 13px;margin: 0px; padding: 0px;}
.objective-box-main p{ color: #000000; font-size: 14px; font-weight: 500; margin:10px 0px; padding: 0px;}
.all-sets{
    margin: 25px 0px;
    padding: 0px; box-sizing:border-box; position: relative;
    
   background-color: #FFFFFF;
box-shadow: 0px 3px 6px #00000029;
border: 1px solid #CCCCCC;
border-radius: 20px; 
}

.sets-flex{ display:flex ; flex-wrap: wrap; width: 100%; justify-content: space-between}

.sets-2-main{ width: 45%; background-image: none !important; padding-right: 0px; }


.sets-1-main{ width: 45%; background-image: url(../images/feather-lock.svg); background-repeat: no-repeat; background-position: right 20px center; padding: 8px 10px; box-sizing: border-box; margin: 10px 0px; box-sizing: border-box; display: flex; border: 1px solid #ccc; border-radius: 3px; color:#4e4949}
.sets-1-main a{display: flex; width: 100%;text-decoration: none;color: #000}
.sets-1-main-selected{background-image: url(../images/arrow-forward.svg) !important; border-color: #EF846A!important; color: #000} 


.set-1-1{width: 100px; margin: auto}
.set-1-2{ flex: 1}
.set-1-3{width: 50px;text-align: right; margin: auto; }

.progress-bar-main{  box-sizing: border-box;border: 1px solid #F5C096;-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding: 0px}
.progress-bar-1{ box-sizing: border-box;background: #F5C096; color: #fff; padding: 3px 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

.center-1{ 
   background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 12px #0000001A;
border-radius: 7px; padding: 5px 10px;
position: absolute;
left: 50%;
bottom: -40px;
transform: translate(-50%, -50%);

}

.center-2{ 
   background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 12px #0000001A;
border-radius: 7px; padding: 5px 10px;
position: absolute;
left: 50%;
bottom: -20px;
transform: translate(-50%, -50%);

}


.bullet-3 ul{ margin: 0px; padding: 0px; list-style: none;}
.bullet-3 ul li{ display: block;  margin: 10px 0px; background: #F3F5F7; color: #000; padding: 10px 14px;}


.bullet-1 ul{ margin: 0px; padding: 0px; list-style: none;text-align: center;}
.bullet-1 ul li{ display: inline-block; transition: 0.2s; margin: 0px 5px; background: #079394; width: 20px; height: 20px; border-radius: 100px; display: inline-block;}
.bullet-1 ul li img{ width: 100%; height: 100%;}



.bullet-2 ul{ margin: 0px; padding: 0px; list-style: none;}
.bullet-2 ul li{ display: inline-block; transition: 0.2s; margin: 0px 5px; background: #fff; width: 25px; height: 25px; border-radius: 100px; display: inline-block; text-align: center; padding-top: 6px; box-sizing: border-box;}
.bullet-2 ul li a { color: #000; text-decoration: none;}
.border-1{border: 1px solid #ccc;}
.border-2{border: 1px solid #ccc; padding: 20px; border-radius: 10px;}

.bullet-2 ul li:hover{transform: scale(1.2)}
.bullet-1 ul li:hover{transform: scale(1.2)}
.value-1{ margin: auto; border: 1px solid #205991; padding: 3px 10px; display: inline-block; position: relative;background: #fff; border-radius: 100px;}

.two-col-5{ display: flex; width: 100%; margin: 0px 0px 10px 0px; padding: 10px; box-sizing: border-box;
background: transparent linear-gradient(93deg, #EDEEF1 0%, #F3F0F1 24%, #FFF4F2 100%) 0% 0% no-repeat padding-box;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.two-col-5-1{width: 50%; text-align: left;margin: auto; padding-left: 14px; box-sizing: border-box;}
.padding-1{ padding: 10px 20px 40px 20px;}
.two-col-5-2{width: 50%; text-align: right}
.two-col-5-2 button{ margin: 0px 3px;}
.button-1a{ padding: 10px 15px; font-size: 16px; color: #fff; background: #079394; display: inline-block; border-radius: 5px; text-decoration: none; margin: 10px 0px}
.button-1-white{ padding: 4px 10px; font-size: 12px; color: #000; background: #fff; display: inline-block; border-radius: 100px;border: 1px solid #ccc; margin-left: 3px; }
.button-1-white a{ text-decoration: none;  color: #000;  }
.gray-bg{ background: #F5F4F3 !important; color: #000 !important; margin-left: 20px;}

.gray-bg-2{ background: #F3F5F7 !important; color: #000 !important;}


.two-col-5-1 h2{ font-size: 26px; font-weight: 400;margin: auto;}
.button-1a a{ text-decoration: none;}
.gray-bg a{ background: #F5F4F3 !important; color: #000 !important; }
.q-1 h6{font-size: 12px; color: #000000;}
.q-1 h6 a{text-decoration: none; color: #079394;}

.objectives-goal-sec-1{ padding: 10px; background: #F3F5F7; border-radius: 10px}
.objectives-goal-sec-2{ border-radius: 10px;
    background: transparent linear-gradient(132deg, #EDEEF1 0%, #FFF4F2 100%);
    padding: 10px;   margin: 30px 0px; padding: 20px;}
/*.objectives-goal-flx-main{display: flex; width: 100%}
.objectives-goal-flx-1{display: flex; width: 100%}*/


.two-col-main{ display: flex; width: 100%;}
.two-col-1{ flex: 1;margin: auto;}
.two-col-2{margin: auto;}


.three-col-main{ display: flex; width: 100%; justify-content:space-between; }
.three-col-1{ width: 30%}
.three-col-1 b{ display: block; margin: 0px 0px 10px 0px; font-weight: 500; font-size: 16px;}


.objectives-goal-sec-2{}
.three-col-1 select{ border: 1px solid #ccc; width: 100%;padding: 10px 10px;}
.ogs-col-2-main{display: flex; width: 90%; margin: 0 auto;}
.ogs-col-2-1{flex:1; padding: 5px 20px; text-align: center;}
.ogs-col-2-2{width: 300px; position: relative}
.ogs-col-2-2 ul{ margin: 0px; padding: 0px; background: #fff;-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; padding: 10px; position: relative;}
.ogs-col-2-2 ul li{ }
.instruc-flx-1-main{ display: flex; width:100%; }
.instruc-flx-1-1{ background-color: #EF846A; text-align: center; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #fff;  width: 30px; text-align: center; vertical-align: middle; display: flex;  }

.instruc-flx-1-1 .v-txt-1{    writing-mode: vertical-rl !important; }
.instruc-flx-1-2{ flex:1; background: #fff; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}


.instruc-flx-1-2 ul li{padding: 3px 0px; color: #003049}
.instruc-flx-1-2 ul li b{ display: inline-block; width: 24px; height: 24px; background-color: #D62828;color: #fff; text-align: center;vertical-align: middle; line-height: 24px; margin-right: 10px; border-radius: 3px;}
.instruc-flx-1-2 ul li:nth-child(2) b{ background: #F77F00 !important;} 
.instruc-flx-1-2 ul li:nth-child(3) b{ background: #FCBF49 !important;} 
.instruc-flx-1-2 ul li:nth-child(4) b{ background: #EAE2B7 !important;} 
.instruc-flx-1-2 ul li:nth-child(5) b{ background: #079394 !important;} 
.instruc-flx-1-2 ul li:nth-child(6) b{ background: #ccc !important;} 
.ogs-col-2-1{ margin: auto;}
.ogs-col-2-1 h1{font-family: 'EB Garamond', serif; font-weight: 400; margin: 0px;padding: 0px 0px 20px 0px; font-style: italic; line-height: 22px; font-size: 18px;}
.ogs-col-2-1 h4{ font-weight: 400; color: #079394; line-height: 30px; font-size: 22px;}
.ogs-col-2-1 p{  color: #333333; font-size: 14px;}
.v-txt-1 {
    margin: 0 auto; vertical-align: middle; text-align: center;
    /*height: 130px;
    width: 30px;*/
    white-space: nowrap;
    /*color: #fff;
   white-space: nowrap;
    font-size: 14px;
    padding: 10px 10px;
    
   
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: center center;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: center center;*/
  /* */
   writing-mode: vertical-rl;
    padding: 10px;
    
}




.word-detail-m-flex{ display: flex; width: 100%;margin: 20px 0px; border: 1px solid #E9E9E9;border-radius: 20px;}
.word-detail-m-1{ background-color: #EF846A; text-align: center; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #fff;  width: 30px; text-align: center; vertical-align: middle; display: flex;  }
.word-detail-m-2{flex:1;padding: 10px 20px;}
.word-detail-m-3{ width:320px ; }

.instruc-flx-1-main{ display: flex; width:100%; }
.pml-2-1{ width: 100px;}
.word-detail-sec2-flex{ width: 100%;margin: 20px 0px; border: 1px solid #E9E9E9;border-radius: 20px; background: #F3F5F7; padding: 20px;box-sizing: border-box;}

.word-similar-sec{ width: 100%;margin: 14px 0px; border: 1px solid #E9E9E9;border-radius: 15px; background: #fbfbfb; padding: 3px 30px;box-sizing: border-box;}

.flashcard-border{border: 1px solid #E9E9E9;padding: 30px; border-radius: 10px; margin: 30px 0px;background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #E9E9E9;
border-radius: 20px;}
.flashcard-main{display: flex; width: 100%; border: 1px solid #E9E9E9; border-radius: 15px; margin: 20px 0px 0px 0px;}
.flashcard-1{
    background-color: #EF846A;
    text-align: center;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    color: #fff;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    display: flex;

}
.print-1{ width: 20px; height: auto; margin: 0px 10px}
.flashcard-2{width: 300px; background-image: url("../images/flashcard-bg-1.png"); background-repeat: no-repeat; background-position: center; background-size: cover; display: flex;}
.flashcard-2 h3{margin: auto; font-size: 40px; font-weight: 400; padding: 20px 20px;}
.flashcard-3{flex:1; padding: 20px 20px 80px 20px; position: relative;;}
.flashcard-3 h6{ position: absolute; bottom: 10px; left: 3%; width: 94%; box-sizing: border-box; background: #F3F5F7; padding: 10px 10px; border-radius: 10px; flex:1; padding: 10px 20px; font-size: 14px; color: #000;}
.flashcard-4{
    background-color: #079394;
    text-align: center;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
    color: #fff;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    display: flex;

}



.link-underline-1{text-decoration: underline;color: #000; padding: 15px 0px; display: block; font-style: italic;}
small{font-size: 0.5em}
.wd-sec2-col-2-main{display: flex; width: 100%;margin: 0px 0px 20px 0px; border-radius: 20px; box-sizing: border-box; background: #F3F5F7; padding: 0px;}
.wd-sec2-col-2-1{width: 26%; margin: 0px 0px; border-radius: 5px; background: #F3F5F7; padding: 0px 20px 0px 0px;}
.wd-sec2-col-2-1 img{ width: 100%;height: auto;}
.wd-sec2-col-2-2{ flex: 1; padding: 0px 20px; box-sizing: border-box;}
.instruc-flx-1-1{ background-color: #EF846A; text-align: center; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #fff;  width: 30px; text-align: center; vertical-align: middle; display: flex;  }

.instruc-flx-1-2{ flex:1; background: #fff; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}

.pronoun-main{background: #F3F5F7;border: 1px solid #E9E9E9;padding: 10px 12px; box-sizing: border-box; margin: 20px 20px;border-radius: 10px;}
.pronoun-main-list{display: flex; width: 100%; padding: 6px 0px;}
.pronoun-main-list a{display: flex; width: 100%; }
.pml-1{width: 64px; padding-right: 20px;}
.pml-1 img{ height: 14px; width: auto;margin: auto;}
.pml-2{flex: 1;margin: auto;}

.pronoun-main-list-2 b {
    width: 100%;
    padding: 4px 6px;
    display: block;
    
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    text-align: center;
}
.pronoun-main-list-2{ display: flex;
    width: 100%;
    padding: 6px 5px;
    background: #fff; box-sizing: border-box; }
.col-2-main{display: flex; width: 100%;justify-content: space-between; margin: 14px 0px;}
.col-2-1{ width: 48%; }
.pml-2-1{width: 24px; padding-right: 20px;}
.pml-2-1 img{ height: 14px; width: auto;margin: auto;}
.pml-2-2{width: 120px; text-align: center; margin: auto; background: #079394;
    color: #fff;
    font-size: 13px;
    border-radius: 100px; padding: 5px 10px; margin: 0px 10px 0px 0px}
.pml-2-3{flex: 1;margin: auto;}

.active-1{background: #EF846A !important;}

.pronoun-main-list b{width: 100%; padding: 4px 6px; display: block; background: #079394; color: #fff; font-size: 13px; border-radius: 100px; text-align: center;}
.word-detail-m-2 h6{  border-bottom: 1px solid #ccc; padding: 5px 0px; margin-bottom: 10px; color: #000000}
.word-detail-m-2 ul{margin: 0px;padding: 0px; list-style: none}
.word-detail-m-2 ul li{margin: 0px;padding: 10px 0px; list-style:inside disc}
.word-detail-m-2 a{ text-decoration: underline; font-style: italic; color: #000}
.pronoun-main ul{ width: 100%;}
.pronoun-main ul li{display: flex; width: 100%;}
.pronoun-main ul li a { display: flex;}
.pronoun-main ul li span{ width: 100px;}
.pronoun-main ul li b{ flex:1;}


.root-detail-tbl .rd-tbl-1{display: table; width: 100%}
.root-detail-tbl .rd-row-1{ display: table-row;}
.root-detail-tbl .rd-cell-1{display: table-cell; width: 120px; text-decoration: underline;padding: 10px 0px;font-weight: bold;}
.root-detail-tbl .rd-cell-2{display: table-cell}


.philosophy-main{margin: 30px 0px; border-radius: 20px; background: transparent linear-gradient(116deg, #EDEEF1 0%, #FFF4F2 100%) 0% 0%; 
    padding: 14px 20px;overflow: hidden;}
.philosophy-main h1{ font-size: 26px; color: #000000; margin: 20px 0px;} 
.img-r-1{ float: right; margin: 0px 10px 20px 20px; width: 240px; max-width: 96%; height: auto;}
.img-l-1{ float: left; margin: 0px 20px 20px 0px; width: 240px; max-width: 96%; height: auto;}
hr{height: 1px;margin: 14px 0px;padding: 0px; background:#D2D2D2; border: 0px;}
h2{font-size: 24px; font-weight: 400; margin: 0px 0px 15px 0px;}

.prepare-flashcard{display: flex;width: 100%; justify-content: space-between;flex-wrap: wrap}
.pf-1{ width: 30%;margin: 6px 0px; border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box;padding: 10px 10px}
.pf-1 input{ vertical-align: middle;margin-right: 5px;}



.quiz-wrapper{display: flex; width: 100%;}
.quiz-1{width: 300px; padding: 20px;
background: #F3F5F7 0% 0%;
box-shadow: inset 0px 0px 20px #00000005;
    border-radius: 10px;

}



.quiz-1 ul li {
    background: #fff;
    padding: 10px;
    margin: 5px 0px 15px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}
.quiz-1 ul li.active { background: #20B8B9}
.quiz-1 ul li a{ color: #000; text-decoration: none; display:block}

.quiz-2{flex: 1;background: transparent linear-gradient(115deg, #EDEEF1 0%, #FFF4F2 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;margin-left: 20px;padding: 20px;}
.quiz-2 h1{font-size: 28px; margin: 0px;padding:0px 0px 10px 0px; border-bottom: 1px solid #ccc; }
.quiz-2 h4{font-size: 16px; font-weight: 400; margin: 0px;padding:20px 0px 10px 2px;  }


.subscription-wrapper{display: flex; width: 100%;}
.subscription-1{flex: 1;background: transparent linear-gradient(115deg, #EDEEF1 0%, #FFF4F2 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;margin-left: 20px;padding: 20px;}
.subscription-1 h1{font-size: 28px; margin: 0px;padding:0px 0px 10px 0px; }
.subscription-1 h4{font-size: 14px; font-weight: 400; margin: 0px 0px 60px 0px;padding:10px 0px 10px 2px; border-bottom: 1px solid #ccc; color: #777777  }

.subscription-card-main{ display: flex;width: 100%}
.subscription-card-main h3{ background-image: url("../images/subscription-heading-bg.png"); padding: 10px 10px;text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover;} 
.subscription-card-1{ flex: 1; border: 1px solid #A0C67A;margin: 10px; box-sizing: border-box; background: #fff; border-radius: 10px;}
.subscription-card-2{flex: 1;  border: 1px solid #F0B3B3;margin: 10px; box-sizing: border-box;background: #fff;border-radius: 10px;}
.subscription-card-3{ flex: 1; border: 1px solid #A27046;margin: 10px; box-sizing: border-box;background: #fff;border-radius: 10px;}
.subscription-card-month{ width: 100px;}

.solar-bg-2{ border-radius: 30px; background-image: url(../images/solar-bg-2.png); background-repeat: no-repeat; background-size: cover; width: calc(100% - 100px); margin-left: 100px; box-sizing: border-box;    padding: 3px 3px;}

.w-1{width: calc(100% - 100px); margin-left: 100px; box-sizing: border-box;    padding: 3px 3px;}

.q-main{display: flex; width: 100%;}
.q-1{flex: 1;margin: auto;}
.q-2{width: 90px;font-size: 10px; color: #999999;text-align: right;margin: auto;}
.q-2 img{ vertical-align: middle; margin: 0px 5px;}

.pre-assessment-test-tbl table{ width: 100%; border-collapse: collapse }
.pre-assessment-test-tbl table tr td{ border: 1px solid #ccc;padding: 10px 10px;white-space: nowrap;}
.pre-assessment-test-tbl table tr td:first-child{ background: #FEF4F2;}

.pre-assessment-test-tbl table tr:first-child td{ font-size: 16px; font-weight: 600;padding: 14px 10px;}

.your-progress-boder{padding: 20px; border: 1px solid #ccc; margin: 20px 0px}
h1 img{vertical-align: middle; margin: 0px 5px;}
/*steps*/

.steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #929292;
  height: 4rem;
}
.steps > .step {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 0.875rem;
  color: #6D6875;
}
.steps > .step:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #ffffff;
  border: 2px solid #e6e6e6;
  color: #e6e6e6;
  width: 2rem;
  height: 2rem;
  text-align: center;
  margin-bottom: 0.5rem;
  line-height: 1.9rem;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 1rem;
}
.steps > .step:after {
  content: "";
  position: absolute;
  display: block;
  background: #e6e6e6;
  width: 100%;
  height: 10px;
  top: 0.8rem;
  left: 50%;
}
.steps > .step:last-child:after {
  display: none;
}
.steps > .step.is-complete {
  color: #6D6875;
}
.steps > .step.is-complete:before {
  content: "✓";
  color: #20B8B9;
  background: #fef0e2;
  border: 2px solid #20B8B9;
}
.steps > .step.is-complete:after {
  background: #20B8B9;
}
.steps > .step.is-active {
  font-size: 0.875rem
}
.steps > .step.is-active:before {
  color: #FFF;
  border: 2px solid #20B8B9;
  background: #20B8B9;
  /*margin-bottom: -4.9rem;*/
}



.steps {
  margin-bottom: 3em;
}

/*steps*/

/*popup*/


/**
 * Modals ($modals)
 */

/* 1. Ensure this sits above everything when visible */
.modal {
    position: absolute;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 6em;
  left: 50%;
  width: 32em;
  margin-left: -16em;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
}

.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #aaa;
  background: none;
  border: 0;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}


.bulletnav li {
    width: 14px;
    height: 14px;
    background: #ccc;
    display: inline-block;
    margin: 0px 3px;
    border-radius: 100px;
}
.bulletnav li.active {
    width: 16px;
    height: 16px;
    background: #079394;
}
.bulletnav img {
    width: 100%;
    height: auto;
}
.ans-nav li {
    background: #fff;
    padding: 10px;
    margin: 5px 0px 15px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #333333;
    
}
.ans-nav li.active {
    background: #079394;
    color: #fff;
}

.complete-the-word{ display: flex;width: auto;}
.complete-the-word input{ border: 1px solid #ccc; height: 40px; width: 40px; padding: 0px; text-align: center; background: #fff; margin: 4px 6px}
.complete-the-word input:disabled{ background: #EFEFF1;}
.fc-m-flex{ display: flex; width: 100%;margin: 50px 0px;}
.fc-m-1{width: 30%; margin: auto}
.fc-m-2{flex: 1; display: flex; width: 100%}
.fc-m-2 form{ display: flex; width: 100%}
.fc-m-2 input{ width: 100% !important; text-align: left; flex: 1; background: #F3F5F7;border: 0px; ;


-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;padding: 3px 10px; box-sizing: border-box;

}
.fc-m-2 .searchbtn{ background-image: url("../images/search.png") ; background-repeat: no-repeat; width: 50px; height: 50px; background-position: center center;text-align: left; margin: auto; background-color: #F3F5F7;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
    box-shadow: none;

}

.subscription-card-main table tr td{ position: relative;padding: 10px 6px;}
.subscription-card-main table tr:first-child td{font-weight: 600;} 
.subscription-card-main table tr td:nth-child(1){ width:30px; }
.subscription-card-main table tr td:nth-child(2){ width:30px; }
.m-name{ position: absolute; width: 80px; text-align: left; top: 10px; left: -80px; }


.subscription-card-2 .m-name,.subscription-card-3 .m-name{ display: none}




.multi-selcted-items {background: transparent linear-gradient(97deg, #EDEEF1 0%, #FFF4F2 100%) 0% 0% ; padding: 20px; box-sizing: border-box;
border-radius: 10px;}
.multi-selcted-items ul li{ display: inline-block; padding: 10px 5px; background-color: #fff; border-radius: 5px; margin-right: 10px; margin-bottom: 10px;}
.multi-selcted-items ul li b{ display: inline-block; padding: 2px 5px; font-size: 13px; color: #000;}
.multi-selcted-items ul li b a{  text-decoration: none; color: #000; display: block;}
.multi-selcted-items ul li b a:hover{ color: #079394;} 

#timer{ font-size: 12px;}

a.review { padding: 3px 6px; background: #049394; color: #fff !important;}
.back-wrap{ display: flex; width: 100%}
.back-1{ flex: 1; margin: auto;}
.back-2{ width: 130px;margin: auto; padding-left: 10px; box-sizing: border-box;  text-align: right;}
.back-btn-1{ white-space: nowrap; color: #fff; text-decoration: none; padding: 10px 10px; font-size: 16px; background: #079394; border-radius: 5px;}



.control {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 0px;
    cursor: pointer;
    
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 16px;
    width: 16px;
    background: #e6e6e6;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    background: #ccc;
}
.control input:checked ~ .control__indicator {
    background: #EF846A;
}
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #EF846A;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 5px;
    top: 5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}


@media screen and (max-width:560px) {

    .reg-1-1 { width: 100%; padding: 15px;}
   
}


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

@media screen and (max-width:1024px){
    
}
@media screen and (max-width:900px){
    .two-col-1-main{ flex-wrap: wrap; width: 100%}
    .two-col-1-1{ width: 100%; margin-bottom: 20px;}
    .two-col-1-2 {width: 100%; flex: inherit; margin-left: 0px; }
}


@media screen and (max-width:959px){
 
    .header-main{ flex-wrap: wrap;}
    .header-1{ order: 1;width: 100px; margin: initial;}
    .header-2{ order: 3;width: 100%;flex: inherit;}
    .header-3{ order: 2; flex: 1;
    margin: auto;
    text-align: right;
    position: relative;
    margin-right: 76px;
    }
    .mobile-btn {display: inline-block; float: right;  margin-top: -50px; background: #000; padding: 5px 6px; }
    .col-2-main{ flex-wrap: wrap;}
    .col-2-1{width: 100%;margin-bottom: 10px; }
}
@media screen and (max-width:830px){
   .reg-1-main{flex-wrap: wrap;}
    .reg-1-1{ width: 100%;order: 2 }
    .reg-1-2{ width: 100%; order: 1;height: auto; margin: auto;  }
    .footer-main{width: 100%}
    .quiz-1{ width: 100%; }
    .quiz-2{ width: 100%;margin-left: 0px; margin-top: 20px;}
    .quiz-2 h1 { font-size: 20px; }
    
}
@media screen and (max-width:767px){
    .ogs-col-2-main{ flex-wrap: wrap;}
    .ogs-col-2-1{width: 100%; }
    .ogs-col-2-2{width: 100%; }
    .sets-1-main { width: 100%; }
    .button-1a { padding: 6px 5px; font-size: 12px;margin-bottom: 4px !important; }
    .two-col-5-2 { flex: 1; text-align: right; }
    .two-col-5-2 a{font-size: 12px;}
    .word-detail-m-flex{flex-wrap: wrap;}
    .word-detail-m-1{width: 100%;border-radius: 0px;}
    .word-detail-m-3{width: 100%;}
    .v-txt-1 {  writing-mode: horizontal-tb; padding: 10px; }
    .pf-1 {  width: 48%; }
    .quiz-wrapper{ flex-wrap: wrap;}
    
    .flashcard-main{flex-wrap: wrap;}
    .flashcard-1{width: 100%;
    border-radius: 0px;}
    .flashcard-2,
    .flashcard-3,
    .flashcard-4{ width: 100%}
    
     .flashcard-1{ width: 100%}
     .flashcard-2{ width: 100%}
    .flashcard-3{ width: 100%; order: 4}
    .flashcard-4{ width: 100%;border-radius: 0px; order: 3}
    
    
}
@media screen and (max-width:600px){
    .two-col-5-1 h2 {
    font-size: 20px;
    }
    .two-col-5-1 {
    width: 84px;
    text-align: left;
    margin: auto;
    padding-left: 3px;
    box-sizing: border-box;
}
    .progress-bar-1 {
   
    padding: 3px 6px;
    
    font-size: 10px;
}
    .value-1 {
    padding: 2px 8px;
    }
    
    .center-1 {
   
    padding: 5px 6px;
    position: absolute;
    bottom: -30px;
    transform: translate(-50%, -50%);
    width: 85%;
}
h1 {
    font-size: 22px;
    font-weight: 400;
}
.section-1 h1 {
    margin: 30px 0px 20px 0px;
}
    
    .wd-sec2-col-2-main{flex-wrap: wrap;margin: 0px 0px 0px 0px;}
    .wd-sec2-col-2-1{width: 100%;padding: 0px 0px 0px 0px;}
    
    .wd-sec2-col-2-2 {
    
    padding: 0px 5px;
}
    .quiz-2 h1 { font-size: 18px; }
    .pre-assessment-test-tbl {overflow-x: auto;}
    .objective-box-main-2 {
    font-size: 10px;
   
}
    .button-2 {
  
    margin: 10px 0px;
    padding: 6px 10px;
    font-size: 12px;
}
  
    .objectives-goal-sec-2 h2 {
    font-size: 20px;
}
    .subscription-card-main{ flex-wrap: wrap;}
    .subscription-card-month{ display: none;}
    .subscription-card-1, .subscription-card-2,  .subscription-card-3{ margin-left: 80px;}
    .subscription-card-2 .m-name,  .subscription-card-3 .m-name{ display: block;}
    .subscription-1 h4 {
    font-size: 13px;
    
    margin: 0px 0px 20px 0px;
    }
    
}
@media screen and (max-width:560px){
    .three-col-main{flex-wrap: wrap;}
    .three-col-1{width: 100%; padding-bottom: 15px;}
    .pf-1 {  width: 100%; }
    .section-1 h1 {
    margin: 20px 0px 15px 0px;
}
    
    input[type='text'], input[type='number'], input[type='email'], input[type='phone'], input[type='password'], input[type='date'],select, textarea {
   
    font-size: 11px;
}

  .footer-1-1 {
    font-size: 10px;
}  
  
    .reg-1-main h1 {
    font-size: 20px;
    font-weight: 400;
}
    .reg-1-main h6 {
   
    font-size: 14px;
}
    
    form input {
  
    width: 40px !important;
    height: 40px;
}
    
}

@media screen and (max-width:480px){
    .two-col-2-main{flex-wrap: wrap;}
    .two-col-2-1 {  width: 100%; }
    .two-col-2-2 {flex: 1; padding: 20px; box-sizing: border-box}
    .two-col-2-1 img {
   
    padding: 10px;
}
}





/*img{max-width: 100%;height: auto;}
.header-top-main { position: fixed;  width: 100%; background: #fff; top: 0px;  z-index: 9999; }

.navigation {  display: flex;  width: 100%; padding: 10px 0px;  margin: auto; flex-wrap: wrap;  position: relative; }
.nav-1-menu { flex: 1;  margin: auto;  text-align: right; }
.banner-main{margin:80px 0px 0px 0px;  width: 100%; position: relative;}
.banner-main img{height: auto; width: 100%}
.mobile-display{display: none}
.desktop-display{display: inline-block;  background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: right center; padding-right: 19px !important}

.banner-desktop-display{ display: block; }
.mobile-desktop-display{ display: none; }*/