:root {
  --black: #000;
  --white: #fff;
  --blue:#00B8FF;
  --grey:#798488;
  --green:#048E38;
  --outfit:"Outfit", sans-serif;
  --lightblue:#91CEE6;
  --darkgreen:#071820;
}
*{
    margin: 0px;
    padding: 0px;
    list-style:none;
    text-decoration: none;
}
body{
    list-style:none; 
    text-decoration: none;
    font-family: "Outfit", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    background-color:#000B10 !important;
}
.custom_heading_site{
  font-size: 68px;
  font-weight: 500;
  line-height: normal;
}
.h-logo{
  max-width: 100px;
}
.custom_subheading_site{
  color:var(--lightblue);
  font-size: 29px;
font-weight: 600;
line-height: normal;
}
.custom_para_site{
  font-size: 20px;
  color: #798488;
}
.custom_btn_site{
  background-color: var(--blue) !important;
  border: 1px solid #017BA9 !important;
  box-shadow: 0px 4px 34px 0px #00a1df78;
  color: #fff !important;
  font-size: 20px !important;
  border-radius: 12px !important;
  height: 61px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
        padding-left: 25px !important;
    padding-right: 25px !important;
}
.custom_btn_site2{
  border: 1px solid #B3C1C7 !important;
  color: #B3C1C7 !important;
  font-size: 20px !important;
  border-radius: 12px !important;
  height: 61px;    
    display: flex !important;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    padding-left: 25px !important;
    padding-right: 25px !important;
}
/* navbar start here */
nav{
  position: sticky !important;
  top: 0px;
  z-index: 10; 
  backdrop-filter: blur(5px);
}
.navbar_custom_main{
  background-color: #000b10d1 !important;
}
.navbar_custom_main form a.btn_whatsapp{
background-color: var(--green);
padding-block:8px;
color:#C5EFFF;
}
.navbar_custom_main form a.btn_signin{
  background-color: #001A25;
  border: 1px solid #053145;
  padding-block:8px;
  color:#C5EFFF;
  }
.navbar_custom_main form a.btn_whatsapp:hover, .navbar_custom_main form a.btn_signin:hover, .custom_btn_site:hover, .custom_btn_site2:hover{
  opacity: 0.8;
}
ul.navbar-nav li a {
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    color: #f0f0f094;
    font-family: 'Outfit';
}

ul.navbar-nav { 
    gap: 60px;
} 
/* navbar ends here */




/* banner starts here */
.banner_main_div{
  /*background-image: url('../images/banner-background-img.png');*/
  background-size: cover;
}
/* .banner_grad_img{
    background-color: #00090D;
    filter: blur(19px);
    height: 113px;
    position: relative;
    top: -40px;
} */
.bnnr_review_img{
  width: 250px;
}
.banner_trusted_text h4{
  font-size: 20px;
  line-height: normal;
}
.banner_review_section{
  margin-top: 43px;
}
/* banner ends here */
/* logo_section_2 starts here */
.logo_section_2 {
  margin: 150px 0px;
}

.logo_img_sec {
  margin-top: 87px;
}

.slider_logo_auto {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 80px;
}

.slider_logo_auto2 {
  margin-top: 10px;
}

.slider_logo_auto .slide-track,
.slider_logo_auto2 .slide-track {
  display: flex;
  align-items: center;
  width: max-content; 
  gap: 60px;
  opacity: 0.7;
}

/* Each slide/logo – NO GAP */
.slider_logo_auto .slide,
.slider_logo_auto2 .slide {
  flex: 0 0 auto;
}

/* Image styling */
.slider_logo_auto .slide img,
.slider_logo_auto2 .slide img {
  display: block;
  height: 100%;     
  width: auto;      
}

@keyframes scrollRow1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scrollRow2 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.slider_logo_auto .slide-track {
  animation: scrollRow1 40s linear infinite;
}

.slider_logo_auto2 .slide-track {
  animation: scrollRow2 40s linear infinite;
}
/* logo_section_2 ends here */

