/* CMS phase 2 CSS */

.hero-subtitle {
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
    font-size: 17px;
}

.slick-dots {
    bottom: -30px;
}

.slick-dotted.slick-slider {
    margin: 30px 0 50px;
}

.new-testimonials .slick-list {
    padding: 30px 0 !important;
}

.testimonial-block .school-img {
    max-height: 60px;
    margin-bottom: 30px;
}

.testimonial-block {
    border: 1px solid #f1f2f3;
    padding: 50px 30px 30px;
    margin: 0 15px;
    background-color: #fff;
    box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.04);
    text-align: center;
    outline: 0 !important;
}

.testimonial-block:focus {
    outline: none;
}

.media-left-side {
    float: left;
    margin-right: 10px;
}

.media-left-side img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin-top: 4px;
}

.new-testimonials h4 {
    color: #4c5c62;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.new-testimonials .media-body {
    color: #8e8e8e;
    font-size: 12px;
}

.new-testimonials p {
    color: #1d2d35;
    margin-bottom: 2px;
    font-family: 'MetropolisSemiBold', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.new-testimonials .media-body p {
    font-family: 'MetropolisRegular', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #8c8c8c;
    font-weight: 400;
}

.new-testimonials .media-body strong {
    font-family: 'MetropolisSemiBold', sans-serif;
    font-weight: 400;
}

.slick-dots li button::before {
    content: "";
    background-color: #dfe1e3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 10;
    top: 6px;
    left: 6px;
}

.slick-dots li.slick-active button::before {
    background-color: #919191;
    opacity: 10;
}

.slick-dots li {
    margin: 0 4px;
}

.blue-color-heading {
    color: #3994ff;
    font-family: 'MetropolisSemiBold', sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 70px;
}

.products-box {
    margin-top: 30px;
}

.product-box {
    background-color: #f7fafc;
    padding: 20px 20px 56px;
    margin-top: 10px;
    margin-bottom: 70px;
    border-top: 2px solid #f6ce80;
    position: relative;
}

.product-box img {
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 6px;
}

.product-box h3 {
    font-family: 'MetropolisSemiBold', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.38;
    color: #171b1f;
    margin: 16px 0 4px;
    font-size: 22px;
}

.product-box h5 {
    font-family: 'MetropolisSemiBold', sans-serif;
    font-weight: 400;
    color: #171b1f;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 20px;
}

.product-box p {
    font-family: 'MetropolisRegular', sans-serif;
    color: #505e6b;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.product-box .custom-btn {
    border: 1px solid #4C5C62;
    font-weight: 500;
    color: #4C5C62;
    margin-bottom: 6px;
    display: block;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 3px 3px 0 #4C5C62;
    -webkit-box-shadow: 3px 3px 0 #4C5C62;
}

.product-box .custom-btn:hover,
.product-box .custom-btn:focus {
    border-color: #253136;
    color: #253136;
}

.product-box .btn {
    margin: 30px 26px 8px;
    padding: 8px 0;
}

.product-box .btn.white-btn {
    background-color: #0096FF;
    text-transform: initial;
    font-size: 16px;
    font-family: 'MetropolisSemiBold', sans-serif;
    font-weight: 400;
    line-height: 1;
    padding: 13px 30px;
    margin: 30px 0 8px;
}

.product-box .btn-link {
    color: #0073e6;
    margin: 0;
    font-family: 'MetropolisSemiBold', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

.product-box .btn-link:hover {
    color: #0060bf;
    text-decoration: none;
}

.product-box .btn-link:active,
.product-box .btn-link:focus {
    color: #004d99;
}

.product-box .custom-btn:active {
    box-shadow: 2px 2px 0 #faf7f2;
    -webkit-box-shadow: 2px 2px 0 #faf7f2;
}


.blue-bg-design {
    background: url('../assets/img/bottom-radius.png') top center no-repeat;
    background-size: cover;
    padding-bottom: 100px;
}

.video-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 2px solid #4C5C62;
    box-shadow: 2px 2px 0 #4C5C62;
    -webkit-box-shadow: 2px 2px 0 #4C5C62;
    border-radius: 50%;
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
}

.video-icon:hover,
.video-icon:focus {
    background-color: #fff;
    border-color: #4C5C62;
}

.video-icon:active {
    box-shadow: 2px 2px 0 #e9f6ff;
    -webkit-box-shadow: 2px 2px 0 #e9f6ff;
}

.video-icon:after,
.custom-video-btn span {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #4C5C62;
    margin-left: -3px;
    margin-top: -5px;
}

.video-icon:hover:after {
    border-left-color: #4C5C62;
}

.home-hero {
    background: url('../assets/img/clouds-pic.svg') top center no-repeat #e9f6ff;
    position: relative;
}

.home-hero:after {
    content: "";
    width: 100%;
    height: 23px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: url('../assets/img/all-grass.svg') center bottom no-repeat #e9f6ff;
}

.slick-slide img {
    display: inline-block;
}

.school-heading {
    margin: 0;
    padding-top: 50px;
    padding-bottom: 0;
    font-family: 'MetropolisSemiBold', sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
}

.feature {
    margin-bottom: 30px;
    font-family: 'MetropolisRegular', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #454F5B;
}

.feature .white-btn.blue-btn {
    text-transform: initial;
    font-size: 16px;
    font-family: 'MetropolisSemiBold', sans-serif;
    font-weight: 400;
    line-height: 1;
    padding: 13px 40px;
    letter-spacing: normal;
    margin-top: 0;
}

.feature h2 {
    font-family: 'MetropolisSemiBold', sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    color: #171b1f;
}

.new-testimonials .media-body img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 4px;
}

