@charset "utf-8";


@import url("https://use.typekit.net/dac1ytb.css");


/*===== Common CSS =====*/

/*===== HeaderFooter CSS =====*/
/*===== HomePage CSS =====*/
/*===== Interviews CSS =====*/
/*===== ContactUs CSS =====*/
  
   
/*===== Responsive CSS =====*/

/*===============================
  ===============================*/

/*===== Common CSS =====*/

:root {
    --5in5-font:"acumin-pro-semi-condensed",sans-serif;
    --5in5-btnBg:#00ecb3;
    --5in5-titleColor:#071a26;
    --5in5-textColor:#58656c;
    
    --5in5-springGreen:#00b081;
    --5in5-primaryBlue:#0077fb;
    --5in5-royalBlue:#0a1f70;
    --5in5-white:#ffffff;
    
    --5in5-Autonomy:#00ecb3;
    --5in5-Aviation:#00b081;
    --5in5-Finance:#1683fb;
    --5in5-ElectricFuelCellHybridPower:#1683fb;
    --5in5-BusinessDevelopment:#175a44;
    --5in5-LogisticsSupplyChain:#0051a9;
    --5in5-RaisingFunds:#133a5c;
    --5in5-TransportationSolutions:#0a1f70;

}

body {  padding: 0; margin: 0; font-family: var(--5in5-font); font-size: 22px; line-height: 28px; font-weight: 500; color: var(--5in5-textColor); position: relative; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; 
    overflow: hidden;
}

