@media (min-width: 992px) {

    .navbar .dropdown:hover .dropdown-menu {

        display: flex;

        opacity: 1;

        visibility: visible;

        transition: all 0.3s ease; background: #fff;

       

    }

	

    .navbar .dropdown-menu {

        display: block; /* keep in the DOM for JS tab switching */

        opacity: 0;

        visibility: hidden;

        border: none;

        overflow: hidden;

        background-color: #fff; box-shadow:0px 11px 30px 0 rgba(175,186,221,.5); border-radius: 5px;

        /* transform: translateY(10px); */

    }

}

.navbar .dropdown-menu .tab{background: #F6F6F6; padding-bottom: 20px;}

.dropdown-toggle.show img ,.dropdown:hover .dropdown-toggle img{

    transform: rotate(180deg);

    transition: all 0.3s ease;

}

.nav-item .dropdown-toggle.open > .dropdown-menu,.nav-item .dropdown-toggle.show > .dropdown-menu {

  display: block !important;

  opacity: 1;

  visibility: visible;

  transition: opacity 0.25s ease-in-out;

}

/*.nav-link{

    color: var(--pure-white) !important;

    font-size: 16px;

    padding: 31px 0 ;

}*/

.rightarrowimg{

    width: 25px; display: block;

}

.rightarrowimg img,.rightarrowimg svg{display: none;}

.rightarrowimg svg *{stroke:#fff;}

.tablinks.active .rightarrowimg img,.tablinks.active .rightarrowimg svg{

    display: block;

}

.tablinks.active .fs-22{

    color: var(--blue);

    font-weight: 500;

}

.tablinks .fs-22{

  font-size: 18px;

  line-height:28px ;

}

.tablinks{

  padding: 3px 15px 0; margin: 5px 0; font-size: 16px;

}

.main-menu ul li .megamenulinks .fs-18,.headerBlogpost .fs-18{

    font-size: 16px;

    line-height: 24px;

}



.singlemenu.dropdown-menu{

    max-width: 800px !important;

}

.tabcontent{

    display: none;

}

.tab-content-middale{

    width: 100%;

    height: 100%;

    background-color: var(--cool-gray);

}

.mx-698{

    max-width: 698px;

}

.tab-content-left{

    padding: 20px 32px;

    background-color: var(--cool-gray);

}

.mega-menu-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;}

.mega-menu-grid.cols-2 {grid-template-columns: repeat(2, 1fr);}

.mega-menu-grid.cols-3 {grid-template-columns: repeat(3, 1fr);}



.mb-32{

    margin-bottom: 32px;

}

.tab-content-right{

    min-height: 430px;

    overflow: hidden;

    background-color: var(--pure-black);

    padding: 34px 32px;

}
.main-menu ul li.megamenu{position: static;}

.main-menu ul li .megamenulinks{

    padding:0;

    position: relative;

}

.main-menu ul li .megamenulinks a{padding:0 0 0 15px; display: block; position: relative; color: #000; font-size: 16px;}

.main-menu ul li .megamenulinks a:after{position: absolute; top:11px; left: 0; right: auto; width: 8px; height: 8px; content: ''; background: #000; border-radius: 100%; visibility: visible; margin: 0; transform:none;}
.main-menu ul li .megamenulinks a:hover{color: #204593;}
.main-menu ul li .megamenulinks a:hover:after{background: #204593;}
.alink{

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 100%;       

}

.tablinks.active{

    background-color: var(--cool-gray);

}

.menuname{

    padding:20px 20px 10px; font-weight: bold;

}

.dropdown{

    position: static;

}

.dropdown-menu{

    width: 1300px;

    max-width: 1360px !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    padding: 0px;

    top:100% !important;

    margin: 0 auto !important;

    border-radius: 0px;

    overflow: hidden;

    background-color: var(--cool-gray);

}

.tab{

   min-width: 260px;

   background-color: var(--pure-white);

}

.tab-content-right{max-width: 380px;}

.dropdown-toggle::after{content: none; border: none;}

.dropdown-menu {display: none; transition: opacity 0.25s ease-in-out;}

.navbar{padding: 0; background-color: var(--pure-black);}

.navbar .button_blue{padding: 14.5px 24px;}

.accordion-item:last-child {border-bottom: none;}

.megamenuicon{width: 35px;}

.megamenuicon svg *{fill: #000;}
.megamenu .dropdown-menu{border-top-left-radius: 0; border-top-right-radius: 0; }
.menutab{background: transparent; padding: 8px; border-radius: 7px; position: relative;}

.tablinks.active .menutab,.menutab:hover{background:#06ABE1; color: #fff;}

.tablinks.active .menutab .megamenuicon svg *,.menutab:hover .megamenuicon svg *{fill:#fff}

.menutab a{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; padding: 0 !important;}

.main-menu .menutab a:after{display: none;}

.megamenuctabox{ padding: 0 20px;}

.megamenuctabox .post-card{margin-top: 10px;}

.submenutitle{padding: 20px 0 0 20px; display: block; font-weight: bold; font-size: 20px; color: #000;}

.menuwithcta{padding-right: 20px;}

.menuwithcta .tab-content-left{padding-right: 0;}

.megamenurightcta{background: #204593; box-shadow: 12px 12px 50px 0 rgba(175, 186, 221, .2); border-radius: 8px; padding: 10px; margin-top: 20px; margin-bottom: 20px;}

.megamenurightctatitle{font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 5px;}

.megamenurightctatext{font-size: 16px; color: #fff; margin-bottom: 10px;}

.megamenurightctatext ul{margin: 0; padding: 0; list-style: none;}

.megamenurightctatext ul li{padding-bottom: 5px;}

.megamenurightctatext ul li a{padding-left: 15px; display: block; position: relative; color: #fff}

.megamenurightctatext ul li a:after{position: absolute; top:11px; left: 0; width: 8px; height: 8px; content: ''; background: #fff; border-radius: 100%;}

.megamenurightctabtn{margin-bottom: 10px;}
.main-menu .megamenurightctabtn a,.main-menu .megamenubtmctaboxbtn a{padding: 10px 32px; display: inline-block;}

.megamenubtmctabox{background: #06ABE1; box-shadow: 12px 12px 50px 0 rgba(175, 186, 221, .2); border-radius: 8px; padding: 10px; width: 100%;}

.megamenubtmctaboxtext{width: 100%; color: #fff;}

.megamenubtmctaboxtext span{font-weight: bold;}

.megamenubtmctaboxbtn{width: 200px; text-align: right;}

.certificationsbox{background: #e2e2e2;  box-shadow: 12px 12px 50px 0 rgba(175, 186, 221, .2); border-radius: 8px; padding: 10px; margin-top: 20px; margin-bottom: 20px;}

.certificationsboxtitle{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
@media (max-width: 1400px) {
	.dropdown-menu{width: 1100px; max-width: 1100px; left: 40% !important;}
}
@media (max-width: 1280px) {
	.dropdown-menu{width: 880px; max-width: 880px;}
}