.roadmap_table_data {
  margin-top: 80px;
}
.roadmap_table_data tr th.roadmap_table_hdng{
  background-color: #27BAF3 !important;
  padding: 20px 10px !important;
  border-radius: 30px 30px 0px 0px;
  color: var(--black);
}
.roadmap_table_data h4{
   font-size: 30px;
   color: var(--black);
}
.roadmap_table_data tr td{
  padding: 14px 18px ;
  border: none;
      vertical-align: middle;
        min-width: 155px !important;
    font-size: 18px;
    border-left: 1px solid #686868;
}
.roamap_table_footr{
  font-size: 22px;
}
.roamap_table_footr small{
  font-size: 14px;
}
.roadmap_table_data tr{
  background-color: #172340;
}
.roadmap_table_data tr.tbl_first_row{
  background-color: #17234000;
}

.roadmap_table_data tr:nth-child(even){
  background-color: #545C6F !important;
}
.roadmap_table_data tr th{
  border: none;
}
.roadmap_heading_inner{
  background-color: var(--blue) !important;
  color: var(--black);
  font-size: 20px;
  border-left: none !important;
}
.heading_inner_odd{
  background-color: #27BAF3 !important; 
}
.tbl_borderradius1{
  border-radius: 30px 0px 0px 0px;
}
.border_radius_2{
  border-radius: 0px 0px 0px 30px;
}
.border_radius_3{
  border-radius: 0px 0px 30px 0px;
}

/* raodmap_table_3 ends here */

.why_salesforce_4{
  margin: 170px 0px;
}
.why_sales_inner{
  border: 1px solid #3D555E;
  border-radius: 30px;
  padding: 40px 40px 20px;
  background-color:var(--darkgreen);
 
}
.why_sales_inner::after{
  content: "";
      position: absolute;
    height: 100%;
    top: 0;
    width: 146px;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-51%);
    filter: blur(30px);
    box-shadow: 0px 1px 66px 17px #00B8FF;
    z-index: -1;
}
.why_sales_columns{
   margin-top: 53px !important;
}
.why_sales_inner h3, .extra_perks_5 h4{
  font-size: 25px;
  margin: 30px  0px 17px;
}
.why_sales_inner p, .extra_perks_5 p{
  font-size: 16px;
  color: #A0E4FE;
}
.why_sales_inner_img img {
    max-width: 70px;
    width: 100%;
} 
.why_sales_inner_img {
      background: radial-gradient(50% 50% at 50% 50%, #115e8245 0%, #071820 100%);
}
.why_sales_inner span{
 color: #01F75D;
    background-color: #01f75b3b;
    border: 1px solid #01F75D;
    font-size: 14px;
    bottom: -20px;
    right: 0px;
    left: 0;
    margin: auto;
    width: fit-content;
}
#menu-company li a:hover {
    color: #03b8ff;
}

#menu-company li a {
    transition: all .2s ease-in;
}

.footer_menu_links ul.ps-0.d-flex li a img {
    transition: all .3s ease-in;
}

.footer_menu_links ul.ps-0.d-flex li a img:hover {
    transform: scale(1.2);
}


/* why_salesforce_4 ends here */
.extra_perks_5 h3{
  color: var(--blue);
  font-size: 29px;
  }
.extra_perks_5 h4{
  font-size: 26px;
  }



/* extra_perks_5 ends here */
.students_reviews_6{
  margin: 180px 0px 60px;
}
/* .review_container_main{
background-color: var(--darkgreen);
  border: 1px solid #123545;
  padding: 140px 150px 170px 150px;
  border-radius: 20px;  
  max-width: 1320px;
  margin: 38px auto 80px; 
  width: 100%;
} */
 .review_container_main{
 display: flex;
 gap: 20px;
 }

.student_review_content img.icon_reviews_qts{
    top:0px;
    left: 0px;
}
.student_review_content p{
  font-size: 28px;
}
.student_review_content span{
  font-size: 18px;
}
.studentes_review_slider{
  padding:80px 20px 0px;
  /*background-image: url('../images/review-background-image.png');*/
  background-position: center center;
  background-size: contain;
  background-repeat: repeat-x;
  display: flex;
  gap: 10px;
}
.studentes_review_slider div img {
    height: 400px;
    object-fit: cover;
}
.studentes_review_slider {
    margin: auto;
}
.state-student .state-cont {
    padding: 40px 20px;
    border: 1px solid #092B3A;
    background: #011822;
    width: 32.6% !important; 
    border-radius: 30px;
}
.state-cont p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--blue);
}
.row.state-student {
    padding-top: 40px;
    gap: 25px;
}
.job-pacakage{
  color: #60D669 !important;
}