.bucket-list section:nth-of-type(1) aside.product-box,
.bucket-list section:nth-of-type(5) aside.product-box {
    border-top: 2px solid #f6ce80;
}

.bucket-list section:nth-of-type(2) aside.product-box,
.bucket-list section:nth-of-type(6) aside.product-box {
    border-top: 2px solid #f26b7e;
}

.bucket-list section:nth-of-type(3) aside.product-box,
.bucket-list section:nth-of-type(7) aside.product-box {
    border-top: 2px solid #5fd1c0;
}

.bucket-list section:nth-of-type(4) aside.product-box,
.bucket-list section:nth-of-type(8) aside.product-box {
    border-top: 2px solid #3992ff;
}

.product-box span {
    display: none;
}

.product-box span.free-product {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 12px;
    color: #f6ce80;
    /* text-align: center; */
    /* height: 20px;
    width: 100px; */
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

.bucket-list section:nth-of-type(1) span.free-product,
.bucket-list section:nth-of-type(5) span.free-product {
    color: #f6ce80;
}

.bucket-list section:nth-of-type(2) span.free-product,
.bucket-list section:nth-of-type(6) span.free-product {
    color: #f26b7e;
}

.bucket-list section:nth-of-type(3) span.free-product,
.bucket-list section:nth-of-type(7) span.free-product {
    color: #5fd1c0;
}

.bucket-list section:nth-of-type(4) span.free-product,
.bucket-list section:nth-of-type(8) span.free-product {
    color: #3992ff;
}

.pre-footer .col-sm-4 {
    margin-bottom: 30px;
}

.footer-bg {
    background-color: #e7f4ff;
    position: relative;
}

.home-hero .page-title {
    margin-top: 106px;
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.header-modal {
    z-index: 9999;
}

.mfp-iframe-holder .mfp-close {
    font-size: 30px;
    line-height: 1.4;
    top: -46px !important;
}

.mfp-wrap {
    z-index: 99999 !important;
}

.mfp-iframe-scaler iframe {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.home-header-btns {
    max-width: 520px;
    margin: 0 auto;
}

.home-header-btns a {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.btn-hero.big-grey-button.custom-video-btn {
    background-color: #fff;
    color: #3994ff;
    border: 1px solid #3994ff;
    box-shadow: 0 2px 0 #3994ff;
    margin-right: 0;
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 8px 20px;
    line-height: 1.3;
    float: none;
}

.btn-hero.big-grey-button.custom-video-btn:hover,
.btn-hero.big-grey-button.custom-video-btn:focus {
    background-color: #f8f8f8;
}

.custom-video-btn span {
    content: none;
    position: static;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -1px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #3994ff;
}

.home-hero .hero-subtitle p {
    margin-bottom: 0;
}

.home-header-btns .hero-subtitle,
.home-header-btns .hero-subtitle em {
    font-weight: 400;
    font-size: 18px;
}

.bottom-awards {
    background-color: transparent;
}

#scrollHere h2 {
    padding-top: 30px;
}

/* Products landing */

.products-header {
    padding: 60px 0 50px;
    color: #fff;
    background-size: cover;
    /* Below margin added for push below it as wonderbar added on all pages */
    margin-top: 119px;
}

.products-header h1,
.products-header h2,
.products-header h3 {
    font-family: 'MetropolisSemiBold', sans-serif;
    font-weight: 700;
    color: #333;
    margin-top: 0;
    margin-bottom: 16px;
}

.products-header h1 {
    font-size: 50px;
}

.products-header h2 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.circle-texture {
    background-color: #ff8f98;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1556.21 292'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28890;%7d%3c/style%3e%3c/defs%3e%3ctitle%3etexture1%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M1556.21,131.08V0H1342.59A447.14,447.14,0,0,0,1134.8,292h201.85C1371.53,202.42,1456,137.47,1556.21,131.08Z'/%3e%3cpath class='cls-1' d='M744.48,244a255.82,255.82,0,0,0,182.08-75.42A255.63,255.63,0,0,0,1001.62,0H871.26c-6.76,64-61,114-126.79,114S624.45,64,617.69,0H487.33A255.63,255.63,0,0,0,562.4,168.58,255.82,255.82,0,0,0,744.48,244Z'/%3e%3cpath class='cls-1' d='M48.48,58A213.38,213.38,0,0,0,0,63.55V180.08A103.51,103.51,0,0,1,149.93,292H261c.65-6.75,1-13.58,1-20.5C262,153.78,166.2,58,48.48,58Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.zigzag-texture {
    background-color: #7BCDC8;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1556.21 292'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%2367c7c1;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eTexture 2%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpolygon class='cls-1' points='1035.6 213.88 1083.14 73.42 1231.15 82.32 1259.02 0 991.86 0 958.34 99.03 810.33 90.14 762.79 230.59 614.78 221.69 590.98 292 858.13 292 887.59 204.98 1035.6 213.88'/%3e%3cpolygon class='cls-1' points='1556.21 227.97 1451.78 221.69 1427.98 292 1556.21 292 1556.21 227.97'/%3e%3cpolygon class='cls-1' points='190.14 96.42 338.15 105.32 373.81 0 106.65 0 65.34 122.03 0 118.11 0 228.3 142.6 236.88 190.14 96.42'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.rounded-texture {
    background-color: #7ECFA6;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1556.21 292'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;%7d.cls-2%7bfill:%2377c79f;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eTexture 3%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M1396.28,91.32A115.32,115.32,0,0,1,1376.74,0h-40.4a156.35,156.35,0,0,0,25.88,126.54,190,190,0,0,0,124.7,76.6,191.18,191.18,0,0,0,69.29-1.58V135.39A132.3,132.3,0,0,1,1504,146.13,132.71,132.71,0,0,1,1396.28,91.32Z'/%3e%3cpath class='cls-1' d='M757.28,148.07c83,43.45,185.89,11.27,229.34-71.73a210.4,210.4,0,0,0,23-76.34H688C675.47,57.84,702.37,119.33,757.28,148.07Z'/%3e%3cpath class='cls-1' d='M1428.66,0a65.58,65.58,0,0,0,8.11,62,82.91,82.91,0,0,0,115.65,18.44q1.94-1.4,3.79-2.89V0Z'/%3e%3cpath class='cls-1' d='M411.8,15q.62-7.51,1.51-15h-67a243.47,243.47,0,0,1,17.05,46.72A239.63,239.63,0,0,1,336.73,229.4,206.18,206.18,0,0,1,279.19,292H488a416.71,416.71,0,0,1-58.43-117.79A416.53,416.53,0,0,1,411.8,15Z'/%3e%3cpath class='cls-1' d='M1479,252.51a239.63,239.63,0,0,1-157.31-96.62A206.06,206.06,0,0,1,1285.42,0H1108.07c-.09,1.25-.16,2.5-.26,3.75a307.68,307.68,0,0,1-34.32,118.06A266.21,266.21,0,0,1,916.08,253.29a268.84,268.84,0,0,1-80.31,12.35,266.66,266.66,0,0,1-124-30.69A231.49,231.49,0,0,1,597.48,98.07,232.32,232.32,0,0,1,588.5,0H512.22a318.62,318.62,0,0,0,10.89,144.93A317.82,317.82,0,0,0,619.7,292h484.76a387.82,387.82,0,0,0,102.07-123.79,49,49,0,0,1,86.87,45.48,490.32,490.32,0,0,1-51,78.32h313.79V252.43a239.48,239.48,0,0,1-38.67,3.14A244.28,244.28,0,0,1,1479,252.51Z'/%3e%3cpath class='cls-1' d='M0,252.28V292H39.53A176.4,176.4,0,0,1,0,252.28Z'/%3e%3cpath class='cls-1' d='M52.62,0H0V45A151.77,151.77,0,0,1,52.62,0Z'/%3e%3cpath class='cls-1' d='M262.63,85.84A131.94,131.94,0,0,1,248,186.43,115.6,115.6,0,0,1,89.49,226.55,101.13,101.13,0,0,1,54.38,87.91a25,25,0,1,1,43,25.6,51.13,51.13,0,0,0,17.75,70.1A65.6,65.6,0,0,0,205,160.83,82.81,82.81,0,0,0,176.27,47.3,103.3,103.3,0,0,0,34.65,83.16,127.68,127.68,0,0,0,79,258.19a156.69,156.69,0,0,0,214.81-54.39A190,190,0,0,0,314.89,59,191.41,191.41,0,0,0,288.83,0H194.05q4,2.06,7.81,4.35A131.94,131.94,0,0,1,262.63,85.84Z'/%3e%3cpath class='cls-2' d='M523.11,144.93A318.62,318.62,0,0,1,512.22,0H413.3q-.88,7.46-1.51,15a416.53,416.53,0,0,0,17.73,159.23A416.71,416.71,0,0,0,488,292H619.7A317.82,317.82,0,0,1,523.11,144.93Z'/%3e%3cpath class='cls-2' d='M986.62,76.34c-43.45,83-146.33,115.19-229.34,71.73C702.37,119.33,675.47,57.84,688,0H588.5a232.32,232.32,0,0,0,9,98.07A231.49,231.49,0,0,0,711.8,234.94a266.66,266.66,0,0,0,124,30.69,268.84,268.84,0,0,0,80.31-12.35,266.21,266.21,0,0,0,157.41-131.47A307.68,307.68,0,0,0,1107.81,3.75c.1-1.25.18-2.5.26-3.75h-98.46A210.4,210.4,0,0,1,986.62,76.34Z'/%3e%3cpath class='cls-2' d='M1272.7,147.51a49,49,0,0,0-66.17,20.7A387.82,387.82,0,0,1,1104.46,292h138a490.32,490.32,0,0,0,51-78.32A49,49,0,0,0,1272.7,147.51Z'/%3e%3cpath class='cls-2' d='M336.73,229.4A239.63,239.63,0,0,0,363.36,46.72,243.47,243.47,0,0,0,346.3,0H288.83a191.41,191.41,0,0,1,26.06,59,190,190,0,0,1-21.1,144.82A156.69,156.69,0,0,1,79,258.19a127.68,127.68,0,0,1-44.32-175A103.3,103.3,0,0,1,176.27,47.3,82.81,82.81,0,0,1,205,160.83a65.6,65.6,0,0,1-89.93,22.77,51.13,51.13,0,0,1-17.75-70.1,25,25,0,1,0-43-25.6,101.13,101.13,0,0,0,35.1,138.65A115.6,115.6,0,0,0,248,186.43,132.81,132.81,0,0,0,201.87,4.35Q198,2,194.05,0H52.62A151.77,151.77,0,0,0,0,45V252.28A176.4,176.4,0,0,0,39.53,292H279.19A206.18,206.18,0,0,0,336.73,229.4Z'/%3e%3cpath class='cls-2' d='M1486.92,203.14a190,190,0,0,1-124.7-76.6A156.35,156.35,0,0,1,1336.34,0h-50.92a206.06,206.06,0,0,0,36.32,155.89A239.63,239.63,0,0,0,1479,252.51a244.28,244.28,0,0,0,38.5,3.06,239.48,239.48,0,0,0,38.67-3.14V201.56A191.18,191.18,0,0,1,1486.92,203.14Z'/%3e%3cpath class='cls-2' d='M1552.42,80.41A82.91,82.91,0,0,1,1436.76,62a65.58,65.58,0,0,1-8.11-62h-51.92a115.32,115.32,0,0,0,19.54,91.32A132.71,132.71,0,0,0,1504,146.13a132.3,132.3,0,0,0,52.22-10.74V77.53Q1554.35,79,1552.42,80.41Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.lines-texture {
    background-color: #FFDEA6;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1556.21 292'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;%7d.cls-2%7bfill:%23fed58c;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eTex 4 %3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M2.81,274.94l.82-1.53c1.8-3.37,3.59-6.83,5.48-10.5,6.2-12,13.23-25.61,22.69-39.81,38.16-57.81,85.13-99.84,143.6-128.48,51-24.9,106.81-36.87,166-35.61l1.57.05c13.66.62,27.7-1.14,44.1-5.55,29.27-8.95,51.35-19.41,71.4-33.85A284.81,284.81,0,0,0,481.64,0H0V281.08c.69-1.52,1.36-3,2.07-4.57Z'/%3e%3cpath class='cls-1' d='M1487.08,178.71c-29.48,8-57,11.4-84.17,10.26-38-.72-73.47,6.84-105.41,22.44-36.62,17.94-65.44,43.61-90.4,80.59h349.11V151.51a405.13,405.13,0,0,1-67.38,26.7Z'/%3e%3cpath class='cls-1' d='M1067.81,274.94l.82-1.53c1.8-3.37,3.59-6.83,5.48-10.5,6.2-12,13.23-25.61,22.69-39.81,38.16-57.81,85.13-99.84,143.6-128.48,51-24.9,106.8-36.87,166-35.61l1.57.05c13.66.62,27.7-1.14,44.1-5.55,29.27-8.95,51.35-19.41,71.4-33.85A284.81,284.81,0,0,0,1546.64,0H1178a383.05,383.05,0,0,1-120.51,131.76l-3.59,2.44-3.88,1.94c-1.33.67-2.59,1.25-3.77,1.77-49.42,32-106.81,49.49-170.7,52l-3.58.14-3.57-.25c-43.2-3-84.46,8.21-122.65,33.41l-3.25,2.15L739,227.14q-1.53.76-2.93,1.39A255.2,255.2,0,0,0,674.29,292h386c2.12-5.12,4.38-10.28,6.81-15.49Z'/%3e%3cpath class='cls-1' d='M668.44,117.24,672,114.8l3.88-1.94c1.5-.75,2.92-1.4,4.23-2,59.09-37.33,125.73-54.9,193.43-51,41.11-2.12,75.74-13.12,105.79-33.61L983,23.82l3.92-2q1.53-.76,2.93-1.39A252.11,252.11,0,0,0,1014.78,0h-370q-7.06,12.61-15.2,25.24l-1.06,1.59c-13.74,20-25.68,35.06-39.93,50.41L586.94,79c-12.69,12.69-30,29.29-51,45l-.88.65c-32.15,23.28-67.5,40.3-111.27,53.56l-1.75.5c-29.48,8-57,11.4-84.17,10.26-38-.72-73.47,6.84-105.41,22.44C195.88,229.34,167.06,255,142.1,292h385q3-7.27,6.26-14.38C563.81,211.43,609.24,157.47,668.44,117.24Z'/%3e%3cpath class='cls-2' d='M736.12,228.53q1.4-.63,2.93-1.39l3.48-1.74,3.25-2.15C784,198,825.22,186.81,868.43,189.84l3.57.25,3.58-.14c63.89-2.56,121.28-20.06,170.7-52,1.19-.52,2.44-1.1,3.77-1.77l3.88-1.94,3.59-2.44A383.05,383.05,0,0,0,1178,0H1014.78a252.11,252.11,0,0,1-24.95,20.47q-1.4.63-2.93,1.39l-3.92,2-3.62,2.47c-30,20.49-64.68,31.5-105.79,33.61-67.7-3.92-134.33,13.66-193.43,51-1.32.57-2.73,1.22-4.23,2L672,114.8l-3.59,2.44c-59.2,40.23-104.63,94.19-135,160.38q-3.26,7.1-6.26,14.38H674.29A255.2,255.2,0,0,1,736.12,228.53Z'/%3e%3cpath class='cls-2' d='M1546.64,0a284.81,284.81,0,0,1-23.22,19.67c-20,14.44-42.12,24.91-71.4,33.85-16.4,4.4-30.44,6.17-44.1,5.55l-1.57-.05c-59.17-1.26-115,10.71-166,35.61-58.47,28.64-105.44,70.66-143.6,128.48-9.45,14.2-16.48,27.81-22.69,39.81-1.89,3.66-3.68,7.12-5.48,10.5l-.82,1.53-.73,1.57c-2.43,5.21-4.68,10.37-6.81,15.49H1207.1c25-37,53.78-62.66,90.4-80.59,31.94-15.6,67.41-23.15,105.41-22.44,27.15,1.14,54.69-2.22,84.17-10.26l1.75-.5a405.13,405.13,0,0,0,67.38-26.7V0Z'/%3e%3cpath class='cls-2' d='M232.5,211.41c31.94-15.6,67.42-23.15,105.41-22.44,27.15,1.14,54.69-2.22,84.17-10.26l1.75-.5C467.6,164.94,503,147.92,535.1,124.65L536,124c21-15.75,38.27-32.34,51-45l1.67-1.73c14.25-15.35,26.19-30.42,39.93-50.41l1.06-1.59Q637.76,12.58,644.79,0H481.64a284.81,284.81,0,0,1-23.22,19.67c-20,14.44-42.12,24.91-71.4,33.85-16.4,4.4-30.44,6.17-44.1,5.55L341.36,59c-59.17-1.26-115,10.71-166,35.61C116.91,123.26,69.94,165.29,31.79,223.1c-9.45,14.2-16.48,27.81-22.69,39.81-1.89,3.66-3.68,7.12-5.48,10.5l-.82,1.53-.73,1.57c-.71,1.53-1.39,3-2.07,4.57V292H142.1C167.06,255,195.88,229.34,232.5,211.41Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.shape-texture {
    background-color: #80D2F2;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1556.21 292'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;%7d.cls-2%7bfill:%2372c7e8;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eTex 5%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M1556.21,288.41q-1,1.83-2.12,3.59h2.12Z'/%3e%3cpath class='cls-1' d='M1255.05,225.08l108-108a53.63,53.63,0,0,1,75.85,0l108,108a53.62,53.62,0,0,1,9.31,12.51V0H1300.58a53.46,53.46,0,0,1-15.68,38.92l-108,108a53.63,53.63,0,0,1-75.85,0l-108-108A53.46,53.46,0,0,1,977.37,0H444.58A53.46,53.46,0,0,1,428.9,38.92l-108,108a53.63,53.63,0,0,1-75.85,0l-108-108A53.46,53.46,0,0,1,121.37,0H0V105.07a53.64,53.64,0,0,1,59.9,11l108,108A53.64,53.64,0,0,1,174.43,292H725.52a53.64,53.64,0,0,1,6.53-67.92l108-108a53.63,53.63,0,0,1,75.85,0l108,108a53.64,53.64,0,0,1,6.53,67.92h217.43A53.64,53.64,0,0,1,1255.05,225.08Z'/%3e%3cpath class='cls-2' d='M1023.9,224.08l-108-108a53.63,53.63,0,0,0-75.85,0l-108,108A53.64,53.64,0,0,0,725.52,292h304.91A53.64,53.64,0,0,0,1023.9,224.08Z'/%3e%3cpath class='cls-2' d='M993.05,38.92l108,108a53.63,53.63,0,0,0,75.85,0l108-108A53.46,53.46,0,0,0,1300.58,0H977.37A53.46,53.46,0,0,0,993.05,38.92Z'/%3e%3cpath class='cls-2' d='M167.9,224.08l-108-108a53.64,53.64,0,0,0-59.9-11V292H174.43A53.64,53.64,0,0,0,167.9,224.08Z'/%3e%3cpath class='cls-2' d='M137.05,38.92l108,108a53.63,53.63,0,0,0,75.85,0l108-108A53.46,53.46,0,0,0,444.58,0H121.37A53.46,53.46,0,0,0,137.05,38.92Z'/%3e%3cpath class='cls-2' d='M1556.21,237.59a53.62,53.62,0,0,0-9.31-12.51l-108-108a53.63,53.63,0,0,0-75.85,0l-108,108a53.64,53.64,0,0,0-7.19,66.92h306.23q1.14-1.76,2.12-3.59Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.stars-texture {
    background-color: #626A7F;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1556.21 292'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;%7d.cls-2%7bfill:%235a6175;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eTex 7%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpolygon class='cls-1' points='0 277.34 0 292 323.83 292 147.97 199.55 0 277.34'/%3e%3cpolygon class='cls-1' points='1421.87 210.79 1489.97 72.8 1556.21 207 1556.21 0 976.35 0 978.94 18.45 1185.07 121.53 977.86 222.44 967.38 292 1330.2 292 1269.59 232.92 1421.87 210.79'/%3e%3cpolygon class='cls-1' points='602.83 0 401.77 0 340.71 59.52 380.59 292 572.26 292 664.48 118.79 602.83 0'/%3e%3cpolygon class='cls-1' points='738.11 292 790.79 292 783.52 284.46 738.11 292'/%3e%3cpolygon class='cls-2' points='1556.21 207 1489.97 72.8 1421.87 210.79 1269.59 232.92 1330.2 292 1556.21 292 1556.21 207'/%3e%3cpolygon class='cls-2' points='1185.07 121.53 978.94 18.45 976.35 0 602.83 0 664.48 118.79 572.26 292 738.11 292 783.52 284.46 790.79 292 967.38 292 977.86 222.44 1185.07 121.53'/%3e%3cpolygon class='cls-2' points='401.77 0 0 0 0 277.34 147.97 199.55 323.83 292 380.59 292 340.71 59.52 401.77 0'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.stars-texture h1,
.stars-texture h2 {
    color: #fff;
}

.products-header .video-icon {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    border-color: #fff;
    margin: 0;
    width: 56px;
    height: 56px;
}

.products-header .video-icon:after {
    border-left-color: #fff;
}

.products-header .video-icon:hover,
.products-header .video-icon:focus {
    border-color: #f2f2f2;
}

.products-header .video-icon:hover:after {
    border-left-color: #f2f2f2;
}

.white-btn {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1d2d35;
    background-color: #fff;
    padding: 15px 42px;
    border-radius: 60px;
    margin-right: 18px;
}

.white-btn:hover,
.white-btn:focus {
    background-color: #f2f2f2;
}

.pre-footer .seenon-section div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    vertical-align: middle;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
}

.pre-footer .company-logos {
    padding: 2%;
}

.product-blurb {
    border-bottom: 1px solid #f5f5f5;
    margin-top: 70px;
    margin-bottom: 90px;
}

.product-blurb article {
    padding-bottom: 30px;
}

.product-blurb * {
    font-size: 20px;
    line-height: 1.35;
    color: #1d2d35;
}

.products-listing .row {
    margin-bottom: 100px;
}

.products-listing .col-sm-6 {
    padding-right: 20px;
    padding-left: 20px;
}

.products-listing h3 {
    color: #1d2d35;
    font: 300 38px/1.2 'MetropolisSemiBold', sans-serif;
    margin-bottom: 30px;
}

.products-listing * {
    color: #4c5c62;
    font-size: 20px;
    line-height: 1.35;
    margin-bottom: 18px;
}

.bottom-section {
    background-color: #e6f3ff;
    padding: 60px 0;
    position: relative;
    top: 10px;
}

.bottom-section * {
    font-size: 20px;
    color: #1d2d35;
    margin-bottom: 0;
}

.bottom-section .white-btn {
    color: #4C5C62;
    border: 1px solid #4C5C62;
    font-size: 18px;
    font-weight: 500;
    margin-top: 36px;
    box-shadow: 2px 2px 0 #4C5C62;
    -webkit-box-shadow: 2px 2px 0 #4C5C62;
}

.bottom-section .white-btn:hover,
.bottom-section .white-btn:active {
    background-color: #f6fbff;
}

.bottom-section .white-btn:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

@media (min-width: 1400px) {
    .home-hero .page-title {
        margin-top: 120px !important;
        font-size: 46px !important;
        line-height: 52px !important;
        margin-bottom: 20px !important;
    }

    .home-header-btns .hero-subtitle,
    .home-header-btns .hero-subtitle em {
        font-size: 20px !important;
    }

    .btn-hero.big-grey-button.custom-video-btn {
        margin-bottom: 20px !important;
        margin-top: 10px !important;
        font-size: 15px !important;
        padding: 10px 24px !important;
        line-height: 1.4 !important;
    }

    .hero-subtitle {
        font-size: 18px !important;
    }

    .hero-title.col-sm-12 {
        margin-bottom: 10px !important;
    }
}

.btn-new-design:hover {
    background-color: #007BD1;
    color: #ffffff;

}

.btn-new-design:active {
    background-color: #0060A3;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .product-box .btn {
        margin: 20px 0 10px;
    }
}

@media (min-width: 991px) {
    /*    .testimonial-block.slick-current.slick-active.slick-center {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        border-bottom-color: #3994ff;
        }*/
}


@media (min-width: 767px) {
    .product-box {
        min-height: 328px;
    }

    .product-box div.text-left {
        position: absolute;
        /* width: 80%;
            left: 50%; */
        bottom: 10px;
        /* margin-left: -40%;
            min-height: 116px; */
        text-align: left;
    }
}


@media (min-width: 540px) {
    .testimonial-block {
        min-height: 380px;
    }
}

@media (max-width: 992px) {
    .product-box {
        margin-bottom: 30px;
    }

    .hero-subtitle {
        font-size: 16px;
    }

    .pre-footer .company-logos {
        margin-top: 30px;
    }

    .pre-footer .seenon-section div {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .product-box div.text-left {
        margin-top: 10px;
    }

    .blue-bg-design {
        padding-bottom: 20px;
    }

    .home-header-btns {
        max-width: 280px;
    }

    .btn-hero.big-grey-button.custom-video-btn {
        width: auto;
        display: inline-block;
    }

    .home-header-btns a {
        float: none;
        display: block;
        width: 280px;
    }

    .slick-dotted.slick-slider {
        margin-top: 0;
    }

    .new-testimonials .slick-list {
        padding: 0 !important;
    }

    .blue-color-heading {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    footer {
        margin-top: -31px;
    }

    .footer-bg {
        bottom: 30px;
    }

    .pre-footer .seenon-section div {
        justify-content: center;
    }

    .pre-footer .company-logos {
        margin-top: 30px;
        text-align: center;
    }

    .home-hero:after {
        bottom: 0;
    }

    .bucket-list .feature div {
        padding: 10px;
    }

    .video-icon {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 44px;
        height: 44px;
        border: 1px solid #3994ff;
        box-shadow: 1px 1px 0 #3994ff;
        -webkit-box-shadow: 1px 1px 0 #3994ff;
    }

    .home-hero .page-title {
        font-size: 28px;
    }

    .section-split.pre-footer:before {
        margin-top: 40px;
    }

    .home-hero {
        background-position: center;
    }

    .blue-color-heading,
    .h2-heading.Metropolis-font {
        font-size: 34px;
    }

    .feature h2 {
        font-size: 30px;
    }

    .feature {
        font-size: 18px;
        line-height: 26px;
    }

    /* Products landing */

    .white-btn {
        font-size: 16px;
        padding: 11px 24px;
        margin-right: 10px;
    }

    .products-header .video-icon {
        width: 46px;
        height: 46px;
    }

    .products-header {
        padding: 30px 0;
    }

    .products-header h1 {
        font-size: 40px;
    }

    .products-header h2 {
        font-size: 16px;
    }

    .product-blurb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .product-blurb article {
        padding-bottom: 10px;
    }

    .product-blurb *,
    .bottom-section * {
        font-size: 18px;
        line-height: 26px;
    }

    .products-listing h3 {
        font-size: 30px;
    }

    .products-listing * {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 14px;
    }

    .products-listing .desktop-float-left,
    .products-listing .desktop-float-right {
        margin-bottom: 30px;
    }

    .products-listing .row {
        margin-bottom: 0;
    }

    .products-listing .col-sm-6 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .bottom-section {
        padding-top: 34px;
        padding-bottom: 52px;
    }

    .bottom-section .white-btn {
        margin-top: 30px;
        margin-right: 0;
    }

    .home-hero .page-title {
        margin-top: 150px;
    }

    .product-box {
        padding-bottom: 18px;
    }
}

@media (max-width: 540px) {
    .slick-dots {
        bottom: -50px;
    }

    .hero-title .hero-subtitle br {
        display: none;
    }
}

/* ISTE page css starts */

.iste-header {
    background: url(https://www.securly.com/assets/images/iste-header.jpg) center no-repeat;
    background-size: cover;
    min-height: calc(100vh - 104px);
    position: relative;
}

.iste-block {
    padding-top: 40px;
}

.iste-block h2 {
    font: 500 40px/1.2 'MetropolisSemiBold', sans-serif;
    color: #032769;
    letter-spacing: 0.3px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
}

.iste-block h5 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    margin: 10px 10px 80px;
    color: #032769;
}

.iste-block h5 a {
    color: #2187fa;
}


.iste-block h5 a:hover,
.iste-block h5 a:focus {
    color: #2187fa;
    text-decoration: underline;
}

.white-btn.blue-btn.navy-btn-icon {
    background-color: #032769;
    padding-right: 34px;
    padding-left: 34px;
    margin-top: 30px;
    padding-top: 12px;
    font-size: 16px;
    padding-bottom: 12px;
}

.white-btn.blue-btn.navy-btn-icon:hover,
.white-btn.blue-btn.navy-btn-icon:focus {
    background-color: #001e55;
}

.navy-btn-icon span {
    display: inline-block;
    margin-left: 8px;
    margin-bottom: -1px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
}

.iste-block .box-profile h3 {
    font-weight: 500;
    color: #39393f;
    margin-top: 30px;
    margin-bottom: 20px;
    min-height: 60px;
}

.iste-block .box-profile ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.iste-block .morelink {
    color: #39393f;
    font-size: 16px;
    text-decoration: underline;
}

.iste-block .morelink:hover {
    color: #001e55;
}

@media (max-width: 767px) {
    .iste-header {
        background-image: url(https://www.securly.com/assets/images/iste-header-mobile.png)
    }

    .iste-header .arrowBounce {
        bottom: 30px;
        display: none;
    }

    .iste-block h2 {
        font-size: 30px;
    }

    #scrollHere.iste-block h2 {
        padding-top: 0;
    }

    .iste-block h5 {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 460px) {
    .iste-block .box-profile h3 {
        min-height: inherit;
    }
}

/* ISTE page css ends */

/* SSL certificate page css starts */
.ssl-banner {
    text-align: center;
    background: #dcf1ff;
    background: linear-gradient(180deg, #acddff 0%, #dcf1ff 100%);
    margin-top: 44px;
    padding-top: 50px;
}

.top-div {
    max-width: 80%;
    margin: 0 auto 40px;
    padding-top: 30px;
}

.top-div a {
    float: left;
}

.top-div h5 {
    float: right;
    font-size: 16px;
}

.ssl-middle {
    background: url(https://www.securly.com/assets/images/ssl-middle-bg.svg) top center no-repeat;
}

.circle-img-holder {
    width: 290px;
    height: 290px;
    margin: 0 auto;
    background-color: #fff;
    border: 10px solid #bcdffa;
    border-radius: 50%;
    position: relative;
    top: -70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-img-holder:after {
    background: url(https://www.securly.com/assets/images/blink-lines.svg) 0 0 no-repeat;
    content: "";
    position: absolute;
    top: -42px;
    right: -54px;
    width: 80px;
    height: 86px;
}

.circle-img-holder img {
    max-width: 150px;
    max-height: 150px;
}

.ssl-banner h1 {
    margin: 0;
    padding: 20px 15px 150px;
}

.ssl-content {
    text-align: center;
    margin-bottom: 100px;
    font-size: 20px;
    line-height: 28px;
    color: #4c5c62;
    margin-top: -60px;
}

.ssl-content video {
    max-width: 767px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ssl-content h1,
.ssl-content h3 {
    font-weight: 600;
    color: #1d2d35;
}

.ssl-content h1 {
    margin-top: 80px;
}

.ssl-content h1,
.ssl-banner h1 {
    font-size: 42px;
    font-weight: 600;
}

.ssl-content h3 {
    font-weight: 600;
}

.dark-btn {
    background-color: #1d2d35;
    color: #fff;
    margin-right: 0;
    margin-top: 10px;
}

.dark-btn:hover,
.dark-btn:focus {
    background-color: #3b9bdd;
    color: #fff;
}

.os-logos {
    margin: 80px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    color: #4c5c62;
}

.os-logos li {
    float: left;
    margin-left: 2%;
    width: 18%;
}

.os-logos li:first-child {
    margin-left: 0;
}

.os-logos a,
.os-logos span {
    display: block;
    color: #4c5c62;
}

.os-logos a:hover,
.os-logos a:focus {
    margin-top: -2px;
}

.os-logos span {
    margin-top: 14px;
}

.os-logos img {
    max-width: 110px;
    max-height: 110px;
}

.btn-new-design {
    background-color: #2EA9FF;
    color: #fff;
    margin-right: 0;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 24px;
    border-radius: 44px;

}

.installatn-instructions-mr-tp {
    margin-top: 20px;
}

.btn-new-design-mr-tp {
    margin-top: 70px;
}

@media only screen and (max-width: 767px) {
    .top-div {
        margin-bottom: 20px;
    }

    .top-div a,
    .top-div h5 {
        float: none;
    }

    .top-div h5 {
        margin-top: 20px;
        text-align: left;
    }

    .ssl-content video {
        max-width: 100%;
    }

    .ssl-content h1,
    .ssl-banner h1 {
        font-size: 32px;
    }

    .circle-img-holder {
        width: 220px;
        height: 220px;
        border-width: 6px;
    }

    .circle-img-holder img {
        max-width: 110px;
        max-height: 110px;
    }

    .circle-img-holder:after {
        top: -32px;
        right: -44px;
        width: 70px;
        height: 76px;
    }

    .os-logos li {
        margin-left: 2%;
        width: 48%;
        margin-bottom: 12%;
    }

    .os-logos img {
        max-width: 90px;
        max-height: 90px;
    }

    .ssl-content h1,
    .os-logos {
        margin-top: 50px;
    }

    .ssl-banner {
        padding-top: 30px;
    }

    .ssl-banner h1 {
        padding-bottom: 130px;
    }

    .ssl-content {
        margin-bottom: 40px;
    }

    .os-logos a:hover,
    .os-logos a:focus {
        margin-top: 0;
    }

    .btn-new-design-mr-tp {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/* SSL certificate page css ends */
/*SSL Page popup css starts*/
.popup-margin {
    margin: 50px 30px 70px 35px;
}

.popup-image {
    text-align: center;
}

.popup-header-txt {
    font-size: 24px;
    font-weight: 500;
    padding-top: 45px;
    font-style: 'Metropolis';
}

.popup-text {
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px;
    text-align: center;
    padding-right: 5px;
}

.pop-up-modal-content {
    border: 1px solid rgb(255, 255, 255);
    -webkit-box-shadow: none;
    background-clip: none;
    background-color: #fff;
}

.popup-footer-btn {
    background-color: #ffffff;
    color: #0096ff;
    margin-right: 0;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px 24px;
    border-radius: 44px;
    border: 2px solid #0096ff;
}

.popup-footer-btn:hover {
    border: 2px solid #007BD1;
    color: #007BD1;
}

.popup-footer-btn:active {
    border: 2px solid #0060A3;
    color: #0060A3;
}

.popup-btn-allign {
    text-align: center;
    margin-top: 40px;
}

.close.pop-close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    padding: 10px;
    margin: 0;
}

.close.pop-close:hover {
    border: none;
}

@media only screen and (max-width: 767px) {
    .popup-header-txt {
        font-size: 21px;
        padding-top: 30px;
        line-height: 1.3;
        text-align: center;
    }

    .popup-image {
        width: 50px;
        margin: 0 auto;
    }

    .popup-margin {
        margin: 20px;
    }

    .popup-text {
        font-size: 16px;
        font-weight: 400;
        padding-top: 0;
        line-height: 1.3;
    }

    .popup-btn-allign {
        margin-top: 30px;
    }

    .popup-footer-btn {
        font-size: 14px;
    }
}

/*SSL Page popup css ends*/