@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap'); /*------------ Portfolio start -------------*/ /*------------ Portfolio end -------------*/ a { text-decoration: none; } a:hover { text-decoration: none; } .owl-theme .owl-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .heading_courses_inspiration { font-family: 'Poppins'; font-size: 25px !important; color: #471ec4; font-weight: 700 !important; letter-spacing: 1px !important; margin: 0; margin-bottom: 10px; } .share_inspiration { font-size: 20px; margin: 0; display: flex; justify-content: flex-end; align-items: center; } .inspiration_hr { opacity: 0; max-width: 500px; margin: 40px; } .course_option { display: flex; color: #371493; text-decoration: none; justify-content: space-between; align-items: center; margin-bottom: -5px; } .label { position: relative; display: inline-block; border-bottom: 1px dotted black; } .label .labeltext { /* opacity: 0; width: 100px;*/ background-color: #371493; color: #fff; text-align: center; border-radius: 6px; padding: 5px; font-size: 15px; } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; z-index: -11111; } .tooltip .tooltiptext { opacity: 0; width: 100px; background-color: #371493; color: #fff; text-align: center; border-radius: 6px; padding: 5px; font-size: 15px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; transition: all 0.5s; } .label { position: relative; display: inline-block; border-bottom: 1px dotted black; } .label .labeltext { /* opacity: 0; width: 100px;*/ background-color: #371493; color: #fff; text-align: center; border-radius: 6px; padding: 5px; font-size: 15px; /* Position the tooltip */ /* position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; transition: all 0.5s;*/ } .tooltip:hover .tooltiptext { opacity: 1; transition: all 0.5s; } img { width: 100%; height: auto; } .d-flex-column { display: flex; flex-direction: column; } .st-blog-item-img3 { cursor: pointer; border-radius: 0px !important; background-position: center; } /* .st-blog-item-img3:before{content: ''; height: 100%; width: 100%; z-index: 1000000; position: absolute; background: rgba(255, 255, 255, 0);}*/ .st-blog-item:hover .st-blog-item-img3:before { background: rgba(255, 255, 255, 0.2); } .course_all { border: 1px solid #adadad; padding: 10px; border-radius: 10px; margin-left: 15px; display: flex; justify-content: center; align-items: center; right: 10px; z-index: 1111111; } .main_color { color: #371493; } .placement_name { color: #371493; font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 18px; } .designation_placement { color: #7f7f7f; font-family: Poppins; font-size: 14px; font-weight: 600; } .designation_sallery { color: #7f7f7f; font-family: Poppins; font-size: 16px; font-weight: 400; } .st-advantage-title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; } .st-feature-title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; } .footer_logo { width: 175px; } .st-menu-nav li { list-style: none; } .st-advantage-description p { font-size: 16px; line-height: 28px; font-family: 'Poppins', sans-serif; font-weight: 400; } .banner_text { font-size: 17px !important; line-height: 25px; text-align: left; font-family: 'Poppins'; } .banner_heading { text-align: left; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .margin-100 { margin: 100px; } .w-100 { width: 100%; } .st-post-container p { font-family: 'Poppins', sans-serif; font-size: 16px; } .heading_courses_body { font-family: 'Poppins'; font-size: 40px !important; color: #471ec4; font-weight: 700 !important; letter-spacing: 1px !important; margin: 35px 0 15px; } .st-application-description p { font-family: 'Poppins', sans-serif; font-weight: 600; } .st-post-textpaper p { font-family: 'Poppins', sans-serif; } .course_detail { display: flex; justify-content: space-between; font-family: 'Poppins', sans-serif; margin-top: 10px; } .share { font-size: 20px; margin: 40px 0; display: flex; justify-content: flex-end; align-items: center; } .share .fa { font-size: 40px; margin-left: 10px; } .share a { text-decoration: none; display: flex; align-items: center; } @media (max-width: 700px) { .course_detail { flex-direction: column; } .margin-100 { margin: 25px; } .courses_name { margin: 0; padding: 0px 20px !important; } .d-none700 { display: none; } .share { font-size: 15px; margin: 30px 0; display: flex; justify-content: flex-end; align-items: center; } .share .fa { font-size: 25px; margin-left: 10px; } } .course_phase_heading { font-size: 20px !important; color: #471ec4 !important; margin: 35px 0 20px; font-weight: 600 !important; } .course_phase_heading_course { font-size: 30px !important; color: #471ec4 !important; margin: 33px 0 -25px; font-weight: 600; } .course_phase p { color: #484848; } .course_phase p b { color: #000; font-weight: 600; } .course_heading_name { color: #302451; font-size: 25px !important; font-weight: 600 !important; } .courses_name { margin: 0; padding: 10px 20px; } .courses_name li { font-size: 16px; line-height: 35px; color: #777777; } .st-feature-description p { font-size: 16px; line-height: 28px; font-family: 'Poppins', sans-serif; font-weight: 400; } .st-track-description p { font-size: 16px; line-height: 28px; font-family: 'Poppins', sans-serif; font-weight: 400; } .st-btn_main { color: #000; } .top_all { position: absolute; top: 30px; right: 100px; z-index: 10000; } .top_all2 { position: absolute; z-index: 1000000; right: -38px; transform: rotate(90deg); top: 40%; display: none; } .features_h2 { font-size: 50px !important; line-height: 61px !important; font-family: 'Poppins', sans-serif; font-weight: 600 !important; } .features_h2 span { font-size: 50px !important; line-height: 61px !important; font-family: 'Poppins', sans-serif; font-weight: 600 !important; color: #03d8e8; } .address_main { text-align: left; color: #263238; padding: 0 50px; } .padding-75 { padding: 75px; } @media(max-width: 700px) { .address_main { text-align: left; color: #263238; padding: 0 50px; } .padding-75 { padding: 0 75px; text-align: center; } .creative_form { text-align: left; padding: 0 50px !important; } .address_india { flex-direction: column; } } .institute_add_heading { font-family: 'Poppins', sans-serif; font-weight: 600 !important; color: #471fac; font-size: 18px; margin: 20px 0; } .country_name { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 22px; } .institute_add { font-family: 'Poppins', sans-serif; font-weight: 400 !important; font-size: 16px; margin-bottom: 25px; } .institute_add span { color: #000; font-weight: 600; } .address_india { display: flex; justify-content: space-between; } .instagram { width: 300px; } .instagram_text { font-family: 'Poppins', sans-serif; font-weight: 400 !important; font-size: 16px; margin-bottom: 10px; } .instagram_text span { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 20px; color: #471fac; } .creative_form { text-align: left; padding: 0 100px; } .form_heading { font-family: 'Poppins', sans-serif; font-weight: 600 !important; font-size: 25px; color: #471fac; } .contact_form { margin-top: 50px; } .contact_form label { font-family: 'Poppins', sans-serif; font-weight: 400 !important; font-size: 12px; color: #757575; margin-bottom: 30px; display: inline-block; } .contact_form input { border: none; border-bottom: 1px solid #b7b5b5; padding-bottom: 10px; width: 100%; margin-bottom: 35px; } .contact_btn { background: #ffd320; border: 0; padding: 16px 28px; font-size: 18px; border-radius: 10px; transition: all 0.5s; } .contact_btn:hover { background: #ffce00; transform: translateY(-5px); transition: all 0.5s; box-shadow: 2px 5px 10px rgba(255, 255, 255, 0.2); } .courses_btn { background: #ffd320; border: 0; padding: 10px 15px; font-size: 15px; border-radius: 10px; margin-top: 25px; } .courses_banner_p { font-family: 'Poppins', sans-serif; font-weight: 400 !important; line-height: 30px; } .st-article-header-title { font-family: 'Poppins', sans-serif; font-weight: 600 !important; } .course_name { font-family: 'Poppins'; font-weight: 600; font-size: 22px; color: #2b2b2b; } .course_duration { margin: 5px 0; color: #7f7f7f; } .course_btn { background: #471fac; color: #fff; border: navajowhite; padding: 10px 15px; border-radius: 10px; margin-top: 15px; transform: translateY(0px); transition: all .5s; } .course_btn:hover { background: #2d0b86; transform: translateY(-5px); transition: all .5s; } .label-color { background: #471fac; color: #fff; border: navajowhite; padding: 10px 10px; border-radius: 10px; margin-top: 15px; transform: translateY(0px); transition: all .5s; } @media(max-width:1200px) { .top_all { right: 30px; } } @media(max-width:950px) { .top_all { display: none; } .top_all2 { display: block; } } @media(max-width:600px) { .st-footer-content { text-align: center; margin: 0; } } .banner_btn { color: #320072; background: #fff; box-shadow: none; border: none; margin-top: 25px; font-size: 16px; padding: 12px; border-radius: 7px; font-weight: bold; transform: translateY(5px); transition: all 0.3s; } .banner_btn:hover { background: #FFCE00; transform: translateY(0px); transition: all 0.3s; } .popup_btn { color: #0f063c; background: rgb(255 206 0); box-shadow: none; border: none; margin-top: 25px; font-size: 16px; padding: 12px 38px; border-radius: 7px; font-weight: bold; transform: translateY(5px); transition: all 0.3s ease; } .popup_btn:hover { transform: translateY(0px); transition: all 0.3s ease; } aside { color: #fff; width: 0; height: 100vh; padding-top: 10px; background: #0a064c; position: absolute; top: 0; right: 0; transition: width 0.5s ease; font-weight: 600; z-index: 999; box-shadow: 10px 0px 72px #2d64c2; } .view2 { top: -36px; right: -23px; opacity: 0.7; } .ri-menu-line, ri-close-line { font-size: 30px; } aside a { font-size: 20px; color: #dadada; display: block; padding: 12px 12px 12px 30px; margin: 20px auto; text-decoration: none; opacity: 0; transition: all 1.5s; border-bottom: solid 1px rgba(255, 255, 255, 0.05); } aside>div { margin-top: 5em; } aside a:hover { text-decoration: none; color: #fff; } aside a i { margin-right: 5px; } i.fa-sign-out-alt { margin-left: 5px; } aside hr { opacity: 0; } label#close, label#view { position: absolute; margin: 0 35px 0 10px; color: #efefef; padding: 10px 0; font-size: 30px; width: 25px; text-align: center; z-index: 1000; opacity: 1; transition: opacity 0.5s ease-out; cursor: pointer; right: 0; top: 15px; } label#close { opacity: 0; } input#sideMenuTrigger:checked~aside { width: 400px; } input#sideMenuTrigger:checked~label#close, input#sideMenuTrigger:checked~aside a, input#sideMenuTrigger:checked~aside hr { opacity: 1; transition: opacity 1s ease-in-out; } input#sideMenuTrigger:checked~label#close { transition-duration: 0.5s; } input#sideMenuTrigger:not(:checked)~aside a { position: absolute; top: -100px; right: -100px; z-index: -999; } input#sideMenuTrigger:checked~label#view { opacity: 0; } @media (max-width: 1025px) { aside { display: none; } .aside1 { display: none; } } .tags-wrap span.label { background: #471fac; color: #fff; border-radius: 4px; padding: 2px 5px; } .tags-wrap span { margin-right: 5px; margin-top: 5px; } .tags-wrap .badge.badge-primary { background: #ffd320; border-radius: 4px; padding: 2px 5px; color: black; margin-right: 10px; } .mt-2 { margin-top: 15px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #471ec4; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0px; } ;