.youtube-thumbnail {
    padding-top: 104px;
}
.youtube-thumbnail .w-100:hover {
    transform: scale(1.01);
}

.youtube-thumbnail .w-100 {
    transition: all .3s ease-in;
}
.youtube_video_inner{
  margin: 50px 0px 80px !important;
}

.youtube_video_inner .h3{
  font-size: 32px;
}
/* youtube_video_7 ends here */
.courses_section_8{
  margin: 150px 0px;
}
.youtube_video_7 {
    margin-top: 120px;
}

.courses_section_inner .why_sales_inner{
  /*background-image: url(../images/courses_bg-image.svg);*/
  background-size: cover;
  background-position: center center;
  padding: 60px 40px 100px;
}
.courses_section_inner .why_sales_inner::after{
  display: none;
}
.courses_review_sec {
    position: absolute;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
}

/* courses_section_8 ends here */
#faq_accordian_site .accordion-button{
  font-size: 16px;
  border-bottom: 1px solid #5e5e5e;
      padding-block: 20px;
}
#faq_accordian_site .accordion-button, .accordion-body{
background-color: #000b10;
    color: #fff;
  box-shadow: none;
padding-inline:0px !important;
}
#faq_accordian_site .accordion-body{
box-shadow: none;
}
#faq_accordian_site .accordion-item{
  border: none !important;
}
#faq_accordian_site .accordion-button::after {
    filter: invert(1);
}
#faq_accordian_site .accordion-button:not(.collapsed)::after {
   filter: none;
}
/* faq_section_9 ends here */
.blog_main__10{
  margin: 150px 0px;
}
/* .blog_main__11{
  padding-top: 150px;
  margin-top: 0px;
} */
 .blog_card_main a:hover img {
    margin-left: 15px !important;
}
.search-page-container .row.blog_main_content {
    padding: 60px 15px; 
    max-width: 1320px;
    width: 100%;
    margin-right:auto ;
    margin-left: auto;
}
.search-page-container h2 {
    color: #FFF !important;
    padding: 100px 0px 40px;
    text-align: center;
}

.alert-info p {
    text-align: center;
}
.back_to_home_btn {
    text-align: center;
}

.back_to_home_btn a {
    position: inherit !important;
        top: inherit !important;
}

.blog_card_main a img {
    transition: all .10s ease-in-out;
}
.blog_main_content h3{
    font-size: 28px;
    font-weight: 600;
}
.blog_main_content a{
    color: var(--blue);
    text-decoration: none;
}
.row.blog_main_content .blog {
    transition: all .3s ease-in;
    cursor: pointer;
}

.row.blog_main_content .blog:hover {
    transform: scale(1.01);
}
/* blog_main_content_10 ends here */
.subfooter_inner{
background-color: var(--black);
    border: 1px solid #123545;
border-radius: 80px;
padding: 60px 50px;
}
.subfooter_inner h3{
  color: var(--black);
  font-size: 52px;
  line-height: normal;
}
.subfooter_inner p{
  color: var(--black);
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}
.subfooter_inner a{
  color: var(--blue) !important;
  background-color: var(--black) !important;
      width: 100% ;
    max-width: 195px;
    height: 58px;
    font-size: 18px !important;
}
.subfooter_card{
  background-color: #172340;
  border-radius: 16px;
  padding: 20px;
}
.sub_footer_list li span{
  font-size: 18px;
  display:flex;
  align-items:flex-start;
  line-height: 19px;
}

/* subfooter_banner_11 ends here */
.footer_site_12{
  padding: 100px 0px 0px;
}
.footer_site_12 .copyright_content{
  border-top:1px solid #b3c1c787;
  padding:30px 0px;
    font-size: 12px;
  color: var(--grey);
  margin-top: 80px;
}
.footer_menu_links{
  font-size: 28px;
}
.footer_menu_links ul li a{
  font-size: 16px;
  color: var(--grey);
  text-decoration: none;
}
.footer_menu_links ul li a:hover{
  color: var(--blue);
}
/*  */
.subscribe_footer_sec{
  background-color: var(--darkgreen);
  border: 1px solid #123545;
  padding: 30px 35px;
  border-radius: 20px;
}
.subscribe_form_footer input, .subscribe_form_footer textarea{
  background-color: var(--darkgreen);
  border: 1px solid #B3C1C7; 
  border-radius: 12px;
}
.subscribe_form_footer button{
    width: 100%;
    max-width: 201px;
}
.subscribe_footer_sec span{
  font-size: 12px;
  color: var(--grey);
  line-height: normal;
}

