@font-face {
          font-family: CampusFont;
          src: url(HelveticaNeue-Regular.otf);
        }
         @font-face {
          font-family: CampusFontBold;
          src: url(HelveticaNeue-Bold.otf);
        }
        body {
            font-family: CampusFont;
        }
        h1{
            font-family: CampusFontBold;
        }
        h2{
            font-family: CampusFontBold;
        }
        option{
            font-family: CampusFont;
        }
        .info-section{
            background-image: url(../images/D-Certificate_NoText-LP-2.png);
            background-size: cover;
        }
        .cta-section{
              background-image: url(../images/D-Certificate_NoText-LP-3.png);
            background-size: cover;
        }

        .header {
            background-image: url(../images/D-Certificate_NoText-LP-1.png);
            background-size: cover;
            color: white;
            padding: 60px 0;
            text-align: center;
        }
        #influencers {
            background-image: url(../images/D-July_NoText-LP-1.png);
            background-size: cover;
            color: white;
            padding: 60px 0;
            text-align: center;
        }


        .header h1 {
            font-size: 2rem;
            margin-bottom: 20px;
        }

        .header p {
            font-size: 1.2rem;
            margin-bottom: 5%;
        }

        .header .btn {
            background-color: #ffd700;
            color: black;
            font-weight: bold;
        }

        form {
            width: 60%;
            background: white;
            margin-left: 10%;
            padding-bottom: 0%;
            padding-top: 5%;
            padding-left: 5%;
            padding-right: 5%;
            z-index: 99999999;
            background: white;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            border-radius: 8px;
        }

        .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-top-color: rgb(204, 204, 204);
        border-right-color: rgb(204, 204, 204);
        border-bottom-color: rgb(204, 204, 204);
        border-left-color: rgb(204, 204, 204);
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

        input {
        border-radius: 50px !important;
        border-color: #ededed !important;
        margin-bottom: 2% !important;
        color: #219bd9;
        }
        select{
        border-radius: 50px !important;
        border-color: #ededed !important;
        margin-bottom: 2% !important;
        color: #219bd9 !important;
        }

        .form-control::placeholder {

        color: #219bd9;
        opacity: 1;

        }

        textarea::placeholder {

        color: #219bd9;
        opacity: 1;
        text-transform: capitalize;
        }

        img{
            width: 80%
        }

        .info-section, .courses-section, .faq-section, .cta-section, .perchenoi-section {
            padding: 50px 0;
            text-align: center;
        }

        .info-section h2, .courses-section h2, .faq-section h2, .cta-section h2 {
            margin-bottom: 40px;
        }

        .info-section img, .courses-section img, .faq-section img {
            max-width: 100%;
            height: auto;
            margin-bottom: 15px;
        }

        .trustpilot-section {
            background-color: #f9f9f9;
            padding: 50px 0;
            text-align: center;
        }

        .trustpilot-section .stars {
            color: #00b67a;
            font-size: 1.5rem;
        }

        .partners-section {
            background-color: #f4f4f4;
            padding: 50px 0;
            text-align: center;
        }

        .partners-section img {
            max-width: 100%;
            margin: 0 15px;
            border-radius: 18px;
        }

        footer {
             background: #275681;
             color: #fff !important;
            padding: 20px 0;
            text-align: center;
            background: #2e9ad6 !important;
        }

        footer p {
            margin: 0;
        }
        .courses-section {
            padding: 50px 0;
            text-align: center;
        }

        .courses-section h2 {
            margin-bottom: 40px;
        }

        .course-card {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            transition: box-shadow 0.3s;
        }

        .card-image {
            width: 100%;
            overflow: hidden;
            border-radius: 8px 8px 0 0;
            margin-bottom: 15px;
        }

        .card-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .course-card h4 {
            margin-top: 10px;
        }

        .course-card:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        #left-padding{

            padding-left: 5%;
            width: 95%;
        }
        h4{
            font-weight: bold;
        }
        #responsive{
            display: none ;
        }

        .trustpilot-section {
            padding: 50px 0;
            text-align: center;
        }

        .trustpilot-section .stars {
            color: #00b67a;
            font-size: 1.5rem;
        }

        .review-card {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 20px;
            margin: 10px;
            transition: box-shadow 0.3s;
        }

        .review-card:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .carousel-control-prev, .carousel-control-next {
            width: 1%;
        }

        .carousel-control-prev-icon, .carousel-control-next-icon {
            background-color: #219bd9;
            border-radius: 50%;
            padding: 10px;
        }
        #radius{
            border-radius: 15px;
        }
        .custom-btn {
            border-radius: 100px;
            font-family: CampusFont;
            width: 50%;
            margin-bottom: 5% !important;
            background: #F5C344 !important;
            font-size: 21px !important;
            box-shadow: 3px 3px 0px #6E6800;
            font-weight: 600;
            color: black;
            border-color: #E7DD35 !important;
            transition: background-color 0.3s, transform 0.1s;
        }

        .custom-btn:hover {
            background-color: #e1b938 !important;
        }

        .custom-btn:active {
            background-color: #c9a32f !important;
            transform: scale(0.98);
        }

        #loadingDivres{
        display:none;
        }


        #circularG{
          position:relative;
          width:58px;
          height:58px;
          margin: auto;
              margin-bottom: 5%;
            margin-top: 5%;
        }

        .circularG{
          position:absolute;
         background-color: #219bd9;
          width:14px;
          height:14px;
          border-radius:9px;
            -o-border-radius:9px;
            -ms-border-radius:9px;
            -webkit-border-radius:9px;
            -moz-border-radius:9px;
          animation-name:bounce_circularG;
            -o-animation-name:bounce_circularG;
            -ms-animation-name:bounce_circularG;
            -webkit-animation-name:bounce_circularG;
            -moz-animation-name:bounce_circularG;
          animation-duration:2.54s;
            -o-animation-duration:2.54s;
            -ms-animation-duration:2.54s;
            -webkit-animation-duration:2.54s;
            -moz-animation-duration:2.54s;
          animation-iteration-count:infinite;
            -o-animation-iteration-count:infinite;
            -ms-animation-iteration-count:infinite;
            -webkit-animation-iteration-count:infinite;
            -moz-animation-iteration-count:infinite;
          animation-direction:normal;
            -o-animation-direction:normal;
            -ms-animation-direction:normal;
            -webkit-animation-direction:normal;
            -moz-animation-direction:normal;
        }

        #circularG_1{
          left:0;
          top:23px;
          animation-delay:0.95s;
            -o-animation-delay:0.95s;
            -ms-animation-delay:0.95s;
            -webkit-animation-delay:0.95s;
            -moz-animation-delay:0.95s;
        }

        #circularG_2{
          left:6px;
          top:6px;
          animation-delay:1.27s;
            -o-animation-delay:1.27s;
            -ms-animation-delay:1.27s;
            -webkit-animation-delay:1.27s;
            -moz-animation-delay:1.27s;
        }

        #circularG_3{
          top:0;
          left:23px;
          animation-delay:1.59s;
            -o-animation-delay:1.59s;
            -ms-animation-delay:1.59s;
            -webkit-animation-delay:1.59s;
            -moz-animation-delay:1.59s;
        }

        #circularG_4{
          right:6px;
          top:6px;
          animation-delay:1.91s;
            -o-animation-delay:1.91s;
            -ms-animation-delay:1.91s;
            -webkit-animation-delay:1.91s;
            -moz-animation-delay:1.91s;
        }

        #circularG_5{
          right:0;
          top:23px;
          animation-delay:2.23s;
            -o-animation-delay:2.23s;
            -ms-animation-delay:2.23s;
            -webkit-animation-delay:2.23s;
            -moz-animation-delay:2.23s;
        }

        #circularG_6{
          right:6px;
          bottom:6px;
          animation-delay:2.54s;
            -o-animation-delay:2.54s;
            -ms-animation-delay:2.54s;
            -webkit-animation-delay:2.54s;
            -moz-animation-delay:2.54s;
        }

        #circularG_7{
          left:23px;
          bottom:0;
          animation-delay:2.86s;
            -o-animation-delay:2.86s;
            -ms-animation-delay:2.86s;
            -webkit-animation-delay:2.86s;
            -moz-animation-delay:2.86s;
        }

        #circularG_8{
          left:6px;
          bottom:6px;
          animation-delay:3.18s;
            -o-animation-delay:3.18s;
            -ms-animation-delay:3.18s;
            -webkit-animation-delay:3.18s;
            -moz-animation-delay:3.18s;
        }

        @keyframes bounce_circularG{
          0%{
            transform:scale(1);
          }

          100%{
            transform:scale(.3);
          }
        }

        @-o-keyframes bounce_circularG{
          0%{
            -o-transform:scale(1);
          }

          100%{
            -o-transform:scale(.3);
          }
        }

        @-ms-keyframes bounce_circularG{
          0%{
            -ms-transform:scale(1);
          }

          100%{
            -ms-transform:scale(.3);
          }
        }

        @-webkit-keyframes bounce_circularG{
          0%{
            -webkit-transform:scale(1);
          }

          100%{
            -webkit-transform:scale(.3);
          }
        }

        @-moz-keyframes bounce_circularG{
          0%{
            -moz-transform:scale(1);
          }

          100%{
            -moz-transform:scale(.3);
          }
        }

    
        .partners-section p {
            font-weight: bold;
            margin-top: 10%;
        }

                /* Ensures the select dropdown matches the styling of the other form controls */
        .form-control-custom {
              display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-top-color: rgb(204, 204, 204);
        border-right-color: rgb(204, 204, 204);
        border-bottom-color: rgb(204, 204, 204);
        border-left-color: rgb(204, 204, 204);
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

        .form-control-custom:focus {
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }
        #topform{
            margin-top: 6%;
        }
        .btn-outline-primary {
          color: #007bff;
          border-color: #219bd9;
        }
        #margin{
          margin-right: 3%;
         }
        #partners{
            width: 25%;
        }


        /*New Strength comparison CSS*/

        .strengths-section{
            background: linear-gradient(to right, #6cb6f7, #2b91e8);
            padding: 30px 0;
            text-align: center;
        }

        .card-comparison{
            border-radius: 15px;
            padding: 8% 8%;
            background-color: white;
        }

        .strengths-item{
            margin: 6px 0;
            border-radius: 65px !important;
            border: 1px solid rgba(0, 0, 0, .125) !important;
            padding: 6px 13px;
        }

        .weakness-item{
            margin: 6px 0;
            border-radius: 65px !important;
            background-color: transparent;
            color:whitesmoke;
            border: 1px solid whitesmoke !important;
            padding: 6px 13px;
            
        }

        /*End of Strenght Section */

        #boton{
            background-color: #219bd9 !important;
            border-color: #219bd9 !important;
            width: 32% !important;
              font-size: 14px;
              font-weight: bold;
        }

        select#mejora {
          background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #ccc, #ccc);
          background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 2.5em) 0.5em;
          background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
          background-repeat: no-repeat;
          appearance: none;
        }

        select#mejora:focus {
          background-image:
            linear-gradient(45deg, green 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, green 50%),
            linear-gradient(to right, #ccc, #ccc);
          background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.5em;
          background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
          background-repeat: no-repeat;
          border-color: green;
          outline: 0;
        }
        #anterior{
            display: none;
        }
        #siguiente{
            display: none;
        }
        #botonplay{

            position: absolute;
              margin-left: -45%;
              z-index: 99;
              margin-top: 55%;
              font-size: 50px;
              color: #fff;

        }
        .iub__us-widget{
            background: #219bd9;
        }
          a{
            color: #fff;
        }
        .iub__us-widget__wrapper {
          background-color: #219bd9 !important;
          border: none !important;
        }

            .iti__flag {background-image: url("/images/flags.png");}

        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .iti__flag {background-image: url("/images/flags@2x.png");}
        }
        .iti {

          width: 100%;
        }

        .iti__country-name{
            color: #219bd9 !important;
        }
        .iti__dial-code{
              color: #219bd9 !important;
        }
        
        .iti__selected-flag{
            color: #219bd9 !important;
            background-color: white !important;
            border-radius: 55% !important;
        }





           

        
 



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

            form{
                width: 100%;
                margin-left: 0% !important;
            }
            .container-fluid{
                margin-left: 0% !important;
                margin-right: 0% !important;
            }
            input.btn{
                width: 70% !important;
            }
            .header{
                background-image: url(../images/R-Certificate_NoText-LP-1.png) !important;
                background-size: contain !important;
                background-repeat: no-repeat;
                background-color:#358fbf ;
            }
             #influencers{
                background-image: url(../images/R-July_NoText-LP-1.png) !important;
                background-size: contain !important;
                background-repeat: no-repeat;
                background-color: #3f86b4;
            }
            br{
                display: none !important;
            }
            h1{
                font-size: 32px !important;
            }
            h2{
                font-size: 32px !important;
            }
            a.btn{
                width: 75% !important;
            }
            .perchenoi-section > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
                text-align: center !important;
            }
            #desktop{
                display: none !important;
            }
            #responsive{
                display:block !important;
            }
            .text-left{
                text-align: center !important;
            }
            p{
                width: 100% !important;
            }
            .carousel-control-prev, .carousel-control-next {
                top: 50%;
                transform: translateY(-50%);
            }
            .trustpilot-section > div:nth-child(1) > img:nth-child(2){
                width: 45% !important;
                margin-bottom: 5% !important;
            }
            .trustpilot-section > div:nth-child(1) > h2:nth-child(1){
                margin-bottom: 10% !important;
            }
            .course-card{
                margin-top: 2% !important;
            }
            #left-padding{
                padding-left: 0% !important;
            }
            .container-fluid > div:nth-child(1){
                padding-left: 0% !important;
            }
            #form{
                display: block !important;
            }
            .info-section > div:nth-child(1) > div:nth-child(2){
                padding: 0% 5% !important;
            }
            div.card.review-card.text-left{
                text-align: left !important;
            }
            body > footer:nth-child(9) > div:nth-child(1) > p:nth-child(1){
                font-size: 12px !important;
            }
            #margin{
                margin-right: 3% !important;
            }
            #partners{
                width: 25% !important;
            }
            .mt-4 > div:nth-child(2){
                margin-top: 5% !important;
            }
            #spanish-button{
                width: 90% !important;
            }
            #container-ventajas{
                padding: 5% !important;
                padding-top: 0% !important;
            }
            #anterior{
                display: flex !important;
            }
            #siguiente{
                display: flex !important;
            }
            #metodo{
                font-size: 18px !important;
            }
            .fancybox-content{
                height: 510px !important;
            }
               #boton{
                
                width: 50% !important ;
                  
            }



        }