.second-section .heading { text-align: left; font-weight: 500; font-size: 20px; } .second-section .headp { padding: 2% 0; line-height: 24px; } .iconsdetails .section-header { font-size: 35px; } .trackplayer { float: left; width: 100%; } .trackplayer .section-header { font-size: 35px; } .trackplayer #controlBar { background-color: #424f62 !important; } .trackplayer #title { font-size: 20px !important; padding: 3px !important; } .trackplayer #playerColor { background-color: #424f62 !important; } .trackplayer #container { box-shadow: 0 0 10px 1px rgba(252, 246, 246, 0.3); } .trackplayer #playlist { box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); } .graphmap { margin-top: 10%; } .graphmap .section-header { font-size: 35px; } .thirdsec .igrey { color: #000; font-size: 27px; } .thirdsec .home_act_btn { float: left; margin-top: 3%; padding: 10px 45px; } .thirdsec .carousel { margin-top: 51px !important; padding: 0 40px; } .second-last .carousel { margin-top: 80px !important; } .practicebox { float: left; width: 100%; margin-top: 8%; } .practicebox .section-header { font-size: 35px; } .practicebox .card { padding-left: auto; padding-right: auto; margin-top: 15px; box-shadow: 0 2px 5px 0 rgba(151, 139, 139, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition: 0.25s box-shadow; transition: 0.25s box-shadow; padding: 0; border-radius: 10px; } .practicebox .card-block { background-color: #ffffff7d !important; border-radius: 10px; } .practicebox .card img { margin: 0 auto; width: 114px !important; height: auto !important; } .practicebox .schname { padding: 2px 10px 2px 10px; border-radius: 10px; margin-bottom: 10px; background-color: #02a4510d; } .practicebox .schoolname { font-size: 15px !important; color: #000 !important; text-align: center; margin-top: 10px !important; margin-bottom: 10px !important; } .practicebox .schlogo { background-color: #fff; border-radius: 10px; } .video-sec .section-header { font-size: 35px; } .video-sec { margin-top: 10%; } .trans-btn { color: #02a451 !important; text-decoration: none !important; background: #fff !important; border: 1px solid #02a451 !important; border-radius: 25px !important; font-size: 15px; font-weight: 400; padding: 10px 20px; border: 1px solid #02a451 !important; } .trans-btn:hover { background: #02a451; background-color: #02a451 !important; color: #fafafa !important; } .video-sec .utube-pic img { float: left; width: 100%; } .video-sec .utube-content { float: left; } .video-sec .utube-content h3 { font-size: 17px; font-weight: 500; float: left; width: 100%; text-align: left; color: #000; } .video-sec .utube-content p { float: left; width: 100%; font-size: 13px; } .video-sec .utube-content a { color: #02a451; font-size: 12px; text-align: left; float: left; width: 100%; } .fas { font-weight: 900; } .fas { font: normal normal normal 14px/1 FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .programbanner img { width: 100%; float: left; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; } section { padding: 0 !important; } .mapP { text-align: center; } .map { margin: 0 auto; margin-top: 5%; } .bg-gray { background-color: #fafafa !important; margin: 4% 0; } .price_card { margin: 3% 0; margin-left: 18%; } .myflipsec { padding: 3% 0 0 0; } .programs_info { padding: 20px 0; } .programs_info .fa { color: #02a451; font-size: 15px; } .programs_info .content { text-align: left; } .programs_info h3 { font-size: 26px; color: #02a451; } .programs_info .appscreen { float: left; padding: 0 50px 0 !important; width: 100%; margin-top: -2%; } .programs_info .schoollogo { text-align: left; margin: 4% 0; } .programs_info .schoollogo img { width: 231px; } .programs_info h4 { font-size: 16px; margin-bottom: 4%; } .programs_info p { font-size: 12px; line-height: 18px; } .programs_info .mobileborder { border: 10px solid #000; border-radius: 15px; } .programtestimonial .box-shad { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 40px; background: #fff; position: relative; z-index: 1; height: 250px; } .programtestimonial .box-shad h3 { font-size: 30px; text-align: left; } .programtestimonial .box-shad p { font-size: 14px; text-align: left; } .programtestimonial .home_act_btn { float: left; margin-top: 2%; } .programtestimonial .carousel p { font-size: 16px; } .programtestimonial .carousel { padding: 14px 5%; } .programtestimonial #quote-carousel .carousel-inner .item { min-height: unset !important; } .programtestimonial #quote-carousel .carousel-inner .item h2 { font-size: 20px; } .cloundsec .fa { color: #fa6520; } .iconsdetails h6 { font-weight: 600; } .btn_selectPlan:hover { background-color: #02a451 !important; color: #fff !important; } .btn_selectPlan-orange { color: #fa6520 !important; border-color: #fa6520 !important; } .btn_selectPlan-orange:hover { background-color: #fa6520 !important; border-color: #fa6520 !important; } p { font-family: Montserrat, sans-serif !important; } h1, h2, h3, h4, h5, h6 { font-family: Montserrat, sans-serif !important; } .ch_plan_info li { font-size: 14px; line-height: 51px; font-family: Montserrat, sans-serif !important; } .heading_table { background-color: #d4d1d1; width: 100%; float: left; } .orange { background-color: #fa6520 !important; border: 1px solid #fa6520 !important; } .orange:hover { background-color: #fa6520 !important; border: 1px solid #fa6520 !important; } .orange2 { color: #fa6520 !important; } .heading_table h3 { font-size: 18px; padding: 1px 17px; float: left; } .ch_plan_group h5 { font-size: 14px; text-align: center; color: #fff; padding: 11px 0; background-color: #02a451; } .ch_plan_group ul { padding: 107px 10px; } .sec_proggg { background-color: #fff; } thead { background-color: #d4d1d1; font-family: Montserrat, sans-serif !important; } td { font-family: Montserrat, sans-serif !important; width: 25%; } .text-left { text-align: left !important; } .wrapper { width: 100%; height: 100%; } .pricing-content { display: flex; height: 100%; overflow-y: auto; overflow-x: hidden; } .pricing-item { display: flex; flex-direction: column; padding: 0; transition: all 0.3s; } .pricing-item-box { display: flex; flex-direction: column; flex: 1; padding: 35px 25px; transition: all 0.6s; border: 2px solid #eee; border-radius: 25px; cursor: pointer; position: relative; } .plan-name { font-size: 22px; font-weight: 600; font-family: Montserrat, sans-serif !important; } .plan-text { margin: 10px 0; font-family: Montserrat, sans-serif !important; font-size: 12px; } .plan-price-content { margin: 10px 0; color: #02a451; font-family: Montserrat, sans-serif !important; } .plan-price { font-size: 26px; font-weight: 600; } .month-text { font-size: 13px; font-weight: 500; opacity: 0.6; } .plan-button a { flex: 1; display: flex; justify-content: center; border: 1px solid #02a451; padding: 10px; border-radius: 3px; text-decoration: none; color: #02a451; transition: all 0.3s; } .plan-button { display: flex; margin-top: 20px; } .plan-button-blue { background: #02a451; color: #fff !important; } .plan-button a:hover { background: #02a451; color: #fff; } .pricing-item:hover .pricing-item-box { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-color: transparent; transform: translateY(-10px); } .plan-feature-item:before { content: ""; width: 14px; height: 14px; background: #eee; margin-right: 7px; margin-bottom: 2px; } .ribbon:after, .ribbon:before { content: ""; display: block; position: absolute; height: 0; bottom: -8px; border: 13px solid #fa6520; } .ribbon { position: absolute; right: 36px; top: 17px; } .ribbon:before { border-bottom-color: transparent; bottom: -26px; } .fill-plan-table table { width: 100%; border-spacing: 0; } .pricing-content-items-tabs { display: flex; flex-direction: column; padding: 0 0; } .pricing-yearly { display: flex; margin-bottom: 50px; } .pricing-monthly { display: none; margin-bottom: 50px; } .pricing-monthly.active-tab-content { display: flex; } .ie-color { color: #02a451; } .ch_main_btn { border: 1px solid transparent !important; } .home_act_btn { background: #02a451; border: none; border-radius: 25px !important; color: #fff; font-size: 15px; font-weight: 400; padding: 10px 20px; display: inline-block; transition: all 0.4s ease-in-out 0s; cursor: pointer; text-transform: uppercase; } .ch_main_btn:hover { color: #02a451 !important; text-decoration: none !important; background: #fff !important; border: 1px solid #02a451 !important; } .headingfont { font-size: 30px; font-weight: 700; } .headingtop { margin-top: 8%; } .headingtop2 { margin-top: 10%; } .headingtop2 #container { width: 80%; } .headingtop2 #playlistContainer { width: 80%; } .headingtop2 #playerColor { opacity: unset !important; } .headingtop2 #playlist li { border-bottom: 1px solid #c7c7c7 !important; background-color: #fff !important; color: #333 !important; } .headingtop2 #playlist li:hover { background-color: #02a451 !important; color: #fff !important; } .headingtop2 #progress { background-color: #fff !important; } .headingtop2 #volume { background-color: #fff !important; } .headingtop2 #title { font-family: Montserrat, sans-serif !important; } .headingtop2 .txtCenter { font-family: Montserrat, sans-serif !important; } .heading { color: #02a451; } .headp { text-align: left; } .PTimage { border-radius: 20px; margin-bottom: 10%; } .greenclr { color: #02a451; } .orangeclr { color: #ef6437 !important; } .PricingTxt { text-align: left; font-size: 12px; } .padd { padding-left: 15px; padding-right: 15px; } .mainbody { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; margin-top: 8%; } .headingPT { text-align: center; font-weight: 700; margin-bottom: 8%; } .pricing { display: flex; flex-wrap: wrap; justify-content: center; } .pricing .plan { background-color: #fff; padding-bottom: 30px; margin: 12px; border-radius: 5px; text-align: center; transition: 0.3s; cursor: pointer; } .pricing .plan h2 { font-size: 22px; margin-bottom: 12px; } .pricing .plan .price { margin-bottom: 1rem; font-size: 15px; text-align: left; margin-top: 20px; color: #02a451; } .priceOrange { margin-bottom: 1rem; font-size: 15px; text-align: left; margin-top: 20px; color: #ef6437; } .smalltext { position: relative !important; top: -12px !important; left: 4px !important; transform: unset !important; background-color: unset !important; color: #02a451 !important; padding: unset !important; font-size: 7px !important; border-radius: unset !important; } .smalltext1 { position: relative !important; top: -12px !important; left: 4px !important; transform: unset !important; background-color: unset !important; color: #ef6437 !important; padding: unset !important; font-size: 7px !important; border-radius: unset !important; } .cloudi { text-align: left; float: left; width: 20px; color: #ef6437; position: relative; } .pricing .plan ul.features { list-style-type: none; text-align: left; } .pricing .plan ul.features li { margin: 8px; } .pricing .plan ul.features li .fas { margin-right: 4px; } .pricing .plan ul.features li .fa-check { color: #02a451; } .pricing .plan ul.features li .fa-times-circle { color: #eb4d4b; } .pricing .plan button { background: #02a451; border: none; border-radius: 25px !important; color: #fff; font-size: 15px; font-weight: 400; padding: 7px 30px; margin-top: 20px; } .pricing .plan button:hover { color: #02a451; text-decoration: none; background: #fff; border: 1px solid #02a451; transition: all 0.4s ease-in-out 0s; } .comparebtn { background: #02a451; border: none; border-radius: 25px !important; color: #fff; font-size: 15px; font-weight: 400; padding: 7px 50px; margin-top: 20px; } .comparebtn:hover { color: #02a451; text-decoration: none; background: #fff; border: 1px solid #02a451; transition: all 0.4s ease-in-out 0s; } .buttonorg { background: #ef6437 !important; border: none !important; border-radius: 25px !important; color: #fff !important; font-size: 15px !important; font-weight: 400 !important; padding: 7px 30px !important; margin-top: 20px !important; } .buttonorg:hover { color: #ef6437 !important; text-decoration: none !important; background: #fff !important; border: 1px solid #ef6437 !important; transition: all 0.4s ease-in-out 0s; } .pricing .plan.popular span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background-color: #02a451; color: #fff; padding: 4px 20px; font-size: 18px; border-radius: 5px; } .pricing .plan:hover { box-shadow: 5px 7px 67px -28px rgba(0, 0, 0, 0.37); margin-top: -10px; border-radius: 20px; padding-bottom: 30px; cursor: context-menu; } .Portimg { float: left; width: 20%; } .Port-text { font-size: 15px; width: 80%; float: left; text-align: left; margin-top: 6%; line-height: 20px; } .Portset { width: 100%; float: left; margin-top: 5%; } .igrey { font-size: 20px; color: grey; text-align: left; float: left; width: 100%; } .iblack { font-size: 15px; color: rgb(53, 53, 53) !important; margin-bottom: 20px; margin-top: 0; text-align: left; font-weight: 500; float: left; width: 100%; } .margint { margin-top: 8%; margin-bottom: 8%; } .fa-quote-right { color: #02a451; font-size: 30px !important; margin-bottom: 1%; float: left; width: 100%; text-align: left; }