/*
Theme Name: Critical Minerals Podcast
Theme URI: #
Author: Sk
Version: 1.0
*/
@font-face {
  font-family: 'HelveticaNeue';
  src: url('assets/fonts/HelveticaNeue-Light.eot');
  src: local('Helvetica Neue Light'), local('HelveticaNeue-Light'),
    url('assets/fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/HelveticaNeue-Light.woff2') format('woff2'),
    url('assets/fonts/HelveticaNeue-Light.woff') format('woff'),
    url('assets/fonts/HelveticaNeue-Light.ttf') format('truetype'),
    url('assets/fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('assets/fonts/HelveticaNeue-Roman.eot');
  src: local('Helvetica Neue Roman'), local('HelveticaNeue-Roman'),
    url('assets/fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/HelveticaNeue-Roman.woff2') format('woff2'),
    url('assets/fonts/HelveticaNeue-Roman.woff') format('woff'),
    url('assets/fonts/HelveticaNeue-Roman.ttf') format('truetype'),
    url('assets/fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('assets/fonts/HelveticaNeue-Medium.eot');
  src: local('Helvetica Neue Medium'), local('HelveticaNeue-Medium'),
      url('assets/fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/HelveticaNeue-Medium.woff2') format('woff2'),
      url('assets/fonts/HelveticaNeue-Medium.woff') format('woff'),
      url('assets/fonts/HelveticaNeue-Medium.ttf') format('truetype'),
      url('assets/fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('assets/fonts/HelveticaNeue-Thin.eot');
  src: local('Helvetica Neue Thin'), local('HelveticaNeue-Thin'),
      url('assets/fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
      url('assets/fonts/HelveticaNeue-Thin.woff2') format('woff2'),
      url('assets/fonts/HelveticaNeue-Thin.woff') format('woff'),
      url('assets/fonts/HelveticaNeue-Thin.ttf') format('truetype'),
      url('assets/fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}




*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth; overflow-x:hidden;  }
body{ margin:0px; padding:0px;background:#ffffff; font-family:var(--bodyfont);}
p{ margin:0px; padding:0px; }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{text-decoration:none;border: 0px;outline: none;transition:all .5s;color: var(--main-clr);}
a:hover, a:focus, a:active{ transition:all .5s }
a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
img { max-width: 100%; height: auto;}
strong{font-weight:bold;}
button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
::-moz-selection { color: #fff; background:var(--main-clr);}
::selection { color: #fff; background: var(--main-clr);}
select{white-space: normal;}


/*variables--*/

:root{
  --bodyfont: 'HelveticaNeue', sans-serif;
  --accent-font:'HelveticaNeue', sans-serif;
  --headfont:'HelveticaNeue', sans-serif;
  --fs-90:90px;
  --fs-72:72px;
  --fs-60:60px;
  --fs-42:42px;
  --fs-40:40px;
  --fs-36:36px;
  --fs-32:32px;
  --fs-30:30px;
  --fs-28:28px;
  --fs-26:26px;
  --fs-25:25px;
  --fs-24:24px;
  --fs-20:20px;
  --fs-18:18px;
  --fs-16:16px;
  --fs-14:14px;
  --fs-13:13px;
  --pdg:120px;
  --topbar-color:#f7fdfd;
  --menu-color: #383333;
  --main-clr:#2d61c3;
  --seconday-color:#2d61c3;
  --dark-bg:#0b1320;
  --hover-color: #26a5ff;
  --body-font-color:#000;
  --head-font-color:#000;
  --black-clr:#0b0c17;
  --light-font-color: #eee2d3;
  --light-bg:#f2fbfb;
}

body{ font-family:var(--bodyfont); color:var(--body-font-color); background:#ffffff;font-size:var(--fs-18);line-height:1.5; font-weight: 300 ;}

h1{font-size:var(--fs-72);font-weight:300;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.12}
h2{font-size:var(--fs-60);font-weight:300;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding: 0 0 30px 0;line-height: 1.2}
h3{font-size:var(--fs-30);font-weight:300;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.2}
h4{font-size:var(--fs-24);font-weight:300;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.2}
h5{font-size:var(--fs-20);font-weight:300;margin:0;font-family:var(--headfont);color:var(--head-font-color);padding:0 0 30px 0;line-height: 1.2}
h6{font-size:var(--fs-18);font-weight:500;margin:0;font-family:var(--bodyfont);color:rgba(0,0,0,0.7);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.2em;line-height: 1.3}

p{ padding:0 0 30px 0;}

.btncn{position:relative;display: inline-block;padding: 9px 19px 13px;font-size: var(--fs-18);font-weight:300;border-radius:0;border-width:1px;border-style:solid;text-align: center;margin:15px 0;font-family:var(--accent-font);}


.btncn-default{background: var(--main-clr); color:#fff;border-color:var(--main-clr);}
.btncn-default:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff}

.btncn-secondary{background:var(--seconday-color); color: var(--body-font-color);border-color:var(--seconday-color);}
.btncn-secondary:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff}

.btncn-white{background:#fff; color: var(--head-font-color);border-color:#fff;  }
.btncn-white:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff}

.btncn-dark{background:var(--dark-bg); color: #fff;border-color:var(--dark-bg);  }
.btncn-dark:hover{background:var(--hover-color);border-color:var(--hover-color);color:#fff}

.btn-line{ border-color:#fff;color:#fff;background:transparent}
.btn-line:hover{ background:var(--hover-color); color:#fff;border-color:var(--hover-color) }


.btncn i{ margin: 0 0 0 10px;transition:0.3s }
.btncn-secondary i,.btncn-white i{color:var(--main-clr); }
.btncn-default:hover i,.btncn-secondary:hover i,.btncn-white:hover i{color:#fff}

.buttonGroup{ display:flex; gap:15px }

.section{ padding-top:var(--pdg); }
.sectionPaddingBtm{ padding-bottom:var(--pdg) }
.section .container{ position:relative; }
.no-padding-top{ padding-top:0 }

.hoverImage{ overflow:hidden; position:relative; }
.hoverImage:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0;  background: linear-gradient(-45deg,var(--main-clr) 0%, transparent 100%); opacity:0; transition:all .5s }
.hoverImage:hover:after{ opacity:0.7; transition:all .5s }
.hoverImage img{ width:100%; transition:all .5s }
.hoverImage:hover img{ transform:scale(1.1); transition:all .5s }
.g-5, .gx-5 { --bs-gutter-x: 5rem;}
.g-4, .gx-4 { --bs-gutter-x: 3rem;}
.section-heading{ margin:0 0 20px 0;padding-right:220px;}
.section-heading h6{ padding-bottom:15px; }
.text-center p{ text-align:center; }


.btn-position-absolute { position: absolute; right: 15px; top: 0px;}
.btn-position-absolute .btncn{margin:0}

.light-bg{background:var(--light-bg);}
.dark-bg{background:var(--dark-bg); }
.main-clr-bg{background: var(--main-clr);}
.mobile{display:none; }

.btn-group{ display:flex; margin:30px 0 0 0; gap:15px;  }
.full-image img{ width:auto; max-width:inherit; }
.full-right{ display:flex; justify-content:flex-end; }


.text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6{ color:var(--light-bg); }

.gform-footer,#field_submit,.gform_footer{position:relative!important}
.gform-loader {position:absolute!important;right:0!important;top:0!important}

.miniSectionHd{display:flex;gap: 3%;align-items: center;padding-bottom: 30px}
.miniSectionHd::before,.miniSectionHd::after{background-color: rgb(57, 86, 74); opacity: 0.2;height: 1px;display:block;flex-grow: 1;content: '';width: 10px}
.miniSectionHd h6{text-align: center;padding-bottom: 0}

.current-date-tr td{font-weight:600;}

@media (min-width: 1600px) {
  .container{ max-width:1470px }
}

@media only screen and (max-width:1599px){
  :root{ 
    --fs-90:60px;
    --fs-72:55px;
    --fs-60:45px;
    --fs-42:40px;
    --fs-40:38px;
    --fs-36:34px;
    --fs-32:30px;
    --fs-30:28px;
    --fs-28:26px;
    --fs-26:25px;
    --fs-25:24px;
    --fs-24:23px;
    --fs-20:18px;     
    --fs-16:15px;
    --fs-14:14px;

    --fs-18:16px;
  }
}
@media only screen and (max-width:1399px){
  :root{ 
    --fs-90:50px;
    --fs-72:48px;
    --fs-60:40px;
    --fs-42:34px;
    --fs-40:34px;
    --fs-36:30px;
    --fs-32:27px;
    --fs-30:26px;
    --fs-28:25px;
    --fs-26:24px;
    --fs-25:23px;
    --fs-24:22px;
    --fs-20:17px; 
  }
}
@media only screen and (max-width:1199px){
  :root{ 
    --fs-90:45px;
    --fs-72:44px;
    --fs-60:40px;
    --fs-42:32px;
    --fs-40:32px;
    --fs-36:24px;
    --fs-32:23px;
    --fs-30:23px;
    --fs-28:22px;
    --fs-26:22px;
    --fs-25:21px;
    --fs-24:20px;
  }

  a{ text-decoration:none; border: 0px; outline: none; transition:none;}
  a:hover, a:focus, a:active{ transition:none; }  
}
@media only screen and (max-width:991px){
  :root{ 
    --fs-90:32px;
    --fs-72:30px;
    --fs-60:28px;
    --fs-42:26px;
    --fs-40:26px;
    --pdg :50px;
  }
  p{padding-bottom:20px}
  .full-image img{ max-width:100% }

  .btn-position-absolute { position: static;margin-top:30px;justify-content: center;}
  .section-heading{ padding-right:0px;text-align:center;}
    
}
@media only screen and (max-width:767px){
  .container{ padding:0 40px; }

  .btncn{ width:100%; text-align:center; }
  .buttonGroup .btncn{width: auto;flex-grow: 1;padding: 10px 10px; }
  .buttonGroup .btncn i{margin: 0 5px 0 0 }

  .desktop{ display:none; }
  .mobile{display:block;}
  .lineHd h5::before{width:25px;margin-right:5px}

  .section-heading{margin-bottom:0}


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





/*Banner Start =========================*/
  .banner{position:relative;background:var(--dark-bg);}
  .bannerSliderItem {position: relative; z-index: 2; }
  .bannerBg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#0c2144;}
  .bannerBg img{height:100%;width:100%;object-fit:cover;}

  .bannerContent{padding:220px 0 180px;}
  .bannerContent h6 {color: #fff;letter-spacing: 0.05em;padding:0 0 15px 0;font-weight:500 }
  .bannerContent h1 {font-weight:100}

  .bannerContent .buttonGroup p {padding-bottom: 0;flex-shrink: 0;line-height:1 }
  .bannerContent .buttonGroup {align-items: center; gap: 18px; padding: 23px 40px; background: rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 19.92px 4.08px rgba(0, 0, 0, 0.035); border-radius: 100px; display: inline-flex; margin-top: 10px; }
  .bannerContent .buttonGroup a {transition: 0.3s; }
  .bannerContent .buttonGroup a:hover {opacity: 0.6; }
  .bannerContent .buttonGroup a img{display:block;}

  .bannerImage img{margin-left:auto;display:block;}

  .bannerSlider {position: relative;}
  .banner .slick-dots {display: flex;gap: 12px;justify-content:flex-start;position: absolute;bottom: 7%;left: 50%;transform: translate(-50%, 0);list-style:none;font-size:0;margin:0;padding:0 15px;}
  .banner .slick-dots li{display:block;padding:0;margin:0;width: 16px;height:16px}
  .banner .slick-dots button {display:block;width: 100%;height:100%;background:#fff;padding:0;margin:0;border:0;transition:0.3s;border-radius:50%;opacity:0.2}
  .banner .slick-active button {opacity:1}
  .bannerSliderItem{display:block!important;}
  

  @media only screen and (max-width:1199px){
    .bannerContent{padding:100px 0 100px;}


    .banner .slick-track {display: flex; }
    .banner .slick-slide {height: auto; }
    .banner .slick-slide > div,.bannerSliderItem {height: 100%; }
    .banner .slick-dots{bottom: 20px}
    .banner .slick-dots li,.innerBanner .slick-dots button{width:10px;height: 10px}
  }
  @media only screen and (max-width:991px){
    .bannerContent{padding:50px 0 20px;text-align: center;}
    .bannerImage img{margin-right:auto;}


    .banner .slick-dots button{opacity: 0.5}
    .banner .slick-active button {opacity:1}
  }
  @media only screen and (max-width:767px){
    .bannerContent h1{padding-bottom:15px}
    .bannerContent .buttonGroup {padding: 17px 20px; border-radius: 28px; flex-wrap: wrap; justify-content: center; gap: 18px 16px; }
    .bannerContent .buttonGroup p {width: 100%; }
    .bannerContent .buttonGroup a img{max-height:20px}


    .banner{text-align: center;text-align-last: center;}
    .banner .slick-dots{justify-content: center;}
    .banner .slick-dots {padding: 0px 40px; }
  }
/*Banner End =========================*/


/*WELCOME SECTION*/
  .welcomeContent{ text-align:center;}
  .welcomeContent h1{font-size:var(--fs-14);font-weight:300;margin:0;font-family:var(--bodyfont);padding:0 0 30px 0;text-transform:uppercase;letter-spacing:0.22em;opacity: 1;}

  @media only screen and (max-width:991px){
    .welcomeContent br{display:none;}
    .welcomeContent h1{padding-bottom:15px}
  }

  @media only screen and (max-width:767px){
    .welcome-content .buttonGroup .btncn {font-size: 14px;padding: 10px 15px;}
    .welcome-content .buttonGroup {gap: 10px;}
  }

/*END WELCOME SECTION*/


/*HOST SECTION START*/
  .hostHd {max-width: 390px; }
  .hostDetails {max-width: 401px; margin-left: auto; }
  .hostDetailsItem:not(:last-child) {border-bottom: 1px solid #b6bdc9; margin-bottom: 22px; }
  .hostDetailsItem h3 {padding-bottom: 12px; max-width: 378px; }
  .hostImg{text-align:center;}


  @media only screen and (max-width:991px){
    .hostSection {text-align: center; }
    .hostHd,.hostDetails {margin-left: auto; margin-right: auto; }
    .hostSection .buttonGroup {justify-content: center; }
    .hostDetails{padding-top:10px}
  }
/*HOST SECTION END*/


/*HOME FORM SECTION start*/
  .formHolder{position:relative; min-height: 37vw; display: flex; flex-direction: column; justify-content: center;}
  .formHolderBg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( -85deg, rgb(11,19,32) 0%, rgb(12,37,77) 100%);z-index:-1}
  .formHolderBg img{width:100%;height:100%;object-fit:cover;opacity: 0.28}
  .formHolder h2{font-size: var(--fs-60);}
  .formHolderHd{max-width:400px}
  
  .formGroup{ display:flex; gap:14px; }
  .homeFormHolder{ padding:0px 0 0 0 !important }
  .homeFormHolder .gform_fields {gap: 18px!important; }
  .homeFormHolder .gform_footer {margin-top: 18px!important; }

  .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder select, .homeFormHolder textarea{width:100% !important;background-color:#fff !important;border:none !important;padding: 19px 23px !important;font-size: var(--fs-16)!important;font-weight:300 !important;color:var(--head-font-color) !important;margin:0 0 0px 0 !important;border-radius: 0px!important;height:auto!important;line-height: 1.5 !important;}
  .homeFormHolder textarea {max-height: 150px !important;resize: none !important;}
  .homeFormHolder .inputHolder{ width:100% !important; }
  .homeFormHolder ::placeholder { color: var(--head-font-color) !important; opacity: 1 !important;font-weight:300 }
  .homeFormHolder ::-ms-input-placeholder { color: var(--head-font-color) !important;font-weight:300}
  .homeFormHolder option{ background: var(--body-font-color) !important; color:#fff !important; }
  .homeFormHolder select{padding-right: 45px !important;background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(1, 1, 1, 1)'/%3E%3C/svg%3E") !important;background-repeat: no-repeat !important;background-position: center right 28px !important;appearance:none !important;overflow: hidden;}
  .homeFormHolder select option{background:#000}


  .homeFormHolder button[type=submit]{padding: 10px 19px 14px!important;background: var(--main-clr)!important;border:none !important;outline:none !important;cursor: pointer !important;font-weight: 300 !important;font-size: var(--fs-18) !important;transition:all .5s !important;margin: 0!important;color: #fff !important;font-family:var(--accent-font) !important;flex-shrink: 0 !important;align-self: flex-start !important;letter-spacing: 0em !important;border-radius: 0px !important;width:auto !important;height:auto !important; line-height: 1.5!important;}
  .homeFormHolder button[type=submit] i{margin:0 0 0 10px; font-family: 'FontAwesome';}
  .homeFormHolder button[type=submit]:hover{background-color: var(--hover-color) !important;color:#fff!important}

  .homeFormHolder .gform-loader {filter:brightness(0) invert(1)}

  .homeFormHolder .gform-theme--api,.homeFormHolder .gform-theme--framework{--gf-ctrl-desc-color-error: #ff7676!important; --gf-form-validation-color:#ff7676!important; --gf-color-danger-rgb:255, 118, 118!important; }




  @media only screen and (max-width:991px){
    .homeFormHolder input[type=submit]{margin: 0 auto!important}
    .homeFormHolder input[type=text], .homeFormHolder input[type=email], .homeFormHolder input[type=tel], .homeFormHolder textarea{padding: 12px 16px!important; }
    .homeFormHolder select{padding: 12px 30px 12px 16px!important;background-position: center right 12px !important;background-size:10px!important}
    .formHolderHd {text-align: center;margin: 0 auto 20px;}
    .formHolderHd br{display:none;}
  }
  @media only screen and (max-width:767px){
  }
/*HOME FORM SECTION end*/