/* Components */
@import url(deskheader.css); /* header */
@import url(deskfooter.css); /* footer */

/* CEH page */
@import url(titlesubtitle.css);
@import url(bannersection.css);
@import url(stickymenutabs.css);
@import url(overview.css);
@import url(inquiryform.css);
@import url(whatsnewversion.css);
@import url(advancecareer.css);
@import url(career-campaign.css);
@import url(coursekit.css);
@import url(courseinfo.css);
@import url(learningframework.css);
@import url(whatyoulearn.css);
@import url(whoisceh.css);
@import url(aimlsection.css);
@import url(trustedworldwide.css);
@import url(testimonials.css);
@import url(getadvice.css);
@import url(faqs.css);
@import url(topcourses.css); 
@import url(accreditations.css);
@import url(modals.css);
@import url(internallinks.css);
@import url(topuscompanies.css);
@import url(ethicalhackersalary.css);

/* Ends */

:root {
    /* colors */
    --white: #ffffff;
    /* --red: #ff0001;
    --dred: #9B1C31; */
    --red: #FF0007;
    --dred: #db0000;
    --orange: #ed6657;
    --lblack: #222222;
    --dgray: #333333;
    --dblack: #000000;
    --blue: #1f75ce;
    --gray: gray;
    --lightgray: #F4F4F6;
    --transparent: transparent;
    --rgbdblackzeronine: rgba(0, 0, 0, 0.9);
    --borderonepxnone: 0.0625rem solid transparent;
    --borderonepxred: 0.0625rem solid #FF0007;
    --borderonepxdarkgray: 0.0625rem solid #222222;
    --borderonepxwhite: 0.0625rem solid #ffffff;
    --borderonepxblue: 0.0625rem solid #1f75ce;
    --borderonepxgray: 0.0625rem solid #cccccc;
    --borderonepxlightgray: 0.0625rem solid #cccccc91;
    --bordertwopxdblack: 0.0625rem solid #000000;
    --cstborderonepx: 0.0625rem solid #f3f4f6;
    /* sizes */
    --zerorem: 0rem;
    --hundred: 100%;
    --zero: 0%;
    --zeroonly: 0;
    --zeroeight: 0.8; /* opacity */
    --zeronine: 0.9; /* opacity */
    --zeroauto: 0 auto;
    --minusoneindex: -1; /* z-index */
    --oneindex: 1; /* z-index */
    --twoindex: 2; /* z-index */
    --fiftyindex: 50; /* z-index */
    --hundredindex: 100; /* z-index */
    --thousand: 1000; /* z-index */
    --tenthousand: 10000; /* z-index */
    --sevenhundred: 700;
    --auto: auto;
    --blank: "";
    --vbar: "|";
    --slash: "/";
    --downarrow: "\1F863";
    --rightarrow: "›";
    --inherit: inherit;
    --none: none;
    --point: pointer;
    --underline: underline;
    --smooth: smooth;
    --normal: normal;
    --borderbox: border-box;
    --fixed: fixed;
    --grid: grid;
    --contain: contain;
    --flex: flex;
    --space-between: space-between;
    --space-around: space-around;
    --row: row;
    --inline-flex: inline-flex;
    --column: column;
    --flex-start: flex-start;
    --flex-end: flex-end;
    --absolute: absolute;
    --sticky: sticky;
    --hidden: hidden;
    --relative: relative;
    --scroll: scroll;
    --block: block;
    --inline-block: inline-block;
    --visible: visible;
    --medium: medium;
    --bold: bold;
    --capitalize: capitalize;
    --uppercase: uppercase;
    --nowrap: nowrap;
    --wrap: wrap;
    --break-all: break-all;
    --webkit-box: -webkit-box;
    --max-content: max-content;
    --baseline: baseline;
    --vertical: vertical;
    --ellipsis: ellipsis;
    --disc: disc;
    --center: center;
    --justify: justify;
    --no-repeat: no-repeat;
    --not-allowed: not-allowed;
    --fill-available: fill-available;
    --left: left;
    --right: right;
    --table: table;
    --both: both;
    --cover: cover;
    --solid: solid;
    --middle: middle;
    --decimal: decimal;
    --outside: outside;
    --all: all;
    --list-item: list-item;
    --Overpass-Medium: 'Overpass-Medium';
    --Overpass-Bold: 'Overpass-Bold';
    --Roboto-Regular: 'Roboto-Regular';
    --Roboto-Medium: 'Roboto-Medium';
    --Roboto-Bold: 'Roboto-Bold';
    --Arial: 'Arial';
    --Arial-Medium: 'Arial-Medium';
    --Arial-Bold: 'Arial-Bold';
    --Inter: 'Inter';
    --Fa-Brands: 'Fa-Brands';
    --Fa-Regular: 'Fa-Regular';
    --Fa-Solid: 'Fa-Solid';
    --Poppins-Regular: 'Poppins-Regular';
    --Helvetica: 'Helvetica';
}

*{
    margin: var(--zero);
    padding: var(--zero);
    box-sizing: var(--borderbox);
    -moz-box-sizing: var(--borderbox);
    -webkit-box-sizing: var(--borderbox);
}

/* Heading font */
@font-face {
    font-family: 'Overpass-Medium';
    src: url("../fonts/overpass/Overpass-Medium.ttf");
    font-weight: 500;
}
@font-face {
    font-family: 'Overpass-Bold';
    src: url("../fonts/overpass-bold.ttf");
    font-weight: 600;
}
@font-face {
    font-family: 'Arial-Medium';
    src: url("../fonts/arialmdm.ttf");
    font-weight: 500;
}
@font-face {
    font-family: 'Arial-Bold';
    src: url("../fonts/arialbd.ttf");
    font-weight: 600;
}