.cust_btn_form{
  max-width: 100% !important;
  height: 55px;
}

/* footer_site_12 ends here */



.banner_main_div::before{
  /*content:url('../images/banner-shade-left.png');*/
  position: absolute;
  left: 0;
  top:0;
 z-index: -1;
}
.banner_main_div::after{
  /*content:url('../images/banner-shade-right.png');*/
  position: absolute;
    right: 0;
  top:0;
  z-index: -1;
}
.raodmap_table_3::before, .courses_section_8::before, .subfooter_banner_11::before{
  /*content:url('../images/shade-left.png');*/
  position: absolute;
  left: 0;
  top:-100px;
 z-index: -1;
}
.raodmap_table_3::after, .courses_section_8::after, .subfooter_banner_11::after{
  /*content:url('../images/shade-right.png');*/
  position: absolute;
    right: 0;
  top:0;
  z-index: -1;
}
.subfooter_banner_11::before, .subfooter_banner_11::after{
  top: -320px;
}

/******************* blog page css starts here */
.blog_card_main{
  margin-bottom: 60px;
}
.navbar_custom_main_inner{
    box-shadow:0px 0 200px 13px #00a1df2b;
  }
.blog_sidebar_main{
  background-color: #071820;
  padding: 35px 20px;
  border-radius: 30px;
}
.blog_sidebar_main input{
  background-color: #000C11;
    border: 1px solid #B3C1C7;
    border-radius: 12px;
    height: 49px;
}
.blog_sidebar_main span{
  font-size: 16px;
  margin-top: 30px;
}
.sidebar_sorting a{
  background-color: #1B303A;
  border-radius: 8px;
  padding: 10px 13px;
}
.sidebar_sorting a:hover{
   background-color: #21363e;
}
.blog_sidebar_main .clear_btn_sidebar{
    border: 1px solid #B3C1C7;  
    border-radius: 12px;
}
.blog_sidebar_main .clear_btn_sidebar:hover{
  background-color: var(--blue);
  border-color: var(--blue);
}
.blog_sidebar_main a svg {
    width: 23px;
    height: 24px;
}

/* blog-detal */
.back_to_home_btn a {
  left: 0;
  top: -92px;
  font-size: 16px;
  color: #798488;
}
.blog_detail_sort{
  font-size: 16px;
  color: #798488;
}

/* contact us starts here */
.contact_call_btns p{
  color: #798488;
}





/* user address starst here */
.user_address_main{
    margin: auto;
    height: auto;
    padding-bottom: 100px;
    padding-top: 100px;
    top: -65px;
}

.user_addresses{
  background-color: var(--darkgreen) !important;
    border: 1px solid #123545 !important;
    max-width: 540px;
}
.user_addresses .card-body{
  padding-block: 0px;
}

/* user address ends here */

