/*
Theme Name: Red Dot Learning
Theme URI:
Author: Mot Juste
Author URI: www.motjuste.com
Description: 
Tags: 
Version: 1.0
*/

@charset "utf-8";

/* ----- GENERAL STYLES ----- */
* {padding: 0;margin: 0;}
img{max-width:100%;height:auto;}
html,body {padding:0;margin:0;font-size:20px;line-height:1.6;color:#444;font-family:"Poppins", sans-serif;font-weight:200;}
:root {
  --reddotred:#ec1c24;
}
.row{margin:0;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p, li{line-height:1.6;margin:0;}
h1,h2,h3{font-family:"Montagu Slab",serif;font-weight:500;transform:scale(1.13,1);-webkit-transform:scale(1.13,1);}
ul,ol{margin:0;}
p,li{font-size:0.9rem;font-weight:300;padding:0 0 1rem;color:#787878;}
a,a:hover{text-decoration:none;color:#000;}
strong{font-weight:500;}
.container-fluid {padding:0margin:0 auto;max-width:1440px;}
.container-1280{padding:0;margin:0 auto;max-width:1280px;}
.container-720{padding:0;margin:0 auto;max-width:720px;}
header{margin-bottom:-9rem;}
.headermenu{padding:1.5rem 3rem;}
.logo img{height:3rem;}
.headermenu .rightcol{text-align:right;padding-top:0.5rem;}
.headermenu .rightcol img{width:1.5rem;}
.ctamain a{position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);display:inline-block;height:3rem;border:0.25rem solid #bdccd4;background:#000;color:#fff;font-size:1rem;padding:0 2.5rem 0 1.5rem;line-height:2.5rem;border-radius:1.5rem;font-weight:600;transition:0.5s;background-image:url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/button-arrow.svg);background-position:right 1rem top 0.75rem;background-size:0.7rem 1rem;background-repeat:no-repeat;}
.ctamain a:hover{background-color:var(--reddotred);}
.modal-dialog{width:100%;max-width:none;margin:0;min-height:100vh;background:var(--reddotred);}
.modal-content{display:block;border-radius:0;border:none;height:auto;background:var(--reddotred);color:#fff;}
.modal-header{display:block;padding:1.5rem 3rem;}
.modal-header button{background:none;width:1.5rem;padding:0;margin:0;opacity:1;}
.modal-header .colleft h2{padding:0 6%;}
.modal-header .colright{text-align:right;padding-top:0.5rem;}
.modal-body{padding:3rem 4.5rem;}
#menuModal ul,#menuModal ul li{list-style:none;padding:0;margin:0;}
#menuModal ul li{display:block;font-family:"Montagu Slab",serif;font-size:1.5rem;text-align:center;font-weight:500;margin:0 auto;}
#menuModal ul li a{color:#fff;display:block;padding:0.75rem 1.5rem;}
#menuModal ul li.menu-item-has-children{border:1px solid #fff;border-radius:1.5rem;background:#fff;}
#menuModal ul li.menu-item-has-children a{color:var(--reddotred);}
#menuModal ul li.menu-item-has-children ul{background:var(--reddotred);padding-bottom:0.75rem;}
#menuModal ul li.menu-item-has-children li{max-width:none;transform:none;-webkit-transform:none;}
#menuModal ul li.menu-item-has-children li a{color:#fff;font-family:"Poppins",sans-serif;font-size:1.2rem;font-weight:300}
#menuModal ul li.menu-item-has-children ul,#menuModal ul li.menu-item-has-children li:last-child,#menuModal ul li.menu-item-has-children li a:last-child{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;}
.banner{position:relative;}
.bannerdots{width:12.5rem;}
.bannerimg{transform:translate(2.5rem,-9rem);display:inline-block;}
.bannerimg .overlay{position:absolute;right:0;top:0;width:66%;background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));height:100%;}
.bannerquote{position:absolute;top:0;right:0;width:43%;}
.bannerheading h1{color:#fff;font-size:3rem;line-height:1.1;text-align:right;position:absolute;right:4.5rem;top:9rem;width:40%;width:48%;}
.bannercontent{padding:2.5rem;width:calc(66%);transform:translateY(-9rem);}
.bannercontent p{font-size:1rem;line-height:1.5;}
.bannercontent .links{padding-top:2rem;}
.bannercontent .links a,.sec3content a,.blogscta a{display:inline-block;background-image:url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/link-arrow.svg);background-position:right 0.25rem;background-size:0.7rem 1rem;background-repeat:no-repeat;padding:0 1.5rem 0 0;font-weight:600;margin-right:3rem;}
.bannercontent .links a::after,.sec3content a::after,.blogscta a::after{content:"";padding-bottom:0.6rem;background:url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/link-dots.svg) 0 bottom no-repeat;background-size:5.6rem 0.2rem;display:block;}
.bannercontent .links a:last-child{margin-right:0;}
.section2 .leftcol{padding:4.5rem;}
.home .section2 .leftcol{padding:4.5rem 0 3rem 3rem;}
.section2 .leftcol.section2sec{padding:3rem 4.5rem;width:80%;}
.home .section2 h2{font-size:3rem;line-height:1.1;color:#000;padding:0 0 0 6%;}
.section2 h2, .home .section2 h3{font-size:2.4rem;line-height:2.7rem;color:#b3b3b3;padding:0 6% 0.5rem;}
.section2 h3{font-size:2rem;line-height:2.4rem;color:#b3b3b3;padding:0 6%;}
.section2 .rightcol{padding:5rem 3rem;}
/*.section3{padding-bottom:3rem;}*/
.section3 .sec3graphic,.section4 .sec4graphic{position:relative;padding:0 0 2.5rem 2.5rem;}
.section4.section4flagship .sec4graphic{padding:0 0 2.5rem 2.5rem;}
.home .section4.section4flagship .sec4graphic{padding:0 0 2.5rem 2.5rem;margin-bottom:1.5rem;}
.section5 .sec5graphic{position:relative;padding:2.5rem 2.5rem 0 0;}
.section3 .sec3graphic .section3-dots{position:absolute;bottom:0;left:0;width:12.5rem;}
.section4 .sec4graphic .section4-dots{position:absolute;top:2rem;right:0;width:12.5rem;}
.home .section4 .sec4graphic .section4-dots{position:absolute;top:6rem;right:0;width:12.5rem;}
.section5 .sec5graphic .section5-dots{position:absolute;top:0;right:0;width:7.5rem;}
.section3 .sec3graphic .section3-img,.section4 .sec4graphic .section4-img,.section5 .sec5graphic .section5-img{position:relative;z-index:2;}
.sec3content{padding:0 3rem 3rem;}
.home .sec3content{padding:0 1.5rem;}
.sec3-col-inner-1{padding:0 0 2rem;}
.sec3-col-inner-2{padding:0 1.5rem 2rem;}
.sec3-col:last-child .sec3-col-inner-1,.sec3-col:last-child .sec3-col-inner-2{padding-bottom:0;}
.section3outcome .sec3content{padding:0 1.5rem;}
.sec3contentcol{padding:0 1.5rem;}
.sec3content .sec3-col{padding:0 2rem;}
.sec3content img{width:3rem;margin-bottom:1rem;}
.sec3content h3{font-family:"Poppins", sans-serif;font-size:1rem;line-height:1.5;transform:none;font-weight:700;padding-bottom:1rem;}
.sec3content p{font-size:1rem;line-height:1.5;font-weight:300;color:#787878;padding-bottom:1rem;}
.section3outcome .sec3content p{font-size:0.85rem;padding-bottom:2rem;}
.home .sec3content p{font-size:0.8rem;line-height:1.1rem;font-weight:300;}
.section3sec{position:relative;}
.section3sec-dots{position:absolute;left:0;transform:translateX(-27%);max-width:15rem;top:6rem;}
.section3sec .sec3content p,.section3ter .sec3content p{font-size:0.85rem;}
.section3.section3how{position:relative;}
.section3.section3how .section3-dots{top:0;bottom:auto;width:12.5rem;position:absolute;z-index:1;}
.section3how .sec3content{position:relative;z-index:9;}
.section3how .sec3content h3{font-size:1rem;font-weight:bold;}
.section3.section3how .sec3content .section3howimg{padding-right:3rem;}
.section3.section3how .sec3content img{width:100%;}
.section3howrow{padding-top:1.5rem;}
.section4{background:#4d4d4d;padding:4.5rem 0;}
.section4-title h2{text-align:right;color:#fff;font-size:3rem;padding:0 6% 1.5rem;}
.section4-title h5{color:#fff;font-size:1.2rem;font-family:"Montagu Slab",serif;transform:scale(1.13,1);padding:0 calc(6% + 1.5rem);}
.section4 h3,.section4.section4flagship h2{color:#b3b3b3;font-size:2.2rem;line-height:2.7rem;padding:0 6% 3rem;}
.section4.section4flagship h3{padding:1rem 0;transform:none;-webkit-transform:none;max-width:100%;width:100%;}
.section4.section4flagship h2{padding:0 calc(6% - 0.5rem) 1.5rem;}
.section4 h4,.section4.section4flagship h3{color:#fff;font-size:1.2rem;line-height:1.5rem;font-weight:600;padding-bottom:0.6rem;}
.section4.section4flagship h3{font-family:"Poppins", sans-serif;}
.section4 p{color:#fff;font-size:0.9rem;line-height:1.5rem;font-weight:300;}
.sec4content{padding:0 2rem;}
.section4 .row2{padding-top:3rem;}
.section4.section4flagship .row2{padding-top:0;}
.sec4icon{padding:0 1.5rem;}
.section4flagship li{color:#fff;}
.section5{padding-bottom:4.5rem;}
.section5-icon{width:6rem;}
.section5-content{padding:0 7rem;transform:translateY(-4rem);margin-bottom:-4rem;}
.section5-content h2{padding:0 6%;color:#b3b3b3;padding-bottom:1rem;}
.section5-content p{color:#b3b3b3;padding-bottom:1rem;font-size:1.2rem;line-height:1.5;font-weight:300;}
.sec5graphic-outer{padding:0 2rem;}
.section5 .sec5graphic .section5-img{margin-bottom:1rem;}
.section5 .sec5graphic p{color:#b3b3b3;}
.section6{padding:0 0 4.5rem; margin-bottom: -13rem;}
.clients{padding:4.5rem 4.5rem 0;}
.clients h2{padding:0 6%;text-align:center;padding-bottom:2rem;}
.clients .logo{padding:0.5rem;}
.clients .logo img{width:100%;height:auto;}
.blogs{padding:0 3rem 0 5rem;}
.sec6-dots img{width:12.5rem;}
.blogs h2{padding:0 6% 0 calc(4rem + 6%);color:#b3b3b3;}
.blogitems{padding-left:4rem;transform:translateY(-13rem);}
.blogitem{display:flex;padding:0 0 0.5rem;}
.blogitem p{font-size:0.9rem;line-height:1.5;margin-left: 2rem;}
.blogscta{padding-top:1.5rem;}
footer{background:#000;padding:4.5rem 0;}
.footercol{padding:0 2rem;}
footer img{height:4rem;margin-bottom:1.5rem;}
footer p,footer li{color:#888;font-size:0.9rem;line-height:1.5;}
footer .smaller p{font-size:0.7rem;padding-top: 3rem;}
footer a{color:#888;transition:0.5s;}
footer a:hover{color:#bbb;}
footer ul, footer ul li{list-style:none;padding:0;margin:0;}
footer ul li{padding-bottom:0.5rem;}
footer h4{font-size:1rem;line-height:1.5;font-weight:500;color:#666;}
.footercol.footerform{padding:0 0.5rem 0 2rem;}
.footerform input[type=text],.footerform input[type=tel],.footerform input[type=email],select{width:calc(100% - 1.5rem);height:2rem;line-height:2rem;padding:0 0.5rem;font-size:0.8rem;color:#989898;margin-top:1.5rem;}
.footerform textarea{width:calc(100% - 1.5rem);height:5.5rem;line-height:2rem;padding:0 0.5rem;font-size:0.8rem;color:#989898;margin-top:1.5rem;}
.footerform input[type=submit]{display:inline-block;background-image:url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/footerbutton-arrow.svg);background-position:right 0.25rem;background-size:0.7rem 1rem;background-repeat:no-repeat;padding:0 1.5rem 0 0;font-weight:600;margin-right:3rem;margin-top:1.5rem;background-color:transparent;border:none;color:#fff;}
.footerform .formbutton::after{content:"";padding-bottom:0.6rem;background:url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/footerbutton-dots.svg) 0 bottom no-repeat;background-size:5.6rem 0.2rem;display:block;}
.wpcf7-not-valid-tip{font-size:0.7rem;}

@media only screen and (min-width: 992px) and (max-width: 1279px) {
    html,body {font-size:16px;}
    .container-1280{padding:0 1.5rem;}
    .bannerimg{max-width:75%;}
    .bannerheading h1{width:50%;}
    .sec3content{padding:0 1.5rem;}
    .sec3content .sec3-col{padding:0 1rem;}
    .section4-title{padding-bottom:1.5rem;}
    .section6{padding-top:0;}
    .clients{padding:4.5rem 1.5rem 0;}
    .blogs{padding:0 3rem;}
    .blogitems{padding-left:6rem;}
    .blogimg{padding-right:1.5rem;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    html,body {font-size:14px;}
    .container-1280{padding:0 1.5rem;}
    .bannerimg{max-width:75%;}
    .bannerheading h1{width:45%;font-size:2.4rem;}
    .bannercontent .links a{margin-bottom:1rem;}
    .sec3content{padding:0 1.5rem;}
    .sec3content .sec3-col{padding:0 0.75rem;}
    .sec4content{padding:0;}
    .section5{padding-bottom:0;}
    .clients{padding:4.5rem 0 0;}
    .blogs{padding:0 0 0 3rem;}
    .blogimg{padding-right:1.5rem;}
}

@media only screen and (max-width: 767px) {
    html,body {font-size:12px;}
    .container-1280{padding:0 1.5rem;}
    .headermenu{padding:1.5rem;}
    .logo img{height:4rem;}
    .headermenu .rightcol img{width:2rem;}
    .modal-header{padding:1.5rem;}
    .ctamain a{left:unset;transform:none;right:-5.75rem;transform:rotate(-90deg);top:45%;}
    .bannerimg{max-width:70%;}
    .bannerheading h1{font-size:2rem;top:4rem;text-shadow:0 0 0.5rem rgba(0,0,0,0.5);width:66%;}
    .bannercontent{padding:1rem 0;}
    .bannercontent .links{padding-top:1rem;}
    .bannercontent .links a{margin-bottom:1rem;}
    .section2 .leftcol,.section2 .leftcol.section2sec{padding:3rem 0;}
    .section2 .leftcol.section2sec{padding-bottom: 0;}
    .section2 .rightcol{display:none;}
    .section3{padding-bottom:0;}
    .sec3content{padding:3rem 0 0;}
    .section3outcome .sec3content{padding:3rem 0;}
    .section3how .sec3content{padding-bottom:3rem;}
    .sec3content .sec3-col{padding:0 0 1.5rem;}
    .sec3content img{float:left;margin:0 2rem 3rem 0;width:4.5rem;}
    .section3sec .sec3content img{float:none;margin-bottom:0.5rem;}
    .section3sec .section3sec-dots{display:none;}
    .section3.section3how .sec3content .section3howimg{padding-right:1.5rem;}
    .sec3contentcol{padding:0;}
    .section4-title{padding:0;text-align:left;}
    .section4-title h2{padding:0 6% 1.5%;}
    .sec4content{padding:0 0 1.5rem;}
    .section4 .sec4graphic,.section4.section4flagship .sec4graphic{padding:0 2.5rem 2.5rem 0;}
    .sec4icon{padding:0 4.5rem 1.5rem;}
    .section5-icon{width:4.5rem;}
    .section5-content{padding:0 0 0 4.5rem;}
    .section5 .sec5graphic{padding:0;}
    .section5 .sec5graphic p{float:right;margin-top: 9rem;}
    .sec5graphic-outer{padding:0;}
    .section5 .sec5graphic{padding:0 0 0 4.5rem;}
    .section6{padding:0 0 4.5rem;}
    .section4-title h5{padding:0 calc(6% - 0.4rem);}
    .clients{padding:0 0 4.5rem;}
    .blogs{padding:0;}
    .blogimg{padding-right:1rem;}
    .footercol{padding:0;}
    footer p.smaller{padding-top:1rem;padding-bottom:1.5rem;}
    .footercol.footerform{padding:1.5rem 0 0;}
}



/* Book Discovery Button Modal */

.book-discovery-form-fields {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.book-discovery-form-fields input {
    border: none;
    padding: 0.4rem;
    width: 50%;
    height: auto;
    font-size: 0.8rem !important;
}

.book-discovery-form-fields textarea {
    border: none;
    padding: 0.4rem;
    width: 50%;
    height: 6rem;
    font-size: 0.8rem !important;
}



.book-discovery-form-fields input::placeholder, .book-discovery-form-fields textarea::placeholder {
    font-size: 0.8rem !important;
}


.sec3content > .row {
    padding-bottom: 4.5rem;
}


.sec4content ul li {
    color: #fff;
}




#home-testimonial-slider {
    position: relative;
    padding-right: 60px; /* space for vertical arrows */
}

.testimonial-arrows-home-testimonial {
    position: absolute;
    right: -5rem;
    top: 14%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.arrow-btn-home-testimonial {
    width: 40px;
    height: 40px;
    background: var(--reddotred);
    color: #fff;
    border: none;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}

.arrow-btn-home-testimonial:hover {
    background: #ccc;
}

.home-testimonial-carousel-inner {
    min-height: 200px;
}

.home-testimonial-item {
    font-style: italic;
}


@media(max-width:576px) {
    .testimonial-arrows-home-testimonial {
        right: 0;
        left: 0;
        top: 85%;
    }
}



.home-client-logos .logo img {
    width: 100%;
    height: auto;
    max-height: 80px;
    object-fit: contain;
    padding: 10px;
}



/* Blog Archive Page  */

.blog .section6, .blog .banner {
    display: none;
}



/* Blog Single Page */
.single-blog .section6, .single-blog .banner {
    display: none;
}







.blogitem p a {
    color: #666;
    font-weight: 500;
}

.blogimg {
    width: 200px;
    height: 150px;
}

.blogimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media(max-width:1199px) {
   .blogimg {
        width: 124px;
        height: 93px;
    } 
}

@media(max-width:991px) {
   .blogimg {
        width: 112px;
        height: 84px;
    } 
}


@media(max-width:576px) {
   .blogimg {
        width: 134px;
        height: 100px;
    } 
}

/* About us */
.about-section3 h2 {
    font-size: 2.4rem;
    line-height: 2.7rem;
    color: #b3b3b3;
    padding: 0 6% 0.8rem;
}

.about-section3 .sec3graphic .section3-dots {
    position: absolute;
    bottom: -3rem;
    left: auto;
    right: 0;
    width: 10.5rem;
}

.about-section3 .sec3graphic {
    padding: 1rem 0 0 0;
}

.about-section4-heading .leftcol {
    padding: 3rem;
    padding-bottom: 2rem;
}


.about-section4 .section3howrow {
    padding-top: 2rem;
}


.about-section5 .img-with-caption {
    display: inline-block;
    text-align: center;
}

.about-section5 .img-with-caption img {
    display: block;
    width: 100%; 
}

.about-section5-image-name {
    margin-left: 0.03rem;
    margin-right: -0.03rem;
    background: #ddd;
	color:#000!important;
    position: relative;
    padding: 0.3rem 0;
    font-weight: 500 !important;
}
    

.about-section5-features-heading h4 {
    font-family: "Montagu Slab", serif;
    font-weight: 500;
    margin-bottom: 1rem;
}  

.about-section5-features {
    padding: 0 1.5rem 1.5rem 0;
}

.about-section5-features img {
    width: 3rem;
    margin-bottom: 1rem;
}

.about-section5-right {
    /*display: flex;
    align-items: baseline;*/
    margin-top:6rem;
}

.about-section5-right img {
    width: 3rem;
    /*transform: translateX(9rem);*/
}

.about-section5-right p {
    font-style: italic;
    font-size: 1.6rem;
    font-weight: 200;
    line-height: 1.4;
    text-align: right;
}


.about-section6 {
    background: var(--reddotred);
    margin-bottom: 4.5rem;
}

.about-section6 h2 {
    padding: 2.5rem 3.7rem;
    color: #fff;
}

.about-section6 .bannercontent {
    transform: none;
}

.about-section6 .bannercontent .links {
    padding-top: 0;
}

.about-section6 .bannercontent .links a::after, .sec3content a::after, .blogscta a::after {
    display: none;
}
 
.about-section6 .bannercontent .links a {
    height: 3rem;
    border: 0.25rem solid #bdccd4;
    background: #fff;
    color: #000;
    font-size: 1rem;
    padding: 0 2.5rem 0 1.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    font-weight: 600;
    transition: 0.5s;
    width: max-content;
    background-image: url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/link-arrow.svg);
    background-position: 13rem 0.77rem;
    background-size: 0.7rem 1rem;
    background-repeat: no-repeat;
}   
   
   

@media(max-width:576px) {
    .about-section4-heading .leftcol {
        padding-left: 0;
    }
    
    .about-section4 .section3howrow {
        padding-top: 0;
    }
    
    .about-section4 .sec3content {
        padding: 0;
    }
    
    .about-section5-right img {
        transform: translateX(0rem);
    }
    
    .about-section6 h2 {
        padding: 2.5rem 2rem;
    }
    
    .about-section6 .bannercontent {
        padding-bottom: 2rem;
    }
}



/* Contact us */

.contact-us .section2, .contact-us .section3, .contact-us .section4, .contact-us .section5, .contact-us .section6 {
    display: none;
}

.contact-form-section {
    padding: 4.5rem 0;
    padding-top: 1rem;
    padding-bottom: 0;
}

.contact-form-section form {
    display: flex;
    flex-direction: column;
    margin:0 2.5rem;
}

.contact-form-submit {
    display: inline-block;
    height: 3rem;
    border: 0.25rem solid #bdccd4;
    background: #000;
    color: #fff;
    font-size: 0.8rem;
    padding: 0 2.5rem 0 1.5rem;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    font-weight: 600;
    transition: 0.5s;
    background-image: url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/button-arrow.svg);
    background-position: right 1rem top 0.75rem;
    background-size: 0.7rem 1rem;
    background-repeat: no-repeat;
    width: fit-content;
}

.contact-form-submit:hover {
    background-color: var(--reddotred);
}   

.contact-form-section form textarea {
    height: 5rem;
    font-size: 0.8rem;
}

.contact-form-section form .form-fields::placeholder {
    font-size: 0.8rem;
    /*padding-left: 0.45rem;*/
}


.contact-form-section form .form-fields {
    font-size: 0.8rem;
    padding: 0.45rem;
    width: 100%;
}

.contact-form-details h3 {
    margin-left: 2rem;
}

.contact-form-details {
    margin-top: -0.75rem;
    
}

.gmap iframe {
    width: 100%;
    height: 450px;
}

.contact-form-details h5 {
    font-family: "Montagu Slab", serif;
}



@media(max-width:576px) {
    .contact-form-section form {
        margin: 0;
        position: relative;
        z-index: -1;
    }
    
    .contact-form-details h3 {
        margin-left: 1.7rem;
    }
    
    .gmap iframe {
        width: 100%;
        height: 250px;
    }
}


.book-discovery-form-submit {
    display: inline-block;
    height: 3rem !important;
    border: 0.25rem solid #bdccd4 !important;
    background: #fff;
    color: #000;
    font-size: 1rem !important;
    padding: 0 2.5rem 0 1.5rem !important;
    line-height: 2.5rem;
    border-radius: 1.5rem;
    font-weight: 600;
    transition: 0.5s;
    background-image: url(https://reddot-learning.com/wp-content/themes/reddotlearning/images/link-arrow.svg);
    background-position: right 1rem top 0.75rem;
    background-size: 0.7rem 1rem;
    background-repeat: no-repeat;
    margin-top: 2rem;
    width: fit-content !important;
}


.wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
}



@media(max-width:576px) {
    .book-discovery-form-fields input, .book-discovery-form-fields textarea {
        width: 100%;
    }
    
    .ctamain a {
        position: fixed;
        z-index: 1;
    }
}






@media (min-width: 992px) {
    .headermenu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff; 
        z-index: 9999;

    }
    
    
    header {
        padding-top: 7rem; 
    }
    
    
    .ctamain {
        position: fixed;
        top: 0;
        right: 38%;
        z-index: 10000;
    }
    
   
    .ctamain a {
        position: relative !important;
        transform: none !important;
        left: auto !important;
    }



}

body.modal-open .ctamain a {
    transition: 0.3s;
}

body.modal-open .ctamain a {
    display: none !important;
}





.pagination ul {
    list-style: none;
    padding-left: 1.5rem;
    display: flex;
}

.pagination ul .page-numbers {
    padding: 0.3rem 0.5rem;
    background: #f4777c;
    margin-right: 0.5rem;
    font-size: 0.8rem;
    color: #fff;
    transition: 0.5s;
}

.pagination ul .page-numbers:hover {
    background: #ec1c24;
}

.pagination ul .page-numbers.current {
    background: #ec1c24;
}