body {background-color: #fff; margin: 0; padding: 0; top: 0 !important; overflow-x: hidden; overflow-y: auto; font-family: "Helvetica", sans-serif;}
.no_scroll {overflow: hidden !important;}
:root {
  --color1: #011F5B;
  --color2: #63B3F6;
  --color3: #BA0A23;
  --color4: #d9edfd;
}

.text_color1 {color: var(--color1) !important;}
.text_color2 {color: var(--color2) !important;}
.text_color3 {color: var(--color3) !important;}

.bg_color1 {background-color: var(--color1) !important;}
.bg_color2 {background-color: var(--color2) !important;}
.bg_color3 {background-color: var(--color3) !important;}

ul:not(.course_sec ul, .announcement_info ul) {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none;}
.para {font-size: 18px; font-weight: 500;}

.open_nav, .nav_title, .mobile_action_btns {display: none;}

.sub_heading {font-size: 30px; text-transform: uppercase; margin-bottom: 0; padding: 0 0px 8px; border-bottom: 1px solid var(--color3); color: #333; display: inline-block; font-family: "Poppins", sans-serif; font-weight: 500; letter-spacing: 3px; position: relative;}
/* .sub_heading:after {content: ""; width: 13px; height: 7px; background-color: var(--color3); outline: 4px solid #fff; position: absolute; left: 50%; top: 45.5px; transform: translateX(-50%); border-radius: 3px; z-index: 9; animation: ;} */
.banner_other .sub_heading:after {display: none !important;}
.heading {font-size: 50px; font-weight: 700; color: #333; margin-bottom: 0;}
.small_heading {font-size: 20px; font-weight: 700;}

.button_1 {background-color: var(--color1); color: #fff; display: inline-block; padding: 10px 20px; font-weight: 500; text-align: center; border: none; border-radius: 5px; font-size: 14px; letter-spacing: 0.3px; transition: all 0.5s;}
.button_2 {background-color: var(--color2); color: var(--color1); display: inline-block; padding: 10px 20px; font-weight: 500; text-align: center; border: none; border-radius: 5px; font-size: 14px; letter-spacing: 0.3px; transition: all 0.5s;}
.button_3 {background-color: var(--color3); color: #fff; display: inline-block; padding: 10px 20px; font-weight: 500; text-align: center; border: none; border-radius: 5px; font-size: 14px; letter-spacing: 0.3px; transition: all 0.5s;}
.button_1:hover, .button_2:hover, .button_3:hover {filter: brightness(0.85);}

.breadcrumb {display: flex; align-items: center; justify-content: center; grid-gap: 5px; margin-bottom: 0;}
.breadcrumb li {position: relative;}
.breadcrumb li:not(li:last-child):after {content: "/"; color: #fff; padding-left: 5px;}
.breadcrumb li a {color: #fff; font-size: 14px; font-weight: 300;}
.breadcrumb li:last-child a {color: var(--color2);}

/*/Header/*/
header {background-color: var(--color4); position: sticky; top: 0; z-index: 999;}
.header_ul {display: flex; flex-wrap: wrap; align-items: center; grid-column-gap: 20px;}
.header_ul li a {display: flex; align-items: center; color: #333; padding: 12px 0; font-weight: 600; font-size: 15px;}
.header_ul li img {height: 22px; object-fit: contain; position: relative; top: -1px;}

.header_right {justify-content: end;}

/*/Navigation/*/
.navigation {padding: 12px 0;}
.action_btns {display: flex; align-items: center; justify-content: end; grid-gap: 15px;}
nav {background-color: var(--color1); padding: 10px 0; position: sticky; top: 47px; z-index: 990;}
nav ul {display: flex; align-items: center; justify-content: center; grid-gap: 0;}
nav ul li {display: block; position: relative;}
nav ul li a {color: #fff; font-size: 15px; font-weight: 500; letter-spacing: 0.3px; padding: 5px 35px; display: block; text-align: center; border-right: 1px solid #ffffff8e; white-space: nowrap;}
nav ul li:nth-last-child(3) a {border-right: none;}
nav ul li.active a {color: var(--color2);}
nav ul li.active li.active a {color: var(--color3);}

nav ul li .sub_menu {position: absolute; left: 0; top: 100%; width: max-content; padding: 10px 0; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); display: block; margin-top: 15px; border-radius: 10px; overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.5s;}
nav ul li .sub_menu li a {display: block; padding: 6px 30px; color: var(--color1); text-align: left; border: none; transition: all 0.5s;}
nav ul li .sub_menu li a:hover {color: #555;}
nav ul li:hover .sub_menu {visibility: visible; opacity: 1;}
nav ul li .sub_menu li div {margin-bottom: 8px;}
nav ul li .sub_menu li div a {font-size: 13px !important; padding: 7px 45px; color: #333;}

.logo {width: 200px; display: inline-block;}
.logo img {height: 100%; width: 100%; object-fit: contain;}

/*/Banner/*/
.banner_home {height: auto;}
.banner_other {height: 250px; background-color: var(--color1); position: relative; border-top: 1px solid #ffffff8e;}
.banner_other .sub_heading {font-size: 42px; text-transform: capitalize;}
.banner, .banner_img, .slick-list, .slick-track {height: 100%; width: 100%; overflow: hidden; position: relative;}
.banner_img img {height: 100%; width: 100%; object-fit: cover;}
.banner_info {position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: grid; align-items: center; /*background-color: #4f689182;*/}
.banner_text {padding: 30px; background-color: #011f5be3; border-left: 7px solid var(--color2); border-radius: 0;}
.banner_text h2 {font-size: 24px; font-weight: 500; color: #fff; margin-bottom: 15px;}
.banner_text h3 {font-size: 40px; font-weight: 600; color: var(--color2); text-transform: uppercase; margin-bottom: 15px;}
.banner_text p {font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 15px;}


/*/Content Sec/*/
.content_sec {padding: 80px 0;}

/*/Course Section/*/
.course_list {}
.course_head {padding: 25px; background-color: #666; height: 150px;}
.course_head h4 {margin-bottom: 0; font-weight: 600; color: #fff;}
.course_img {height: 300px; width: 100%; position: relative;}
.course_img img {height: 100%; width: 100%; object-fit: cover;}
.course_img a {display: inline-block; padding: 10px 20px; font-weight: 500; text-align: center; border: none; border-radius: 5px; font-size: 14px; letter-spacing: 0.3px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; background-color: #666; color: #fff; transition: all 0.5s;}
.course_img a:hover {background-color: var(--color1) !important;}

.color_grid_sec {position: relative;}
.color_grid_box {position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: grid; grid-template-columns: repeat(2,1fr); background-color: #fff; grid-gap: 10px; z-index: -1;}
.color_grid_box div {padding: 0;}

.color_grid_sec .bg_rel {padding: 80px 0;}
.color_grid_sec h5 {font-size: 32px; font-weight: 700; color: #fff;}
.color_grid_sec p {color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 0;}

.course_dynamic_content table {width: 100% !important;}

.course_details {border: 1px solid #ddd; position: sticky; top: 80px;}
.course_buttons {display: flex; align-items: center; grid-gap: 10px; padding: 15px; border-bottom: 1px solid #ddd;}
.course_guides {padding: 15px; border-bottom: 1px solid #ddd;}
.course_contacts {padding: 15px; border-bottom: 1px solid #ddd;}
.course_share {padding: 15px; text-align: center;}

.course_info_head {padding: 12px 15px; font-size: 15px; font-weight: 700; color: #333; background-color: #ddd; border-radius: 3px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; text-transform: capitalize;}
.course_info_head span {color: #111; font-size: 20px; font-weight: 400;}
.course_info_details {padding: 15px; border: 1px solid #ddd; border-top: none; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.12), 0 1px 16px rgb(0 0 0 / 15%); display: none;}
.course_info_head.active {background-color: var(--color1); color: #fff;}
.course_info_head.active span {color: #fff;}

/* .course_info_details li {display: flex; align-items: center; list-style: none; padding: 10px 15px; border-top: 1px solid #ddd; background-color: transparent; font-size: 16px; transition: all 0.5s;}
.course_info_details li:first-child {border-top: none;}
.course_info_details li:hover {background-color: #eee;} */

.course_info_details li {padding: 4px 0;}

.course_all_info table {width: 100%;}
.course_all_info table th, .course_all_info table td {border: 1px solid #eee;}

/*/Blog/*/
.blog {display: block; height: 100%;}
.blog_img {display: block; height: 200px; width: 100%;}
.blog_img img {height: 100%; width: 100%; object-fit: cover;}
.blog_info {padding: 15px; height: calc(100% - 200px); border: 1px solid #ddd; background-color: #fff; display: grid;}
.blog:hover {box-shadow: 0 1px 7px rgba(0, 0, 0, 0.12), 0 1px 16px rgb(0 0 0 / 15%);}
.more_blogs {position: sticky; top: 80px;}

/*/Downloads/*/
.download_ul {display: grid; grid-column-gap: 30px; grid-row-gap: 10px;}
.download_ul li a {font-size: 16px; font-weight: 500; display: block; padding: 7px 10px; border: 1px solid #ddd; border-radius: 4px; color: var(--color1); transition: all 0.5s;}
.download_ul li a i {color: var(--color3);}
.download_ul li a:hover {background-color: #eee;}

.bg1 {background-color: #0A2E73 !important;}
.bg2 {background-color: #1F4DA2 !important;}
.bg3 {background-color: #357CD3 !important;}
.bg4 {background-color: #57B2F5 !important;}
.bg_gray {background-color: #eee;}
.bg_light {background-color: #26a69919;}

.bg_half {position: relative; z-index: 9;}
.bg_half:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: var(--color1); z-index: -1;}

.get_in_touch_img {width: 100%; height: 400px; overflow: hidden;}
.get_in_touch_img img {width: 100%; height: 100%; object-fit: cover;}
.get_in_touch_img + h5 {font-weight: 700; margin-top: 15px; font-size: 22px; line-height: 32px; color: var(--color1);}
.get_in_touch_img + h5 span {color: var(--color3);}
.get_in_touch {width: calc(100% - 30px); padding: 40px; height: 100%; background-color: var(--color1); border-radius: 10px; margin: auto; display: grid; align-items: center;}
.get_in_touch h6 {font-size: 30px; font-weight: 600; color: #fff;}


/*/Gallery/*/
.gallery_slide {display: flex; flex-wrap: wrap;}
.gallery_box {border: 3px solid #fff; position: relative; width: calc(100% / 9); cursor: pointer; transition: all 0.5s;}
.gallery_box.active {width: calc((100% / 9) * 3);}
.gallery_img {width: 100%; height: 300px;}
.gallery_img img {width: 100%; height: 100%; object-fit: cover;}
.gallery_info {position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: linear-gradient(0deg,#000 0,rgba(255,255,255,0) 60%); z-index: 9; display: grid; justify-content: center; align-content: end; text-align: center; padding: 20px; padding-bottom: 30px; opacity: 0; transition: all 0.5s;}
.gallery_box.active .gallery_info {opacity: 1;}
.gallery_info a {color: #fff; height: 30px; width: 30px; border-radius: 50%; border: 1px solid #fff; display: grid; align-items: center; justify-content: center; margin: 0 auto 20px;}
.gallery_info h5 {font-weight: 600; color: #fff; font-size: 18px;}

.partner_slider a {display: inline-block; height: 120px; overflow: hidden; border: 1px solid #eee; padding: 10px;}
.partner_slider a img {height: 100%; width: 100%; object-fit: contain;}

/*/Other Pages/*/
.our_facilities {display: flex; flex-wrap: wrap;}
.our_facilities .of_icon {width: 50px; height: 50px; padding-top: 4px;}
.our_facilities .of_icon img {width: 50px; height: 50px; object-fit: contain;}
.our_facilities .of_info {width: calc(100% - 50px); padding-left: 20px;}
.our_facilities .of_info h6 {font-size: 24px; font-weight: 700; text-transform: capitalize; margin-bottom: 8px;}
.our_facilities .of_info p {font-size: 14px; margin-bottom: 0;}

.ap_box {display: block; border-radius: 15px; border: 1px solid #ddd; box-shadow: none; text-align: center; overflow: hidden;}
.ap_box img {height: 250px; width: 100%; object-fit: cover;}
.ap_box iframe {height: 400px; width: 100%; object-fit: cover;}
.ap_box h6 {margin-bottom: 0; padding: 15px; color: #333; background-color: #fff;}
.ap_box:hover {box-shadow: 0 1px 7px rgba(0, 0, 0, 0.12), 0 1px 16px rgb(0 0 0 / 15%) !important;}

.step_box {display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0; position: relative; z-index: 9;}
.step_box:after {content: ""; position: absolute; height: 100%; width: 1px; background-color: #0000002e; left: 40px; top: 25px; z-index: -1;}
.step_box:last-child:after {height: 0;}
.step_circle {height: 80px; width: 80px; padding: 5px; border-radius: 50%; background-color: var(--color3); display: grid; align-items: center; justify-content: center;}
.step_circle img {height: 40px; width: 40px; object-fit: contain; filter: invert();}
.step_info {width: calc(100% - 80px); padding-left: 30px;}
.step_info h6 {margin-bottom: 5px; font-weight: 600; color: var(--color1);}
.step_info p {margin-bottom: 0; font-size: 15px; color: #666;}

.career_box {padding: 20px; height: 100%; border: 1px solid #ddd; border-radius: 10px;}
.column_2 {column-count: 2;}

/*/Announcement/*/
.announcement_box {background-color: #26a69919; padding: 25px; display: flex; flex-wrap: wrap;}
.announcement_date {width: 250px; height: 100%; padding: 30px; text-align: center; background-color: #fff;}
.announcement_date i {font-size: 26px;}
.announcement_info {width: calc(100% - 250px); padding-left: 30px;}
.announcement_info h2 {font-size: 24px; font-weight: 700;}

.form_box {padding: 0; border: 1px solid #eee; box-shadow: 0 1px 7px rgb(0 0 0 / 9%), 0 1px 16px rgb(0 0 0 / 7%);}

/*/Footer/*/
footer {background-color: var(--color1); padding: 100px 0 30px; position: relative; z-index: 9;}
footer:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../images/curved-lines.png'); opacity: 0.3; background-repeat: no-repeat; background-size: contain; background-position: right; z-index: -1;}
footer h4 {color: var(--color3); font-weight: 500; font-size: 18px; line-height: 28px; position: relative; padding-bottom: 20px;}
footer h4:after {content: ""; position: absolute; bottom: 3px; left: 0; height: 1.5px; width: 20%; background-color: #fff; -webkit-animation: linear infinite; -webkit-animation-name: width; -webkit-animation-duration: 3s; opacity: 0.5;}
footer p {color: #fff; font-size: 14px; margin-bottom: 0;}
footer ul {list-style: none; margin: 0; padding: 0;}
/* .foot_ul {column-count: 2;} */
footer ul li {display: block;}
footer ul li a {display: flex; color: #fff; font-size: 14px; margin-bottom: 10px; display: inline-flex;}
footer ul li a i {padding-top: 1px; padding-right: 5px;}
footer ul li a:hover {color: #fff;}

footer .social li {display: inline-block; margin: 0; margin-right: 8px;}
footer .social li i {font-size: 20px; color: #fff;}
.ft_link {color: #fff; font-style: italic;}

.footer_bottom {background-color: #021a4a; padding: 15px 0;}
.footer_bottom p {margin: 0; color: #fff; font-size: 13px;}
.footer_bottom a {color: #fff;}

.two_flags {width: 160px; object-fit: contain;}
.x_logo {height: 20px; width: 20px; object-fit: contain; position: relative; top: -3px;}
.mdi-x {background-image: url('../images/x.png'); background-repeat: no-repeat; background-size: contain; height: 17px; width: 17px; border-radius: 50%; display: block; padding: 0;}
.mdi-tiktok {background-image: url('../images/tiktok.png'); background-repeat: no-repeat; background-size: contain; height: 17px; width: 17px; border-radius: 50%; display: block; padding: 0; filter: invert();}



/*/FONT-SIZE/*/
.fs_10 {font-size: 10px !important;}
.fs_11 {font-size: 11px !important;}
.fs_12 {font-size: 12px !important;}
.fs_13 {font-size: 13px !important;}
.fs_14 {font-size: 14px !important;}
.fs_15 {font-size: 15px !important;}
.fs_16 {font-size: 16px !important;}
.fs_17 {font-size: 17px !important;}
.fs_18 {font-size: 18px !important;}
.fs_19 {font-size: 19px !important;}
.fs_20 {font-size: 20px !important;}
.fs_22 {font-size: 22px !important;}
.fs_24 {font-size: 24px !important;}
.fs_26 {font-size: 26px !important;}
.fs_28 {font-size: 28px !important;}
.fs_30 {font-size: 30px !important;}
.fs_32 {font-size: 32px !important;}
.fs_34 {font-size: 34px !important;}
.fs_36 {font-size: 36px !important;}
.fs_38 {font-size: 38px !important;}
.fs_40 {font-size: 40px !important;}
.fs_50 {font-size: 50px !important;}
.fs_60 {font-size: 60px !important;}
.fs_70 {font-size: 70px !important;}
.fs_80 {font-size: 80px !important;}
.fs_90 {font-size: 90px !important;}
.fs_100 {font-size: 100px !important;}

.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}

.clip_1 {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_2 {-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_3 {-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_4 {-webkit-line-clamp: 4; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_5 {-webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_6 {-webkit-line-clamp: 6; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_7 {-webkit-line-clamp: 7; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}
.clip_8 {-webkit-line-clamp: 8; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box;}

/*/Modal/*/
.new_modal {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #0000005c; z-index: 9999; visibility: hidden;}
.new_modal .modal_content {max-height: 100vh; overflow: hidden; overflow-x: hidden; background-color: #fff; border-radius: 3px; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.modal_open {visibility: visible;}
.modal_open .modal_content {-webkit-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0); opacity: 1;}

.new_modal .mw_auto {width: auto;}
.new_modal .mw_320 {min-width: 320px; max-width: 320px;}
.new_modal .mw_400 {min-width: 320px; max-width: 400px;}
.new_modal .mw_500 {min-width: 320px; max-width: 500px;}
.new_modal .mw_600 {min-width: 320px; max-width: 600px;}
.new_modal .mw_700 {min-width: 320px; max-width: 700px;}
.new_modal .mw_1000 {min-width: 320px; max-width: 1000px;}
.new_modal .w_320 {min-width: 320px; width: 320px;}
.new_modal .w_400 {min-width: 320px; width: 400px;}
.new_modal .w_500 {min-width: 320px; width: 500px;}
.new_modal .w_600 {min-width: 320px; width: 600px;}
.new_modal .w_700 {min-width: 320px; width: 700px;}
.new_modal .w_800 {min-width: 320px; width: 800px;}
.new_modal .w_900 {min-width: 320px; width: 900px;}
.new_modal .w_1000 {min-width: 320px; width: 1000px;}
.new_modal .w_fit {min-width: 320px; width: 100%;}
.new_modal .mh_auto {min-height: 100px; height: auto;}
.new_modal .mh_fit {height: 100vh;}

.new_modal .modal_head {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 59px; background-color: #fff; border-bottom: 1px solid #ddd;}
.new_modal .modal_head h6, .new_modal .modal_head i {padding: 15px; color: #39363a; font-weight: bold;}
.new_modal .modal_head i {cursor: pointer;}
.new_modal .modal_body {max-height: calc(100vh - 120px); min-height: 100px; padding: 20px 15px 25px; overflow-y: auto;}
.new_modal .mh_fit .modal_body {height: 100vh !important;}
.new_modal .modal_footer {padding: 5px 15px; height: 60px; background-color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; grid-gap: 5px;}

.new_modal .input_flex {border: 1px solid #aaa;}
.new_modal .input_flex span {padding: 0 4px 0 10px;}
.new_modal .input_flex input {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px; background-color: #f9f9f9c7;}
.new_modal .input_flex textarea {color: #111; width: 100%; border: none; padding: 21px 12px 4px; font-size: 15px; background-color: #f9f9f9c7;}
.new_modal .input_flex select {color: #111; width: 100%; border: none; padding: 21px 8px 6px; font-size: 15px; background-color: #f9f9f9c7;}
.new_modal .modal_footer button {padding: 13px 25px;}

@media only screen and (max-width:768px) {
	.new_modal {background-color: #fff; align-items: inherit;}
	.new_modal .modal_content {height: calc(100vh - 60px);}
}
/*/Modla Ends/*/

/*/scrolar/*/
._scrollDx {overflow-y: auto;}
._scrollDx::-webkit-scrollbar{width: 6px; background-color: transparent;}
._scrollDx::-webkit-scrollbar,
._scrollDx::-webkit-scrollbar-thumb {overflow:visible;}
._scrollDx::-webkit-scrollbar-thumb {border-radius: 5px; background-color: transparent;}
/* MAGIC HAPPENS HERE */
._scrollDx:hover { -webkit-transition: all 0.5s;}
._scrollDx:hover::-webkit-scrollbar-thumb {background-color: #bbb; -webkit-transition: all 0.5s;}
._scrollDx:hover::-webkit-scrollbar {background-color: #ddd; -webkit-transition: all 0.5s;}


/*/Language Translator/*/
.skiptranslate {display: none !important;}
.language-dropdown {position: relative; display: inline-block;}
.dropbtn {background: transparent; border: none; padding: 5px 0; cursor: pointer; font-size: 11px; display: flex; align-items: center; gap: 5px; border-radius: 5px;}
.dropbtn span {font-size: 14px !important; color: var(--color3) !important}
.dropbtn i {font-size: 14px !important;}
.country_list {display: none; position: absolute; background: #fff; list-style: none; padding: 0; margin: 5px 0 0 0; border: 1px solid #ddd; width: 200px; max-height: 300px; overflow-y: auto; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 1000;}
.country_list li {padding: 10px; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: background 0.3s;}
.country_list li:hover {background: #f1f1f1;}
.dropbtn img, .country_list img {width: 20px; height: 16px; object-fit: cover; margin-right: 5px;}



/*//////////Responsive//////////*/
@media only screen and (max-width: 991px){ 
  nav ul {flex-wrap: wrap;}
  nav ul li a {font-size: 13px; padding: 5px 20px;}
  .heading {font-size: 45px;}
  .get_in_touch {width: 100%; margin-top: 15px; text-align: center; grid-gap: 15px;}
}

@media only screen and (max-width: 767px){
  header {padding: 5px 0;}
  .header_ul {grid-column-gap: 10px;}
  .header_ul li a {font-size: 13.5px; padding: 4px 0;}
  .header_right li a {font-weight: 600;}

  .navigation {position: sticky; top: 0; z-index: 999; background-color: #fff;}
  nav {position: fixed; height: 100vh; width: 100%; left: -100%; top: 0; overflow-y: auto; padding: 0; background-color: #fff; z-index: 9999; transition: all 0.5s;}
  nav.open {left: 0;}
  .nav_title {display: flex; align-items: center; justify-content: space-between; background-color: #efefef;}
  .nav_title .logo {width: 180px;}
  .nav_title i {padding: 15px; position: relative;}
  nav ul {display: block;}
  nav ul li a {display: block; padding: 10px 20px; font-size: 15px; color: var(--color1); text-align: left; border-bottom: 1px solid #eee;}
  nav ul li a i.mdi-chevron-down {float: right; position: relative; right: -5px;}
  nav .container .col-12 {padding: 0;}

  nav ul li .sub_menu {position: relative; visibility: visible; opacity: 1; display: none; width: 100%; margin-top: 0; box-shadow: none; border-bottom: 1px solid #eee;}
  nav ul li:hover .sub_menu {display: block;}
  nav ul li .sub_menu li a {white-space: inherit;}
  .two_flags {margin-bottom: 15px;}
 

  .action_btns {display: none;}
  .mobile_action_btns {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding: 15px; border-bottom: 1px solid #eee;}
  .mobile_action_btns a {padding: 10px 15px !important; font-size: 13.5px !important;}
  .open_nav {display: block; text-align: right; float: right;}
  .open_nav i {font-size: 28px; background-color: var(--color2); color: #fff; height: 40px; width: 40px; display: grid; align-items: center; justify-content: center; border-radius: 4px;}
  .logo {width: 150px;}

  /* .banner_home {height: auto;} */
  .banner_text h2 {font-size: 20px;}
  .banner_text h3 {font-size: 30px;}
  .banner_text p {font-size: 14px;}
  .banner_text a {font-size: 12px;}
  .banner_other .sub_heading {font-size: 24px;}

  .bg_half {padding-bottom: 0 !important;}
  .bg_half:after {display: none;}
  .bg_half_resp {background-color: var(--color1); padding: 10px;}
  .course_head {height: 120px; text-align: center;}
  .course_head h4 {font-size: 18px;}
  .course_img {height: 200px;}
  
  .color_grid_box {grid-template-columns: repeat(1,1fr);}
  .column_2 {column-count: 1;}

  .announcement_box {padding: 10px;}
  .announcement_date {width: 100%; padding: 20px;}
  .announcement_date i {font-size: 26px;}
  .announcement_info {width: 100%; padding-left: 0; padding-top: 20px;}
}

@media only screen and (max-width: 576px){
  .logo {width: 130px;}
  .navigation {padding: 10px 0;}
  .header_right li:first-child {display: none !important;}
  .banner_home {height: 380px;}
  .banner_text {padding: 20px;}
  .banner_text h2 {font-size: 16px; margin-bottom: 10px;}
  .banner_text h3 {font-size: 18px; margin-bottom: 10px;}
  .banner_text p {font-size: 13px; margin-bottom: 10px;}
  .banner_text a {font-size: 12px;}
  .banner_other {height: 150px;}
  .banner_other .sub_heading {font-size: 20px;}
  .breadcrumb li a {font-size: 13px;}
  .content_sec {padding: 50px 0;}
  .sub_heading, .get_in_touch h6 {font-size: 20px;}
  .heading {font-size: 32px;}
  .para {font-size: 16px;}
  .slick-prev, .slick-next {display: none !important;}
  .ap_box iframe {height: 300px;}

  .course_head {padding: 20px; height: auto; text-align: center;}
  .color_grid_box {display: none;}
  .cg1 {background-color: #303f9f !important;}
  .cg2 {background-color: #1F4DA2 !important;}
  .cg3 {background-color: #357CD3 !important;}
  .cg4 {background-color: #26D69A !important;}
  .color_grid_sec .bg_rel {padding: 40px 0;}
  .color_grid_sec h5 {font-size: 24px; font-weight: 600;}
  .color_grid_sec p {font-size: 15px; font-weight: 400;}

  .gallery_slide {display: -webkit-box; overflow-y: auto; flex-wrap: inherit;}
  .gallery_img {height: 250px;}
  .gallery_box {width: calc(100% / 6);}
  .gallery_box.active {width: calc((100% / 6) * 3);}
  .gallery_info h5 {font-size: 15px;}

  .course_top_i span {font-size: 24px !important;}
  .course_top_i h6 {font-size: 14px !important;}
  .course_top_i p {font-size: 12px !important;}

  footer {padding-top: 50px;}
}

@media only screen and (max-width: 480px){
  .header_ul li a {padding: 3px 0;}
  .ap_box img {height: 180px;}
  .step_info {padding-left: 15px;}
  .dropbtn img, .country_list img {width: 16px; height: 13px;}
  .dropbtn span {font-size: 13px !important;}
}