:root {
  --lato-font-body: "Lato", sans-serif;
  --primary-bule-colour: #0d0b45;
  --main-red-colour:#FF2D2D;
  --value-header-bgcolour:#D31414;
  --secondary: #ef233c;
  --light: #f8f9fa;
  --white: #ffffff;
  --dark: #111111;
  --text: #6c757d;
  --garytext:#333333;
 
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {margin: 0; line-height: 1.50;}

/* body {font-family:'Poppins', sans-serif; overflow-x:hidden; color:var(--dark);} */
/*body {font-family:var(--lato-font-body); font-weight:400; font-style:normal; overflow-x:hidden; color:var(--dark);}*/

/*.custom-navbar {background:var(--primary-bule-colour); padding:14px 0;}
.nav-link {color:var(--white) !important; font-size:14px; transition:0.3s;}
.nav-link:hover {color:var(--secondary) !important;}*/



.ai-banner-section {background:#05101B; background:linear-gradient(90deg, rgba(5, 16, 27, 1) 0%, rgba(5, 16, 27, 1) 35%, rgba(2, 45, 87, 1) 100%); color:#fff; display:flex; align-items:center; padding:50px 0px;}
.ai-banner-section h1 {font-size:clamp(32px, 3vw, 56px); font-weight:700; line-height:1.2; margin-bottom:0px;}
.ai-banner-section p {font-size:clamp(14px, 1.3vw, 20px); line-height:1.5; font-weight:400; margin:15px 0px;}
.bookdemo-btn {background:var(--main-red-colour); color:#fff; border:solid 1px var(--main-red-colour); border-radius:5px; padding:14px 20px; font-size:16px; font-weight:700; transition:0.3s;}
.bookdemo-btn:hover {background:transparent; color:#fff; border:solid 1px var(--main-red-colour);}
.explorebtn {background:var(--white); color:var(--primary-bule-colour); transition:all 0.3s ease; font-weight:600; padding:10px 20px; font-size:16px;}
.explorebtn:hover {background:transparent; color:#fff; border:solid 1px #fff;}
.explorebtn i {margin-right:5px; font-size:20px;}
.explorebtn span {display:flex; align-items:center; gap:2px;}
.ai-banner-section a {margin-right:10px;}

/* Laptop (1366px - 1920px) */
.stats-wrapper {display:flex; flex-wrap:wrap; background:#121d2d; border-radius:16px; overflow:hidden; padding:20px 0px; margin-top:20px;}
.stat-box {min-width:100px; padding:10px 10px 10px 10px; border-right:1px solid rgba(255, 255, 255, 0.12); color:#fff;}
.stat-box h4 {font-size:25px; font-weight:700; margin-bottom:10px; line-height:1;}
.stat-box p {margin:0; font-size:14px; line-height:1.3; font-weight:400;}
.video-wrapper {position:relative; width:100%; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:16px;}
.video-wrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.view-all-btn {background:var(--main-red-colour); color:#fff; font-weight:600; font-size: 20px; transition: all 0.3s ease; padding: 10px 20px;}
.view-all-btn:hover {background-color:var(--primary-bule-colour); color:#fff; }

/* custom-card section */

.hedbox {margin-bottom:20px;}
.hedbox h2 {font-size:clamp(28px, 3vw, 40px); font-weight:700; line-height:1.2; margin-bottom:0px; width:500px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; font-weight:700;}
.hedbox h2 span {color:var(--garytext); border:1px solid #33333338; font-size:clamp(14px, 2.5vw, 14px); border-radius:50px; padding:10px 15px; font-weight:600;}
.hedbox p {font-size:clamp(18px, 1.5vw, 28px); line-height:1.5; font-weight:400; margin-top:0px; color:var(--garytext);}
.custom-card {border:1px solid #bcd7ea; border-radius:10px; background:#fff; height:100%; display:flex; flex-direction:column;}
.icon-box {width:60px; height:60px; border-radius:12px; display:flex;}
/* .icon-box img {max-width:100%; height:auto;} */

.icon-box img {width: 50px;
    height: 50px;
    border: solid 1px #cfd7db;
    padding: 8px;
    border-radius: 5px;}

.custom-card h4 {font-size:clamp(18px, 1.5vw, 19px);}
.custom-card p {font-size:clamp(16px, 1.2vw, 16px);}

/* end custom-card section */



/* video section  */

.video-section-box {padding:0px 0px 70px 0px;}
.section-title {font-size:48px; font-weight:700; text-align:center; margin-bottom:50px;}
.video-card {position:relative; height:250px; border-radius:12px; overflow:hidden;}
    /*.video-card::before {content:""; position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1000') center center/cover no-repeat; transition:transform 0.6s ease;}*/
.video-card::before { content: ""; position: absolute; inset: 0; transition: transform 0.6s ease;}
.video-card:hover::before {transform:scale(1.1);}
.video-card::after {content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.42) 100%);}
.video-content {position:relative; z-index:2;}
.video-content {position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:20px;}
.video-label {background:rgba(34, 34, 34, 0.35); color:#fff; padding:10px 18px; border-radius:50px; font-size:14px; font-weight:500; margin-bottom:16px; backdrop-filter:blur(4px);}
.video-title {color:#fff; font-size:18px; font-weight:600; line-height:1.4; margin-bottom:30px; max-width:320px;}
.btn-course {background:#fff; color:var(--main-red-colour); border:none; border-radius:5px; padding:10px 20px; font-size:16px; font-weight:700; transition:0.3s;}
.btn-course:hover {background:var(--main-red-colour); ; color:#fff;}
.video-content:hover .btn-course {background:var(--main-red-colour); ; color:#fff;}

/*end video section  */


/* Request for a demo */
.request-demo {padding:40px 0px 80px 0px; border-top:solid 1px #2222221f;}
.demo-title {font-size:30px; font-weight:700; margin-bottom:45px;}
.form-floating {position:relative; margin-bottom:5px;}
.form-floating > .form-control {border:1px solid #9b9b9b; border-radius:8px; padding:15px 16px 15px 25px; font-size:16px; box-shadow:none;}
.form-floating > .form-control:focus {border-color:#9b9b9b; box-shadow:none; padding-top:10px !important;}
.form-floating > .form-control:hover {border-color:var(--main-red-colour); ;}
.form-floating > .form-control:focus:hover {border-color:var(--main-red-colour); ;}
.form-floating > label {position:absolute; top:0; left:15px; transform:translateY(-50%); background:#fff; padding:0 8px; height:auto; color:#222; font-size:17px; font-weight:600; opacity:1 !important; z-index:2;}
.form-floating > .form-control:focus~label, .form-floating > .form-control:not(:placeholder-shown)~label {transform:translateY(-50%); color:#222; opacity:1;}
.form-floating label span {color:var(--main-red-colour); ;}
.form-floating>.form-control::placeholder {color:#999 !important; opacity:1 !important;}
.email-note {background:#eef2ff; border-radius:6px; padding:8px 16px; color:#214f61; margin-bottom:25px; font-size:13px;}
.email-note i {margin-right:8px;}
.toggle-password {position:absolute; right:18px; top:25px; border:none; background:none; font-size:30px; color:#999;}
.message-box {height:230px !important;}

/* Captcha */
.captcha-area {display:flex; align-items:center; gap:18px;}
.captcha-box {width:300px; height:60px; background:repeating-linear-gradient( 45deg, #e9f6ff, #e9f6ff 3px, #fff 4px, #fff 7px); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:40px; font-weight:700; color:#49a9f7; letter-spacing:5px;}
.refresh-btn {width:70px; height:70px; border:none; background:#fff; font-size:42px;}

/* Submit ke baad invalid field */
.was-validated .form-control:invalid {
    border:1px solid var(--main-red-colour)!important;
    box-shadow: none !important;
}

/* Focus hone par bhi red rahe */
.was-validated .form-control:invalid:focus {
    border-color: var(--main-red-colour)!important;
    box-shadow: none !important;
}

/* Optional - Label bhi red */
.was-validated .form-floating > .form-control:invalid ~ label {
    color: var(--main-red-colour) !important;
}
.submit-btn {width:100%; height:60px; border-radius:8px; background:var(--main-red-colour); border:none; font-size:30px; font-weight:700; color:#fff; line-height:25px;}
.submit-btn:hover {background:var(--primary-bule-colour); color:#fff;}
/* Validation */
.error{ border:2px solid var(--main-red-colour) !important;}

/*end request demo SECTION */


/* certification SECTION */

 .certification-section {background:#eef7fd; border-top:solid 1px #DAE7ED;}
.section-badge {display:inline-block; padding:8px 18px; border:1px solid #d7dde3; border-radius:50px; background:#fff; font-size:14px; color:#555; font-weight:500;}
.certification-section h2 {font-size:35px; font-weight:700; line-height:1.2; color:#111; margin-bottom:30px}
.logo-card {background:#fff; border-radius:8px; height:135px; display:flex; justify-content:center; align-items:center; padding:10px; transition:.3s;}
.logo-card img {max-width:100%; max-height:125px; object-fit:contain;}
.logo-card:hover {transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,.08);}

/*end certification SECTION */

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}



.top-header {background:#edf0f5; padding:22px 0;}
.back-btn {background:#222; color:#fff; border:0; padding:10px 15px; border-radius:6px; font-size:20px; font-weight:600;}
.back-btn i {color:var(--main-red-colour); margin-right:10px;}
.filter-select {width:170px; height:48px; font-weight:600; border-radius:8px;}
.view-btn {background:#fff; border:1px solid #d5d5d5; padding:12px 20px; font-weight:600;}
.view-btn.active {background:#10184b; color:#fff;}
.view-btn i {color:var(--main-red-colour);}
    .view-btn.active {
        background: #0d0b45 !important;
        border: 1px solid #d5d5d5;
        color: white !important;
    }
.section-title {font-size:52px; font-weight:700; margin-bottom:50px;}
.course-card {height:520px; overflow:hidden; border-radius:18px; position:relative;}
.course-card img {width:100%; height:100%; object-fit:cover; transition:.4s;}
.course-card:hover img {transform:scale(1.08);}
.overlay {position:absolute; inset:0; background:rgba(0,0,0,.45); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:30px; text-align:center;}
.badge-box {background:rgba(255,255,255,.15); padding:12px 28px; border-radius:30px; color:#fff; font-size:20px; margin-bottom:35px;}
.overlay h4 {color:#fff; font-size:34px; font-weight:600; line-height:1.5; margin-bottom:45px;}
.course-btn {background:#fff; border:0; padding:18px 42px; border-radius:8px; color:#ff3a3a; font-size:28px; font-weight:700;}
.show-btn {background:var(--main-red-colour); color:#fff; border:0; padding:10px 18px; border-radius:6px; font-size:20px; font-weight:600;}
.show-btn:hover {background:var(--primary-bule-colour);}


/* .video-card{
    height:520px;
    overflow:hidden;
    border-radius:18px;
    position:relative;
    background:#f5f5f5;
    position:relative;
}

.video-card img{
    width:100%;
    height:100%;
    object-fit:cover;
} */



/*================ LIST VIEW ================*/

.list-card {background:#fff; border-radius:10px; padding:24px 32px; border:1px solid #ececec; box-shadow:0 3px 10px rgba(0,0,0,.08); transition:.3s; margin:10px}
.list-card:hover {transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.12); border:1px solid var(--main-red-colour);}
.list-card h5 {font-size:18px; font-weight:600; color:#2d2d2d; margin:0;}
.view-details {color:var(--main-red-colour); text-decoration:none; font-weight:600; white-space:nowrap;}
.view-details:hover {color:var(--main-red-colour); ;}
.titlemainbox {font-size:35px; font-weight:700; padding:20px 0px; display:flex; flex-direction:row; justify-content:space-between; gap:10px; align-items:flex-start;}
.video-counternumber{color:var(--main-red-colour); background-color: #e9e9e9a3; padding:5px; border-radius:5px;}

.professional-box{text-align: center; padding:50px 0px;}
.professional-box h2{font-size:35px; font-weight:800;}
.professional-box p{font-size:16px; line-height:25px;}


/* topbanner */

.hero-banner-box {height:280px; background:url("../images/aiavatars-bg.jpg") center center/cover no-repeat; position:relative; display:flex; justify-content:center; align-items:center; text-align:center;}
.hero-banner-box::before {content:""; position:absolute; inset:0; background:rgba(15,28,73,0.88);}
.content {position:relative; z-index:2; color:#fff; display:flex; flex-direction:column; align-items:center;}
.content h1 {font-size:45px; font-weight:700; margin-bottom:12px;color:#fff;}
.breadcrumb-box {margin-bottom:30px; font-size:14px; color:#ddd;}
.breadcrumb-box a {color:#fff; text-decoration:none;}
    .breadcrumb-box a:hover {
        color:red;
        text-decoration: none;
    }
.search-box {width:850px; max-width:90%; background:#fff; border-radius:5px; display:flex; align-items:center; padding:12px 15px;}
.search-box i {color:#000; margin-right:10px; font-size:22px;}
.search-box input {width:100%; border:none; outline:none; font-size:14px;}



/* video detail page */

.videobg-banner{background:url("../images/aiavatars-video-bg.jpg") center center/cover no-repeat; position:relative; display:flex; justify-content:center; align-items:left; text-align:left;}

.additional-details-box h2{font-size:30px; font-weight:800; margin-bottom:25px; color:var(--garytext);}

.videobg-banner h1{margin-top:10px;color:#fff;}

.btn-free-trial {background:var(--main-red-colour); margin-top:15px; color:#fff; border:0; padding:7px 15px; border-radius:6px; font-size:20px; font-weight:500; border:1px solid var(--main-red-colour);}
.btn-free-trial:hover {background:transparent; color:#fff; border:1px solid var(--main-red-colour);}

 .backlist-btn{padding:0px!important; color:#fff; font-size:16px; text-decoration:none;} 
 .backlist-btn i{color:#fff; background-color:var(--main-red-colour); border-radius:3px; padding: 2px 5px; margin-right:5px; font-size:12px;} 

.details-box-left{ border-top: solid 1px #ccc; padding:20px 0px 5px 0px;}
.details-box-left h3{font-size:22px; font-weight:700; margin-bottom:10px; color:var(--garytext);}
.details-box-left h3 img{margin-right: 10px; width:35px;}
.details-box-left p{font-size:17px; line-height:25px; color:var(--garytext); margin-bottom:15px;}
.details-box-left .tag-box{  display: flex;flex-flow: wrap;gap: 5px;}
.details-box-left .tag-box span{font-size: 16px; font-weight:500; color:var(--garytext); background: #F8F2F2; padding:3px 15px; border-radius:50px; border: 1px solid #d7d7d7;}

.details-box-left ul li {padding:3px 0px;}
.details-box-left h3 svg {margin-right:10px; width:35px; height:35px; border:1px solid #22222238; padding:3px; border-radius:5px;}
.right-box-border {padding:20px; margin-left:30px; border-radius:10px; margin-top:0px; height:100%; box-shadow:0 0px 6px rgba(0, 0, 0, 0.3);}
.ranklist-box ul { padding:0; margin:0; margin-left:17px; margin-bottom:15px; margin-top: 10px;}
.ranklist-box ul li {break-inside:avoid; -webkit-column-break-inside:avoid; page-break-inside:avoid; margin-bottom:0px; font-size:16px; margin-right: 18px;}


/* .rightboxcard{display:flex; flex-direction: row; align-items:center; gap:8px; padding: 15px 0px 15px 0px;}
.rightboxcard h3{font-size: 18px; margin-bottom: 0px;} */

.rightboxcard{ border-top: solid 1px #ccc; padding:20px 0px 5px 0px;}
.rightboxcard label{font-size:18px; font-weight:700; margin-bottom:10px; color:var(--garytext);}

.rightboxcard p{font-size:17px; line-height:25px; color:var(--garytext); margin-bottom:15px;}

.rightboxcard label svg {margin-right: 10px; width: 35px; height: 35px; border: 1px solid #22222238; padding: 3px; border-radius: 5px;}

.rightboxcard-new{display:flex; border-top: solid 1px #ccc; padding:15px 0px 15px 0px;}
.rightboxcard-new svg {  margin-right:10px; width:28px; height:auto; border: 1px solid #22222238; padding:3px; border-radius:5px;}

.rightboxcard-new label{font-size:18px; font-weight:700; color:var(--garytext); mmargin-right:15px!important;}
.rightboxcard-new .tag-box{  display: flex;flex-flow: wrap;gap: 5px;}
.rightboxcard-new .tag-box span{font-size: 14px; font-weight:500; color:var(--garytext); background: #F8F2F2; padding:3px 14px; border-radius:50px; border: 1px solid #d7d7d7;}

.faqbox-btn{display:flex;  gap:10px; align-items: flex-start;}
.faqbox-answer{padding-left:42px;  border-top: solid 1px #ccc;}
.faqbox-btn:not(.collapsed) { background: #fff; color: #f13236 !important; font-weight: 600;}
.faqbox-btn:hover{ color:var(--main-red-colour);}

.faqbox-btn:not(.collapsed) .faq-icon i::before {content:"\F2E6"!important; color:var(--main-red-colour); font-size:18px;}
.faqbox-btn:focus{box-shadow:none!important; border:none!important; background:transparent!important; color:#212529;}

.text-heding h3{font-size: 18px; margin-bottom: 12px;}

.faq-section {background:linear-gradient(rgba(13,27,76,.9), rgba(13, 27, 76, .9)), url('../images/aiavatars-bg.jpg') center/cover; padding:80px 0;}
.faq-title {color:#fff; font-weight:700; margin-bottom:40px;}
.accordion-item {border:0; margin-bottom:12px; border-radius:8px !important; overflow:hidden;}
.accordion-button {background:#fff; font-size:17px; font-weight:500; padding:15px 20px; box-shadow:none !important;}
.accordion-button:not(.collapsed) {background:#fff; color:#000;}
.accordion-button::after {display:none;}
.faq-icon {margin-left:auto; color:#ff3b3b; font-size:18px;}
.accordion-button:not(.collapsed) .faq-icon i::before {content:"\f2ea";}
.accordion-body {background:#fff;}

/*end video detail page */


.multi-select {position:relative; width:200px;}
.select-box {width:100%; height:50px; border:1px solid #ced4da; border-radius:6px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; background:#fff; color:black;}
.arrow {transition:.3s; color:#f33536;}
.options-box {display:none; position:absolute; top:100%; left:0; width:100%; margin-top:5px; background:#fff; border:1px solid #ddd; border-radius:6px; max-height:220px; overflow-y:auto; z-index:999;}
.options-list {margin:0; padding:0; list-style:none;}
.options-list li {text-align:left; font-size:14px; border-bottom:1px solid #eee;}
.options-list li:last-child {border:none;}
.options-list label {display:flex; align-items:center; gap:10px; padding:12px 15px; cursor:pointer; margin:0; color:black;}
.options-list label:hover {background:#f7f7f7;}
.options-box::-webkit-scrollbar {width:8px;}
.options-box::-webkit-scrollbar-thumb {background:#bdbdbd; border-radius:20px;}
.selected-box {display:none; width:100%; margin-top:5px; border:1px solid #ddd; border-radius:6px; padding:10px; background:#fff;}
.selected-tags {display:flex; flex-wrap:wrap; gap:8px;}
.tag {display:flex; align-items:center; gap:6px; background:#f33536; color:#fff; border-radius:30px; padding:6px 12px; font-size:13px;}
.remove-tag {cursor:pointer; font-size:14px; line-height:1;}

.options-box {display:none; position:absolute; top:52px; left:0; width:100%; background:#fff; border:1px solid #ddd; border-radius:6px; max-height:350px; overflow-y:auto; z-index:9999; box-shadow:0 8px 20px rgba(0,0,0,.15);}



/* Scrollbar */
.options-box::-webkit-scrollbar {width:8px;}
.options-box::-webkit-scrollbar-thumb {background:#bdbdbd; border-radius:10px;}
.options-box::-webkit-scrollbar-track {background:#f3f3f3;}
.options-list {margin:0; padding:0; list-style:none;}
.options-list li {border-bottom:1px solid #f1f1f1;}
.options-list li:last-child {border-bottom:none;}
.options-list li label {display:flex; align-items:center; gap:10px; padding:12px 15px; cursor:pointer; width:100%; margin:0;}
.options-list li:hover {background:#f8f9fa;}
.options-list input[type="checkbox"] {width:18px; height:18px;}


/* floating-demo-btn */
.floating-demo-btn {position:fixed; left:50%; bottom:30px; transform:translateX(-50%); z-index:9999; background:var(--main-red-colour); border:solid 1px var(--main-red-colour); color:#fff; border-radius:50px; padding:14px 30px; font-weight:600; text-decoration:none; box-shadow:0 8px 20px rgba(0,0,0,.25); transition:.3s;}
.floating-demo-btn:hover {color:#fff; border:solid 1px var(--main-red-colour); background:var(--dark); transform:translateX(-50%) translateY(-2px);}


.selected-box {display:none; margin-top:10px; padding:10px; border:1px solid #ddd; border-radius:8px; background:#fff;}
.selected-tags {display:flex; flex-wrap:wrap; gap:5px; margin-top:10px;}
.tag {display:flex; align-items:center; background:#ef4040; color:#fff; border-radius:25px; padding:3px 8px; font-size:13px;}
.tag .remove-tag {margin-left:0px; cursor:pointer;}
.selected-box button {background-color:#fff; padding:0px; margin:0px; line-height:0px;}

.selected-box button i{color:var(--main-red-colour); font-size:20px;}

.filter-text{font-weight:600; margin-bottom:15px; text-align:left;}

.sbtext{font-size:18px!important; font-weight:400!important; color:#efeeee; display: flex;}
.sbtext span{font-weight:600; margin-left:5px; margin-right:5px;}

.sbtext i{margin-right:5px!important;  font-size: 19px;}
.sbtext svg{margin-right:2px!important;}



.detailsbox-right{
    display:flex;
    align-items:flex-start;
    gap:15px;
    flex-wrap:wrap;
}

.detailsbox-right h3{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    font-size:18px;
    font-weight:600;
    white-space:nowrap;
    flex-shrink:0;
}

.detailsbox-right h3 svg{
    width:24px;
    height:24px;
}

.detailsbox-right p{
    margin:0;
    color:#f00 !important;
    flex:1;
    word-break:break-word;
}



/* .searchresults-list{
    display:none;
}
.searchresults-list{ border:solid 1px #ccc; padding:20px; border-radius:10px;     margin-top: 20px;}

.search-list{
background:white;
padding:10px;
margin:10px 0;
border:solid 1px #cccccc51;
border-left:5px solid #0b2b66;

} */

.search-list span:last-child{color:var(--main-red-colour); float: right;}


.search-section{
    max-width:900px;
    margin:40px auto;
    padding:20px;
}

.search-box input{
    width:100%;
    border:1px solid #fff;
    border-radius:8px;
    font-size:16px;
}

.search-results{
    display:none;
}

.search-item{
    background:#fff;
    padding:12px;
    margin:8px 0;
    display:flex;
    justify-content:space-between;
    border-left:4px solid #0b2b66;
}


.search-results{  border:1px solid #ddd; background-color:#f2f8ff;  padding:20px; margin-top: 20px; border-radius:10px;}


.search-results h2{
    margin-bottom:8px;
    color:#1b2d5a;
    font-weight: 600;
}

.result-count{
    color:#666;
    margin-bottom:20px;
}

.search-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px;
    margin-bottom:10px;
    background:#fff;
    border:1px solid #eee;
    border-radius:6px;
}


.desktop-search{
    display: block,!important;;
}

.mobile-search{
    display:none!important;
}




/* ===========================
   Tablet (992px)
=========================== */

@media (max-width:991px){

.hero-banner-box {height:auto; padding-bottom:30px; padding-top:30px; display:block;}
.search-box {width:100%; max-width:100%; padding:12px 15px; border: 1px solid #ced4da;}
.list-card .d-flex {flex-direction:column; align-items:flex-start!important; gap:12px;}
.section-title {font-size:32px; margin-bottom:30px;}
.top-header {padding:20px 0;}
.back-btn {width:100%; margin-bottom:15px; font-size:18px; padding:12px 20px;}
.filter-select {width:100%; margin-bottom:15px;}
.view-btn {width:49%; padding:12px; font-size:16px;}
.video-card {height:350px;}
.video-title {font-size:22px; line-height:1.4;}
.btn-course {font-size:18px; padding:12px 25px;}
.show-btn {width:100%; font-size:18px; padding:14px;}
.list-card {padding:18px;}
.list-card h5 {font-size:18px;}
    
}

/* ===========================
   Mobile (768px)
=========================== */

@media (max-width:767px){
.container-fluid {padding-left:15px!important; padding-right:15px!important;}
.section-title {font-size:26px; margin-bottom:25px; text-align:center;}
.video-card {height:300px;}
.video-title {font-size:18px;}
.video-label {font-size:14px;}
.show-btn {width:100%; font-size:16px; padding:12px;}
.list-card {padding:16px;}
.list-card .d-flex {flex-direction:column; align-items:flex-start!important; gap:12px;}
.list-card h5 {font-size:16px; line-height:1.5;}
.view-details {font-size:15px;}
.professional-box h2 {font-size:22px; font-weight:800;}
.explorebtn span {justify-content: center;}

.show-btn {width: 45%; padding: 10px;}
.showMoreBtn{display:flex!important; justify-content: center!important;  margin: 0 auto!important;}

.floating-demo-btn {left:70px; right:70px; bottom:20px; width:auto; transform:none; text-align:center; border-radius:100px;width:50%}
.floating-demo-btn:hover {transform:none;}

.professional-box {  padding: 30px 0px;}
.breadcrumb-box { margin-bottom: 0px;}

.details-box-left h3 svg { margin-right:8px; width: 30px; height: 30px;}

.durationcard{display:flex!important; flex-direction:row !important; align-items:center!important;}

.additional-details-box h2 { margin-bottom: 15px;}

.detailsbox-right{ display:block; }
.detailsbox-right h3{ margin-bottom:8px;}

  .desktop-search{ display:none!important;}
.mobile-search{ display:block!important;}
.search-item{ flex-direction:column; align-items:flex-start; gap:5px;}

    .search-results h2{
        font-size:24px;
    }

    .search-box input{
        font-size:15px;
            padding: 0px 10px 0px 10px;
    }


}


/* ===========================
   Small Mobile (480px)
=========================== */

@media (max-width:480px){
.section-title {font-size:22px;}
.video-card {height:250px;}
.video-title {font-size:16px;}
.btn-course {font-size:15px; padding:10px;}
.show-btn {font-size:20px; padding:12px;}
.titlemainbox {font-size:22px; font-weight:800; padding:20px 0px;}
.filter-select {width:185px;}
.content h1 {font-size:35px;}
.right-box-border {margin-left:0px;}
.additional-details-box h2 {font-size:22px;}
.rightboxcard {flex-direction:column; align-items:flex-start;}
.details-box-left .tag-box span {padding:5px 10px;}
.faq-section {padding:30px 20px;}
.faq-title {margin-bottom:20px;}
.videobg-banner {padding:10px 20px !important;}
.hedbox h2 {width: 100%;}
.captcha-area {display:grid; grid-template-columns:1fr 50px; gap:12px; align-items:center;}
.captcha-box {grid-column:1; grid-row:1;}
.refresh-btn {grid-column:2; grid-row:1; justify-self:center; align-self:center; font-size:30px;}
.form-floating {grid-column:1 / 3; grid-row:2; width:100%;}
.form-floating .form-control {width:100%;}
.back-btn {width:auto; font-size:12px; padding:5px 10px; position:absolute; margin-bottom:0px; top:13%; z-index:10; background:#181818;}
.back-btn i {margin-right:3px;}
.multibx{display:flex!important;}
.multi-wrapper{width:100%;}
.multi-select {position:relative; width:100%; text-align:left;}
.gpbox{display:flex; gap:10px;}

.message-box {height: 94px !important;}
.search-box i {font-size: 18px;}

.ranklist-box ul {margin-left: -18px;}
.ranklist-box ul li {
    margin-right: 0px;
}

.rightboxcard-new .tag-box span { padding: 3px 9px;}
.faqbox-answer{padding-left:42px;}

}






/* Large Desktop (1921px - 2560px+) */
@media (min-width: 1921px){
.ai-banner-section {padding:100px 0px;}
.stat-box h4 {font-size:26px;}
.stat-box p {font-size:16px;}
.stat-box {padding:20px 40px 20px 40px;}
.video-card {height:360px;}
.btn-course {border-radius:10px; padding:12px 20px; font-size:18px;}
.video-title {font-size:22px; margin-bottom:40px;}
.video-label {padding:10px 18px; font-size:18px; font-weight:500; margin-bottom:35px;}
.video-card {height:300px; border-radius:15px;}
.logo-card {background:#fff; border-radius:8px; height:165px; display:flex; justify-content:center; align-items:center; padding:10px; transition:.3s;}

 .search-box input{
        font-size:15px;
            padding:0px 10px 0px 10px;
    }

}


/* Tablet */
@media (max-width: 991.98px){
.stat-box {flex:0 0 33%; min-width:auto; border-right:0; border-bottom:1px solid rgba(255,255,255,.12);}
.btn-course {padding:5px 20px; font-size:16px;}
.demo-title {font-size:30px; margin-bottom:25px;}
.captcha-area {margin-top:30px;}
.certification-section h2 {font-size:36px;}
.logo-card {height:150px;}
.video-section-box {padding:0px 0px 50px 0px;}
}





/* Mobile */
@media (max-width: 575.98px){

.ai-banner-section {padding:10px 0px;}
.ai-banner-section a {margin-right:10px; width:100%; margin-bottom:10px; padding:10px;}
.stats-wrapper {margin-bottom:0px; justify-content: center;}
.stat-box {flex:0 0 32%; text-align:left;}
.stat-box h4 {font-size:28px;}

/* Last 2 boxes */
.stat-box:nth-last-child(-n+2){
    flex: 0 0 47%;
    max-width: 47%;
    margin-top: 10px;
}

/* Remove right border of 3rd & 5th item */
.stat-box:nth-child(3),
.stat-box:nth-child(5){
    border-right: none;
}

/* Remove bottom border from last row */
.stat-box:nth-child(4),
.stat-box:nth-child(5){
    border-bottom: none;
}

.hedbox {margin-bottom:0px;}
.hedbox h2 {margin-bottom:15px;}
.video-card {height:240px;}
.video-title {font-size:18px; max-width:220px;}
.video-label {font-size:13px;}
.btn-course {padding:8px 20px; font-size:16px;}
.section-title {font-size:28px; font-weight:700; text-align:center; margin-bottom:25px;}
.request-demo {padding:30px 15px;}
.demo-title {font-size:25px; margin-bottom:25px;}
.form-floating>.form-control {height:64px; font-size:17px;}
.form-floating>textarea.form-control {height:180px;}
.captcha-area {flex-wrap:wrap;}
.captcha-box {width:100%;}
.submit-btn {font-size:24px; height:60px;}
.certification-section {padding:0px 15px;}
.certification-section h2 {font-size:22px; line-height:30px;}
.logo-card {height:130px;}
.professional-box h2 {font-size:22px;}


}


/* end Responsive */


/*footer-section*/
.footer-section {background:var(--primary-bule-colour);}
.social-icons a {width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:white; text-decoration:none; transition:0.3s;}
.social-icons a:hover {background:var(--secondary);}
.footer-links {list-style:none; padding:0;}
.footer-links li {margin-bottom:10px;}
.footer-links a {color:rgba(255,255,255,.7); text-decoration:none; transition:0.3s;}
.footer-links a:hover {color:var(--secondary);}
.newsletter-form input {border-radius:50px; border:none; padding:14px 20px;}
.newsletter-form button {border-radius:50px; padding-inline:24px;}