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

body { margin: 0; background: #fff; font-family: 'Quicksand', sans-serif; line-height: 1.6;}
a { text-decoration: none; transition: ease-in-out all 0.2s;}
a:focus, a:hover, a:active { outline: none; text-decoration: none;}
p { margin: 0 0 10px 0; color: #666666; font-size: 16px; font-weight: 450;} 
ul { margin: 0; padding: 0;} 
.heading-title h1 {font-size: 36px; font-weight: 700; color: #ffffff; margin: 0 0 30px 0; text-shadow: 0 0 14px rgba(0,0,0,.5), 0 0 9px rgba(0,0,0,.5);}
.heading-title h2 {font-size: 30px; color: #111111; margin: 0 0 30px 0; font-weight: 700;}
.heading-title h3 {font-size: 30px; color: #111111; margin: 0 0 30px 0; font-weight: 700;}.heading-title h3 span{    color: #0f5c57;}
.btn-custom { background-color:#f4e43d; color:#ffffff; display: inline-block; padding: 12px 30px; margin: 0; font-size: 16px;  text-align: center;  border-radius: 30px; transition: ease-in-out all 0.2s; font-weight: 450;}
.btn-custom:hover { background-color: #f4e43d; color: #ffffff;}
.btn-univ-detail{ padding: 8px 15px; font-size: 14px; color: #fec001;}

/***************************Top head css Start*************************/
.top-header {background-color: #f4e43d; padding: 5px 0;} 
.top-header p { margin: 0; color: #f15b43;}
.top-header p a { font-size: 16px; color: #0f5c57; padding: 0 15px 0 0; font-weight: 450;}
.top-header p a i {color: #0f5c57;}
.top-header p a:hover { color: #0f5c57;}
.top-header .smoLogo img { max-width: 100%; height: 100px; padding:10px 0;}
.top-header .btn-secondary { padding: 0; background-color: transparent; border: none; font-size: 16px; color: #f4f4f4; font-weight:500}
.top-header .btn-secondary:focus { box-shadow: none}
.top-header .dropdown-menu { background-color: #100c08; border-radius: 3px; border: none; padding: 0; min-width: 12rem; border-top: 2px solid #fec001; border-radius: 0; margin-top: 15px !important;}
.top-header .dropdown-menu[data-bs-popper] { margin: 0}
.top-header .dropdown-item { color: rgba(255,255,255,.55); border: none; font-size: 15px; padding: 6px 15px; }

.top-header .dropdown-menu::after { top: calc(-0.25rem - 3px); left: 20%; transform: rotate(-45deg); content: ""; position: absolute; width: 0.7rem; height: 0.7rem; border-top: 2px solid #fec001; border-right: 2px solid #fec001; background-color: #100c08; z-index: -1;} 
.top-header .form-control{ background-color: transparent; border: none; border-bottom: 1px solid #352e28; padding: 0 5px; color: #ffffff}
.top-header .btn-success { background-color: transparent; border: none; border-bottom: 1px solid #352e28; border-radius: 0; color: #fec001;}
.top-header .form-control:focus { box-shadow: none;}

.header-social-media { display: inline-block;}
.top-header .header-social-media { display: block; margin: 0; padding: 0;}
.top-header .header-social-media li { display: inline; list-style: none;}
.top-header .header-social-media li a { font-size: 16px; color: #0f5c57; margin-left: 15px; transition: ease-in-out all 0.2s;  display: inline-block;}
.top-header .header-social-media li a:hover { color: #00b4d8;}

/*===================Navigation Menu (Dropdown css Start)================*/
.bg-dark{ background-color:#0f5c57 !important;}
.navbar-dark .navbar-brand img {width:65%;}
.navbar { padding:0px 0; z-index: 9; position: relative;}
.navbar-expand-lg .navbar-nav .nav-link { padding: 12px 30px; color:#fff; font-size: 16px; font-weight: 450; color: #fff;}
.navbar-dark .navbar-nav .nav-link:hover { color: #00b4d8;} 
.navbar .btn-custom { padding: 10px 30px;} 
.dropdown-menu { min-width: 15rem; padding: 10px 0; list-style: none; background-color:#04a5ab; border: none; border-radius: .25rem; }
.dropdown-item { color: #ffffff; font-weight: 450;}
.dropdown-item:focus, .dropdown-item:hover { background-color: transparent; color: #000000; padding-left: 20px;}
/* .navbar-brand h5 { font-size: 24px; font-weight: 600; text-align: center; margin: 0; color: #00001c;} */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #d5725d;}

/*======================== 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: #00001c; -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;}

.sticky { position: fixed; top: 0; width: 100%; z-index: 999; background-color: #ffffff; box-shadow: 0 0 20px rgb(0 0 0 / 8%); transition: ease-in ease-out all 0.5s;}
.sticky .navbar-brand img { width:100px;}

/*==================== Slider Section css Start =================*/
/* .sliderSection { } */
.sliderSection .btn-warning { width: 100%; background-color: #4d5fe3; border: none; border-radius: 3px; height: 45px; color: #ffffff; box-shadow: none !important; transition: ease-in-out all 0.2s; outline: none !important;}
.carousel-inner .carousel-item img { height: 540px; object-fit: cover; object-position: center; width: 100%;}
.bg-1 { background-color: #101517;}
.bg-1 img { border-radius: 50% 0 0 50%;}
.slider-detail { padding-left: 18%; position: relative; z-index: 1;}
.slider-detail .heading-title h1 { color: #eaeaea; text-shadow: none; font-size: 48px; margin: 0 0 15px 0; font-weight: 600;}
.slider-detail .btn-custom { margin: 30px 0 0 0; border-radius: 30px; border: 2px solid #f15b43; background-color: transparent; color: #f15b43; padding: 15px 40px;}
.slider-detail .btn-custom:hover { background-color: #f15b43; color: #ffffff; border-color: #f15b43;}
.slider-detail .heading-title p { color: #ffffff; font-size: 18px; font-weight: 400;} 
.carousel-control-next, .carousel-control-prev { width: 5%;} 

.carousel-caption { right: 0; top: 0; left: 0; bottom: 0; padding: 12% 8%; color: #fff; text-align: left; width: 100%; background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.4) 42%, rgba(255,255,255,0) 100%);}
.carousel-caption h1 { font-size: 36px; text-shadow: 0 0 3px #000000, 0 0 5px #000000; font-weight: 700; margin: 0 0 15px 0; display: inline-block;}
.carousel-caption p { color: #ffffff; font-size: 18px; margin: 0;}
.carousel-caption .btn-custom { margin: 30px 0 0 0; padding: 12px 30px; font-size: 16px; display: inline-block;} 

.get-a-quote-form { padding: 5% 0; background-color: #c9f0f8d4;}
.get-a-quote-form .heading-title h3 { margin: 0 0 10px 0;}
.get-a-quote-form .heading-title h3 span { color: #00B4D8; }
.get-a-quote-form .form-control, .get-a-quote-form .form-select { display: block; width: 100%; padding: 12px 30px; font-size: 15px; color: #212529; background-color: #fff; border: none; border-radius: 30px; margin-top: 30px; }
.get-a-quote-form .btn-custom { padding: 12px 30px; margin-top: 30px;}

/*================== About Edurizon ====================*/
.about-wraper { padding: 7% 0 0 0; margin: 0; width: 100%; background-color: #ffffff; }
.about-wraper p { margin: 0;} 
.about-wraper .heading-title h3 span { color:#0f5c57;} 
.about-wraper .about-wraper-img {width: 100%; max-width: 450px; display: block; margin: 15px auto; position: relative; z-index: 9;}
.about-wraper .about-wraper-img img { border-radius: 5px; position: relative; z-index: 9; height: 350px; object-fit: cover; object-position: center; width: 100%;}
.about-wraper .about-wraper-img:before { content: ""; border: 2px solid #f4e43d; position: absolute; width: 100%; left: 30px; right: -30px; top: -30px; bottom: 30px; border-radius: 5px;}
.about-wraper .btn-custom { margin: 20px 0 0 0; padding: 10px 30px; font-size: 15px;}

.service-wrape { background-color: #ffffff; padding: 6% 0; overflow-x: hidden;}
.service-wrape .heading-title h3 { margin: 0 0 15px 0;}

.service-wrape .heading-title h5 { margin: 0 0 60px 0; font-size: 18px; color: #00b4d8;} 
.service-detail { border-radius: 10px; overflow: hidden; position: relative; transition: all 0.4s ease-in-out; border: 1px solid #d7e0f1; margin: 0 0 24px 0; background-color: #ffffff; padding: 0; box-shadow: 2px 0px 10px 0px rgba(228, 235, 242, 0.4); border-radius: 5px;}
.service-detail:before { content: ''; height: 100%; width: 100%; border: 0 solid #ff5627; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.3s ease-in-out; }
/* .service-detail:hover:before { } */
.service-detail img { width: 100%; height: auto; transition: all 0.4s ease-in-out; height: 250px; object-fit: cover; object-position: center;}
.service-detail:hover img{ transform: scale(1.1) }
.service-detail .service-content { color: #fff; width: 100%; padding: 0 15px; position: absolute; bottom: -50px; left: 0; z-index: 2; transition: all 0.4s ease-in-out; }
.service-detail:hover .service-content{ bottom: 0; background-color: #000000; padding: 15px; border-radius: 0px 0px 5px 5px;}
.service-detail h4 { font-size: 24px; font-weight: 600; text-shadow: 0 0 5px rgba(0,0,0,0.9); margin: 0; transition: all 0.3s ease 0s;}
.service-detail:hover h4 { text-shadow: none; }
.service-detail p { display: block; opacity: 0; transition: all 0.3s ease 0s; color: #ffffff; }
.service-detail a { display: block; opacity: 0; transition: all 0.3s ease 0s; color: #f15b43; font-size: 16px; font-weight: 450; margin: 0;}
.service-detail:hover a { opacity: 1;  color: #f15b43;}
.service-detail:hover p { opacity: 1; } 

.our-product { padding: 5% 0;     background: #04a5ab05;}
.our-product .heading-title h3 { margin: 0 0 10px 0;}
.our-product .heading-title h3 span {   color: #0f5c57;}
.our-product .heading-title h5 { margin: 0 0 45px 0; font-size: 17px; color: #202020; font-weight: 450;} 
.our-product .product-detail-1 { display: block; width: 100%;     margin-bottom: 15px; position: relative; overflow: hidden; border-radius: 5px; cursor: pointer; }
.our-product .product-detail-1 .product-detail-1-content {padding: 15px;  position: absolute; bottom: 0; width: 100%; background: rgb(0,0,0); background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); }
.our-product .product-detail-1 .product-detail-1-content h4 {text-align: center; color: #ffffff; font-size: 20px; font-weight: 700; text-shadow: 0 0 3px #000000, 0 0 5px #000000;}
.our-product .product-detail-1 .product-detail-1-content p { color: #ffffff; margin: 0;}
.our-product .product-detail-1 .product-detail-1-content .btn-custom { padding: 10px 25px; font-size: 14px; margin: 15px 0 0 0; background-color: #00B4D8;}
.our-product .product-detail-1:hover .btn-custom { background-color: #03045E; color: #ffffff;}
.our-product .product-detail-1 img {  width: 100%; border-radius: 5px;}
.our-product .product-detail-1:hover img {}

.our-facts { background-color: #CAF0F8; padding: 6% 0; overflow-x: hidden;}
.our-facts .heading-title h3 { margin: 0 0 30px 0}
.fact-detail { display: block; width: 100%; padding: 0; margin: 30px 0 0 0;}
.fact-detail h4 { font-size: 24px; margin: 0;}
.fact-detail h4 span { display: block; width: 100%; margin: 0 0 15px 0; font-size: 36px; color: #f15b43;}

.related-product { padding: 5% 0;}
.related-product .related-product-detail { background-color: #d2f2f978; padding: 30px; text-align: center;}
.related-product .related-product-detail img { height: 220px; object-fit: cover; object-position: center; width: 100%; border-radius: 5px;}
.related-product .related-product-detail .heading-title h4 { font-size: 24px; font-weight: 700; margin: 20px 0 0 0;}

.help-wrape { padding: 6% 0 0 0; overflow-x: hidden;}
.help-wrape .help-detail { text-align: center; padding: 15px;}
.help-wrape .help-detail img { border-radius: 100%; height: 250px; width: 250px; margin: 0 auto; object-fit: cover; object-position: center;} 
.help-wrape .help-detail h4 { margin: 20px 0 15px 0; font-size: 21px; font-weight: 600;}

.section-5 { background-color: hsl(0, 0%, 90%); padding: 5% 0; overflow-x: hidden;}
.section-5 .feature-box { display: inline-block; width: 100%; padding: 15px; background-color: #ffffff; border-radius: 5px;}
.section-5 .feature-box .feature-box-content { text-align: center;}
.section-5 .feature-box img {   margin: 0 auto; border-radius: 5px; object-fit: cover; object-position: center; width: 100%; height: 180px; }
.section-5 .feature-box .feature-box-content h4 { font-size: 21px; margin: 20px 0 15px 0; color: #030303;}
.section-5 .feature-box .feature-box-content p { margin: 0;}
.section-5 .feature-box .feature-box-content a { margin: 10px 0 0 0; color: #f15b43; font-weight: 400; font-size: 16px; display: inline-block; transition: ease-in-out all 0.2s;}
.section-5 .feature-box .feature-box-content a:hover { color: #000000; letter-spacing: 0.2px;}

/*===================== Testionials ===================*/
.bgtest{}.owl-nav{width:100%;top:0;z-index:999;height:100%;margin-top:0!important}.owl-nav button:focus{outline:0;box-shadow:0 2px 8px 0 rgba(51,60,63,0.22)}.owl-nav button{position:absolute;background-color:#fff!important;box-shadow:0 2px 8px 0 rgba(51,60,63,0.22);top:32%;width:30px!important;border-radius:50px!important;height:30px!important;line-height:0!important}.owl-nav button span{font-size: 24px;color: #222222;line-height: 0px;}.owl-nav button:hover span{color:#34422d}.owl-nav button:nth-child(2){right:-40px}.owl-nav button:nth-child(1){left:-40px}

/*======================================
 ABOUT PAGE CSS START
======================================*/

/************************************* Inner Banner css Start ***********************************/
.inner-banner { background-position: center center; padding: 2% 0;
    background: #f7f7f7;}
.inner-banner .heading h1 { font-size: 30px; margin: 0 0 5px 0; color: #0f5c57; font-weight: 600; border-left: 5px solid #f4e43d; padding: 0 0 0 15px;}
.inner-banner .breadcrumb { margin: 0;}
.inner-banner .breadcrumb .breadcrumb-list { margin: 5px 0 0 0; padding: 0}
.inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group { display: inline; font-size: 15px;}
.inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group .breadcrumb-point { color: #0f5c57; transition: ease-in-out all 0.2s;}
.inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group .breadcrumb-point:hover { color: #0f5c57;}
.inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group span { color: #d5725d;}

.all-countries { padding: 5% 0 2% 0;}
.all-countries .all-countries-detail a { display: inline-block; width: 100%; border: 1px solid #d7e0f1; border-radius: 5px; margin: 12px 0; background-color: #ffffff; position: relative;}
.all-countries .all-countries-detail a img { width: 100%; height: 200px; object-fit: cover; object-position: center; width: 100%;}
.all-countries .all-countries-detail a h4 { color: #030303; font-size: 18px; padding: 15px; transition: ease-in-out all 0.2s; font-weight: 450;}
.all-countries .all-countries-detail a:hover h4 { color: #fec001;}


/************************************* Why choose us css Start ***********************************/
.why-choose-wrape {background-image: url("../images/about/why-choose-bg.jpg"); background-repeat: no-repeat; background-size: cover;}
.why-wrape-bg-dark { background-color: #030303; height: 100%; padding: 10% 0; padding-right: 30px;}
.why-wrape-bg-dark ul { margin: 15px 0 0 0; padding-left: 0; display: inline-block;}
.why-wrape-bg-dark ul li { color: #ffffff; font-size: 16px; line-height: 30px; list-style: none;}
.why-wrape-bg-dark ul li i { color: #f96922;}
.why-wrape-bg-dark .heading h2 { color: #ffffff; font-size: 27px; position: relative;}

/************************************* Why choose us css Start ***********************************/
.country-inner-banner { background-color: #e5eff9; padding: 1% 0;}
.country-inner-banner img { width: 90px; height: auto; border-radius: 5px;}
.country-inner-banner .heading h1 { color: #151515; margin: 0; font-size: 27px;}
.country-inner-banner .breadcrumb { margin: 0;}
.country-inner-banner .breadcrumb .breadcrumb-list { margin: 5px 0 0 0; padding: 0}
.country-inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group { display: inline; font-size: 14px;}
.country-inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group .breadcrumb-point { color: #777777; transition: ease-in-out all 0.2s;}
.country-inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group .breadcrumb-point:hover { color: #42bfbe;}
.country-inner-banner .breadcrumb .breadcrumb-list .breadcrumb-group span { color: #fec001;}

.inner-page-bg { background-color:#f4e43d45; padding: 3% 0; border-radius: 5px; margin: 30px 0 0 0;}
.immigrate-bg { margin: 0; box-shadow: none; padding: 0; border-radius: 5px;}
.immigrate-bg p { text-align: justify;}
.immigrate-bg .nav-item .nav-link { color: #000000;padding: 10px 15px; font-size: 15px;}
.immigrate-bg .univ-logo-size { height: auto; width: 30px;} 
.immigrate-bg .nav-item .active { color: #1167c3; border-bottom: 2px solid #1167c3; font-weight: 600;} 
.immigrate-bg .points { padding-left: 15px; display: inline-block; margin-top: 0;}
.immigrate-bg .points li { list-style: decimal; font-size: 16px; color: #606060; text-align: justify;}
.immigrate-bg .heading h3 { font-size: 30px; font-weight: 700; position: relative; margin: 30px 0 15px 0;}
.immigrate-bg .heading h4 { font-size: 21px; position: relative; margin: 20px 0 10px 0; color: #050d3c;}
.immigrate-bg .heading h5 { font-size: 18px; position: relative; margin: 10px 0; color: #00b73f;}
.immigrate-bg .points-two { padding-left: 15px; display: block; margin-top: 0;}
.immigrate-bg .points-two li { list-style: disclosure-closed; font-size: 16px; color: #606060; text-align: justify;}
.immigrate-bg .points-two li::marker { color: #fec001;}
.immigrate-bg .mbbs-in-china-page-slider .carousel-inner .carousel-item img { width: 100%; height: 500px; object-fit: cover; object-position: center; border-radius: 5px 5px 0 0}

.our-contact-detail { margin-top: 0; border-radius: 0 0 5px 5px; padding: 20px; background-color: #ffffff; position: relative; box-shadow: -3px 10px 30px -1px rgba(232,232,232,0.75); -webkit-box-shadow: -3px 10px 30px -1px rgba(232,232,232,0.75); -moz-box-shadow: -3px 10px 30px -1px rgba(232,232,232,0.75);}
.our-contact-detail .bg-golden { background-color: #fec001; color: #030303; font-size: 16px; font-weight: 450; text-decoration: none; border: none; outline: none; border-radius: 3px; padding: 10px 15px;}
.our-contact-detail .bg-green { background-color: #25d366; color: #ffffff; font-size: 16px; font-weight: 450; text-decoration: none; border: none; outline: none; border-radius: 3px; padding: 10px 15px;}
.our-contact-detail .bg-black { background-color: #030303; color: #ffffff; font-size: 16px; font-weight: 450; text-decoration: none; border: none; outline: none; border-radius: 3px; padding: 10px 15px;}



.related-countries-detail a { display: inline-block; width: 100%; padding: 20px; background-color: #ffffff; border: 1px solid #d7e0f1; border-radius: 3px;box-shadow: 2px 0px 10px 0px rgba(228, 235, 242, 0.4); position: relative; transition: ease-in-out all 0.2s; margin: 0 7.5px 0 7.5px;}
.related-countries-detail a .related-countries-detail-img { float: left; width: 25%; margin-right: 15px;}
.related-countries-detail a h4 { font-size: 17px; font-weight: 450; color: #fec001; margin: 5px 0 0 0; transition: ease-in-out all 0.2s;}
.related-countries-detail a:hover h4 { color: #030303;}
.related-countries-detail a p { color: #000000; margin: 0;}
.related-countries-detail a img { transition: ease-in-out all 0.2s; height: 50px; width: 50px;}

.contact-form-home-page .heading h4 {color: #ffffff; margin: 0 0 30px 0; font-size: 21px;}
.contact-form-home-page .form-floating > .form-control { height: calc(3.0rem + 2px); background-color: #030303; color: #ffffff; padding: 15px;}
.contact-form-home-page .form-floating > label { color: #ffffff; top: -5px;}
.contact-form-home-page .form-select { height: calc(3.0rem + 2px); background-color: transparent; color: #acacac; padding: 15px 10px;}
.contact-form-home-page .btn-custom {background-color: #fec001; color: #030303;}
.contact-form-home-page .btn-custom:hover {background-color: #ffffff; color: #030303;} 

.contact-form .form-floating > .form-control { height: calc(3.0rem + 2px); background-color: #ffffff; color: #444444; padding: 15px 30px; border: none; border-radius: 30px;}
.contact-form .form-floating > .form-select {display: block; width: 100%; padding: 12px 30px; font-size: 15px; color: #212529; background-color: #fff; border: none; border-radius: 30px; }
.contact-form .form-floating > label { color: #030303; top: -5px; padding: 15px 30px;}
.contact-form .form-select { height: calc(3.0rem + 2px); background-color: transparent; color: #444444; padding: 10px;} 

iframe { border: 3px solid #fec001; border-radius: 5px;}
.table > thead { vertical-align: middle;}
.table-dark { background-color: #fec001; color: #030303; border-color: #f4f0e2; --bs-table-bg: #fec001;}
.table tr td b { font-weight: 450;}
.table tr td b a { color: #030303; transition: ease-in-out all 0.2s;}
.table tr td b a:hover { color: #fec001;}

.contact-detail { padding: 5% 0;}
.contact-detail .heading h3 { margin: 0 0 30px 0; font-weight: 700; font-size: 30px;}
.contact-map {margin: 0 0 -51px 0;}
.contact-detail-border {    border: 2px #d5725d solid; display: block; width: 100%; background-color: #fdefca; padding: 30px; border-radius: 5px; transition: ease-in-out all 0.2s; margin: 15px 0; cursor: pointer; text-align: center;}
.contact-detail-border:hover { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); border-color: #ffffff; background-color: #ffffff;}
.contact-detail-border i { color: #d5725d; font-size: 24px; height: 80px; width: 80px; border-radius: 30px; line-height: 80px; border: 1px solid #d5725d; border-radius: 50%;}
.contact-detail-border:hover i { background-color: #03045E; border-color: #03045E; color: #ffffff;}
.contact-detail-border h4 { font-size: 18px; font-weight: 700; color: #111111; margin: 30px 0px 15px 0;}
.contact-detail-border p a { color: #666666;}
.contact-detail-border p a:hover { color: #03045E;}


/*********************** Inner Page (University Page) CSS Start ***********************/
.inner-page-slider {height: 500px; background-image: url("../images/mbbs-in-bangladesh/popular-medical-college/pmc-slider.jpg"); background-size: cover; background-repeat: no-repeat; border-top: 2px solid #fec001; background-position: top center;}
.inner-page-slider-detail { background-color: #ffffff; margin: -70px 0 0 0; border-radius: 5px; box-shadow: 0px 4px 8px rgb(0 0 0 / 2%), 0px 16px 32px rgb(0 0 0 / 4%); padding: 15px 30px;}
.inner-page-slider-detail .logo-img { width: 150px; box-shadow: rgb(0 0 0 / 16%) 0 0 2px 0px, rgb(0 0 0 / 32%) 0 2px 4px 0; padding: 15px; margin-top: -70px; background-color: #fff; border-radius: 5px;}
.inner-page-slider-detail .heading-title h2 { color: #030303; font-size: 30px; margin: 0; box-shadow: none;}
.inner-page-slider-detail .whtsp-btn { background-color: #25d366; color: #ffffff;}
.inner-page-slider-detail .ytb-btn { background-color: #ff0000; color: #ffffff;}
.inner-page-slider-detail .btn-custom { padding: 10px 15px; font-size: 15px; font-weight: 400;}
.inner-page-slider-detail .tuition-fee { display: inline-block; width: 100%; margin: 30px 0 0 0; padding: 0;}
.inner-page-slider-detail .tuition-fee li { list-style: none; float: left; width: auto; margin-right: 100px;}
.inner-page-slider-detail .tuition-fee li img.icon { width: 50px; float: left;}
.inner-page-slider-detail .tuition-fee li .text { padding-left: 70px;}
.inner-page-slider-detail .tuition-fee li .text p { margin: 0;}
.inner-page-slider-detail .tuition-fee li .text p b { color: #030303;}

.breadcrumb-section { padding: 2% 0;}
.breadcrumb-section .breadcrumb { margin: 0;}
.breadcrumb-section .breadcrumb .breadcrumb-item a { color: #030303; font-weight: 450; transition: ease-in-out all 0.2s;}
.breadcrumb-section .breadcrumb .breadcrumb-item a:hover { color: #fec001;}
.breadcrumb-section .breadcrumb .active { color: #fec001; font-weight: 450;}

.inner-page-sidebar { background-color: #ecf1fb; display: block; width: 100%; border-radius: 5px;}
.inner-page-sidebar p { padding: 0; margin: 0; padding: 0 15px 2px 15px;}
.inner-page-sidebar p a { color: #030303; outline: none; transition: ease-in-out all 0.2s; display: inline-block; width: 100%;}
.inner-page-sidebar p a:hover { color: #fec001;}
.inner-page-sidebar p a .fa-caret-right { color: #fec001;}
.inner-page-sidebar-heading-1 { background-color: #fec001; padding: 15px; border-radius: 5px 5px 0px 0px; margin: 0 0 15px 0;}
.inner-page-sidebar-heading-1 h4 { color: #030303; font-size: 21px; margin: 0; text-align: center;}
.inner-page-sidebar-heading-2 { background-color: #030303; padding: 10px 15px; margin: 10px; border-radius: 5px;}
.inner-page-sidebar-heading-2 h5 { color: #fec001; font-size: 18px; font-weight: 450; text-align: center;} 

.innrcontent h3{font-size:22px; padding-top:15px;}
  .innrcontent ul{  padding-left: 2rem;}
.innrcontent ul li{ padding-top:15px;}

/*===================== Photos Section css Start===================*/
.photos-section {padding: 6% 0; background-color: #CAF0F8}
.photos-section .heading-title h3 { margin: 0 0 30px 0;}
.photos-section .heading-title span { margin: 0 auto 30px auto;}
.photos-section-detail { margin: 0; border-radius: 0; overflow: hidden; position: relative;}
.photos-section-detail .photos-section-detail-img { transition: 0.4s ease-in-out; position: relative; text-align: center;}
.photos-section-detail .photos-section-detail-img .overlay { position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; cursor: pointer; transition: all .4s ease-in-out;}
.photos-section-detail .photos-section-detail-img img { display: block; position: relative; transition: all .4s ease-in-out; border-radius: 5px; height: 250px; object-fit: cover; object-position: top; width: 100%;}
.photos-section-detail .photos-section-detail-img p{ display: inline-block; color: #00b4d8; border: 1px solid #00b4d8; background-color: transparent; opacity: 0; transition: all .2s ease-in-out; margin-top: 40%; padding: 7px 12px; border-radius: 50%;}
.photos-section-detail-img:hover img { transform: scale(1.1);}
.photos-section-detail-img:hover .overlay{ opacity: 1;}
.photos-section-detail-img:hover h2, .photos-section-detail-img:hover p {opacity: 1; transform: translateY(0);}
.gallery-box { overflow: hidden; position: relative; transition: all 0.4s ease-in; background-color: #000000; border-radius: 5px; width: 23%; float: left; margin: 1%; box-shadow: 0 0 20px -5px rgb(0 0 0 / 40%); }
.btn-gallery { background-color: transparent; border: 1px solid #03045e; border-radius: 5px; color: #03045e; font-size: 16px; font-weight: 450; border-radius: 30px; padding: 8px 30px; transition: ease-in-out all 0.2s;}
.btn-gallery:hover { background-color: #03045e; color: #ffffff; border-color: #03045e;}
.photos-section .btn-custom { background-color: #04a14a; border: 1px solid #04a14a; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 450; margin: 0; padding: 5px 10px; text-transform: none; }



.contact-section h4 { font-size:24px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    letter-spacing: .5px;
    color: #fff;}
.contact-section {
    background-color: #f3e43c;
    padding: 5% 0;
}
.contact-section p {
    font-size:20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    letter-spacing: .5px;
    color: #0f5c57;
}
.footer .bottom-footer {
    padding: 15px 0;
}

footer {background-color:#0f5c57; width: 100%; padding: 5% 0 1% 0; position: relative;}
footer img { width:80%; margin: 0 0 15px 0; position: relative; z-index: 9;}
footer h5 { font-weight: 700; font-size: 21px; color: #ffffff; margin: 0 0 30px 0; position: relative; z-index: 9;}
footer p a { color: #00B4D8;}
footer ul { margin: 0 auto; padding-left: 0; display: block; position: relative; z-index: 9;}
footer ul li { list-style: none; padding: 0; color: #f9f9f9;}
footer ul li:last-child { border-bottom: none;}
footer ul li a { color: #f9f9f9; list-style: none; font-size: 15px; transition: ease-in-out all 0.2s; display: block; padding: 0 0 5px 0;}
footer ul li a i { color:#f4e43d;}
footer ul li a:hover { color:#f4e43d;}
footer ul li a:focus { text-decoration: none;}
footer p { position: relative; z-index: 9; color: #f9f9f9; margin: 0 !important;}
footer .border-top { margin-top: 30px; margin-bottom: 0; border-top: 1px solid #f4e43d42!important; padding: 15px 0 0 0;}
footer .designedBy { color: #66625d; transition: ease-in-out all 0.2s;}
footer .designedBy:hover { color: #fec001;}

.footer-social-icon { display: block;}
.footer-social-icon li { display: inline-block; background-color: transparent; transition: ease-in-out all 0.2s; border: none;}
.footer-social-icon li:last-child { border-bottom: none;}
.footer-social-icon li::before { content: none;}
.footer-social-icon li a { font-size: 18px; color: #f15b43; display: block; text-align: center; padding: 0 !important; margin-right: 15px;}
.footer-social-icon li a:hover {color: #ffffff;}

#youtube { display: inline-block; background-color: #ff0000; color: #ffffff; padding: 10px 15px; text-align: center; border-radius: 0px 0px 5px 5px; position: fixed; top: 40%; right: 45px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transform-origin: bottom right;}
#youtube.show {opacity: 1; visibility: visible;}

.whatsapp-icon { position: fixed; left: 94.5%; bottom: 18px; z-index: 2;}
.whatsapp-icon a { display: inline-block; width: 54px; height: 54px; color: #fff; text-align: center; border-radius: 50%; font-size: 26px; line-height: 2.1; margin: 6px 0; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
.whatsapp-icon a:first-child { background:  #0BC242;}
.whatsapp-icon a:nth-of-type(2) { background:#04a5ab; font-size: 18px; width: 52px; height: 52px; line-height: 3;} 

@media (min-width:1400px) {
 .container { max-width:1250px; }
}

@media only screen and (min-width:320px) and (max-width:767.99px) {
  p { font-size: 15px;}
  .top-header { padding: 5px 0; border-bottom: none;}
  .top-header p a { padding: 0; margin-right: 10px;} 
  .navbar-dark .navbar-brand { padding: 0;}
  .header-social-media { display: inline-block;}
  .top-header .header-social-media { display: block; margin: 0; padding: 0;}
  .top-header .header-social-media li { display: inline; list-style: none;}
  .top-header .header-social-media li a { font-size: 15px; margin-left: 10px; } 
  
  .ser-scroll {box-sizing: border-box; background: transparent; box-shadow: none; overflow-x: scroll; overflow-y: hidden; -ms-flex-align: stretch; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0 auto;}
  .navbar { padding: 12px 0 ;}
  .navbar-dark .navbar-brand img { width: 120px;}
  .navbar-expand-lg .navbar-nav .nav-link { padding: 5px 0; font-size: 15px;}
  .top-header .dropdown-item { color: rgba(255,255,255,.55); border: none; font-size: 14px; padding: 6px 15px; }
  
  .carousel-caption { width: 100%;  padding: 5%;}
  .carousel-caption h1 { font-size: 21px; margin: 0 0 10px 0;}
  .carousel-caption p { display: inline-block; margin: 0; font-size: 14px;}
  .carousel-caption .btn-custom { margin: 15px 0 0 0; padding: 8px 30px; font-size: 14px; display: inline-block; }
  .carousel-inner .carousel-item img { height: 180px; object-position: right;}
  
  .get-a-quote-form { padding: 10% 0;}
  .get-a-quote-form .form-control, .get-a-quote-form .form-select { margin: 15px 0 0 0;}
  .get-a-quote-form .btn-custom { padding: 10px 30px; margin-top: 15px; }
  .get-a-quote-form p { font-size: 14px;}
  
  .immigrate-bg .mbbs-in-china-page-slider .carousel-inner .carousel-item img { height: 200px;} 
  
  .heading-title h3 { font-size: 21px; margin: 0 0 20px 0;}  
  
  .service-wrape { padding: 10% 0 0 0;}
  .service-wrape .heading-title h4 { margin: 0 0 20px 0; font-size: 21px; } 
  .service-wrape .service-detail .heading-title h4 { font-size: 16px;} 
  
  .about-wraper { padding: 10% 0;}
  .about-wraper .about-wraper-img img { padding: 15px; border-radius: 25px;}
  .about-wraper .about-wraper-img::before { left: 0px; right: 0px; top: 0px; bottom: 30px; border-radius: 5px; }
  .about-wraper .heading-title h3 { font-size: 21px; margin: 0 0 15px 0;}
  .about-wraper .heading-title p { margin: 0;}
  .about-wraper .btn-custom { margin: 15px 0; padding: 10px 30px; font-size: 15px; }
  
  .our-product { padding: 0 0 10% 0; }
  .our-product .heading-title h5 { margin: 0 0 25px 0; font-size: 16px;}
  .our-product .product-detail-1 img { height: 250px;}
  .our-product .product-detail-1 .product-detail-1-content { padding: 15px;}
  .our-product .product-detail-1 .product-detail-1-content h4 { font-size: 18px;}
  .our-product .product-detail-1 .product-detail-1-content .btn-custom { padding: 8px 20px;}
  .our-product .product-detail-2 { margin-top: 12px;}
  .our-product .product-detail-2 img { height: 250px;}
  .our-product .product-detail-2 .product-detail-2-content { padding: 15px; text-align: left;}
  .our-product .product-detail-2 .product-detail-2-content h4 { font-size: 18px;}
  .our-product .product-detail-2 .product-detail-2-content .btn-custom { padding: 8px 20px;}
  .our-product .product-detail-3 { margin: 12px 0 0 0;}
  .our-product .product-detail-3 img { height: 250px; }
  .our-product .product-detail-3 .product-detail-3-content { padding: 15px;}
  .our-product .product-detail-3 .product-detail-3-content h4 { font-size: 18px;}
  .our-product .product-detail-3 .product-detail-3-content .btn-custom { padding: 8px 20px;}
  
  .photos-section { padding: 10% 0;}
  .photos-section .heading-title h3 { margin: 0 0 10px 0;}
  .btn-gallery { font-size: 14px; font-weight: 400; padding: 6px 20px; margin: 10px 0 0 0;}
  .gallery-box { width: 46%; margin: 10px 2%;}
  .photos-section-detail .photos-section-detail-img img { height: 160px;}
  .photos-section-detail .photos-section-detail-img p { margin-top: 32%;}
  .fancybox-image, .fancybox-spaceball { padding: 30px 15px;}
  .gallery-box .zoom-btn { margin-top: 40%; padding: 4px 9px; left: 39%; }
  
  .testimonails { padding: 10% 0 5% 0;}
  .testimonails .client-slide { margin: 20px 15px; padding: 15px;}
  .testimonails .heading-title h3 { margin: 0;}
  #testimonials .owl-controls .owl-prev { left: -5px;}
  #testimonials .owl-controls .owl-next { right: -5px;}
  .testimonials .owl-controls .owl-prev::after, #testimonials .owl-controls .owl-next::after { font-size: 21px;}
  .testimonails .client-slide img { height: 35px;} 
  
  .related-product .related-product-detail { padding: 20px; margin: 0 0 20px 0; }
  .related-product .related-product-detail .heading-title h4 { font-size: 18px;}
  
  .inner-banner .heading h1 { font-size: 24px; margin: 0 0 5px 0; font-weight: 600; border-left: 3px solid #00b4d8; padding: 0 0 0 15px; }
  .contact-detail .heading h3 { font-size: 21px; margin: 0 0 15px 0;}
  .contact-detail-border i { font-size: 21px; height: 60px; width: 60px; line-height: 60px; }
  
  /****************** MBBS Abroad Page css Start ******************/
  .country-inner-banner { background-color: #e5eff9; padding: 2% 0;}
  .country-inner-banner .heading h1 { font-size: 24px;}
  
  .inner-page-bg { padding: 15px 0;}
  .immigrate-bg { margin: 0; padding: 15px 10px 15px 10px;}
  .immigrate-bg .heading h3 { font-size: 21px; margin: 20px 0 15px 0;}

  /****************** Countries Page css Start ******************/  
  .country-inner-banner { padding: 5% 0; }
  .country-inner-banner .breadcrumb { display: none;}
  .country-inner-banner img { width: 50px; }
  .our-contact-detail { margin-top: 0px; padding: 10px;}
  .our-contact-detail .bg-golden { font-size: 16px; padding: 5px 10px; width: 100%; display: block;}
  .our-contact-detail .bg-green { font-size: 16px; padding: 5px 10px; width: 100%; display: block;}
  .our-contact-detail .bg-black { font-size: 16px; padding: 5px 10px; width: 100%; display: block;}
  
  .related-countries-detail a .related-countries-detail-img { float: none; width: 100%; margin-right: 0;}
  .related-countries-detail a { text-align: center; padding: 15px 10px; margin: 0;}
  .related-countries-detail a h4 { font-size: 16px; margin: 15px 0 0 0; }
  .related-countries-detail a p { margin: 5px 0 0 0; text-align: center;}
  .related-countries-detail a img { width: 60px; height: 60px;}
  
  .inner-page-slider { height: 250px;}
  .inner-page-slider-detail { padding: 15px;}
  .inner-page-slider-detail .logo-img { width: 100px; margin: -50px 0 0 0;}
  .inner-page-slider-detail .heading-title h2 { margin: 20px 0; font-size: 24px;}
  .breadcrumb-section { display: none;}
  .inner-page-sidebar-heading-1 { padding: 10px;}
  .inner-page-sidebar-heading-1 h4 { font-size: 18px;}
  .inner-page-sidebar-heading-2 h5 { font-size: 16px;}
  .inner-page-sidebar p { padding: 2.5px 10px 2.5px 10px;}
  .inner-page-slider-detail .btn-custom { padding: 8px 30px; font-size: 18px;}
  
  .inner-page-slider-detail .btn-custom { padding: 10px 15px; font-size: 15px; font-weight: 400; width: auto;}
  .inner-page-slider-detail .tuition-fee li { width: 100%; margin: 0 0 15px 0;}
  .inner-page-slider-detail .tuition-fee li img.icon { width: 45px;}
  .inner-page-slider-detail .tuition-fee li .text { padding-left: 60px;}
  .inner-page-slider-detail .tuition-fee { display: inline-block; width: 100%; margin: 0; padding: 0;}
  
  .inner-page-slider-detail .tuition-fee li .text p { text-align: left; font-size: 15px;}
  
  .client-logo img { height: 35px; margin: 0 auto; }
  .client-logo { padding: 15px; margin: 10px 0; border-radius: 7.5px;}
  
  .footer-social-icon { display: block; margin: 15px 0 0 0;}
  footer h5 { font-size: 18px; margin: 15px 0 10px 0;}
  footer ul li a { font-size: 14px;}
  footer .border-top { margin-bottom: 15px; margin-top: 15px; }

      .whatsapp-icon { position: fixed; left: 86%; bottom: 15px; z-index: 2;}
    .whatsapp-icon a { width: 45px; height: 45px; font-size: 22px; line-height: 2.1; margin: 6px 0;}
    .whatsapp-icon a:nth-of-type(2) { font-size: 15px; width: 43px; height: 43px; line-height: 3;} 
  
}

@media only screen and (min-width:768px) and (max-width: 991px) {
  p { font-size: 14px;}
  .heading-title h3 { font-size: 24px; margin: 0 0 20px 0;}
  .top-header { padding: 5px 0; border-bottom: none; background-color: #00b4d8;}
  .top-header p a { font-size: 15px; padding: 0 15px 0 0; font-weight: 400; }
  .top-header p a i { color: #ffffff;}
  .header-social-media { display: inline-block;}
  .top-header .header-social-media li a { background-color: transparent; height: auto; width: auto; border: none;}
  .top-header .header-social-media li a:hover { background-color: transparent; color: #03045E;}
  .navbar-dark .navbar-brand img { width: 150px; }
  .navbar-expand-lg .navbar-nav .nav-link { padding: 5px 0px; font-size: 15px;}
  
  .carousel-inner .carousel-item img { height: 350px;}
  .carousel-caption { width: 85%; top: 0%;}
  .carousel-caption h1 { font-size: 27px; margin: 0 0 15px 0;}
  .carousel-caption p { font-size: 16px; margin: 15px 0 0 0;} 
  .carousel-caption .btn-custom { width: 25%; margin: 20px 0 0 0; padding: 12px 30px; font-size: 15px; display: block; }
  
  .get-a-quote-form .heading-title h3 { font-size: 24px; }
  .get-a-quote-form .form-control, .get-a-quote-form .form-select { margin-top: 20px;}
  .get-a-quote-form .btn-custom { padding: 10px; margin-top: 20px;}
  
  .about-wraper .about-wraper-img::before { left: -20px; right: 0; top: -20px; bottom: 30px; }
  .about-wraper .about-wraper-img img { height: 320px;}
  .about-wraper .heading-title p { margin: 0;}
  .about-wraper .btn-custom { font-size: 14px;}
  .our-product .heading-title h5 { margin: 0 0 30px 0;}
  
  .our-product .heading-title h5 { margin: 0 0 25px 0;}
  .our-product .product-detail-1 img { height: 250px;}
  .our-product .product-detail-1 .product-detail-1-content { padding: 15px;}
  .our-product .product-detail-1 .product-detail-1-content h4 { font-size: 21px;}
  .our-product .product-detail-1 .product-detail-1-content .btn-custom { padding: 8px 20px;}
  .our-product .product-detail-2 { margin-top: 12px;}
  .our-product .product-detail-2 img { height: 250px;}
  .our-product .product-detail-2 .product-detail-2-content { padding: 15px; text-align: left;}
  .our-product .product-detail-2 .product-detail-2-content h4 { font-size: 21px;}
  .our-product .product-detail-2 .product-detail-2-content .btn-custom { padding: 8px 20px;}
  .our-product .product-detail-3 { margin: 12px 0 0 0;}
  .our-product .product-detail-3 img { height: 250px; }
  .our-product .product-detail-3 .product-detail-3-content { padding: 15px;}
  .our-product .product-detail-3 .product-detail-3-content h4 { font-size: 21px;}
  .our-product .product-detail-3 .product-detail-3-content .btn-custom { padding: 8px 20px;}
  
  .gallery-box { width: 31%;}
  .photos-section-detail .photos-section-detail-img img { height: 180px;}
  
  
  
  .inner-page-slider { height: 160px;}
 
  .inner-page-slider { height: 270px;}
  .inner-page-slider-detail { padding: 15px;}
  
  .inner-page-slider-detail .tuition-fee li .text p { font-size: 14px;}
  
  .inner-page-slider-detail .logo-img { width: 135px; margin-top: -80px;}
  .inner-page-slider-detail .heading-title h2 { font-size: 24px; margin: 0;}
  .inner-page-slider-detail .tuition-fee { margin: 30px 0 0 0;}
  .inner-page-slider-detail .btn-custom { padding: 8px 14px; font-size: 14px; font-weight: 450;}
  .immigrate-bg .heading h3 { font-size: 21px;}
  
  .inner-page-slider-detail .tuition-fee li { list-style: none; float: left; width: 45%; margin-right: 5%; margin-bottom: 15px;}
  
}

@media only screen and (min-width:992px) and (max-width: 1199px) { 
   .navbar-expand-lg .navbar-nav .nav-link { padding: 12px 20px;}
   .inner-page-slider { height: 280px;}
   .inner-page-slider-detail .heading-title h2 { font-size: 27px; margin: 0;}
   .inner-page-slider-detail .btn-custom { padding: 10px 25px; font-size: 16px; }
   .inner-page-slider-detail .logo-img { width: 120px;}
   .immigrate-bg { padding: 15px;}
   .immigrate-bg .heading h3 { font-size: 21px;}
   .inner-page-slider-detail .tuition-fee { margin: 30px 0 0 0;}
   .inner-page-slider-detail .tuition-fee li { width: 45%; margin-right: 5%; margin-bottom: 15px; }
   .inner-page-sidebar-heading-1 { padding: 10px;}
   .our-contact-detail .bg-black { font-size: 14px;}
   .our-contact-detail .bg-green { font-size: 14px;}
   .our-contact-detail .bg-golden { font-size: 14px;}
}