* { box-sizing:border-box; }
*:hover { -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
*:focus, .btn-default-focus { box-shadow: none !important; outline:none !important; }


h1, h2, h3, h4, h5, h6, p, ul { padding: 0; margin: 0; }

h1,
h1 img,
h1.FiveInFive_Logo,
h1.FiveInFive_Logo img { font-size: inherit; line-height: inherit; width:145px; height:48px; object-fit: contain; display: block; }

h2 { font-size:65px; line-height: 75px; color: var(--5in5-titleColor); font-weight: 900; }

h3 { font-size:45px; line-height: 55px; color: var(--5in5-titleColor); font-weight: 900; margin:0 0 25px; position: relative; }
h3::after { content: ""; display: block; position: absolute; left:0; right:0; bottom:-12px; margin: auto;
    width:92px; height:7px; background: var(--5in5-primaryBlue);
}

h4 { font-size:32px; line-height: 40px; color: var(--5in5-titleColor); font-weight: 900; }

h5.FiveInFive_Logo,
h5.FiveInFive_Logo img { font-size: inherit; line-height: inherit; width:123px; height:41px; object-fit: contain; display: block; }

h5 { font-size:15px; line-height: 20px; color: var(--5in5-titleColor); font-weight: 600; text-transform: uppercase; }
h6 { font-size:15px; line-height: 24px; color: var(--5in5-textColor); font-weight: 400; margin:5px 0 0; text-align: center; }
h6 a,
h6 a:hover { color: var(--5in5-primaryBlue); font-style: italic; text-decoration: underline; font-weight: 400; }

p { margin:0 0 25px; }
p:last-child { margin:0; }

img, svg { border: none; vertical-align: middle; max-width: 100%; }
ul li { list-style: none; }

a { cursor: pointer; color:var(--5in5-white); font-weight: normal; outline: none !important; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a:hover, a:focus { text-decoration: none; }
a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
button, input, textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

a.link { font-style: italic; color: var(--5in5-primaryBlue); text-decoration: underline; }

.btn { font-size:16px; line-height: 30px;  font-weight: 600; padding:5px 35px 8px; text-transform: uppercase;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.btn .btnIcon { width:20px; height:20px; object-fit: cover; object-position: center top; margin:-3px 3px 0 0; }
.btn:hover .btnIcon { object-position: center bottom; }

.primaryBtn,
.commento-button { 
    color: var(--5in5-titleColor) !important; background: var(--5in5-btnBg) !important;  
}
.primaryBtn:hover,
.commento-button:hover { 
    color: var(--5in5-white) !important; background: var(--5in5-springGreen) !important;
}


.secondaryBtn { color: var(--5in5-white); background: var(--5in5-textColor); }
.secondaryBtn:hover { color: var(--5in5-white); background: var(--5in5-titleColor); }

.btnsGroup { display: flex; align-items: center; flex-wrap: wrap; }
.btnsGroup .btn { margin-left:12px; }



header, main, section, footer { display: block; position: relative; 
    transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;
    filter: blur(0); -webkit-filter: blur(0); -moz-filter: blur(0);
}
.modal-open header, .modal-open main, .modal-open footer { 
    filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px);
}

.container-fluid { max-width:1500px; }
.container { max-width:1320px; }
.container.inner { max-width:1140px; }


.loader { width: 100%; height: 100vh; position: fixed; z-index: 201; left: 0; top: 0; display: table; background:var(--5in5-white); transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; }
.loader .center-box { display: table-cell; vertical-align: middle; text-align: center; }
.loader img { height: 50px; }

.grayscale { animation: grayscale 3s infinite; -webkit-animation: grayscale 3s infinite; -moz-animation: grayscale 3s infinite; }
@-webkit-keyframes grayscale {

    0%,
    100% {
        opacity: 0.35;
    }

    50% {
        opacity: 1;
    }
}

.pageload { overflow: auto; }
.pageload header, .pageload main, .pageload footer { display: block; }
.pageload .loader { left: 100%; }




/*===== *************** =====*/




/*===== HeaderFooter CSS =====*/
header { background: var(--5in5-white); padding:10px 0; z-index: 101;
    position: fixed; left:0; right:0; top:0;
    box-shadow: 0 2px 8px rgba(0,0,0,0); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0);
}
header .container { display: flex; justify-content: space-between; align-items: center; }
header .navbar { padding:0; }
header .navbar-nav { align-items: center; }
header .nav-item { margin:0 0 0 35px; }
header .nav-item .nav-link { font-size:16px; color: var(--5in5-titleColor); text-transform: uppercase; padding:0 !important; position: relative; }
header .nav-item .btn { padding-left:15px; padding-right:15px; margin:2px 0 0; }

header .nav-item .nav-link::after { content: ""; display: block; position: absolute; left:0; right:0; bottom:0; height:3px; width:0; margin: auto;
    background: var(--5in5-primaryBlue);
    transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;
}
header .nav-item .nav-link.active::after,
header .nav-item .nav-link:hover::after { width:100%; }

header.sticky { 
    box-shadow: 0 2px 8px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}


footer { margin:25px 0; }
footer .container { max-width:1000px; }
footer ul.no-border { border: none; }
footer ul { padding:15px 0; border-top: 1px solid #707578; 
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
}
footer ul li { width:15%; display: flex; flex-direction: column; }
footer ul li a { color: var(--5in5-textColor); font-size: 15px; line-height: 20px; margin:20px 0 0; }

footer ul li a:hover { color: var(--5in5-primaryBlue);  }

footer ul li a.socialLink { display: flex; align-items: center; }
footer ul li a.socialLink img.socialIcon { min-width:25px; max-width:25px; height:25px; object-fit: contain; margin:3px 10px 0 0; }

/*===== *************** =====*/



/*===== HomePage CSS =====*/
body,
.modal-open { padding:0 !important; }
.modal-content { background: transparent; border: none; }  
.modal-backdrop { opacity: 0.85 !important; }
.modal-lg { max-width:900px; }  

.modal-header, .modal-body { border: none; padding: 10px 0; } 
.modal-header h4 { color: var(--5in5-white); font-weight: 600; opacity: 0.75; }
.modal-header .btn-close { padding:0; margin:0; width:40px; height:40px; 
    background: url("../images/modalClose-Ic.svg")no-repeat center center / 35px;
}

.modal-body .iframeWrp { overflow: hidden; display: block;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
}
.iframeWrp iframe { width:100%; height:600px; display: block; }


.modal-body form { text-align: center; }
form .form-group { position: relative; margin:0 0 20px; }
form .form-group img.fieldIcon,
form .form-group img.arrowIcon { width:45px; height:45px; position: absolute; top:0; bottom:0; margin: auto; }
form .form-group img.fieldIcon { object-fit: cover; object-position: center top; left:0; }
form .form-group img.arrowIcon { object-fit: contain; right:0; pointer-events: none; }


#pdfModal .modal-header { display: flex; justify-content: flex-end; }
.modal-body p { color: white; font-size:16px; line-height: 20px; }  
.modal-body form .form-control { background: rgba(255,255,255,0.6); }
.modal-body form .form-control:focus { background: rgba(255,255,255,1); }


form .form-control {
    background: rgba(255,255,255,0.75); padding:0 15px 2px 40px; border: 2px solid transparent; height: 45px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important;
}
form textarea.form-control { height:115px; padding:12px 15px 12px 40px; resize: none; }
form textarea.form-control + img.fieldIcon { margin: 4px 0 0; }

form .form-group .note { font-size: 13px; line-height: 16px; margin: 5px 0 0;  }


.chooseFile .d-flex {
    align-items: center;
}
.chooseFile input.form-control {
    padding: 0 15px;
}
.chooseFile div {
    position: relative; margin-right:15px;
}

.chooseFile .d-flex div input.form-control {
    position: absolute; z-index: 2; opacity: 0;
    left:0; right:0; top:0; bottom:0; margin:0; 
}
.chooseFile .uploadedPreviewImg { 
    min-width:75px; max-width:75px; height:75px; object-fit: cover; margin:0 15px 0 0;
    border-radius: 12px; -web-border-radius: 12px; -moz-border-radius: 12px;
}

.chooseFile .d-flex div a {
    white-space: nowrap;
    display: block;
    color: var(--5in5-white);
    background: var(--5in5-springGreen);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px 15px 10px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}



form .form-control:focus {
    border:2px solid var(--5in5-Aviation);
}
form .form-control:focus + img.fieldIcon { object-position: center bottom; }
form .btn { margin:20px 0 0; }

.checkbox, .radiobtn { 
    text-align: left;
}
.checkbox input[type="checkbox"],
.radiobtn input[type="radio"] { 
    display:none; 
}
.checkbox input[type="checkbox"] + label,
.radiobtn input[type="radio"] + label { 
    color:rgba(255,255,255,0.75); font-size:16px; font-weight: 400; cursor: pointer; margin:0px !important;
}
.radiobtn input[type="radio"] + label {
    color:rgba(0,0,0,0.75);
    top:0px;
}
.checkbox input[type="checkbox"] + label span,
.radiobtn input[type="radio"] + label span { 
    display:inline-block; vertical-align:middle; min-width:20px; max-width:20px; height:20px; margin:0 8px 0 0; position: relative; top:-2px;   
}
.checkbox input[type="checkbox"] + label span {
    background:url("../images/checkbox.svg")no-repeat left bottom / 20px;
}
.checkbox input[type="checkbox"]:checked + label span {
    background:url("../images/checkbox.svg")no-repeat left bottom / 20px;
}

.radiobtn input[type="radio"] + label span { 
    background:url("../images/radiobtn.svg")no-repeat left top / 20px;
}
.radiobtn input[type="radio"]:checked + label span {
    background:url("../images/radiobtn.svg")no-repeat left bottom / 20px;
}



main { margin:68px 0 0; }

.bannerWrp { padding:50px 0;  text-align: center;
    background: url("../images/bannerBg-Img.png")no-repeat center bottom / cover;
}

.bannerWrp .text { padding:0 50px; }

.FiveInFive_QA ul,
.FiveInFive_QA ul li { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.FiveInFive_QA ul li { margin:15px; }
.FiveInFive_QA ul li .badge { font-size:42px; font-weight: 600; color: var(--5in5-white); line-height: 43px; padding:0; margin:3px 10px 0 0;
    width:50px; height:50px; display: block;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(10,31,112,0.25);
    -webkit-animation: pulse 2s linear 1s infinite;
    -moz-animation: pulse 2s linear 1s infinite;
    animation: pulse 2s linear 1s infinite;
}
.FiveInFive_QA ul li .badge.springGreen {
    background: var(--5in5-springGreen);
}
.FiveInFive_QA ul li .badge.primaryBlue {
    background: var(--5in5-primaryBlue);
}
.FiveInFive_QA ul li .badge.royalBlue {
    background: var(--5in5-royalBlue);
}


@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 2px rgba(10,31,112,0.25);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(10,31,112,0.25);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(10,31,112,0.25);
    }
}
@-moz-keyframes pulse {
    0% {
        box-shadow: 0 0 0 2px rgba(10,31,112,0.25);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(10,31,112,0.25);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(10,31,112,0.25);
    }
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 2px rgba(10,31,112,0.25);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(10,31,112,0.25);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(10,31,112,0.25);
    }
}