/* media screen starts here */
@media screen and (max-width:767px){
  .courses_section_8, .students_reviews_6, .why_salesforce_4, .logo_section_2, .blog_main__10
 {
    margin: 90px 0px;
}
.footer_site_12 .copyright_content{
      margin-top: 50px;
}
.youtube_video_inner{
  margin: 40px 0px 50px !important;
}
.custom_heading_site{
  font-size:40px;
}
.custom_subheading_site{
  font-size: 22px;
}
.why_sales_inner{
  padding: 20px;
 
}
.custom_btn_site {
    font-size: 16px !important;
    height: 50px;
    padding-left: 22px !important;
    padding-right: 22px !important;
    transition: all .3s ease-in;
}
.custom_btn_site2 {
    font-size: 16px !important;
    height: 50px;
    padding-left: 22px !important;
    padding-right: 22px !important;
}
.courses_section_inner .why_sales_inner{
  padding:40px 20px 80px;
}
.subfooter_inner h3{
  font-size: 40px;
}
.subfooter_inner {
    padding: 40px 30px;
    border-radius: 40px;
}
.custom_para_site {
    font-size: 16px;
}
.student_review_content p {
    font-size: 20px;
}
/* .review_container_main {
    padding:100px 60px 120px 60px;
} */
.raodmap_table_3::after, .courses_section_8::after, .subfooter_banner_11::after, .raodmap_table_3::before, .courses_section_8::before, .subfooter_banner_11::before{
  display: none;
} 
.user_addresses{
    max-width: 500px;
}

}
/* max-767px ends here */
@media screen and (min-width:992px){
.navbar_custom_main{  
 height: 136px;
}

}
@media screen and (max-width:500px){
.subscribe_form_footer{
  flex-wrap: wrap;
}
.subscribe_form_footer input, .subscribe_form_footer button{
  width: 100%;
  height: 50px;
  max-width: 100%;
  margin: 0px 0px 10px 0px !important;
}
}
@media screen and (max-width:600px){
    /* .review_container_main {
        padding: 50px 20px 60px 20px;
    } */
}
@media screen and (min-width:768px) and (max-width:992px){
.subscribe_form_footer{
  flex-wrap: wrap;
}
.subscribe_form_footer input, .subscribe_form_footer button{
  width: 100%;
  height: 50px;
  max-width: 100%;
  margin: 0px 0px 10px 0px !important;
}
}
@media screen and (max-width:1600px){
.studentes_review_slider button.carousel-control-prev img,  .studentes_review_slider button.carousel-control-next img{
      scale: 62%;
}
}
@media screen and (max-width:992px){
.roadmap_table_data tr td{
    font-size: 16px;
}
.roadmap_table_data h4{
  font-size: 22px;
}
.studentes_review_slider button.carousel-control-prev img,  .studentes_review_slider button.carousel-control-next img{
      scale: 50%;
}
}
@media screen and (min-width:1300px){
.studentes_review_slider button.carousel-control-prev,  .studentes_review_slider button.carousel-control-next{
  width: 7%;
}

}
@media screen and (min-width:992px) and (max-width:1400px){
.review_container_main{
  max-width: 990px;
}
}
@media screen and (min-width:768px) and (max-width:1500px){
/* .review_container_main {
    padding: 100px 80px 110px 80px;
} */
}


@media screen and (max-width: 1024px) {
  ul.navbar-nav {
    gap: 20px;
}
.state-student .state-cont {
    width: 49% !important;
}
.raodmap_table_3 .container {
    max-width: 1170px;
}
.why_salesforce_4 {
    margin: 80px 0px;
}
}

@media screen and (max-width:991px) {
  .navbar-collapse {
    padding: 40px 0px;
}
.logo_section_2, .students_reviews_6, .courses_section_8, .blog_main__10 {
    margin: 80px 0px;
}
.user_address_main {
    padding: 50px 0px;
    top: 0px;
}
.youtube_video_inner {
    margin-bottom: 0px !important;
}
}

@media screen and (max-width: 767px) {
  .slider_logo_auto, .roadmap_table_data, .why_sales_columns, .youtube_video_inner{
    margin-top: 10px;
  }
  .carousel-inner.review_container_main {
    margin-bottom: 20px;
}
/* .review_container_main {
    padding: 50px 30px 50px 30px;
} */
}


@media screen and (max-width: 575px) {
  .roadmap {
    gap: 20px;
}
  .custom_heading_site {
    font-size: 34px;
}
.youtube-thumbnail {
    padding-top: 70px;
}
.navbar-collapse form.d-flex {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.navbar-collapse form.d-flex a {
    width: 100%;
}


.youtube_video_7 {
    margin-top: 70px;
}

.row>* {
    padding: 0px;
}
.youtube_video_inner {
    margin-bottom: 40px !important;
}
.h-logo{
  max-width: 60px;
}
.row.state-student {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto;
}
.state-student .state-cont {
            width: 100% !important;
        flex-wrap: wrap;
        align-items: start !important;
}
.state-student .state-cont div {
    width: 50%;
}
.banner_review_section {
      flex-wrap: wrap;
}
.banner_trusted_text {
  text-align: center !important;
}
.slider_logo_auto .slide-track, .slider_logo_auto2 .slide-track{
  gap: 25px;
}
.courses_section_8, .students_reviews_6, .why_salesforce_4, .logo_section_2, .blog_main__10{
  margin: 55px 0px;
}
.student_review_content.position-relative.px-5 {
    padding: 0px 10px !important;
} 
.subfooter_inner h3{
  font-size: 30px;
}
.blog_card_main {
    padding: 0px;
}
}
.col-md-3 {
    flex: 0 0 auto;
    width: 25% !important;
}