/* Body font */
@font-face {
    font-family: 'Roboto-Regular';
    src: url("../fonts/roboto-regular.ttf");
    /* font-weight: 400; */
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url("../fonts/roboto-medium.ttf");
    font-weight: 600;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url("../fonts/roboto-bold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: 'Arial';
    src: url("../fonts/arial.ttf");
}
@font-face {
    font-family: 'Inter';
    src: url("../fonts/inter_18pt-regular.ttf");
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url("../fonts/poppins-regular.ttf");
}

/* fontawesome webfonts */
@font-face {
    font-family: 'Fa-Brands';
    src: url("../fonts/fa-brands-400.ttf");
}
@font-face {
    font-family: 'Fa-Regular';
    src: url("../fonts/fa-regular-400.ttf");
}
@font-face {
    font-family: 'Fa-Solid';
    src: url("../fonts/fa-solid-900.ttf");
}
@font-face {
    font-family: 'Helvetica';
    src: url("../fonts/helvetica.ttf");
}

html, body{
    font-family: var(--Arial);
    scroll-behavior: var(--smooth);
    background-color: var(--white);
    -ms-text-size-adjust: var(--hundred);
    -webkit-text-size-adjust: var(--hundred);
} 

h1, h2, h3, h4, h5, h6{
    font-family: var(--Poppins-Regular), sans-serif;
}

p{
    margin: var(--zero);
    font-family: var(--Helvetica), sans-serif;
}

a{
    cursor: var(--point);
    text-decoration: var(--none);
}
a:hover{
    text-decoration: var(--none);
}

ul{
    list-style-type: var(--none);
    padding: var(--zero);
}
ul li{
    font-family: var(--Helvetica), sans-serif;
}

button, 
.btn{
    outline: var(--none);
    border: var(--none);
    box-shadow: var(--none);
    border-radius: 0.25rem;
    font-family: var(--Helvetica), sans-serif;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--red);
    padding: 0.6875rem 1.625rem;
    border: 0.0625rem solid var(--dred);
}
button:hover,
button:active,
.btn:hover,
.btn:active{
    background-color: var(--white);
    color: var(--red);
}

.accordion-button:focus, .accordion-button:not(.collapsed){
    border: var(--none);
    box-shadow: var(--none);
}

/*  */
.form-control:focus,
.form-check-input:focus{
    box-shadow: var(--none);
}

/* Custom Srollbar */
/* width */
::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}
/* Track */
::-webkit-scrollbar-track {
    background: var(--lblack);
} 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* limit text overflow in single line */
.single-line-overflow{
    max-width: var(--hundred);
    white-space: var(--nowrap);
    overflow: var(--hidden);
    text-overflow: var(--ellipsis);
}

/* limit text overflow in mutli lines */
.limit-overflow{
    display: var(--webkit-box); 
    -webkit-box-orient: var(--vertical); 
    overflow: var(--hidden);
    text-overflow: var(--ellipsis);
}
.limit-overflow-twoline{
    -webkit-line-clamp: 2;
}
.limit-overflow-threeline{
    -webkit-line-clamp: 3;
}
.limit-overflow-fiveline{
    -webkit-line-clamp: 5;
}
.limit-overflow-tenline{
    -webkit-line-clamp: 10;
}
/* ends */

/*  */
.pr-zero{
    padding-right: var(--zero);
}

/*  */
.text-justify{
    text-align: var(--justify);
}

@media(min-width: 768px){
    .container{
        max-width: 1200px;
    }
}

/* Form Error  */
.error {
    color: #ff0000;
    font-size: 15px;
}

/*Thank you*/
.thankYou{background: #e6e6e6;text-align: center;padding: 12px 12px 50px 12px;}
.thankYou h1{color: #000000; font-family: "Roboto", sans-serif; margin-bottom: 20px; font-size: 70px; font-weight: bold; text-transform: uppercase; padding: 40px 50px 0px 50px;}
.thankYou h2{text-align: center; color: #000000;margin-bottom: 20px; font-family: "Roboto", sans-serif; font-size: 30px; font-weight: bold;}
.thankYou h3{text-align: center; color: #000000; font-family: "Roboto", sans-serif; font-size: 20px;margin-bottom: 15px; font-weight: bold;}
.thankYou h4{text-align: center; color: #000000; font-family: "Roboto", sans-serif; font-size: 17px; font-weight: bold;}
.thankYou .thankyou-img{margin:35px;}
.thankYou .thankyou-btn{margin: 35px 35px 80px;}
.thankYou .thankyou-btn a{text-decoration: none; font-size: 20px; padding: 12px 18px;font-family: "Overpass", sans-serif; font-weight: bold; line-height: 24px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); fill: #FFFFFF; color: #FFFFFF; background-color: #C8000B; background-image: none;}
.thankYou p{text-align: center; color: #000000; font-family: "Arial", sans-serif; font-size: 22px; font-weight: 500;}
.thankYou .footer-social {float:none; padding: 10px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; } 
.thankYou .footer-social span{padding: 16px; border-radius: 10px; margin: 0 5px; }
.thankYou .footer-social span:hover{opacity: .9;color: #fff;}
.thankYou .footer-social .linkedin{background-color: #0077b5; }
.thankYou .footer-social .facebook{background-color: #3b5998; }
.thankYou .footer-social .instagram{background-color: #000; }
.thankYou .footer-social .twitter{background-color: #1da1f2; } 
.thankYou .footer-social span a{color: #fff; text-decoration: none; } 
.thankYou .footer-social span a:hover{color: #fff; } 
.thankYou .footer-social span i{transform: scale(1.4); position: relative; display: block; width: 1rem; height: 1rem; color: #fff; }