.interviewWithExperts .text { text-align: center; padding:0 50px; }
.interviewWithExperts h2 { display: flex; justify-content: center; align-items: center; }
.interviewWithExperts h2 img { width:auto; height:73px; margin:10px 10px 0;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}

.interviewWithExperts h2 .Leading,
.interviewWithExperts h2 .Experts { position: relative; margin:0 10px 0 0; }
.interviewWithExperts h2 .Leading::after,
.interviewWithExperts h2 .Experts::after { content: ""; display: block; position: absolute; left:0; right:0; bottom:-15px; }

.interviewWithExperts h2 .Leading::after { 
    height:12px; background: url("../images/Leading-ImgPattern.svg")no-repeat center center / contain;
}
.interviewWithExperts h2 .Experts::after { 
    height:12px; background: url("../images/Exprets-ImgPattern.svg")no-repeat center center / contain;
}

.interviewWithExperts p { margin:30px 0; }




.areasOfInterest { padding:70px 0 0; text-align: center; }
.areasOfInterest .text { margin:0 100px; }

.areasDetail { margin:20px 12px 15px; padding:20px 20px 15px;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.areasDetail img.areasIcon { width:80px; height:55px; object-fit: contain; display: block; margin: auto; }
.areasDetail p { font-size:16px; line-height: 20px; color: var(--5in5-white); margin:10px 0 0; height: 40px; overflow: hidden; }


.areasDetail.Autonomy { background: var(--5in5-Autonomy); }
.areasDetail.Aviation { background: var(--5in5-Aviation); }
.areasDetail.Finance { background: var(--5in5-Finance); }
.areasDetail.BusinessDevelopment { background: var(--5in5-BusinessDevelopment); }
.areasDetail.ElectricFuelCellHybridPower { background: var(--5in5-ElectricFuelCellHybridPower); }
.areasDetail.LogisticsSupplyChain { background: var(--5in5-LogisticsSupplyChain); }
.areasDetail.RaisingFunds { background: var(--5in5-RaisingFunds); }
.areasDetail.TransportationSolutions { background: var(--5in5-TransportationSolutions); }



.howItWorks { padding:50px 0; text-align: center; 
    background: url("../images/howItWorks-blurBg.png")no-repeat center center / contain;
}

.howItWorks .text { padding:20px 50px; 
    background: rgba(255,255,255,0.65);
    border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
}
.processStep { padding:20px; margin:0 5px 20px; background: rgba(255,255,255,0.65); border:3px solid var(--5in5-white);
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
}
.processStep img.processIcon { width:75px; height:75px; display: block; margin:auto; }
.processStep .processText { display: flex; align-items: flex-start; text-align: left; margin:10px 0 0; }
.processStep .processText h4 { font-size:42px; line-height: 45px; font-weight: 600; }
.processStep .processText p { font-size:17px; line-height: 20px; margin:4px 0 0 10px; }



.recentInterviews { text-align: center; padding:25px 0 40px; 
/*    background: var(--5in5-titleColor);*/
    background: #3a505e;
}
.recentInterviews h3,
.recentInterviews .interviewBox * { color: var(--5in5-white); }

.interviewBox { display: block; position: relative; margin:25px auto; width:400px; max-width:100%; }
.interviewBox.noLink { pointer-events: none; }

.interviewBox .maingImg { width:100%; min-height:200px; position: relative; z-index: 1; overflow: hidden;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.interviewBox .maingImg img { width:100%; height:100%; object-fit: cover; }

.interviewBox .maingImg .learnMore { width:100%; font-size:15px; font-weight: bold; color: white; padding:7px 15px 10px; text-transform: uppercase;
    position: absolute; left:0; right:0; bottom:-15px; z-index: 2; opacity: 0;
    transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;
    background-image: -moz-linear-gradient( 90deg, rgb(0,81,169) 0%, rgb(0,119,251) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,81,169) 0%, rgb(0,119,251) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,81,169) 0%, rgb(0,119,251) 100%);
}

