@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');

body { font-size: 16px; line-height: 30px; transition: all 200ms linear; font-family: 'Cabin', sans-serif;}
a { text-decoration: none; outline: none;}
p { color: #ffffff; margin: 0;}
.bg-orangesection { background-color: #fbf5dd !important;}
.bg-greysection { background-color: #f4f4f4 !important;}
.pt-50 { padding-top: 5% !important;}
.col-dark-blue { color: #111a3a;}
.bgLightGrey { background-color: #ecf0f9}

.btn-custom { color: #ffffff; background-color: #3d6cdb; padding: 10px 25px; transition: ease-in-out all 0.2s; border-radius: 30px; font-size: 14px;}
.btn-custom:hover { background-color: #3d47ad; color: #ffffff;}

/*******************************************************************************Top Header CSS Start*****************************************************************************/
.top-header { background-color: #3d6cdb; padding: 7.5px 0;}
.top-header p a { color: #ffffff;}
.top-header .contactDetail p { margin: 0; display: inline;}
.top-header .contactDetail p a { color: #293031; margin-right: 30px;}
.top-header .contactDetail p a:hover { color: #3d47ad; transition: ease-in-out all 0.2s;}
.socialMedia { display: block; margin: 0; padding: 0;}
.socialMedia li { display: inline;}
.socialMedia li a {color: #ffffff; margin-left: 15px; transition: ease-in-out all 0.2s;}
.socialMedia li a:hover { color: #3d47ad;}
.bg-dark { background-color: #ffffff !important;}

/*======================== Navigation Menu (Animated X) ====================*/
.navbar-toggler.x { border: none; padding-right: 0;}
.navbar-toggler.x:focus { outline: none !important; box-shadow: none !important;}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) { opacity: 0; filter: alpha(opacity=0);}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
.navbar-toggler.x .icon-bar { width: 22px; display: block; height: 2px; background-color: #030303; -webkit-transition: all 0.2s; transition: all 0.2s;}
.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
.navbar-toggler.x .icon-bar:nth-of-type(2) { opacity: 1; filter: alpha(opacity=100);}
.navbar-toggler.x .icon-bar:nth-of-type(3) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
.navbar-toggler { padding: 0;}

.navbar-brand {margin: 0;}
.navbar-brand img { width: 150px; margin: 0;}
/*-----------------------------------------------------------------------------------Mobile Menu CSS Start ---------------------------------------------------------------------------------*/
.sidepanel {width: 0; position: fixed; z-index: 1; height: 100%; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; transition: 0.5s; padding-top: 30px;}
.sidepanel a { padding: 5px 15px 5px 15px; text-decoration: none; font-size: 15px; color: #030d4a; display: block;transition: 0.3s; font-weight: 450;}
.sidepanel a:hover { color: #f12a02;}
.sidepanel .closebtn { position: absolute; top: 0; right: 0; font-size: 36px;}
.openbtn { font-size: 27px; padding: 0; background-color: transparent; color: #ffffff; border: none; text-align: left; transition: ease-in-out all 0.2s;}
.openbtn:hover { color: #f12a02;}
/*-----------------------------------------------------------------------------------Mobile Menu CSS End ---------------------------------------------------------------------------------*/

/*******************************************************************************Navigation Menu Css Start ************************************************************************/
.navbar{ padding: 10px 0; border-bottom: 1px solid #e6ecef;}
.navbar-light .navbar-nav .nav-link { color: #444444; font-weight: 400;}
.navbar-light .navbar-nav .nav-link.active { color: #003e60;}
.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 30px;}
.navbar-light .navbar-nav .nav-link:hover { color: #3d47ad;}
.nav-link { display: block; padding: 0.2rem 1rem;}
.navbar-toggler-icon { box-shadow: none !important; outline: none !important;}
.navbar-light .navbar-toggler { box-shadow: none !important; outline: none !important; border: none !important; padding: 0;}
.navbar-light .navbar-toggler-icon {background-image: url("../image/home/navbar-togler.png");}
.dropdown-item { font-size: 15px;  padding: 5px 15px}
.navbar-nav .dropdown-menu { border-radius: 5px; padding: 0px;}
.dropdown-divider { margin: 0!important;}
.active {color:#3d47ad !important;}
.btn-navigation { color: #ffffff; background-color: #f1aa4d; padding: 7px 15px; transition: ease-in-out all 0.2s; border-radius: 0 0 4px 4px; font-weight: 500; margin-top: 5px;}
.btn-navigation:hover { background-color: #3d6cdb; color: #ffffff;}

/*************************************************************************************Slider Section Css Start ***************************************************************************/
.sliderSection {background-color: #030d4a; padding: 10% 0; background-image: url("../image/slider/slider.jpg"); background-position: bottom center; background-size: cover;}
.bgDblue { padding: 5% 0; background: rgb(61,108,219); background: linear-gradient(90deg, rgba(61,108,219,1) 0%, rgba(94,142,255,1) 100%); }
.sliderSection h1 { color: #ffffff; font-size: 36px; font-weight: 700; margin: 0 0 30px 0;}
.sliderSection h2 { color: #ffffff; font-size: 36px; font-weight: 700; margin: 0 0 15px 0;}
.sliderSection p a { color: #a6a6a6; transition: ease-in-out all 0.2s;}
.sliderSection p a:hover { color: #ffffff;}
.sliderSection img { border-radius: 5px;}
.sliderSectionButton { border: 2px solid #3d6cdb; padding: 10px 30px; color: #ffffff; display: inline-block; font-size: 16px; margin: 30px 0; font-weight: 500; transition: ease-in-out all 0.2s; background-color: #3d6cdb; border-radius: 30px;}
.sliderSectionButton:hover { border-color: #ffffff; background-color: #ffffff; color: #3d6cdb;}
.satisfiedLearners {background-color: #3d47ad; padding: 10px 20px; color: #ffffff; display: inline-block; margin: 15px 0; font-size: 14px; border-radius: 3px;}

/**************************************************************************************addPointsDetails Css Start**************************************************************************/
.addPoints { padding: 5% 0;}
.addPointsDetails { background-color: #ffffff; border: 1px solid #e3e3e3; padding: 30px 15px; border-radius: 5px;  margin: 15px 0;} /*box-shadow: 0 0 20px rgba(217, 217, 217, 0.7);background-image: url("../image/home/bg-pattern.png"); background-position: center left; background-size: cover;*/
.addPoints h3 { font-size: 30px; font-weight: 700; color: #030d4a; margin: 0 0 30px 0;}
.addPointsDetails h4 { font-size: 18px; text-align: center; margin: 0 0 15px 0; color: #030303; font-weight: 450; line-height: 28px;}
.addPointsDetails p { text-align: center; color: #111a3a; font-size: 14px;}
.addPointsDetails p b { font-weight: 600;}
.addPointsDetailsButton { color: #3d6cdb; text-align: center; font-weight: 500; display: block; font-size: 16px; transition: ease-in-out all 0.2s;}
.addPointsDetailsButton:hover { color: #030d4a; letter-spacing: 0.25px;}

/****************************************************************************************About Section Css Start*************************************************************************/
.aboutSection { padding: 5% 0 0 0;}
.aboutSectionDetail h2 { color: #030303; margin: 0 0 30px 0; font-size: 30px; font-weight: 700;}
.aboutSectionDetail p { color: #444444;}
.about-wisdom { background-image: url("../image/about/about-wisdom.jpeg"); background-size: cover; background-position: center center;}
.contact-banner { background-image: none; background-size: cover; background-position: center center; padding: 0; background-color: #dee8ff;}
.contact-banner h1 { margin: 0 0 10px 0; color: #030303; font-size: 36px;}
.contact-banner p { color: #000000; font-size: 18px; font-weight: 450;}

/*****************************************************************************************browseallCourses Css Start *************************************************************************/
.browseallCourses { background-color: #f0f2ff; padding: 5% 0 3% 0; margin:0;}
.browseallCourses h3 {color: #030303; margin: 0 0 10px 0; font-size: 30px; font-weight: 700; text-align: center;}
.browseallCourses p { color: #444444; font-size: 16px; text-align: center; font-weight: 400; margin: 0 0 30px 0;}
.browseallCoursesDetail { background-color: #ffffff; box-shadow: 0 0 20px rgba(217, 217, 217, 0.7); margin: 0 15px; border-radius: 5px;}
.browseallCoursesDetailHeader {padding:20px 15px;background: #ffffff; border-bottom: 1px solid #f0f0f0; border-radius: 5px;}
.browseallCoursesDetailHeader h4 { color: #272c37; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 18px; text-align: left; margin: 0; line-height: 24px; }
.browseallCoursesDetaildesc { background-color: #ffffff; padding: 15px;margin: 0 0 30px 0; border-radius: 5px;}
.browseallCoursesDetaildesc p { color: #111a3a; font-size: 15px; font-weight: 450; text-align: left; line-height: 18px;}
.browseallCoursesDetaildesc span {color: #acacac; font-size: 14px; border-bottom: 1px solid #f0f0f0; width: 100%; display: block; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.browseallCoursesDetaildesc span i { color: #e60c58;}
.browseallCoursesDetaildesc .browseallCoursesDetaildescButton {font-size: 14px; color: #3d6cdb; padding: 5px 20px; transition: ease-in-out all 0.2s; border-radius: 0; display: inline-block; text-align: center; margin: 0 0 15px 0; background-color: #ffffff; border: 1px solid #3d6cdb; font-weight: 450; border-radius: 30px;}
.browseallCoursesDetaildesc:hover .browseallCoursesDetaildescButton { background-color: #3d6cdb; color: #ffffff; border-color: #3d6cdb;}
.browseallCoursesDetaildesc ul { padding-left: 15px;}
.browseallCoursesDetaildesc ul li {list-style: circle; font-size: 14px; color: #444;}
.sticky {position: fixed;top: 0;width: 100%; scroll-behavior: smooth; z-index: 9; box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.32); -webkit-box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.32); -moz-box-shadow: 2px 2px 6px 0px rgba(120,120,120,0.32);}

/*******************************************************************************************getaQuote Css Start********************************************************************************/
.getaQuote { padding: 5% 0;}
.getaQuote h3 { font-size: 30px; color: #030303; font-weight: 700; margin: 0 0 30px 0;}
.getaQuoteContentDetail { background-color: #ffffff; box-shadow: 0 0 20px rgba(217, 217, 217, 0.7); padding: 30px; border-radius: 5px; min-height: 230px; text-align: center;}
.getaQuoteContentDetail p {color: #444444; margin: 0 0 10px 0;}
.getaQuoteContentDetail p a { color: #444444; transition: ease-in-out all 0.2s;}
.getaQuoteContentDetail p a:hover { color: #f12a02;}
.getaQuoteContentDetail h5 { font-size: 21px; margin: 0 0 20px 0; color: #030303;}
.getaQuoteForm { background-color: #ffffff; box-shadow: 0 0 20px rgba(217, 217, 217, 0.7); padding: 0; border-radius: 5px;}
.getaQuoteFormHeader { padding: 45px 45px 15px 45px; margin-bottom: 0; text-align: center;}
.getaQuoteFormDetail { padding:15px 45px 30px 45px;}
.getaQuoteFormHeader h4 {color: #030303; font-size: 30px; font-weight: 700; }
.getaQuoteFormHeader p { color: #444444; font-size: 16px; font-weight: 450;}
.getaQuoteFormDetail .btn-primary {color: #ffffff; border-radius: 30px; border: 1px solid #3d6cdb; padding: 10px 30px; transition: ease-in-out all 0.2s; display: inline-block; text-align: center; margin: 20px 0 0 0; background-color: #3d6cdb; font-weight: 450;}
.sub {color: #ffffff!important; border: none!important; padding: 10px 15px!important; transition: ease-in-out all 0.2s; border-radius: 0 !important; display: inline-block; text-align: center; margin: 20px 0 0 0; background-color: #030d4a!important; font-weight: 450;}
.sub:hover {background-color: #f12a02!important; color: #ffffff;}
.getaQuoteFormDetail .btn-primary:hover {background-color: #3d47ad; color: #ffffff; border-color: #3d47ad;}
.getaQuoteFormDetail .form-control { padding: 5px 0; font-size: 15px; color: #111a3a; background-color: transparent; border: none; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; outline: none;}
.getaQuoteFormDetail .form-select {  padding: 0 2.25rem .375rem 0 !important; font-size: 15px; color: #111a3a; background-color: transparent; border: none; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; outline: none;}
.getaQuoteFormDetail .form-floating > .form-control, .form-floating > .form-select { height: calc(3rem + 2px); padding: 1rem 15px; border-radius: 5px;}
.getaQuoteFormDetail .form-floating > label { position: absolute; top: -1px; left: 15px; height: 100%; padding: 10px 0; color: #111a3a;}
.getaQuoteKeyFeatures {display: inline-block; padding: 0; margin: 0 0 15px 0; width: 100%;}
.getaQuoteKeyFeatures li { float: left; list-style: none; width: 23%; margin: 1% 1% 1% 0; border: 1px solid #ddd; padding: 30px; border-radius: 5px;}
.getaQuoteKeyFeatures li img { margin: 0 0 30px 0; width: 50px;}
.getaQuoteKeyFeatures li h5 { font-size: 16px; font-weight: 450; margin: 0 0 5px 0; color: #3d47ad}
.getaQuoteKeyFeatures li p { font-size: 15px; margin: 0;}
.font-15 { font-size: 15px !important;}

/***********************************************************************
            Detail Page Css Start                                                                                   
************************************************************************/

/************************************************************************************Kubernetes Certification Training Css Start************************************************************************************/
.kubernetesTrainingCurriculum { padding: 5% 0; background-color: #e3ebfd;}
.kubernetesTrainingCurriculum h3 { font-size: 30px; font-weight: 700; margin: 0 0 30px 0; color: #3d47ad;}
.kubernetesTrainingCurriculum .accordion-flush .accordion-item:first-of-type .accordion-button { background-color: #fff; outline: none; color: #444444; border-radius: 5px;}
.kubernetesTrainingCurriculum .accordion-item:last-of-type .accordion-button.collapsed { border: none !important; color: #444444; border-radius: 5px;}
.kubernetesTrainingCurriculum .accordion-flush .accordion-collapse { border: none;}
.kubernetesTrainingCurriculum .accordion-flush .accordion-button { background-color: #fff; outline: none; border: none; color: #05125e; border-radius: 5px; font-weight: 450;}
.kubernetesTrainingCurriculum .accordion-button:focus { z-index: 3; border-color: transparent;  outline: 0; box-shadow: none;}
.kubernetesTrainingCurriculum .accordion-button:not(.collapsed) { color: #030d4a; background-color: #cfd3ff !important; border: none}
.kubernetesTrainingCurriculum .accordion-item:last-of-type .accordion-collapse { border: none !important;}
.kubernetesTrainingCurriculum .accordion-button.collapsed { border: none !important; color: #444444}
.kubernetesTrainingCurriculum .accordion-item { margin: 0 0 10px 0; background-color: #fff; border-radius: 5px;}
.kubernetesTrainingCurriculum .accordion-body { padding: 15px; background-color: #f9f9f9; border-radius: 5px;}
.kubernetesTrainingCurriculum .accordion-body p { color: #111a3a;}
.kubernetesTrainingCurriculum .accordion-body p b { font-weight: 450;}
.kubernetesTrainingCurriculum .accordion-body h5 { font-size: 18px; font-weight: 450; color: #030d4a; margin: 15px 0;}
.kubernetesTrainingCurriculum .accordion-body ul { display: block; margin: 0; padding: 0 0 0 15px;}
.kubernetesTrainingCurriculum .accordion-body ul li { list-style: circle; color: #111a3a; font-size: 14px;}

/******************************************************************************************DetailSection2 Css Start********************************************************************************************************/
.detailSection2 { padding: 5% 0; background-color: #ffffff; background-image: url("../image/home/bg-image.jpg"); background-repeat: no-repeat; background-position: center right; background-attachment: fixed;}
.detailSection2Content { display: block; width: 100%;}
.detailSection2Content h3 { font-size: 30px; font-weight: 700; margin: 0 0 15px 0; color: #f1aa4d;}
.detailSection2Content p { color: #444444; font-size: 16px; font-weight: 450;}
.detailSection2Content .detailSection2Button { padding: 8px 30px; color: #3d47ad; display: inline-block; border: 2px solid #3d47ad; background-color: #ffffff; transition: ease-in-out all 0.2s; font-size: 16px; margin: 30px 0 0 0; font-weight: 450; border-radius: 30px;}
.detailSection2Content .detailSection2Button:hover { color: #ffffff; border-color: #3d47ad; background-color: #3d47ad;}

/******************************************************************************************Training Certificate Section Css Start ********************************************************************************************/
.trainingCertificateSection { padding: 5% 0; background-color: #ebc62d;}
.trainingCertificateSection img { border-radius: 5px;}
.trainingCertificateSection h3 { font-size: 30px; font-weight: 700; color: #030303; margin: 0 0 30px 0;}
.trainingCertificateSection h6 { font-size: 16px; font-weight: 450; color: #444444; margin: 0 0 30px 0; line-height: 27px;}
.trainingCertificateSectionBtn { padding: 12px 30px; color: #ffffff; display: inline-block; background-color: #3d47ad; transition: ease-in-out all 0.2s; font-size: 16px; margin: 30px 0 0 0; font-weight: 450; border-radius: 30px;}
.trainingCertificateSectionBtn:hover { background-color: #ffffff; color: #3d47ad;}

/******************************************************************************************Footer Css Start *****************************************************************************************************************/
footer { background-color: #151920; padding: 3% 0 1% 0;}
footer .topFooter { border-bottom: 1px solid #3b4462; padding: 0 0 2% 0;margin: 0 0 2% 0;}
footer .topFooter img { width: 170px;}
footer p { color: #cacaca;}
footer p a { color: #cacaca; transition: ease-in-out all 0.2s; font-weight: 450;}
footer p a:hover { color: #ffffff;}
footer h4 { color: #eac52c; font-weight: 450; margin: 0 0 15px 0; font-size: 18px;}
footer .footerDetail { display: block; margin: 0; padding: 0;}
footer .footerDetail li {list-style: none;}
footer .footerDetail li a { color: #cacaca; font-size: 14px; margin: 0; display: block; transition: ease-in-out all 0.2s;}
footer .footerDetail li a:hover { color: #ffffff;}
footer .copyRight { padding: 1% 0 0 0; margin: 2% 0 0 0;}
footer .border-top { border-color: #3b4462 !important;}
footer .designedBy {color: #53576f;}
footer .designedBy a { color: #53576f; transition: ease-in-out all 0.2s;}
footer .designedBy a:hover { color: #cacaca;}
.mt-top { margin-top: 36px !important;}
.copyRight { border-top: 1px solid #3b4462; padding: 0 0 2% 0;margin: 0 0 2% 0; text-align: center;}
.textCenter { text-align: center;}

/************************************************************************************************************************************
                                                                                            Apply Now Modal                                                                                   
************************************************************************************************************************************/
.modal-open { padding: 0 !important;}
.modal-backdrop.show { opacity: .9;}
.applyNowModal .modal-xl { max-width: 1000px;}
.applyNowModal .modal-body { padding: 30px;}
.applyNowModal .form-control { padding: 5px 0; font-size: 15px; color: #111a3a; background-color: transparent; border: none; border-bottom: 1px solid #030d4a; border-radius: 0; box-shadow: none; outline: none;}
.applyNowModal .form-select {  padding: 0 2.25rem .375rem 0 !important; font-size: 15px; color: #111a3a; background-color: transparent; border: none; border-bottom: 1px solid #030d4a; border-radius: 0; box-shadow: none; outline: none;}
.applyNowModal .form-floating > .form-control, .form-floating > .form-select { height: calc(3rem + 2px); padding: 10px 15px !important;}
.applyNowModal .form-floating > label { position: absolute; top: -10px; left: 0; height: 100%; padding: 10px 0; color: #111a3a;}
.applyNowModal .btn-close { width: 28px; height: 28px; padding: .25em .25em; color: #ffffff; opacity: 1; background-color: #f12a02; border-radius: 50%; position: absolute; right: -20px; top: -15px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2); background-image: none !important; font-size: 15px; transition: ease-in-out all 0.2s;}
.applyNowModal .btn-close:hover { background-color: #030d4a; color: #ffffff;}
.applyNowModal .modalImage { width: 100%;border-right: 1px solid #c8c8c8; padding: 30px 30px 0 0;}
.applyNowModal .modalImage h4 { margin: 30px 0 15px 0; font-weight: 450; font-size: 18px; color: #030d4a; text-align: center;}
.applyNowModal .modalImage img { width: 380px; height: 100%; border-radius: 10px;}
.applyNewModalHeader h4 { font-size: 21px; color: #030d4a; text-align: center; margin: 0 0 10px 0; font-weight: 600;}
.applyNewModalHeader .lead { color: #f12a02; font-weight: 450; text-align: center; margin: 0 0 30px 0; font-size: 18px;}
.applyNowsocialMedia { display: block; margin: 0;text-align: center; padding: 0;}
.applyNowsocialMedia li { display: inline;}
.applyNowsocialMedia li a {color: #ffffff; margin: 0 7.5px; transition: ease-in-out all 0.2s; font-size: 15px; background-color: #030d4a; padding: 5px 10px;;}
.applyNowsocialMedia li a:hover { color: #ffffff; background-color: #f12a02;}
.applyNowModal .btn-primary {color: #ffffff; border: 1px solid #030d4a; padding: 10px 30px; transition: ease-in-out all 0.2s; border-radius: 0; display: inline-block; text-align: center; margin: 20px 0 0 0; background-color: #030d4a; font-weight: 450;}
.applyNowModal .btn-primary:hover {background-color: #f12a02; color: #ffffff; border-color: #f12a02;}
/************************************************************************************************************************************
                        Media Query Css Start                                                                                   
************************************************************************************************************************************/
@media (min-width: 320px) and (max-width: 767.98px) {
    body { font-size: 14px; line-height: 24px;}

/*****Top Header Media Query *****/
    .top-header .contactDetail p a { margin-right: 10px;}
    .top-header .contactDetail p { font-size: 14px;}
    .top-header { padding: 5px 0; }
    .top-header .dropdown-menu { z-index: 999999;}
    .top-header .dropdown-toggle::after { margin-left: 0;border-top: .45em solid; border-right: .45em solid transparent; border-bottom: 0; border-left: .45em solid transparent; }
    .top-header .btn-secondary { background-color: transparent; border-color: transparent; box-shadow: none; outline: none; padding: 0;}

    /***** Navigation Media Query *****/
    .navbar { padding: 5px 0;}
    .navbar-brand img { width: 110px;}
    .navbar-expand-lg .navbar-nav .nav-link { padding: 5px 0px; font-size: 14px; }

/***** Slider Section Media Query *****/
    .sliderSection h1 { font-size: 21px; margin: 0 0 15px 0;}
    .sliderSection p { margin: 0 0 15px 0;}
    .sliderSection p a { color: #ebc62d;}
    .sliderSectionButton { padding: 8px 20px; font-size: 15px; margin: 15px 0;}
    .sliderSection h2 {font-size: 21px; font-weight: 600;}
    .satisfiedLearners {padding: 7px 15px;}
    
    .contact-banner { text-align: center; padding: 5% 0 0 0;}
    .contact-banner h1 { margin: 0 0 5px 0;}
    .contact-banner p { font-size: 15px;}
    
    
/***** addPointsDetails Section Media Query *****/
    .addPointsDetails { padding: 15px; margin: 7.5px 0;}
    .addPointsDetails h4 { font-size: 15px; margin: 0 0 10px 0;}
    .addPointsDetailsButton { font-size: 14px;}
    .addPoints h3 { font-size: 21px; margin: 0 0 10px 0; font-weight: 600;}

/***** About Section Media Query *****/
    .aboutSection { padding: 10% 0 0 0; }
    .aboutSectionDetail h2 { margin: 0 0 15px 0; font-size: 21px; font-weight: 600; }

/***** BrowseAllCourse Section Media Query *****/
    .browseallCourses { padding: 10% 0 6% 0; margin: 7% 0 0 0;}
    .browseallCourses p { font-size: 14px; margin: 0 0 20px 0;}
    .browseallCourses h3 {margin: 0 0 10px 0; font-size: 21px; font-weight: 600; }
    .browseallCoursesDetailHeader { padding: 15px; }
    .browseallCoursesDetailHeader h4 { font-size: 15px;}
    .browseallCoursesDetaildesc span {font-size: 11px;}
    .browseallCoursesDetaildesc { margin: 0 0 20px 0;}
    .browseallCoursesDetaildesc ul li { font-size: 13px;}
    .browseallCoursesDetaildesc .browseallCoursesDetaildescButton { font-size: 14px; padding: 6px 15px; margin: 0;}

/***** getQuote Section Media Query *****/
    .getaQuote { padding: 10% 0;}
    .getaQuoteContentDetail h3 { font-size: 21px; margin: 0 0 15px 0; font-weight: 600;}
    .font-15 { font-size: 14px !important;}
    .getaQuoteFormHeader h4 { font-size: 21px;}
    .getaQuoteFormHeader p { font-size: 14px;  }
    .getaQuoteFormHeader { padding: 30px 15px 15px 15px }
    .getaQuoteFormDetail { padding: 0 15px;}
    .getaQuoteContentDetail p { margin: 0 0 5px 0;}
    .getaQuoteForm { margin-top: 15px; padding-bottom: 15px;}
    .getaQuote h3 { font-size: 24px; color: #030303; margin: 0 0 20px 0; }
    .getaQuoteContentDetail { padding: 20px; margin-bottom: 15px; min-height: auto;}
    .getaQuoteContentDetail h5 { font-size: 18px; margin: 0 0 10px 0;}

/***** kubernetes Certification Training Media Query *****/
    .kubernetesTrainingCurriculum h3 { font-size: 18px; font-weight: 600; margin: 0 0 15px 0; }
    .kubernetesTrainingCurriculum .accordion-flush .accordion-button { font-size: 15px;}

/***** detailSection2 Media Query *****/
    .detailSection2 { background-image: none;}
    .detailSection2Content h3 { font-size: 18px;}
    .detailSection2Content p { font-size: 15px; line-height: 24px;}
    .detailSection2Content .detailSection2Button { padding: 6px 25px; font-size: 16px; margin: 15px 0 0 0; }

/***** Training Certificate Media Query *****/
    .trainingCertificateSection h3 { font-size: 18px; margin: 0 0 15px 0;}
    .trainingCertificateSection h6 { font-size: 15px; margin: 0 0 15px 0; line-height: 27px; text-align: justify;}
    .trainingCertificateSectionBtn { padding: 8px 20px; border: 2px solid #ffffff; font-size: 16px; margin: 15px 0; }

/*****Footer Media Query *****/
    .mt-top { margin-top: 0 !important;}
    footer h4 { margin: 10px 0; font-size: 16px;}
    footer .footerDetail li a { font-size: 14px;}
    .textCenter { text-align: left;}
    .socialMedia li a { margin-left: 10px; font-size: 15px;}
    
/*****Aplly Modal *****/
    .applyNowModal .modalImage {border-right: none; padding: 0; text-align: center;}
    .applyNowModal .modal-body {padding: 15px;}
    .applyNewModalHeader .lead {margin: 10px 0; font-size: 16px;}
    .applyNowModal .modalImage img {width: 250px;}
    .applyNowModal .btn-primary {padding: 7px 20px; margin: 20px 0 0 0; font-size: 14px; width: 100%;}
    .applyNowModal .btn-close {width: 24px; height: 24px; opacity: 1; border-radius: 0; right: -1px; top: -1px; font-size: 13px; box-shadow: none;}
    .applyNowModal .form-floating > label {top: -7px; left: 0; height: 100%; padding: 10px 0; }
    .applyNowModal .form-floating > .form-control, .form-floating > .form-select { padding: 0rem 0; font-size: 14px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    body { font-size: 14px; line-height: 24px;}
    p {text-align: justify;}

/*****Top Header Media Query *****/
    .top-header { padding: 10px 0; }
    .top-header .contactDetail p a { margin-right: 15px;}
    .socialMedia li a { margin-left: 10px; }

/***** Navigation Media Query *****/
    .bg-dark { background-color: #030d4a !important;}
    .navbar-brand img { width: 140px;}

/***** Slider Section Media Query *****/
    .sliderSection h1 { font-size: 21px;}
    .sliderSectionButton { padding: 8px 25px; font-size: 15px; margin: 15px 0;}
    .sliderSection h2 {font-size: 21px; font-weight: 600;}
    .satisfiedLearners {padding: 8px 20px;}
    
/***** addPointsDetails Section Media Query *****/
    .addPointsDetails { padding: 15px; margin: 7.5px 0;}
    .addPointsDetails h4 { font-size: 16px; margin: 0 0 10px 0;}
    .addPointsDetailsButton { font-size: 14px;}
    .addPoints h3 { font-size: 21px; margin: 0 0 15px 0; font-weight: 600;}

/***** About Section Media Query *****/
    .aboutSectionDetail h2 { margin: 0 0 15px 0; font-size: 21px; font-weight: 600; }

/***** BrowseAllCourse Section Media Query *****/
    .browseallCourses p { font-size: 15px; margin: 0;}
    .browseallCourses h3 {margin: 0 0 15px 0; font-size: 21px; font-weight: 600; }
    .browseallCoursesDetailHeader { padding: 15px 15px; }
    .browseallCoursesDetailHeader h4 { font-size: 15px;}
    .browseallCoursesDetaildesc span {font-size: 11px;}
    .browseallCoursesDetaildesc ul { margin: 10px 0;}

/***** getQuote Section Media Query *****/
    .getaQuoteContentDetail h3 { font-size: 21px; margin: 0 0 15px 0; font-weight: 600;}
    .font-15 { font-size: 14px !important;}
    .getaQuoteFormHeader h4 { font-size: 21px;}
    .getaQuoteFormHeader p { font-size: 14px;  }
    .getaQuoteFormHeader { padding: 15px 15px 65px 15px; }
    .getaQuoteFormDetail { padding: 15px;}
    .getaQuoteContentDetail p { margin: 0 0 5px 0;}
    .getaQuoteForm { margin-top: 15px;}

/***** kubernetes Certification Training Media Query *****/
    .kubernetesTrainingCurriculum h3 { font-size: 21px; font-weight: 600; margin: 0 0 15px 0; }
    .kubernetesTrainingCurriculum .accordion-flush .accordion-button { font-size: 15px;}

/***** detailSection2 Media Query *****/
    .detailSection2 { background-image: none;}
    .detailSection2Content { text-align: center;}
    .detailSection2Content h3 { font-size: 21px;}
    .detailSection2Content p { font-size: 15px; text-align: center;}
    .detailSection2Content .detailSection2Button { padding: 7px 25px; font-size: 16px; margin: 15px 0 0 0; }

/***** Training Certificate Media Query *****/
    .trainingCertificateSection { text-align: center;}
    .trainingCertificateSection h3 { font-size: 21px; margin: 0 0 15px 0;}
    .trainingCertificateSection h6 { font-size: 15px; margin: 0 0 15px 0; line-height: 27px; text-align: center;}
    .trainingCertificateSectionBtn { padding: 8px 25px; border: 2px solid #ffffff; font-size: 16px; margin: 15px 0; }

/*****Footer Media Query *****/
    .mt-top { margin-top: 0 !important;}
    footer h4 { margin: 10px 0; font-size: 18px;}
    footer .footerDetail li a { font-size: 14px;}
    .textCenter { text-align: left;}
    .socialMedia li a { margin-left: 10px; }
    
/*****Apply Modal *****/    
    .applyNowModal .modal-xl { max-width: 700px;}
    .applyNowModal .modalImage {padding: 0px 30px 0 0;}
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    body { font-size: 14px; line-height: 24px;}

/*****Top Header Media Query *****/
    .top-header { padding: 10px 0; }
    .top-header .contactDetail p a { margin-right: 15px;}
    .socialMedia li a { margin-left: 10px; }

/***** Navigation Media Query *****/
    .bg-dark { background-color: #030d4a !important;} 
    .navbar-expand-lg .navbar-nav .nav-link { padding-right: 30px; padding-left: 30px;}

/***** Slider Section Media Query *****/
    .sliderSection h1 { font-size: 24px;}
    .sliderSectionButton { padding: 8px 25px; font-size: 15px; margin: 30px 0;}
    .sliderSection h2 {font-size: 24px; font-weight: 600;}
    .satisfiedLearners {padding: 8px 20px;}
    
/***** addPointsDetails Section Media Query *****/
    .addPointsDetails { padding: 15px; margin: 7.5px 0;}
    .addPointsDetails h4 { font-size: 16px; margin: 0 0 10px 0;}
    .addPointsDetailsButton { font-size: 14px;}
    .addPoints h3 { font-size: 24px; margin: 0 0 15px 0; font-weight: 600;}

/***** About Section Media Query *****/
    .aboutSectionDetail h2 { margin: 0 0 15px 0; font-size: 24px; font-weight: 600; }

/***** BrowseAllCourse Section Media Query *****/
    .browseallCourses p { font-size: 15px; margin: 0;}
    .browseallCourses h3 {margin: 0 0 20px 0; font-size: 24px; font-weight: 600; }
    .browseallCoursesDetailHeader { padding: 15px 15px; }
    .browseallCoursesDetailHeader h4 { font-size: 15px;}
    .browseallCoursesDetaildesc span {font-size: 11px;}
    .browseallCoursesDetaildesc ul { margin: 10px 0;}

/***** getQuote Section Media Query *****/
    .getaQuoteContentDetail h3 { font-size: 24px; margin: 0 0 15px 0; font-weight: 600;}
    .font-15 { font-size: 14px !important;}
    .getaQuoteFormHeader h4 { font-size: 24px;}
    .getaQuoteFormHeader p { font-size: 14px;  }
    .getaQuoteFormHeader { padding: 15px 15px 65px 15px; }
    .getaQuoteFormDetail { padding: 15px;}
    .getaQuoteContentDetail p { margin: 0 0 5px 0;}
    .getaQuoteForm { margin-top: 15px;}
    .getaQuoteKeyFeatures li h5 { font-size: 15px;}

/***** kubernetes Certification Training Media Query *****/
    .kubernetesTrainingCurriculum h3 { font-size: 24px; font-weight: 600; margin: 0 0 15px 0; }
    .kubernetesTrainingCurriculum .accordion-flush .accordion-button { font-size: 15px;}

/***** detailSection2 Media Query *****/
    .detailSection2Content h3 { font-size: 24px;}
    .detailSection2Content p { font-size: 15px; text-align: left;}
    .detailSection2Content .detailSection2Button { padding: 8px 30px; font-size: 16px; margin: 15px 0 0 0; }

/***** Training Certificate Media Query *****/
    .trainingCertificateSection h3 { font-size: 24px; margin: 0 0 15px 0;}
    .trainingCertificateSection h6 { font-size: 15px; margin: 0 0 15px 0; line-height: 27px; text-align: left;}
    .trainingCertificateSectionBtn { padding: 8px 25px; border: 2px solid #ffffff; font-size: 16px; margin: 15px 0; }

/*****Footer Media Query *****/
    .mt-top { margin-top: 40px !important;}
    footer h4 { margin: 10px 0; font-size: 18px;}
    footer .footerDetail li a { font-size: 14px;}
    .textCenter { text-align: center;}
    .socialMedia li a { margin-left: 10px; }
    .applyNowModal .modal-xl { max-width: 900px;}
    .applyNewModalHeader h4 { font-size: 18px;}
    .applyNewModalHeader .lead { font-size: 16px;}
}