@import url("https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100"); @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap"); body { font-family: "Roboto"; } h1, h2, h3, h4, h5 { font-family: "Poppins", sans-serif !important; } .login_feature .modal-content::-webkit-scrollbar, .inner-login-form::-webkit-scrollbar, .cart_scroll::-webkit-scrollbar { width: 8px; background: transparent; } .modal { overflow: scroll !important; } .modal-body { overflow-x: auto; } .news-scroll::-webkit-scrollbar { width: 1px !important; height: 6px; background: transparent; } .inner-login-form::-webkit-scrollbar-thumb, .cart_scroll::-webkit-scrollbar-thumb, .news-scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgba(78, 74, 74, 0.2); } .inner-login-form { height: 50vh; overflow: scroll; } .carousel-indicators.new_carousel li { background-color: #869791 !important; height: 5px; } .new_carousel { margin-left: 8% !important; right: auto !important; } .grecaptcha-badge { visibility: hidden !important; } .navbar { top: 0px; } .course_alert { position: fixed; width: 100%; background-color: rgb(227, 56, 62); z-index: 99; color: white; border-radius: 0px !important; text-align: center; } .course_alert a, .course_alert a:hover { color: white; text-decoration: underline; } .grecaptcha-badge { z-index: 1000; } .footer-line-height { line-height: 1.2; } .navbar-custom { font-size: 17px; color: #ffffff; } button:focus { outline: none; } .img-max { max-width: 100%; } .hr { width: 100%; background-color: white; display: none; margin-top: 9px; z-index: 1; } .navbar-toggler { border-color: #f36f2c !important; } .searchimg-toggle { display: none; } .navbar-custom li { display: inline-block; list-style: none; margin-left: 15px; padding-bottom: 18px; font-family: "Poppins", sans-serif; font-weight: bold; } .intl-tel-input { display: block !important; } #navbarResponsive { padding-top: 1.5%; } .footer_line { border-bottom: 1px solid #686868; width: 90%; padding-bottom: 5px; } ::placeholder { opacity: 0.5 !important; } .form-control1 { padding: 0.375rem 1.75rem 0.375rem 0.75rem !important; } .btn-color { color: #fff; background-color: rgb(0, 146, 255); border-color: #007bff; } .navbar-custom a { color: #ffffff; text-decoration: none; font-weight: 100; border-bottom: none; } .sidebar1 .mobile-navbar a { color: #6d6f71 !important; } .navbar-bootstap { padding: 2.1rem 1rem 1.8rem; } /*.navbar-custom .nav-pre a:hover{ border-bottom: 5px solid #007bff; } .navbar-default .navbar-toggle { border-color: transparent; color: #000000; }*/ .contents-under { padding-top: 75px; min-height: 400px; } .contents-under-no-header { min-height: 400px; } .contents-under-sidenav { padding-top: 80px; min-height: 400px; margin-left: 200px; } .fa.fa-navicon { color: #124d8c; } /* .chec-signin { */ /* position: relative; right: -30px; */ /* } */ .navfont { font-size: 15px; margin-top: 24px; } .custom-heading { color: #124d8c; font-family: Oswald; font-size: 14px; } .header-img-height { width: 160px; } .navigation-list { width: 70% !important; } .mobile-navbar3 { font-family: "Roboto"; font-size: 12px; font-weight: 900; letter-spacing: 1.25px; line-height: 16px; text-align: center; align-items: center; justify-content: center; color: #606060 !important; box-sizing: border-box; height: 38px; width: 100px; border: 2px solid #505050; border-radius: 18px; } .user-name { color: #606060; font-family: "Roboto"; font-size: 12px; letter-spacing: 1.25px; line-height: 16px; text-align: right; } .addressbar-footer { background-color: #707070; width: 100%; } .footer-custom { background-color: #3f3e40; } .footer-custom a { color: #fff; text-decoration: none; font-size: 13px; font-family: "Roboto"; font-weight: 350; } .footer-bo { color: #fff; text-decoration: none; font-size: 13px; font-family: "Roboto"; } .footer-heading { color: #fff; font-size: 15px; } /* .footer-border { */ /*border: 3px solid #d5d5d5;*/ /* } */ #mc_embed_signup div#mce-responses { width: 100% !important; } #mc_embed_signup div.response { font-size: 15px !important; } .footer-custom a:hover { color: #fff; } .footer-custom a:hover { background-color: transparent !important; } .header-check-but { background-color: #2881c3 !important; font-weight: 400 !important; } .header-check-but:hover { background-color: #2881c3 !important; } .header-user-logo { height: 38px; width: 38px; background-color: black; border-radius: 50%; overflow: hidden; border: 1px solid gray; } .shop-cart { border-radius: 20%; } input.header-quantity { text-align: center; border: 1px solid #aaaaaa; margin: 0px; width: 37px; height: 35px; background: #f3f3f3; } .shop-quantity .decrease { margin-right: -4px; border-radius: 8px 0 0 8px; } .shop-quantity .increase { margin-left: -4px; border-radius: 0 8px 8px 0; } .value-button { display: inline-block; margin: 0px; width: 40px; height: auto; text-align: center; vertical-align: middle; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 5px; color: #aaaaaa; } .value-button:hover { cursor: pointer; } .shop-cart span { position: absolute; background: #4b92e6; border-radius: 50%; width: 15px; height: 15px; display: flex; justify-content: center; align-items: center; font-size: 10px; z-index: 1; margin-top: -4px; margin-left: -3px; } .checkout-signin { position: relative; right: -30px; } .tooltip-container:hover .tooltip-content { visibility: visible; opacity: 1; transition: 0.25s all ease; transition-delay: 0s; } .tooltip-container:hover .tooltip-content { visibility: visible; opacity: 1; transition: 0.25s all ease; transition-delay: 0s; } .tooltip-content { visibility: hidden; opacity: 0; position: absolute; background: #fff; /* left: -38px; */ top: 45px; padding: 0 15px; margin: 16px; font-size: 15px; width: 200px; transition: 0.25s all ease; transition-delay: 0.25s; z-index: 2; color: black; border-radius: 20px; right: 180px; box-shadow: 0px 2px 6px #ccc; } .tooltip-content-p { padding: 10px; border-bottom: 1px solid #707070; font-weight: 400; padding-left: 0px; } .logout-tooltip { border-bottom: 0px solid transparent !important; } .tooltip-content .align-right { text-align: right; } .tooltip-content .align-right a { color: red; text-decoration: none; } .tooltip-content .align-right a:hover { text-decoration: underline; } .tooltip-content:after { content: ""; position: absolute; bottom: 100%; left: 17%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; } .tooltip-content-cart-active { visibility: visible !important; opacity: 1 !important; transition: 0.25s all ease !important; transition-delay: 0s !important; } .tooltip-content-cart { visibility: hidden; opacity: 0; position: absolute; background: rgb(0, 0, 0, 0.5); top: 0px; font-size: 15px; transition: 0.25s all ease; transition-delay: 0.25s; z-index: 2; color: black; border: 1px solid #707070; right: 0px; height: 100vh; width: 100%; cursor: default; } .tooltip-content-cart .inner-shop { width: 30%; height: 100%; margin-left: auto; background: #fff !important; } .tooltip-content-cart .align-right { text-align: right; } .tooltip-content-cart .align-right a { color: red; text-decoration: none; } .tooltip-content-cart .align-right a:hover { text-decoration: underline; } /* .tooltip-content-cart:after { */ /* content: ""; position: absolute; bottom: 99%; left: 91%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent; */ /* } */ /* .tooltip-items-cart { background: #eeeeee; } */ .newsletter { color: #575754; text-decoration: none; font-size: 13px; font-family: "Open Sans"; } .marginr { position: relative; right: 190px !important; top: -47px; } .search-container-2 { width: 300px; vertical-align: middle; white-space: nowrap; position: relative; /* right: -35px; */ } .image-cart-close { position: relative; right: 8px; top: 7px; width: 3%; cursor: pointer; z-index: 99; } .search-container-2 input#search { width: 50px; height: 50px; background: #fff; border: none; font-size: 10pt; float: right; color: #262626; padding-left: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: gray; margin-top: -5px; -webkit-transition: width 0.55s ease; -moz-transition: width 0.55s ease; -ms-transition: width 0.55s ease; -o-transition: width 0.55s ease; transition: width 0.55s ease; color: transparent; } .logout a { position: absolute; right: 80px; top: 61px; } .search-container-2 .search-icon { position: absolute; top: 40%; left: 257px; margin-top: 48px; z-index: 1; cursor: pointer; } .search-container-2 input#search:focus, .search-container-2 input#search:active { outline: none; width: 250px; background: #fff; } .search-container-2:hover input#search { width: 240px; background: #87898b; color: white; } .search-container-2:hover .search-icon { color: rgb(255, 102, 0); } .search-container-2:hover .search-toggler { display: none; } .search-container-2:hover .searchimg-toggle { display: flex; } .search-toggler { height: 35px; position: relative; left: 3px; } .searchimg-toggle { height: 35px; position: relative; left: 3px; } .sidebar1 { vertical-align: middle; width: 385px; height: 30px; } .sidebar2 { vertical-align: middle; width: 385px; } /*Facebook*/ a#icon_fb { background: rgba(0, 0, 0, 0) url(https://www.avishkaar.cc/sites/all/themes/element/images/facebook.png) no-repeat scroll 0 0; display: inline-block; float: left; height: 24px; text-indent: -9999px; width: 24px; opacity: 0.5; } a#icon_fb:hover { background: rgba(0, 0, 0, 0) url("https://www.avishkaar.cc/sites/all/themes/element/images/facebook.png") no-repeat scroll 0 -24px; opacity: 1; } /*Googleplus*/ a#icon_gplus { background: rgba(0, 0, 0, 0) url(https://www.avishkaar.cc/sites/all/themes/element/images/googlep.png) no-repeat scroll 0 0; display: inline-block; float: left; height: 24px; text-indent: -9999px; width: 24px; margin-left: 7px; opacity: 0.5; } a#icon_gplus:hover { background: rgba(0, 0, 0, 0) url("https://www.avishkaar.cc/sites/all/themes/element/images/googlep.png") no-repeat scroll 0 -24px; opacity: 1; } /*Twitter*/ a#icon_twitt { background: rgba(0, 0, 0, 0) url(https://www.avishkaar.cc/sites/all/themes/element/images/twitter.png) no-repeat scroll 0 0; display: inline-block; float: left; height: 24px; text-indent: -9999px; width: 24px; margin-left: 7px; opacity: 0.5; } a#icon_twitt:hover { background: rgba(0, 0, 0, 0) url("https://www.avishkaar.cc/sites/all/themes/element/images/twitter.png") no-repeat scroll 0 -24px; opacity: 1; } /*Youtube*/ a#icon_youtube { background: rgba(0, 0, 0, 0) url(https://www.avishkaar.cc/sites/all/themes/element/images/ytube.png) no-repeat scroll 0 0; display: inline-block; float: left; height: 24px; text-indent: -9999px; width: 24px; margin-left: 7px; opacity: 0.5; } a#icon_youtube:hover { background: rgba(0, 0, 0, 0) url("https://www.avishkaar.cc/sites/all/themes/element/images/ytube.png") no-repeat scroll 0 -24px; opacity: 1; } /*Linkedin*/ a#icon_link { background: rgba(0, 0, 0, 0) url(https://www.avishkaar.cc/sites/all/themes/element/images/linkedin.png) no-repeat scroll 0 0; display: inline-block; float: left; height: 24px; text-indent: -9999px; width: 24px; margin-left: 7px; opacity: 0.5; } a#icon_link:hover { background: rgba(0, 0, 0, 0) url("https://www.avishkaar.cc/sites/all/themes/element/images/linkedin.png") no-repeat scroll 0 -24px; opacity: 1; } .avnav { border-bottom: 1px solid #ccc; background: #fff; height: 70px; box-shadow: 0px 6px 6px #00000029; } .navbar .logo { width: 100%; max-width: 140px; } .navbar .tweak_logo { width: 100%; max-width: 160px; } .custom-font-size { font-family: "Roboto"; } .row { margin-left: 0px; margin-right: 0px; } .feature_menu ul { text-align: center; } .feature_menu ul li { display: inline-block; margin: 0 20px; zoom: 1; } .admin_heading { font-size: 15px; text-align: center; } .admin_heading .icon { font-size: 58px; color: #f07335; } .clear { clear: both; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: none !important; background: url("https://images.avishkaar.cc/workflow/hp_v1/loader_new.gif") 50% 50% no-repeat rgb(249, 249, 249); } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: block; position: absolute; background-color: #f1f1f1; min-width: 160px; right: 0px; top: 32px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover { background-color: #ddd; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn { background-color: #3e8e41; } .heading_h1, h1 { font-size: 40px; } .heading_h2, h2 { font-size: 32px; } .heading_h3, h3 { font-size: 28px; /*color: #f27322;*/ } .custom_color_heading { color: #f27322; } .p, p { letter-spacing: 0.2px; color: #515151; font-size: 15px; /*line-height: 25px;*/ /*margin-top: 25px;*/ } .custom-primary-button { background: #2199f0; font-size: 20px; font-family: roboto; color: #ffffff; font-weight: lighter; letter-spacing: 0.2px; border-radius: 6px; } .custom-primary-button:hover { background-color: #0e7ac9; color: white; } a { color: #2199f0; } a:hover { text-decoration: none; color: #0e7ac9; } .custom-subheading { color: #515151; text-transform: none; line-height: 25px; } .custom-disable { font-size: 20px; font-family: roboto; color: #ffffff; font-weight: lighter; letter-spacing: 0.2px; width: 30%; border-radius: 6px; } .custom-primary-button-card { background: #2199f0; font-size: 20px; font-family: roboto; color: #ffffff; font-weight: lighter; letter-spacing: 0.2px; width: 100%; border-radius: 6px; } .custom-secondary-font { font-family: "Archivo Black", sans-serif; text-transform: none; letter-spacing: 0px; } .under { position: relative; top: -160px; } #main12 { background-color: #f36f2d; } .form-rounded { border-radius: 2rem; } .recent-heading { color: #545454; font-family: "Roboto", arial; font-size: 18px; } .buttonwrapper { display: inline-block; } .success-msg { color: #9fc24c; } .failure-msg { color: #e2574c; } .btn.custom-radius { border-radius: 2rem; } .underbutton { background-color: transparent; border: 0; } .underbutton { position: absolute; top: 9px; right: 15px; } .button1 { border-radius: 12px; } /*--- avishkaar-learning-program ---*/ .learning-card { min-height: 320px; } .video_img { width: 100%; height: 250px; } /*--- tinkering-lab--*/ #tinker { background: #e8b75d; } #tinker-form { background: #050403; } .viewmorechallenge { background: #124e84; color: #fff; } .learning-button { background-color: #f27321; color: #fff; } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; right: 0px; top: 32px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* For form validation message */ .error-message { color: red; display: none; font-weight: normal; font-size: 14px; } .custom-panel { border: none; border-radius: 8px; text-transform: uppercase; text-align: justify; font-weight: bold; font-size: 24px; } .required-text { color: red; font-weight: normal; } /*.navbar-custom a:hover{ border-bottom: 5px solid brown; }*/ /* Change color of dropdown links on hover */ .dropdown-content a:hover { background-color: #ddd; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn { background-color: #3e8e41; } .sidenav { width: 200px; position: fixed; z-index: 1; top: 80px; left: 10px; background: #dfdfdf; overflow-x: hidden; padding: 8px 0; } .sidenav a { padding: 6px 8px 6px 16px; text-decoration: none; color: #272727; font-size: 13px; display: block; font-family: "Roboto"; } .sidenav a:hover { color: #064579; } .mobile-navbar { font-size: 14px; float: left; margin-left: 180px; color: #6d6f71 !important; } /*Update: 28/12/18*/ .mobile-navbar-2 { padding-right: 4px; margin-left: -96px; background: #d5d5d5; padding-top: 0px; border: 1px solid #d5d5d5; } .mobile-navbar-3 { padding-right: 4px; background: #d5d5d5; padding-top: 0px; border: 1px solid #d5d5d5; } .carousel-control-prev-icon, .carousel-control-next-icon { height: 50px; width: 50px; outline: black; background-size: 100%, 100%; } .carousel-control-next, .carousel-control-prev { width: 10%; } @media only screen and (max-width: 980px) { .navbar-custom { font-size: 18px; color: #ffffff; background-image: initial; background-image: initial; padding-left: 0px !important; margin-top: -2px; margin-left: -17px; margin-right: -17px; } .search-toggler { display: none; } .form-control1 { padding: 0.375rem 0.5rem !important; } .footer-line-height { line-height: 38px; } .sidebar2 { vertical-align: middle; width: 385px; padding-bottom: 80px; margin-bottom: 50px; } .chec-signin { position: relative; right: -150px; top: -2px; } .hr { display: flex; margin-bottom: 0px; position: relative; top: 0px; } .footer_line { width: 100%; } .under { position: relative; top: -100px; } /* .navbar-toggler:hover { background: rgb(227, 70, 0) !important; } */ .mobile-navbar-2 { margin-left: 41px; margin-bottom: 2%; background: none; border: none; } .navbar-custom a:hover { border-bottom: none; } .search-icon-m { margin-top: 35px !important; } .team-logo { width: 60px !important; left: 20px !important; margin-left: 0% !important; } .about-logo { width: 20px !important; } .search-icon1 { margin-top: -7px !important; } .tweak-nav { padding: 1.1rem 2rem 0.8rem 6rem !important; font-weight: 400; position: relative !important; top: 5px !important; } .sidebar1 { margin-bottom: 20px; margin-top: 20px; position: relative; top: 0px; height: auto; } .header-user-logo { top: -22px; left: 44px; } .shop-cart { margin-left: auto; } .tooltiptext { display: none; } .shop-cart span { top: auto; color: white; font-weight: bold; } .tooltip-container { width: auto; } } @media only screen and (max-width: 1199px) and (min-width: 940px) { .navbar-custom { background-image: initial; background-image: initial; padding-left: 0px !important; margin-top: 11px; } /* .shop-cart { position: relative; left: -40px; } */ .chec-signin { position: relative; right: -12px; } .tooltip-content { top: 34px; right: 60px; } .navbar .logo { margin-right: 100px; width: 126%; max-width: 172px; } .sidebar1 { vertical-align: middle; position: relative; right: 40px; top: -4px; } .heading_h1, h1 { font-size: 36px; } .heading_h2, h2 { font-size: 30px; } .heading_h3, h3 { font-size: 26px; } } @media only screen and (max-width: 1301px) and (min-width: 1200px) { .sidebar1 { width: 322px; } .navbar-custom { font-size: 15px; } } .iframe { width: 80% !important; height: 80% !important; } /* gallery */ .mainbox { position: relative; height: 140px; width: 150px; border: 3px solid #e9e9e9; overflow: hidden; } .image123 { display: block; width: 300px; height: auto; position: relative; right: 40px; bottom: 10px; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: 0.5s ease; background-color: rgba(0, 0, 0, 0.75); } .mainbox:hover .overlay { opacity: 0.6; } .mainbox:hover .icon123 { opacity: 1; z-index: 1; } .icon123 { color: white; font-size: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; opacity: 0; } .shadow-effect { background: #fff; padding: 20px; border-radius: 25px; text-align: center; border: 1px solid #a8a4a4; /*box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);*/ } #customers-testimonials .shadow-effect p { font-family: inherit; font-size: 14px; line-height: 1.5; width: 70%; text-align: left; } #customers-testimonials .item { text-align: center; padding: 50px; /*opacity: .2;*/ -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); transition: all 0.3s ease-in-out; width: 700px; margin-left: -230px; } #customers-testimonials .owl-item.active.center .item { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span { background: #f27322; -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7); transform: translate3d(0px, -50%, 0px) scale(0.7); } #customers-testimonials.owl-carousel .owl-dots { display: inline-block; width: 100%; text-align: center; } #customers-testimonials.owl-carousel .owl-dots .owl-dot { display: inline-block; } #customers-testimonials.owl-carousel .owl-dots .owl-dot span { background: rgba(184, 181, 181, 0.5); display: inline-block; height: 7px; margin: 0 -5px 10px; -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3); transform: translate3d(0px, -50%, 0px) scale(0.3); -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 60px; -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7); transform: translate3d(0px, -50%, 0px) scale(0.7); } .shadow-effect1 { background: #fff; padding: 16px; border-radius: 25px; text-align: center; border: 1px solid #ececec; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 15px 12px rgba(0, 0, 0, 0.02); margin-top: 20px; margin-left: 10px; } #customers-testimonials1 .shadow-effect1 p { font-family: inherit; font-size: 14px; line-height: 1.5; width: auto; text-align: left; padding-left: 15px; } .margin-text-top { margin-top: -3%; text-align: center; } #customers-testimonials1 .item1 { text-align: center; /*opacity: .9;*/ -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); transition: all 0.6s ease-in-out; width: 880px; height: 500px; /*margin-left: -590px;*/ margin-left: -390px; padding-right: 100px; padding-left: 68px; } #customers-testimonials1 .owl-item.active.center .item1 { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } #customers-testimonials1.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials1.owl-carousel .owl-dots .owl-dot:hover span { background: #f27322; -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7); transform: translate3d(0px, -50%, 0px) scale(0.7); } #customers-testimonials1.owl-carousel .owl-dots { display: inline-block; width: 100%; text-align: center; } #customers-testimonials1.owl-carousel .owl-dots .owl-dot { display: inline-block; position: relative; top: -80px; } #customers-testimonials1.owl-carousel .owl-dots .owl-dot span { background: rgba(184, 181, 181, 0.5); display: inline-block; height: 7px; margin: 0 -5px 10px; -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3); transform: translate3d(0px, -50%, 0px) scale(0.3); -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 60px; -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7); transform: translate3d(0px, -50%, 0px) scale(0.7); } @media only screen and (max-width: 400px) { .mainbox { height: 125px; width: 135px; border: 2px solid #e9e9e9; } .tweak-nav { padding: 1.1rem 2rem 0.8rem 5rem !important; } } @media only screen and (max-width: 667px) and (min-width: 375px) { #customers-testimonials1 .item1, #customers-testimonials .item { width: 100%; height: auto; margin-left: 0px; padding-left: 0px; text-align: center; } } @media only screen and (max-width: 610px) and (min-width: 530px) { #customers-testimonials1 .item1, #customers-testimonials .item { height: unset; width: unset; margin-left: 0px; padding-right: 0px; padding-left: 0px; } } @media only screen and (max-width: 600px) and (min-width: 200px) { #customers-testimonials1 .item1, #customers-testimonials .item { width: 100% !important; height: 100%; margin-left: 0px !important; padding-right: 0px; padding-left: 0px; } #customers-testimonials1.owl-carousel .owl-dots .owl-dot, #customers-testimonials.owl-carousel .owl-dots .owl-dot { top: unset; margin-top: 2%; } .heading_h1, h1 { font-size: 27px; } .heading_h2, h2 { font-size: 24px; } .heading_h3, h3 { font-size: 22px; } .chec-signin { position: relative; right: -35px; } } span.twitter-typeahead { display: block !important; } .tt-query { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .tt-hint { display: none !important; color: #999999; } .tt-dropdown-menu { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-top: 0px; padding: 4px 0; width: 100%; font-size: 14px; } .tt-suggestion { font-size: 14px; line-height: 14px; padding: 3px 20px; } .tt-suggestion.tt-is-under-cursor { background-color: #0097cf; color: #ffffff; } .tt-suggestion p { margin: 0; } @media only screen and (max-width: 380px) { .footer-custom a { font-size: 10px; } } @media only screen and (max-width: 370px) { .form-control1 { padding: 0.375rem 3.2rem !important; } .btn-size { padding-left: 102px; padding-right: 101px; margin-left: 0px !important; } .header-user-logo { left: 30px; } } @media only screen and (max-width: 330px) { .footer-heading { font-size: 14px; } .mobile-search-view { right: 18px; position: relative; } .btn-size { padding-left: 85px; padding-right: 90px; } .header-user-logo { right: -12px; } .recaptcha-school { margin-left: -4px; overflow: hidden; } .navbar .logo { width: 86%; } nav .navigation-list { width: 70% !important; } } .avishkaar-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-color: #ffffffcf; } .avishkaar-loader img { position: relative; top: 37%; } .gsc-selected-option-container { max-width: 100% !important; } /* avishkaar software */ .main-card { max-width: 300px; box-shadow: -5px 2px 18px 4px #ccc; } .main-card .cover-photo { width: 300px; height: 100px; background: linear-gradient( to right, rgba(255, 175, 75, 1) 0%, rgba(209, 73, 84, 1) 100% ); } .main-card .photo { width: 300px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-card img { position: relative; top: -50px; max-width: 100%; max-height: 100%; } .main-card .content { width: 300px; position: relative; top: -35px; height: 24vh; } .main-card .software-footer { width: 300px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -20%; } .main-card a:hover { color: black; } .main-card ul { padding: 0; } .main-card:hover { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .software-footer .link-section { display: flex; box-sizing: border-box; width: 60px; margin-top: 15%; background-color: #2881c3; border-radius: 50px; overflow: hidden; transition: all 0.35s ease-in-out; } .software-footer .link-section .links { display: flex; justify-content: space-around; margin: 0px; padding: 0px; } .software-footer .link-section .links li { list-style: none; } .software-footer .link-section .links li > a { text-decoration: none; } .software-footer .link-section .links .btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 10px; cursor: pointer; color: #2881c3; font-size: 1.2rem; background-color: #ffffff; border-radius: 50%; transition: all 0.35s ease-in-out; } .software-footer .link-section .links .btn:hover { font-size: 1.4rem; color: #2881c3 !important; box-shadow: inset 0px 0px 0px 30px #fff4f8; } .software-footer .link-section .links .btn.menu { background-color: #2881c3; color: #ffffff; box-shadow: none !important; font-size: 1.4rem; cursor: default; } .software-footer .link-section:hover, .software-footer .link-section:focus { width: 60%; } .software-footer .btn-primary { background-color: #2881c3; } .software-footer a:hover { color: white !important; } .soft_card:last-child { margin: 0 auto auto auto !important; margin-left: 3% !important; } @media only screen and (max-width: 1100px) { .soft_card:last-child { margin-left: 0% !important; } } @media only screen and (max-width: 1000px) { .soft_card:last-child { margin: 0 auto auto 20px !important; } } @media only screen and (max-width: 600px) { .soft_card:last-child { margin: 0 auto auto auto !important; } } .cont { text-align: center; } .page-head .lead { font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 50px; margin-top: 0; } .demo-gallery > ul { margin-bottom: 0; padding-left: 15px; } .demo-gallery > ul > li { margin-bottom: 15px; width: 180px; display: inline-block; margin-right: 15px; list-style: outside none none; } .demo-gallery > ul > li a { border: 3px solid #fff; border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; } .demo-gallery > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery > ul > li a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; cursor: pointer; } .demo-gallery > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallery > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .demo-gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; } .demo-gallery .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .demo-gallery .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .demo-gallery .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .demo-gallery .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .demo-gallery.dark > ul > li a { border: 3px solid #04070a; } nav .navigation-list { height: 50px; line-height: 50px; } nav .navigation-list li { display: inline-block; font-size: 16px; color: #707070; } nav .toggle { display: none; } .nav-collsaped { position: fixed !important; background-color: white; left: 0 !important; transition: 0.5s; } .navCollsaped { position: fixed !important; background-color: white; left: 0 !important; transition: 0.5s; } .bodyOverlay { background-color: rgba(0, 0, 0, 0.5) !important; display: inline !important; transition: 5s; } .login-inner { background-color: #fff; } .overlay-nav { display: none; z-index: -1; position: fixed; left: 0; top: 50px; background-color: rgba(0, 0, 0, 0); transition: 5s; } .body-overlay { background-color: rgba(0, 0, 0, 0.5); display: inline !important; transition: 5s; } .header-user-logo-mobile { height: 38px; width: 38px; background-color: black; border-radius: 50%; overflow: hidden; } @media (max-width: 1000px) { .login_feature_body { overflow: scroll !important; } nav .toggle { display: inline-block; background-color: transparent; border: 1px solid transparent; outline: none !important; font-size: 25px; color: black; font-family: serif; font-weight: bold; } nav .navigation-list .navbar-bootstap { color: #616163 !important; font-weight: 380 !important; width: 100%; } .logo { position: relative; left: 15px; } nav .toggle:hover, nav .toggle:focus { color: #d6d6d6; } nav .toggle > div { width: 25px; height: 2px; background-color: white; margin: 6px 0; transition: 0.3s; } nav .navigation-list { height: 100%; position: fixed; top: 0; z-index: 1; left: -160vh; width: 70%; transition: 600ms cubic-bezier(0.42, 0, 0, 0.99); overflow-x: hidden; } nav .navigation-list li { display: block; } nav .overlay-nav { width: 100%; height: 100%; top: 0; z-index: 1; transition: 5s; } nav .navigation-list { line-height: 30px; } .nav-item { margin-left: 0 !important; padding-left: 10px; font-size: 1.1rem !important; } .navigation-list .header-item:nth-child(6) { border-bottom: 1px solid #616163; } .login-button a, .login-button a:hover, .login-button a:active { font-size: 14px; width: 100%; color: #616163 !important; background-color: #ffffff !important; border: #ffffff; border-radius: 4px; box-shadow: 0px 3px 6px #00000029; font-weight: 400; } } /* login feature */ .login_feature { overflow: hidden !important; background: rgb(0, 0, 0, 0.4); } .login_feature .modal-header { position: absolute; right: 0px; top: 0px; z-index: 2; } .login_feature .modal-header, .login_feature .modal-footer { border: none; } .login_feature .header { background: #f36f2e 0% 0% no-repeat padding-box; box-shadow: 0px 2px 4px #00000029; opacity: 1; padding: 12px; } .login_feature .box-inner .button_login { color: #373737; border: 1px solid #616163; border-radius: 5px; opacity: 1; } .login_feature .modal-dialog { display: flex; align-items: center; max-width: 60%; height: 95vh; } .login_feature .modal-content { height: 90vh; border: none; overflow: hidden; } .login_feature .select_field { border: 2px solid #bfbfbf; border-radius: 5px; font-size: 15px; cursor: pointer; letter-spacing: 0; color: black; cursor: pointer; opacity: 1; height: calc(1.5em + 0.75rem + 8px) !important; } .login_feature .modal-body { display: flex; align-items: center; height: 88vh; } .login_feature .sign_in, .email-verify-btn .box a, .login_feature .verify_button { background: #2881c3 0% 0% no-repeat padding-box; border-radius: 5px; opacity: 1; letter-spacing: 0; color: #ffffff; /* border-color: #2881c3 !important; */ box-shadow: 0px 3px 6px #00000029; border: none !important; } .login_feature .back_button { border: none; background: transparent; color: #2881c3 !important; } .box .inputBox { position: relative; } .box .inputBox input { font-size: 1rem; letter-spacing: 0.062rem; border: 1px solid rgba(25, 25, 25, 0.32); border-radius: 5px; opacity: 1; background: transparent; } .box .inputBox label { position: absolute; top: 0; left: 30px; padding: 0.625rem 0; font-size: 15px; pointer-events: none; transition: 0.5s; letter-spacing: 0; color: #bfbfbf; opacity: 1; } .box .phone_box label { left: 55px !important; } .box .common_field label { left: 45px !important; } .welcome_check { font-size: 15px; color: #707070; opacity: 1; } .welcome_check input[type="checkbox"] { background: red; } .box .inputBox input:focus ~ label, .box .inputBox input:not([value=""]) ~ label { top: -0.5rem; left: 30px; font-size: 0.75rem; background-color: white; height: 10px; padding: 0 8px 20px 8px; } .box .last_name_field label { left: 20px !important; } .box .phone_box input:focus ~ label, .box .phone_box input:not([value=""]) ~ label { left: 15px !important; } .box .common_field input:focus ~ label, .box .common_field input:not([value=""]) ~ label { left: 30px !important; } .box .inputBox input:focus { outline: none; border: 1px solid #ff7033; } .box .inputBox input:focus ~ label, .box .phone_box input:focus ~ label { color: #ff7033 !important; } .box input[type="submit"] { border: none; outline: none; color: #fff; background-color: #1a73e8; padding: 0.625rem 1.25rem; cursor: pointer; border-radius: 0.312rem; font-size: 1rem; float: right; } .color_orange { letter-spacing: 0; opacity: 1; color: #f36f2e; cursor: pointer; } .color_lgrey { color: #989898; } .login_feature .modal-footer { padding: 0 !important; } .login_feature .tel_number { height: 100%; } .login_feature .toggle-password { position: absolute; right: 1.5em; top: 22px; margin-top: -0.5em; font-size: 12px; line-height: 1; text-transform: uppercase; cursor: pointer; font-size: 18px; } .form-logout { position: absolute; right: 10px; top: 10px; color: #f27322; } @media only screen and (max-width: 1100px) { .login_feature .modal-dialog { max-width: 70%; margin-top: 10px !important; } } @media only screen and (max-width: 770px) { .tooltip-content-cart .inner-shop { width: 80%; } .tooltip-content-cart.tooltip-content-cart-active .back_drop { width: 20% !important; } .login_feature .modal-dialog { max-width: 80%; } .login_feature .modal-body { height: auto !important; } .carousel-indicators.new_carousel li { height: 15px; width: 15px; border-radius: 50%; } .request-call-inner .modal-dialog { max-width: 90% !important; } .login_feature .modal-content { height: 96vh !important; overflow: scroll !important; } .login_feature .modal-dialog { margin-top: 15px !important; } .mobile_cart_view { position: absolute; top: 0; right: 0; height: 100%; align-items: center; display: flex; } .tooltip-content-cart { width: 100vw !important; } } @media only screen and (max-width: 430px) { #leagueModal .modal-header img { width: 30% !important; top: -25% !important; } #leagueModal .main_card_btn { font-size: 16px !important; } #leagueModal .modal-header button { font-size: 40px !important; } #leagueModal .modal-body h2 { font-size: 22px !important; } .tooltip-content-cart .inner-shop { width: 90%; } .tooltip-content-cart.tooltip-content-cart-active .back_drop { width: 10% !important; } .inner-login-form { height: 60vh !important; } .login_feature .modal-dialog { max-width: 95%; } .form-logout { position: absolute; right: 0px; top: 10px; color: #f27322; } .login_feature .modal-content { height: 95vh; } } @media only screen and (min-width: 1400px) { .login_feature .modal-content { height: 85vh; } .login_feature .modal-dialog { max-width: 55%; } } .inputBox input::-webkit-input-placeholder { /* Edge */ color: white !important; } .inputBox input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white !important; } .inputBox input::placeholder { color: white !important; } .resend_button_disabled { -webkit-appearance: none !important; border: none !important; color: gray !important; font-weight: 450 !important; text-decoration: underline !important; cursor: default !important; background: transparent !important; box-shadow: none !important; } .resend_button_active { -webkit-appearance: none !important; border: none !important; color: #2881c3 !important; font-weight: 450 !important; text-decoration: underline !important; cursor: pointer !important; background: transparent !important; box-shadow: none !important; } .email_svg { float: left; margin-left: 10px; margin-top: -35px; position: relative; z-index: 2; } .sign_in_form .intl-tel-input.allow-dropdown input, .sign_in_form .intl-tel-input.allow-dropdown input[type="text"], .sign_in_form .intl-tel-input.allow-dropdown input[type="tel"], .sign_in_form .intl-tel-input.separate-dial-code input, .sign_in_form .intl-tel-input.separate-dial-code input[type="text"], .sign_in_form #sign_email, .sign_in_form .intl-tel-input.separate-dial-code input[type="tel"] { padding-left: 45px !important; } .main_bg { background-size: cover; background-repeat: no-repeat; background-position-y: 80%; background-position-x: center; } .email_alert { position: fixed; z-index: 100; width: 100%; border-radius: 0; background: #2881c3; border: none; color: white; text-align: center; font-weight: 300; margin-top: 3px; display: flex; } .email_alert button { border: none; background: transparent; text-decoration: underline; color: white; font-weight: 300; cursor: pointer; } .search-icon-m { left: 210px !important; } .s-icon-out { top: 6px !important; } .request-header { padding: 0 !important; background-color: transparent !important; border: none !important; } .request-call-inner .close-btn { width: 38px; height: 38px; background: #fafafa 0% 0% no-repeat padding-box; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: auto; } .request-footer { background-color: #2881c3; padding: 0.4rem; } .request-header img { cursor: pointer; } .color-orange { color: #f36f2e; } .request-input { height: 100%; } .shop-product-button { background-color: #2881c3; font-size: 20px; font-weight: 400 !important; } .shop-product-button:hover { background-color: #2881c3; } .request-call h2 { font-family: "Poppins", sans-serif; font-weight: bold !important; } .request-call { font-family: "Roboto"; font-weight: 500; } .request-call form input { background: #f5f5f5 0% 0% no-repeat padding-box; border: none !important; } .request-call form #submit_phone, .ok_btn, .sign_in_inner .login_button { background: #ff7033 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 32px; border: none !important; font-weight: bold; } .request-call-inner .modal-dialog { max-width: 70%; margin-left: auto; margin-right: auto; } .request_call, .future_skills { background-color: #505050; font-family: roboto; } .request_call p { font-size: 25px; } .request_call .btn:focus { outline: 0; box-shadow: none; } .request_call button, .hp_header button, .login_next_btn, .purchase_success_btn { background-color: #ff7033; box-shadow: 0px 6px 6px #00000029; border-radius: 32px !important; align-items: center; } .request_call button p { font-size: 22px; font-family: "Roboto"; font-weight: 300; } .request_call button img { width: 30px; height: 30px; } .request-call-inner .modal-dialog { height: 100%; align-items: center; display: flex; margin-top: -0; } .sign_in_inner input { background: #f5f5f5 0% 0% no-repeat padding-box; border: none; } .sign_in_inner .create_act { text-align: center; cursor: pointer; letter-spacing: -0.08px; color: #2680eb; } .sign_in_inner h2 { font-family: "Poppins", sans-serif; font-weight: bold; } .sign_in_inner .sec-one { background: #fff; } .custom-dropdown select { display: none; } .option[data-display-text]:first-child { display: none !important; } .custom-dropdown .dropdown { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0); font-size: 1rem; letter-spacing: 0.062rem; border: 1px solid rgba(25, 25, 25, 0.32); border-radius: 5px; opacity: 1; background: transparent; box-sizing: border-box; cursor: pointer; display: block; float: left; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .custom-dropdown .dropdown:focus { background-color: #f1f1f1; } .custom-dropdown .dropdown:hover { background-color: #f3f3f3; } .custom-dropdown .dropdown:active, .custom-dropdown .dropdown.open { background-color: #f0f0f0 !important; border-color: #e4e4e4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset; } .custom-dropdown .dropdown:after { height: 0; width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #777; -webkit-transform: origin(50% 20%); transform: origin(50% 20%); -webkit-transition: all 0.125s ease-in-out; transition: all 0.125s ease-in-out; content: ""; display: block; margin-top: -2px; pointer-events: none; position: absolute; right: 10px; top: 50%; } .custom-dropdown .dropdown.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .custom-dropdown .dropdown.open .list { -webkit-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; width: 100%; } .custom-dropdown .dropdown.open .option { cursor: pointer; } .custom-dropdown .dropdown.wide { width: 100%; } .custom-dropdown .dropdown.wide .list { left: 0 !important; right: 0 !important; } .custom-dropdown .dropdown .list { box-sizing: border-box; -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear; transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09); background-color: #fff; border-radius: 6px; margin-top: 4px; padding: 3px 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 100%; left: 0; z-index: 999; } .custom-dropdown .dropdown .list:hover .option:not(:hover) { background-color: transparent !important; } .custom-dropdown .dropdown .option { cursor: default; font-weight: 400; line-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .custom-dropdown .dropdown .option:hover, .custom-dropdown .dropdown .option:focus { background-color: #f6f6f6 !important; } .custom-dropdown .dropdown .option.selected { font-weight: 600; } .custom-dropdown .dropdown .option.selected:focus { background: #f6f6f6; } .by { bottom: 12px; color: #aaa; font-size: 12px; left: 0; position: absolute; right: 0; text-align: center; } .custom-dropdown a { color: #aaa; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .custom-dropdown a:hover { color: #666; } .user_check_mark { position: absolute; top: 12px; right: 10px; } .quantity { width: 10%; border: none !important; } .inc_dec_btn { background: white; border: none; display: flex; align-items: center; } .success-box { background: #FFFFFF; box-shadow: -8px 8px 25px rgba(0, 0, 0, 0.09); border-radius: 10px; } #leagueModal .main_card_btn { color: #F3743D; background: #fff 0% 0% no-repeat padding-box; border-radius: 11px; box-shadow: 3px 4px 2px #E6E6E6; font-size: 20px; letter-spacing: 1.08px; font-family: roboto; position: absolute; bottom: 20px; } #leagueModal .modal-header img { position: absolute; top: -30%; } #leagueModal .modal-header button { font-size: 46px; padding: 0; position: relative; right: 20px; top: 8px; opacity: 1; color: white; } #leagueModal .modal-body h2 { font-family: roboto !important; font-size: 30px; } .tooltip-content-cart.tooltip-content-cart-active .back_drop { width: 70%; height: 100%; } .slick-track { padding-top: 30px !important; padding-bottom: 10px !important; } /* header tab selected */ @media screen and (min-width: 576px) { .header-nav-active > li { border-bottom: solid 3px #ff7033; } } @media screen and (max-width: 575px) { .header-nav-active { background-color: #ffe7db; } .header-nav-active > li { color: #333 !important; } }