/*
.interviewBox .maingImg::before { content: ""; display: block; position: absolute; left:0; right:0; top:0; bottom:0; z-index: 2;
    background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.74902) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.74902) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.74902) 0%, rgba(0,0,0,0) 100%);
}
*/

.interviewBox .videoDuration { z-index: 3; position: absolute; right:20px; top:20px; background: rgba(0,0,0,0.55); color: var(--5in5-white); font-size:17px; line-height: 20px; padding:1px 10px 4px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.interviewBox .text { padding:15px 15px 10px; text-align: left; }
.interviewBox .text .date-tag { margin:8px 0;
    display: flex; align-items: center; justify-content: space-between;
}
.interviewBox .text .playIcon { min-width:73px; max-width:73px; height:73px; margin:0 12px 0 0;
    
}
.interviewBox .text h4 { font-size:25px; line-height: 28px; font-weight: 700; }

.interviewBox .text span { font-size:15px; line-height: 20px; }
.interviewBox .text span.tag { padding:0 8px 2px; margin:0 5px 0 0; color: var(--5in5-white); 
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
}

.interviewBox .text span.tag.Aviation,
.interviewPage .tagDate-shareBtn .interviewTag .badge.Aviation { background: rgba(0,176,129,0.75); }
.interviewBox .text span.tag.Electric,
.interviewPage .tagDate-shareBtn .interviewTag .badge.Electric { background: rgba(22,131,151,0.75); }
.interviewBox .text span.tag.Finance,
.interviewPage .tagDate-shareBtn .interviewTag .badge.Finance { background: rgba(39,117,243,0.75); }






.interviewBox:hover .maingImg .learnMore { opacity: 1; bottom:0; }



.owl-nav { display: none; }
.owl-dots { display: flex; justify-content: center; align-items: center; }
.owl-dots .owl-dot { width:12px; height:12px; background: var(--5in5-white); margin:0 10px; opacity: 0.5;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.owl-dots .owl-dot.active { opacity: 1; }

/*===== *************** =====*/


/*===== Interviews CSS =====*/
.interviewPage .bannerWrp { padding:5px 0;
    background: url("../images/innerpageBanner-Img.jpg")no-repeat center top / contain;
}
.interviewPage .text { padding:0; }
.interviewPage .text h4 { font-size:28px; line-height: 32px; text-align: left; }

.breadCrumb { display: flex; align-items: center; flex-wrap: wrap; text-align: left; margin:5px 0 10px; }
.breadCrumb a { font-size:14px; color: var(--5in5-black); margin:0 20px 0 0; position: relative; text-decoration: underline; }
.breadCrumb a::after { content: ">"; display: block; position: absolute; right:-15px; top:0; }
.breadCrumb a:last-child::after { display: none; }

.breadCrumb a.current { text-decoration: none; pointer-events: none; }

.searchPanel form { background: rgba(255,255,255,0.85); display: flex; align-items: center; margin:30px 0; padding:7px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.searchPanel form .form-group,
.searchPanel form .form-control { height:46px; border: none; position: relative; background: transparent; }
.searchPanel form .form-group .searchIcon { position: absolute; left:15px; top:2px; bottom:0; margin: auto; width:25px; height:25px; object-fit: contain; }
.searchPanel form .form-control { padding:0 10px 0 20px; }

.searchPanel form .searchBox { width:100%; margin:0; }
.searchPanel form .searchBox .form-control { padding:0 20px 0 50px;
    box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;
}

.searchPanel form .selectBox { border-left:1px solid rgba(0,0,0,0.25); margin:0; }
.searchPanel form .selectBox .form-control { min-width:120px;
    box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;
}
.searchPanel form .selectBox .downArrowIcon { position: absolute; right:0; top:3px; bottom:0; margin: auto; width:15px; height:15px; object-fit: contain; pointer-events: none; }

.searchPanel form .btn { padding-left:15px; padding-right:15px; margin:0 0 0 10px; }



.interviewPage .interviewBox { margin:25px auto; }
.interviewPage .interviewBox .text span { color: var(--5in5-textColor); }
.interviewPage .interviewBox .text span.tag { color: var(--5in5-white); }




/*.interviewPage .centerWrp { max-width:950px; margin: auto; }*/
/*.interviewPage .centerWrp h4 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }*/

.interviewPage .centerWrp .videoBox { margin:0 auto; }

.interviewPage .tagDate-shareBtn { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.interviewPage .tagDate-shareBtn .interviewTag,
.interviewPage .tagDate-shareBtn .btnsGroup {
    margin:10px 0;
}

.interviewPage .tagDate-shareBtn .interviewTag * { font-size:16px; line-height: 26px; font-weight: 400; }
.interviewPage .tagDate-shareBtn .interviewTag .badge { padding:0 12px 3px; margin:0 5px 0 0;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.interviewPage .tagDate-shareBtn .btn { padding:0 10px 2px; font-size: 13.5px; }
.interviewPage .tagDate-shareBtn .btn .btnIcon { margin:-3px 3px 0 -7px; }

.interviewer { padding:0; margin:0 0 50px; border:5px solid white; text-align: left; overflow: hidden;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}
.interviewer .textWrp {
    padding: 15px 15px 20px; background: white;
}
.interviewer .d-flex { display: flex; align-items: center; }
.interviewer .interviewerNameImg img.interviewerImg { min-width:50px; max-width:50px; height:50px; object-fit: cover; margin:0 12px 0 0;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.interviewer h5 { font-size:18px; text-transform: none; }

.socialMedia a {  margin:0 0 0 10px; }
.socialMedia a,
.socialMedia a img { width:30px; height:30px; display: block; object-fit: cover; object-position: center top; }
.socialMedia a:hover img { object-position: center bottom; }

.interviewer .text { margin:10px 0 0; text-align: left; }
.commentsWrp .commentsMade li .text p,
.commentsWrp .commentsMade li .text p a,
.interviewer .text p,
.interviewer .text p a { margin:0; font-size:15px; line-height: 18px; font-weight: 400; }
.interviewer .text p a { display: inline-block; }
.interviewer .text p b,
.commentsWrp .commentsMade li .text p b { color: var(--5in5-titleColor); }

.interviewer .text p { margin:8px 0 0; }


.sponsorLogo { margin:0 0 40px; padding:5px 30px 10px; background: rgba(0,0,0,0.05); border:2px solid rgba(0,0,0,0.1); text-align: center;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.sponsorLogo p { font-size: 80%; margin:0; }
.sponsorLogo .d-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.sponsorLogo a { margin:10px 20px; }
.sponsorLogo a img { height: 35px; max-width:150px; object-fit: contain; }


.Ads { margin:25px 0; text-align: center; }


.commentsWrp { text-align: left; margin:30px 0; }
.commentsWrp h5 { font-size:23px; text-transform: none; }

.commentsWrp .commentsMade { margin:30px 0; }
.commentsWrp .commentsMade li { margin:10px 0; display: flex; align-items: flex-start; }
.commentsWrp .commentsMade li .commentatorImg { min-width:55px; max-width:55px; height:55px; margin:5px 15px 0 0;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}


.commentsWrp .addComments { padding:5px; border:1px solid rgba(7,26,38,0.3);
    display: flex; align-items: center;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.commentsWrp .addComments .form-control { width:100%; height:42px; border: none; }
.commentsWrp .addComments .btn { min-width:100px; padding:5px 15px; }




.moretext {
  display: none;
}
.moreless-button { display: block; }




.recentVideos { padding:80px 0 0; }
.recentVideos h3 { text-align: center; }


/* JW Player */
.videoBox { width:1000px; max-width:100%; margin:10px auto; 
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; 
}
.videoBox iframe { width:100% !important; height: auto; min-height: 420px; 
overflow: hidden; 
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
/*===== *************** =====*/


/*===== ContactUs CSS =====*/
.mb-10 { margin-bottom:10px !important; }

.contactUsPage .bannerWrp { padding:5px 0; min-height: 50vh;
    background: url("../images/contactUs-BannerBg-Img.jpg")no-repeat center top / cover;
}
.contactUsPage .bannerWrp .text { padding:0; }

.contactUsPage form { max-width:1050px; margin:40px auto 0; }

ul.listing { max-width:800px; margin:20px auto 50px; }
ul.listing li { margin:15px 0; padding:10px 15px 15px; text-align: left; 
    display: flex; align-items: center; background: var(--5in5-white);
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 20%); -moz-box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
}
ul.listing li img.listIcon { min-width:40px; max-width:40px; height:40px; object-fit: contain; margin:0 15px 0 0; }
ul.listing li p { color: var(--5in5-titleColor); font-size:20px; }


/*===== *************** =====*/



/*===== Responsive CSS =====*/
@media screen and (max-width: 1365px) {
    
    /* HomePage CSS */
    .interviewBox .text .playIcon { min-width:55px; max-width:55px; height:55px; }
    .interviewBox .text .title h4 { font-size: 26px; line-height: 32px; }

}

@media screen and (max-width: 1199px) {
    
    body { font-size: 19px; line-height: 24px; }
    h2 { font-size: 55px; line-height: 65px; }
    h3 { font-size: 40px; }

    /* HeaderFooter CSS */
    .btn,
    header .nav-item .nav-link { font-size: 15px; }
    
    /* HomePage CSS */
    .modal-lg { max-width: 700px; }
    .iframeWrp iframe { height: 400px; }
    
    
    /* Interviews CSS */
    .recentVideos { padding: 50px 0 0; }
    
    
    .sponsorLogo { margin:0 0 15px; padding:5px 10px; }
    .videoBox {
        width: 740px; margin: 0 auto 10px !important;
    }
    
    .interviewPage .text h4 { text-align: center; }
    .interviewer { max-width:400px; margin:0 auto 50px; }
    
    
}

@media screen and (max-width: 991px) {
    
    body { font-size: 17px; line-height: 22px; }
    h4 { font-size: 28px; line-height: 36px; }
    h5.FiveInFive_Logo, h5.FiveInFive_Logo img { margin: auto; }
    .btn { padding:5px 25px 8px; }
    
    
    /* HeaderFooter CSS */
    header .navbar { position: inherit; }
    
    .navbar-toggler { padding:5px 10px; }
    
    .navbar-collapse { position: absolute; left: 0; right: 0; top:100%; background: var(--5in5-white);  border-top:1px solid rgba(0,0,0,0.1); }
    header .navbar-nav { display: block; }
    header .nav-item { margin:0; text-align: center; }
    header .nav-item .nav-link { font-size: 17px; padding:16px 20px !important;  }
    header .nav-item .nav-link::after { height: 2px; }
    
    
    footer ul li { width:25%; padding:20px; }
    footer ul li:first-child { width:100%; padding:0; }
    
    
    /* HomePage CSS */
    .FiveInFive_QA ul li .badge { width: 40px; height: 40px; font-size: 35px; line-height: 36px; }
    
    .howItWorks .text { padding:20px; }
    .processStep img.processIcon { width:60px; height:60px; }
    
    .areasDetail { margin: 10px 0; padding: 15px; }
    
    
    /* Interviews CSS */
    .interviewPage { padding:5px 0; }
    

}

@media screen and (max-width: 767px) {
    
    h2 { font-size: 40px; line-height: 50px; }
    h3 { font-size: 35px; line-height: 40px; }
    h3::after { height:4px; }
    h6 { margin:0; font-size: 13px; }
    
    .btn.small { font-size: 14px; }
    
    /* HeaderFooter CSS */
    h1,
    h1 img,
    h1.FiveInFive_Logo,
    h1.FiveInFive_Logo img { width:120px; height:40px; }
    
    .navbar-toggler { padding:5px 8px 6px; }
    .navbar-toggler-icon { width:30px; height:25px; }
    header .nav-item .nav-link { font-size: 16px; }
    
    
    footer ul li { width:100%; text-align: center; margin:0; }
    footer ul li a { margin:8px 0 0; }
    footer ul li a.socialLink { justify-content: center; }
    
    
    /* HomePage CSS */
    .iframeWrp iframe { height: 200px; }
    .videoBox iframe { min-height: 380px; }
    
    
    main { margin:60px 0 0; }
    
    
    .FiveInFive_QA { margin:0 0 10px; }
    .FiveInFive_QA ul li { margin:10px; }
    
    .bannerWrp .text,
    .interviewWithExperts .text { padding:0; }
    
    .howItWorks { background: url(../images/howItWorks-blurBg.png)no-repeat center center / cover; }
    .processStep { max-width:350px; margin:10px auto; }
    .processStep .processText { align-items: center; }
    
    .areasOfInterest .text { margin:0; }
    
    .interviewPage .interviewBox { margin:10px auto; }
    
    
    /* Interviews CSS */
    .interviewPage { padding:5px 0; }
    .searchPanel form { flex-direction: column; }
    .searchPanel form .form-group { width:100%; }
    .searchPanel form .form-control { background: rgba(0,0,0,0.05); }
    .searchPanel form .selectBox { border: none; margin:10px 0; }
    .searchPanel form .selectBox .downArrowIcon { right:12px; }
    .searchPanel form .searchBox .form-control { padding:0 15px 0 40px; }
    .searchPanel form .form-group .searchIcon { left:10px; }
    .searchPanel form .btn { margin:0; }
    
    
    .interviewer .textWrp { padding:10px 10px 20px; }
    
    .interviewer { text-align: center; }
    .interviewer .interviewerNameImg img.interviewerImg { margin:0 10px 0 0; }
    .interviewer .socialMedia { flex-direction: row; }
    .socialMedia a { margin:15px 10px 10px; }
    .socialMedia a,
    .socialMedia a img { width: 28px; height: 28px; }
    
    .interviewPage .tagDate-shareBtn .interviewTag *,
    .commentsWrp .commentsMade li .text p,
    .commentsWrp .commentsMade li .text p a,
    .interviewer .text p,
    .interviewer .text p a { font-size: 15px; }
    
    .commentsWrp .addComments .btn { min-width: 90px; padding: 3px 10px; }
    
    
    .interviewPage .tagDate-shareBtn { justify-content: center; }
    
    .videoBox iframe { min-height: 300px; }
    
    ul.listing li p { font-size: 17px; }

}

@media screen and (max-width: 575px) {
    
    h2 { font-size: 30px; line-height: 40px; }
    h4 { font-size: 25px; line-height: 30px; }
    
    /* HeaderFooter CSS */
 
    
    /* HomePage CSS */
    .FiveInFive_QA ul { flex-direction: column; }
    .FiveInFive_QA ul li .badge { width:35px; height:35px; line-height: 32px; font-size: 30px; }
    
    .interviewWithExperts h2 { font-size: 30px; }
    .interviewWithExperts h2 img { height:50px; }
    .interviewWithExperts h2 .Leading::after,
    .interviewWithExperts h2 .Experts::after { bottom:-5px; }
    
    
    .areasDetail { max-width:250px; margin:10px auto; }
    .areasDetail p { height: auto; }
    
    .interviewBox .text .playIcon { min-width: 40px; max-width: 40px; height: 40px; }
    .interviewBox .text .title h4 { font-size:20px; line-height: 24px; }
    .interviewBox .text .date-name { display: none; }
    
    .btnsGroup { justify-content: center; }
    .btnsGroup .btn { margin:5px; }
    
    
    .sponsorLogo a { max-width:33%; margin:0; padding:5px; }
    .sponsorLogo a img { max-width:100%; }
    
    .videoBox iframe { min-height: 180px; }
    .interviewPage .text h4 { font-size: 22px; line-height: 23px; }
    .interviewPage .tagDate-shareBtn .btn { font-size: 12px; }
    
    
}