:root { --primary-yellow: #FFD900; --yellow-hover: #FFC000; --black: #000000; --white: #FFFFFF; --primary-blue: #0C5ADB; --surface-grey: #f3f4f6; --surface-blue: #d8e7ef; --surface-yellow: #FBE389; --error-red: #ff4000; --success:#8cbe3f; --midnight: rgba(0,0,0,0.80); --count:#efefef; } div#lhnHocButton.lhnround div.lhnHocChatBtn { border-radius: 2px !important; background-color: var(--primary-yellow) !important; } .eupopup-buttons a.wt-cli-accept-btn{background: var(--primary-yellow) !important;} .eupopup-buttons a.wt-cli-accept-btn:hover {background: var(--yellow-hover) !important;} body {font-family: 'Mulish', sans-serif;} * {margin:0; padding:0; list-style:none;} input {outline:none !important;} input:focus, button:focus {outline:none !important;} a {outline:none !important; text-decoration:none; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} a:hover, a:focus {text-decoration:none;} .clr {clear:both;} .home_slider{background: radial-gradient(75.73% 100.98% at 51.5% -17.45%, #31024A 0%, #2A023F 100%); padding: 75px 0 40px 0; position:relative; z-index: 1; align-items:center; display:flex; height:90vh;} .home_slider .header_slide_content{display: flex; justify-content: center; height: 100%; flex-direction: column;} .home_slider .header_slide_content h2{color: #fff; font-size: 60px; font-weight: 300; margin: 0 0 20px 0; font-family: 'Mulish', sans-serif;} .home_slider .header_slide_content h2 span{color:var(--primary-yellow); font-weight: 700; font-family: 'Mulish', sans-serif;} .home_slider .header_slider_img {display: flex; align-items: center; justify-content: center;} .home_slider .header_slide_content p {display: inline-block; margin: 0;} .home_slider .header_slide_content p a {line-height: normal; background: #fff; padding: 10px 30px; display: flex; max-width: 225px; border-radius: 6px; align-items: center; justify-content: space-between; font-weight: 600; color: var(--primary-yellow); font-size: 20px; font-family: 'Mulish', sans-serif;} .home_slider .header_slide_content p a:hover{text-decoration: none; background: var(--yellow-hover); color: #fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} .home_slider .header_slide_content p a:hover svg path {fill: #fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} .home_slider .header_top {display: flex; align-items: center; justify-content: space-between;} /**** inner anner css ****/ @media only screen and (min-width: 0px) and (max-width: 767px) { .banner_Forn_Bx{display: block;} #clients .slider img {margin: 0 15px;} #clients .slider{margin: 50px 0 0px 0;} .divider {padding: 70px 0 !important;} .divider span {width: 100% !important;} .divider-line i.before {width: 20px !important; height: 20px !important; margin-top: -11px !important; left: 50px !important;} .divider-line i.after {width: 20px !important; height: 20px !important; left: 60px !important; top: -5px !important;} .numbers, .numbers:before {width: 36px !important; height: 36px !important;} .numbers.bg-yellow span.count {font-size: 20px !important;} .number-block:after {width: calc(100% - 75px) !important; top: 24px !important; left: 70px !important;} .numbers.bg-yellow {margin-bottom: 30px !important;} .number-block {margin-bottom: 40px;} #reviews {padding: 0 !important;} .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0 !important;} .updated_home_comp .home_get_started {margin: 30px 0 30px 0 !important;} .case_study_img {padding: 15px !important;} .reviews_content .testimonials_cls{margin-bottom: 20px !important;} .reviews_content .reviews_bx {height: auto !important; min-height: auto !important; padding-bottom: 30px !important;} .reviews_content .reviews_bx .reviews_by{position: relative !important;} .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content{margin-bottom: 0 !important;} .how_we_help .how_webx .icon{margin-top: 0 !important;} .updated_home_comp .how_we_help .help_bx {margin: 0;} .updated_home_comp .how_we_help .how_v_help {margin-bottom: 0 !important;} #reviews .reviews_content h2, #blog_bx .blog_bx_content h2{font-size: 28px !important;} .updated_home_comp .how_we_help .how_v_help p{font-size: 20px !important; line-height: 1.5 !important;} #case_study_box, #blog_bx, #reviews {margin-top: 0px !important; margin-bottom: 0px !important;} .blog_bx_content .blog_bx1 h2 a{font-size: 18px !important;} .blog_bx_content .blog_bx1 p, #case_study_box .case_study_txt p{font-size: 15px !important;} .updated_home_comp .home_get_started{padding: 4rem 1rem !important;} .reviews_content .reviews_bx .testContent{font-size: 15px !important;} .custom_button{margin: 0px;} .custom_button a{font-size: 15px !important; height: 48px !important; margin: 0px;} .businessPotentialData p, .updated_home_comp .how_we_help .help_bx p, .number-block p, .case_study_link a, .reviews_content .reviews_bx p, .blog_bx_content .blog_bx1 .date_cls{font-size: 15px !important;} .updated_home_comp .home_get_started .ready_to_start_cta .custom_button a svg{width: 30px;} .custom_button {margin: 0 1rem;} } .block_cls{width:100%; margin-bottom:100px;} .block_cls.homepage_top_space{padding-top:120px; margin-bottom: 60px;} .block_cls h2{font-family: 'Mulish', sans-serif; font-size: 42px; color: #000; font-weight: 300; margin: 0 0 40px 0;} .block_cls h2 span{color: var(--primary-yellow);} .our_service_txt {display: flex; align-items: center; flex-wrap:wrap;} .our_service_txt h2{margin-bottom:15px; font-weight:700;} .our_service_txt p{font-family: 'Mulish', sans-serif; font-size: 26px; color: #4b5563; margin:0;} #businessPotential {margin-bottom: 100px;} .businessPotentialData {position:relative; padding:0;} .businessPotentialData span.counting, .businessPotentialData span.counting span.count {font-size:1.6rem !important; color:#000 !important; font-weight:700 !important; line-height:45px !important; display:inline-block !important; font-family: 'Mulish', sans-serif;} .businessPotentialData p {font-size:18px; font-weight:500; color:#565656; margin:0; padding:8px 0 0 0 !important; display:block; font-family: 'Mulish', sans-serif;} #case_study_box{margin: 0; padding:0px 0;} #case_study_box #demos .owl-carousel .item {height: auto; padding: 1rem;} #case_study_box .owl-carousel .owl-item img {display: block; max-width: 100%; width: auto !important;} #case_study_box .case_study_txt h3{ font-family: 'Mulish', sans-serif; font-size: 45px; font-weight: 700; display: inline-flex; align-items: center; margin: 0 0 30px 0;} #case_study_box .case_study_txt p{color: #616161; font-family: 'Mulish', sans-serif; font-size: 18px; margin: 10px 0;} .case_study_link {display: inline-flex; color: var(--primary-yellow); align-items: center; margin-top: 20px;} .case_study_link a{margin: 0 7px; font-size: 18px; text-transform: capitalize; align-items: center; text-decoration: underline;} .case_study_link a.grey_txt_cls{color: #616161;} #case_study_box .case_study_img {display: flex; justify-content: center;} .case_study_txt {height: 100%; display: inline-flex; flex-direction: column; justify-content: center;} #case_study_box .owl-theme .owl-nav {display: none;} @media(min-width:576px){ #why_ishir .about_box{height: 100%;}} #why_ishir .about_box img {margin-bottom: 15px;} #why_ishir .about_box::after {content: ""; width: 30px; height: 2px; left: 30px; top: 90px; background: var(--primary-yellow); position: absolute;} #why_ishir .about_box p{color: #616161; font-family: 'Mulish', sans-serif; font-size: 16px; margin: 15px 0 0 0;} #clients{margin: 0; padding: 0px 0;} #reviews{padding: 0; margin-bottom: 50px; position: relative;} #reviews .reviews_content{margin: 0px 0 0px 0;} #reviews .reviews_content span{color: var(--primary-yellow); font-family: 'Mulish', sans-serif; font-size: 16px; font-weight: 500; text-transform: uppercase;} #reviews .reviews_content h2{font-family: 'Mulish', sans-serif; font-size: 42px; font-weight: 700; margin: 0 0 15px;} /* #reviews .reviews_content p{color: #616161; font-family: 'Mulish', sans-serif; font-size: 16px; max-width: 550px; margin-bottom: 30px;} */ #blog_bx{padding: 0px; position: relative; } #blog_bx .blog_bx_content{margin: 0px 0 65px 0;} #blog_bx .blog_bx_content span{color: var(--primary-yellow); font-family: 'Mulish', sans-serif; font-size: 16px; font-weight: 500; text-transform: uppercase;} #blog_bx .blog_bx_content h2{font-family: 'Mulish', sans-serif; font-size: 42px; font-weight: 700; margin: 10px 0;} #blog_bx .blog_bx_content p{color: #616161; font-family: 'Mulish', sans-serif; max-width: 550px; margin-bottom: 30px;} .reviews_content .reviews_bx {background: var(--surface-grey); padding: 30px; border-radius: 0px; color: #000;} .reviews_content .reviews_bx p{color: #000 !important; font-family: 'Mulish', sans-serif; font-size: 16px; margin-bottom: 0px !important;} .reviews_content .reviews_bx a, .reviews_content .reviews_bx .truncate_ellipsis{color:#F9D03A !important;} .reviews_content .reviews_by {display: flex; align-items: center; position: relative; padding-top: 20px; margin-top: 20px;} .reviews_content .reviews_by::after {content: ""; width: 45px; height: 50px; top: 0; right:0px; background: url(../images/testimonials-icon.svg) no-repeat; position: absolute;} .reviews_content .user_icon img {height: 48px; width: 48px !important; margin-right: 15px;} .reviews_name {margin: 0; min-height: auto;} .reviews_name h4{margin: 0; font-family: 'Mulish', sans-serif; font-size: 20px; font-weight: 600;} .reviews_name p{margin: 0; font-family: 'Mulish', sans-serif; font-size: 16px !important;} .reviews_content .reviews_bx .testContent{color: #000 !important; font-family: 'Mulish', sans-serif; font-size: 18px;} .blog_bx_content .blog_bx1 {background: var(--surface-grey); padding: 30px; border-radius: 0px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; margin-bottom: 30px; min-height: 340px;} .blog_bx_content .blog_bx1 h2{font-family: 'Mulish', sans-serif; font-size: 18px !important; margin: 0 0 10px 0 !important; font-weight: 900 !important;} .blog_bx_content .blog_bx1 h2 a{color: var(--primary-blue); font-family: 'Mulish', sans-serif; font-weight:700;} .blog_bx_content .blog_bx1 h2 a:hover, .blog_bx_content .blog_bx1 .share_btn a:hover{text-decoration: none;} .blog_bx_content .blog_bx1 .date_cls {display: inline-flex; margin-bottom: 10px; font-family: 'Mulish', sans-serif;} .blog_bx_content .blog_bx1 .date_cls img{margin-right: 10px; height:16px;} .blog_bx_content .blog_bx1 p{color: #374151 !important; font-family: 'Mulish', sans-serif !important; font-size: 18px; margin-bottom: 0;} .blog_bx_content .blog_bx1 .share_btn {display: flex; align-items: center; background: #fff; max-width: 89px; border-radius: 6px; justify-content: space-between;} .blog_bx_content .blog_bx1 .share_btn a{color: var(--primary-yellow); height:32px;} #blog_bx .blog_bx_content .owl-theme .owl-dots .owl-dot.active span{width: 20px; background: var(--primary-blue);} #blog_bx .blog_bx_content .owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 0px 5px; background: none; display: block; backface-visibility: visible; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; border: solid 1px var(--primary-blue);} /* search box CSS */ .search-form{width:100%; display: none;} .search_bx{background: #fff; position: absolute; z-index: 999; margin-top: -30px; display: flex; padding: 0px; border-radius: 6px; overflow: hidden;} .search_bx::after {position: absolute; right: 45px; top: 0; content: ""; width: 10px; height: 100%; z-index: 0; background: var(--primary-yellow);} .search_bx input{padding-left: 15px; line-height: 40px; background: none; outline: none; border:none; color: #616161; font-family: 'Mulish', sans-serif; font-size: 16px; width: 0px; transition: all 0.5s;} .search_bx button {margin-left: -15px; width: 55px; height: 55px; font-size: 21px; border: none; background: var(--primary-yellow); color: #fff; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .search_bx:hover input, .search_bx input:focus{width:600px; margin-right: 15px; padding-right: 15px;} /* inner page CSS */ /**** media queries ****/ @media only screen and (min-width: 0px) and (max-width: 575px) { footer .certified_logo ul, footer .footer_ext .copy_link, .aword_bx .aword_txt, .aword_bx{display: block !important;} footer .certified_logo ul li{margin:5px 0;} footer ul.socialLinks {display: inline-block; margin:0px 0 20px 0; width: 100%; text-align: center;} #blog_bx::after, #reviews::after, #why_ishir::after, .clients_logo h3::after, .clients_logo h3::before{display: none !important;} .aword_bx .aword_txt p{margin: 10px 0;} .our_service_txt {display: block;} .block_cls h2{font-size: 28px;} .drop_down .dropbtn{padding: 14px 0; justify-content: space-evenly;} #reviews{padding: 40px 0 0px 0;} .block_cls {width: 100%; margin-bottom: 30px;} #businessPotential {margin-bottom: 30px;} .column ul li div.submenu ul{width: 100%;} .copy_link {text-align: center;} footer .footer_ext .footer_links ul{margin: 10px 0;} footer .footer_ext .footer_links ul li {display: block; margin-right: 0;} .clients_logo {padding: 50px 0 0px 0; text-align: center;} .home_slider .header_slide_content h2{font-size: 28px;} .search_bx{margin-top: 15px;} .search_bx:hover input, .search_bx input:focus{width:280px;} } @media only screen and (max-width: 767px) { footer .certified_logo ul, footer .footer_ext .copy_link, .aword_bx .aword_txt, .aword_bx{display: block;} footer .certified_logo ul li{margin:5px 0;} footer ul.socialLinks {display: inline-block; margin:0px 0 20px 0; width: 100%; text-align: center;} #blog_bx::after, #reviews::after, .clients_logo h3::after, .clients_logo h3::before, li.lang_class, li.get_touch, li.phone_cls{display: none !important;} .our_service_txt {display: block;} .block_cls h2{font-size:28px;} .drop_down .dropbtn{padding: 14px 0; justify-content: space-evenly;} #reviews{padding: 40px 0 0px 0;} .block_cls {width: 100%; margin-bottom: 30px;} #businessPotential {margin-bottom:0px !important; padding: 20px 0 0px 0 !important;} .column ul li div.submenu ul{width: 100%;} .copy_link {text-align: center;} footer .footer_ext .footer_links ul{margin: 10px 0;} footer .footer_ext .footer_links ul li {display: block; margin-right: 0;} .clients_logo {padding: 50px 0 0px 0; text-align: center;} .column ul li div.submenu li.subParentItem{width: 100%;} #case_study_box .case_study_txt h3{font-size: 28px;} #case_study_box .case_study_img{margin-bottom: 30px;} header .logo a img {max-width: 80%;} .drop_down .dropbtn{height: 80px;} #project_carousel .owl-dot:before{padding: 0 5px !important;} .updated_home_comp .home_get_started h2::before{width: 260px !important;} .updated_home_comp .how_we_help .how_v_help, .updated_home_comp .home_why_ishir .why_ishir_new, .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content{flex-wrap: wrap;} .updated_home_comp .how_we_help .help_bx{margin: 0 0 20px 15px !important;} .how_we_help .how_webx .icon{margin-left: -20px !important;} } @media only screen and (min-width: 576px) and (max-width: 767px) { header .header_slide_content h2{font-size: 40px;} .servicebx_one {display: block;} footer .certified_logo ul, footer .footer_ext .copy_link, .aword_bx .aword_txt, .aword_bx{display: block;} footer .certified_logo ul li{margin:5px 0;} footer ul.socialLinks {display: inline-block; margin:0px 0 20px 0; width: 100%; text-align: center;} #blog_bx::after, #reviews::after, #why_ishir::after, .clients_logo h3::after, .clients_logo h3::before, li.lang_class, li.get_touch, li.phone_cls{display: none !important;} .aword_bx .aword_txt p{margin: 10px 0;} .our_service_txt {display: block;} .block_cls h2{font-size: 28px;} .drop_down .dropbtn{padding: 14px 0; justify-content: space-evenly;} #reviews{padding: 40px 0 0px 0;} .aword_bx{text-align: center; margin-top: 0px;} .block_cls {width: 100%; margin-bottom: 30px;} #businessPotential {margin-bottom: 30px;} .column ul li div.submenu ul{width: 100%;} .drop_down:hover .dropdown-content li:hover div.submenu {display: inline-block; max-height:450px;} .copy_link {text-align: center;} footer .footer_ext .footer_links ul{margin: 10px 0;} footer .footer_ext .footer_links ul li {display: block; margin-right: 0;} .clients_logo {padding: 50px 0 0px 0; text-align: center;} .search_bx{margin-top: 15px;} .search_bx:hover input, .search_bx input:focus{width:280px;} .home_slider{padding: 130px 0 40px 0;} .block_cls.homepage_top_space{padding-top: 60px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { #reviews{padding: 80px 0 0px 0;} #reviews::after, #blog_bx::after {top: 20%; font-size: 50px;} footer .certified_logo ul{display: block;} footer .certified_logo ul li{margin-bottom: 10px;} header .header_slide_content h2{font-size: 40px;} .aword_bx{margin-top: 0; display: block;} .clients_logo {padding: 50px 0 0px 0; text-align: center;} .block_cls h2{font-size: 32px;} .businessPotentialData p {font-size: 14px !important;} .businessPotentialData span.counting, .businessPotentialData span.counting span.count {font-size: 32px;} #reviews .reviews_content h2, #blog_bx .blog_bx_content h2{font-size: 32px;} .estimation_cls {margin: 20px 0;} .block_cls {width: 100%; margin-bottom: 50px;} #businessPotential {margin-bottom: 50px;} .home_slider .header_slide_content h2{font-size: 32px !important;} .search_bx {margin-top: 0;} .search_bx:hover input, .search_bx input:focus{width:550px;} .estimation_cls{text-align: center; width: 100%;} .updated_home_comp .home_get_started h2::before{width: 260px !important;} .updated_home_comp .how_we_help .how_v_help{flex-wrap: wrap;} #businessPotential {margin: 0; padding: 0px 0 0px 0 !important;} #case_study_box .case_study_txt h3{font-size: 32px;} .case_study_link a{font-size: 15px !important;} .reviews_content .reviews_bx .reviews_by{padding: 15px 30px !important;} .block_cls.homepage_top_space{padding-top: 60px;} .updated_home_comp .how_we_help .help_bx p{font-size: 15px !important;} .updated_home_comp .how_we_help .help_bx h3{font-size: 16px !important} .how_we_help .how_webx .icon{margin-top: 0 !important;} #case_study_box .owl-carousel .owl-item img{max-width: 90%; margin-left: 5%;} .case_study_img::before{width: 30px; height: 30px; left: 0px; top: 20px;} #case_study_box .owl-carousel .owl-item img{max-width: 90%; margin-left: 5%;} .case_study_img::before{width: 30px !important; height: 30px !important; left: 0px !important; top: 20px !important;} .case_study_img::after{width: 30px !important; height: 30px !important; right: 0 !important; bottom: 20px !important;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { #reviews{padding: 80px 0 0px 0;} #reviews::after, #blog_bx::after {top: 20%; font-size: 50px;} footer .certified_logo ul{display: block;} footer .certified_logo ul li{margin-bottom: 10px;} .home_slider .header_slide_content h2{font-size: 32px;} .aword_bx{margin-top: 0;} .clients_logo {padding: 50px 0 0px 0; text-align: center;} .block_cls h2{font-size: 32px;} .businessPotentialData p {font-size: 14px !important;} .businessPotentialData span.counting, .businessPotentialData span.counting span.count {font-size: 32px;} #reviews .reviews_content h2, #blog_bx .blog_bx_content h2{font-size: 32px;} .block_cls {width: 100%; margin-bottom: 50px;} #businessPotential {margin-bottom: 50px;} /*.search_bx{margin-top: -82px;}*/ .search_bx:hover input, .search_bx input:focus{width:550px;} .reviews_content .reviews_bx .reviews_by{padding: 15px 30px !important;} .updated_home_comp .how_we_help .how_v_help, .updated_home_comp .home_why_ishir .why_ishir_new, .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content{flex-wrap: wrap;} .updated_home_comp .how_we_help .help_bx p{font-size: 15px !important;} .updated_home_comp .how_we_help .help_bx h3{font-size: 16px !important} .how_we_help .how_webx .icon{margin-top: 0 !important;} #case_study_box .owl-carousel .owl-item img{max-width: 90%; margin-left: 5%;} .case_study_img::before{width: 30px !important; height: 30px !important; left: 0px !important; top: 20px !important;} .case_study_img::after{width: 30px !important; height: 30px !important; right: 0 !important; bottom: 20px !important;} } @media only screen and (min-width: 1200px) and (max-width: 1299px) { .block_cls h2{max-width: 600px;} #reviews::after, #blog_bx::after{font-size: 120px;} footer .footer_ext .footer_links ul li{margin-right: 10px;} .reviews_content .reviews_bx .reviews_by{padding: 15px 30px !important;} .updated_home_comp .how_we_help .how_v_help, .updated_home_comp .home_why_ishir .why_ishir_new, .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content{flex-wrap: wrap;} .updated_home_comp .how_we_help .help_bx p{font-size: 15px !important;} .updated_home_comp .how_we_help .help_bx h3{font-size: 16px !important} .how_we_help .how_webx .icon{margin-top: 0 !important;} } @media only screen and (min-width: 1300px) and (max-width: 1399px) { #reviews::after, #blog_bx::after{font-size: 120px;} footer .footer_ext .footer_links ul li{margin-right: 10px;} .reviews_content .reviews_bx .reviews_by{padding: 15px 30px !important;} .updated_home_comp .how_we_help .how_v_help, .updated_home_comp .home_why_ishir .why_ishir_new, .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content{flex-wrap: wrap;} .updated_home_comp .how_we_help .help_bx p{font-size: 15px !important;} .updated_home_comp .how_we_help .help_bx h3{font-size: 16px !important} .how_we_help .how_webx .icon{margin-top: 0 !important;} } @media only screen and (min-width: 1400px) and (max-width: 1499px) { .block_cls h2{max-width: 600px;} #reviews::after, #blog_bx::after{font-size: 120px;} footer .footer_ext .footer_links ul li{margin-right: 10px;} } @media only screen and (min-width: 768px) and (max-width: 1366px) { .updated_home_comp .how_we_help .how_v_help p, .updated_home_comp .home_why_ishir .why_ishir_new p, .reviews_content .testimonials_cls p, #blog_bx .blog_bx_content .blog_content p{max-width: 100% !important; font-size: 22px; line-height: 1.4;} #case_study_box .case_study_txt h3{font-size: 32px;} } .businessPotentialData:last-child:after{display: none;} .headerForm .form_inner ul.country-list{ overflow-x:hidden; max-width:430px; } .headerForm, .headerForm .form_inner{ overflow:inherit; } .talk-to-us-form #banner{ overflow:inherit; } @media(max-width:767px) { .headerForm .form_inner ul.country-list{white-space: normal;} .headerForm .iti-mobile .intl-tel-input .country-list { width: calc(100% - 60px); height: calc(100vh - 100px); top: 50px; } .search_bx {margin-top: 0;} .search_bx:hover input, .search_bx input:focus{width:550px;} } @media(max-width:767px) {.search_bx input{width:300px !important} } /* css added on 18-6-21 */ @media only screen and (max-width: 1400px) and (min-width: 1199px) { .home_slider .header_slide_content h2{font-size: 42px;} #why_ishir .about_box{min-height: 230px;} footer .footer_ext .copy_txt{font-size: 11px;} footer ul.socialLinks li{margin-right: 10px;} footer .footer_ext .footer_links ul li{margin-right: 0 !important;} footer ul.socialLinks li{margin-right: 10px;} .aword_bx .aword_txt p{font-size: 20px;} } .great_place_work {position: fixed; right: 0; width: 60px; top: 0px; z-index: 9;} @media(max-width:1199px){ .great_place_work {display: none;} .page-template-frontpage-newdesign .search-form{display:none;} } .blog_bx1 .share_btn .addtoany_shortcode{padding:0;} .blog_bx1 .share_btn .addtoany_share_save{display: block; width: 32px; display: flex; align-items: center; justify-content: center; background: var(--primary-yellow);} .blog_bx_content .blog_bx1 .share_btn img{vertical-align:middle; width: 15px;} .blog_bx_content .blog_bx1 .share_btn a em { color: var(--primary-yellow); font-size: 16px; font-style: normal; display: inline-block; vertical-align:middle; } .testContent { min-height: 85px; } @media only screen and (max-width: 1299px) and (min-width: 992px) { .clients_logo .item img {max-width: 100%;} #certification_logo .item img {max-width: 100%; } } .blog_bx1 .bottom_links {width: 100%; justify-content: space-between; display: flex; align-items: center;} .blog_bx1 .bottom_links .a2a_kit a{margin:0;} .blog_bx1 a.read_more {color: #000; width: auto; display: flex; align-items: center; justify-content: center; height: auto; border-radius: 0; background: var(--primary-yellow); padding: 7px 10px 8px 10px; line-height: 140%;} /* New homepage Banner */ :root { --base-font-size: 1rem; --font-size-xl: 3.2rem; --font-size-lg: 2.8rem; --font-size-md: 2.5rem; --font-size-sm: 2rem; --font-size-xs: 1.5rem; --degree: 99deg; --degree2: 45deg; --color: rgba(6, 42, 81, 1); --color2: rgba(22, 34, 42, 1); --white: #fff; --black: #000; --textColor: #fff; } * { box-sizing: border-box; } .site_content button { background-color: #000000; border-color: #000000; border-radius: 0.25rem; font-size: var(--base-font-size); box-shadow: none; padding: 0.75rem 1.5rem; border: 0; font-weight: 600; color: #fff; cursor: pointer; text-shadow: none; font-family: "Mulish", sans-serif; } .site_content button.header_button { background-color: var(--primary-yellow); border-color: var(--primary-yellow); color: rgba(0, 0, 0, 0.81); } .site_content .page { width: 100%; height: calc(100vh - 84px); position: absolute; top: 0; left: 50%; transform: translate(-100%, 0); } .site_content .page_content { position: relative; width: 100%; overflow: hidden; z-index: 2; height: 100vh; display: flex; align-items: center; flex-wrap: wrap; align-content: center; max-width: 1470px; margin: 0 auto; } .site_content { width: 100%; height: 92.5vh; z-index: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; font-family: "Mulish", sans-serif; /* background: #000; */ } .site_content .slides { height: 188px; width: 100%; min-width: 800px; position: relative; } .site_content .slide1, .site_content .slide2 { width: 100%; position: absolute; top: 0; left: 0; } .site_content .slide2 { opacity: 0; } .site_content .text, .site_content .text3 { line-height: 1.5; font-size: var(--font-size-xl); font-weight: 900; /* text-align: center; */ color: var(--textColor); /** new added css **/ width: 100%; max-width: 1440px; margin: 0 auto; } .site_content .text2, .site_content .text4 { line-height: 1.5; margin: 1.25rem 0 0; font-size: var(--font-size-md); font-weight: 900; color: var(--textColor); /* text-align: center; */ /** new added css **/ width: 100%; max-width: 1440px; margin: 0 auto; } .site_content .text span:not(.worldClassBox), .site_content .text3 span:not(.worldClassBox) { color: var(--primary-yellow); } .site_content .more_button { margin-top: 3rem; width: 100%; /* text-align: center; */ display: block; /** new added css **/ width: 100%; max-width: 1500px; margin: 160px auto 0 auto; } .site_content .more_button a { display: inline-flex; color: rgba(0, 0, 0, 0.81); background: var(--primary-yellow); vertical-align: top; font-weight: 600; text-decoration: none; padding: 12px 20px; min-width: 144px; /* font-size: var(--base-font-size); */ font-size: 22px; border-radius: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: "Mulish", sans-serif; width: 220px; height: 60px; align-items: center; } .site_content .more_button a:hover { background: var(--yellow-hover); } .site_content .underline { position: relative; } .site_content .underline::after { position: absolute; left: -10px; content: ""; width: calc(100% + 20px); height: 80px; z-index: -1; border-radius: 8px; background: var(--primary-yellow); animation: widthAnimate 1s infinite; animation-iteration-count: 1; } @keyframes widthAnimate { from { width: 0; } to { width: calc(100% + 20px); } } .site_content .gradient1 { height: 100vh; width: 100%; z-index: 1; left: 0; position: absolute; background: linear-gradient(var(--degree2), var(--color2), var(--color)); } .site_content video.video { position: absolute; inset: 0px; z-index: 0; width: 100%; height: 100%; object-fit: cover; /* opacity: 0.3; */ object-position: center center; } @media only screen and (min-width: 0px) and (max-width: 767px) { .site_content .slides{min-width: 100%} .site_content .text, .site_content .text3 { line-height: 1.3; font-size: 32px; font-weight: 900; text-align: center; color: var(--textColor); display: inline-block; } .site_content .text2, .site_content .text4 { line-height: 1.5; margin: 0.5rem 0 0; font-size: var(--font-size-xs); font-weight: 800; color: var(--textColor); text-align: center; } .site_content .underline::after{ height: 45px; } .site_content .underline { position: relative; display: inline-block; } .site_content .text span:not(.worldClassBox), .site_content .text3 span:not(.worldClassBox) { display: inline-block; } .site_content .text span{margin: 0 8px;} /* .site_content video.video{top:80px} */ } .site_content .more_button path {fill: #000;} @media only screen and (min-width: 768px) and (max-width: 991px) { .site_content .text, .site_content .text3 {font-size: var(--font-size-md); line-height: 1.5; margin: 0.5em 0 0;} .site_content .text2, .site_content .text4 {font-size: var(--font-size-sm); line-height: 1.5; margin: 0.5em 0 0;} .site_content .underline::after{height: 65px;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .site_content .text, .site_content .text3 {font-size: var(--font-size-md); line-height: 1.5; margin: 0.5em 0 0;} .site_content .text2, .site_content .text4 {font-size: var(--font-size-sm); line-height: 1.5; margin: 0.5em 0 0;} .site_content .underline::after{height: 65px;} } .shape_bottom {bottom: -8px; position: absolute; z-index: 1;} @media only screen and (min-width: 0px) and (max-width: 767px) { .site_content video.video {top: 0; height: 100%;} } @media only screen and (min-width: 0px) and (max-width: 767px) { .site_content .text, .site_content .text2 {max-width: 690px; margin: 0 auto;} .firstText {width: 100%; display: flex;} .site_content .more_button {max-width: 690px; margin: 100px auto 0 auto; text-align: center;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .site_content .text, .site_content .text2 {max-width: 690px; margin: 0 auto;} .firstText {width: 100%; display: flex;} .site_content .more_button {max-width: 690px; margin: 50px auto 0 auto;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .site_content .text, .site_content .text2 {max-width: 930px; margin: 0 auto;} .site_content .more_button {max-width: 930px; margin: 60px auto 0 auto;} } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .site_content .text, .site_content .text2 {max-width: 1130px; margin: 0 auto;} .site_content .more_button {max-width: 1130px; margin: 100px auto 0 auto;} .site_content .text {font-size: var(--font-size-lg);} .site_content .underline::after {height: 75px;} } @media only screen and (min-width: 1400px) and (max-width: 1499px) { .site_content .text, .site_content .text2 {max-width: 1130px; margin: 0 auto;} .site_content .more_button {max-width: 1130px; margin: 120px auto 0 auto;} .site_content .text {font-size: var(--font-size-lg);} .site_content .underline::after {height: 75px;} } @media only screen and (min-width: 1500px) and (max-width: 1599px) { .site_content .text, .site_content .text2 {max-width: 1430; margin: 0 auto;} .site_content .text, .site_content .text3 {font-size: 3rem;} .site_content .more_button {margin: 50px auto 50px auto;} .site_content .underline::after {height: 70px;} } .firstText {width: 100%; display: flex;} /* New homepage Banner END*/ .call_bx{ margin: 10% auto; text-align: center; transition: all .3s ease-in-out; width: 50px; height: 45px; } .call_bx a:hover{cursor: pointer} .call_bx a { background: transparent; outline: none; position: relative; padding: 15px 50px; overflow: hidden; display: inline-block; } .call_bx a:hover:after{opacity: 1; transform: translate(0,0);} .call_bx a::after{ content: attr(data-hover); position: absolute; top: 10px; left: 0; width: 100%; text-transform: uppercase; font-weight: 600; font-size: 18px; opacity: 0; transform: translate(100%,0); transition: all .3s ease-in-out; } .call_bx a:hover div{opacity: 0; transform: translate(100%,0)} .call_bx a div{transition: all .3s ease-in-out; margin: auto;} .call_bx:hover {width: 190px; transition: all .3s ease-in-out;} .testContent iframe, .testContent video {width: 100%; height: 250px; border: 0;} .footer_cls{font-family: 'Mulish', sans-serif;} footer h4 {background:url(../images/footer-head-icon.png) no-repeat bottom left; color:var(--primary-yellow); font-size:18px; font-weight:700; padding-bottom:6px; text-transform:uppercase; padding-top:75px;} ul.footerLinks {margin:0 0 50px 0;} ul.footerLinks, ul.emails {padding:20px 0 0 0;} ul.footerLinks li, ul.emails li {font-size:14px; font-weight:300; line-height:25px; color:#fff;} ul.footerLinks li {text-transform: uppercase;} ul.footerLinks li a {color:#fff;} ul.emails li a {color:#8590eb;} ul.footerLinks li a:hover, ul.emails li a:hover {color:var(--yellow-hover); margin-left:5px;} footer address, footer span.contactNumber {font-size:14px; font-weight:300; line-height:25px; color:#fff; padding-top:20px;} footer address {margin: 0 !important;} @media only screen and (min-width: 0px) and (max-width: 767px){ .footerrequestBtn { display: none; } #lhnHocButton { display: none !important; } } /* .dropdown-content ul.socialLinks li {width: 30px; height: 30px;} */ /* .dropdown-content ul.socialLinks li a {width: 30px; height: 30px;} */ ul.socialLinks li a i {background: url(../images/font-awesome-icons.svg) no-repeat; width: 30px; height: 30px; display: inline-block;} ul.socialLinks li a i.fa-facebook {background-position: 0 -8px;} ul.socialLinks li a i.fa-linkedin {background-position: -45px -8px;} ul.socialLinks li a i.fa-twitter {background-position: -95px -8px;} ul.socialLinks li a i.fa-youtube {background-position: -150px -8px;} ul.socialLinks li a i.fa-rss {background-position: -200px -8px;} ul.socialLinks li a i.fa-flickr {background-position: -250px -8px;} ul.socialLinks li a i.fa-slideshare {background-position: -300px -8px;} ul.socialLinks li:hover a i.fa-facebook {background-position: 0 -44px;} ul.socialLinks li:hover a i.fa-linkedin {background-position: -45px -44px;} ul.socialLinks li:hover a i.fa-twitter {background-position: -95px -44px;} ul.socialLinks li:hover a i.fa-youtube {background-position: -150px -44px;} ul.socialLinks li:hover a i.fa-rss {background-position: -200px -44px;} ul.socialLinks li:hover a i.fa-flickr {background-position: -250px -44px;} ul.socialLinks li:hover a i.fa-slideshare {background-position: -300px -44px;} button.footerToggleBtn i, button.extraText i {background: url(../images/font-awesome-icons.svg) no-repeat; width: 19px; height: 11px; display: inline-block; background-position: -52px -91px;} .call_bx a div i.fa-phone {background: url(../images/font-awesome-icons.svg) no-repeat; width: 26px; height: 26px; display: inline-block; background-position: -11px -80px;} #cookie-law-info-bar{ color: #000; bottom: 0px; position: fixed; display: block; width: 100%; box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%); text-align: center; font-family: 'Mulish', sans-serif !important; padding: 12px 10px; background: #fff; font-weight:300; z-index: 9999; font-size:15px; } .eupopup-buttons{margin: 8px 0 0; display: inline-block;} .eupopup-buttons a{padding: 6px 12px; cursor: pointer; margin-left: 5px;} #CONSTANT_OPEN_URL{text-decoration:underline; color: #444;} .cli-modal{display:none;} @media only screen and (min-width: 1200px) and (max-width: 1399px) { .site_content .text2, .site_content .text4 {font-size: var(--font-size-sm);} .site_content .text, .site_content .text3 {font-size: var(--font-size-lg);} .site_content .underline::after {height: 77px;} } @media only screen and (min-width: 0px) and (max-width: 385px) { .site_content .text2, .site_content .text4 {font-size: 1.2rem !important; padding-top: 20px !important;} } @media only screen and (min-width: 1200px) and (max-width: 1499px) { .site_content .text, .site_content .text3 {padding-top: 20px;} } @media only screen and (min-width: 1500px) and (max-width: 1700px) { .site_content .text, .site_content .text3 {padding-top: 20px;} .site_content .text2, .site_content .text4 {padding-top: 10px;} } /**** css added on 01-02-2024 by PR ****/ @media only screen and (min-width: 0px) and (max-width: 575px) { .extraText {left: 15px !important; top: -6px !important;} } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .site_content .underline::after {height: 60px !important;} } @media only screen and (min-width: 1500px) and (max-width: 1599px) { .site_content .underline::after {height: 70px !important;} } @media only screen and (min-width: 1500px) and (max-width: 1700px) { .site_content .text2, .site_content .text4 {line-height: 1.2;} } div#blog_carousel .bottom_links a.a2a_button_x { display: none !important; } #reviews_carousel .owl-item {height: 100%; margin-bottom: 30px;} #reviews_carousel .owl-item .item {height: 100%;} .reviews_content .reviews_bx {min-height: 350px ; position: relative; padding: 30px 30px 100px 30px;} .reviews_content .reviews_bx .reviews_by {position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 70px;} .reviews_content .reviews_by:before {left: 30px !important;} .reviews_content .reviews_by:after {right: 30px !important;} #blog_carousel .owl-stage {display: flex;} #blog_carousel .owl-stage .owl-item {display: flex;} #blog_carousel .owl-stage .owl-item .item {display: flex; flex-wrap: wrap;} #blog_carousel .owl-stage .owl-item .item .blog_bx1 {display: flex; flex-wrap: wrap; margin: 0 0 30px 0;} .blog_bx_content .blog_bx1 .date_cls {width: 100%; display:flex; align-items:center; font-size:13px; color:#616161;} .blog_bx1 .bottom_links {width: 100%;} #certification_logo .item {padding: 10px; width: calc(100% - 20px); display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #certification_logo .item img {width: 100% !important; max-height: 82px;} /* 22-03-2024 homepage hero banner changes */ @media(min-width:1200px){ .site_content .page_content{padding-top:64px;} .site_content .more_button{margin: 32px auto 0;} } .new_banner_heading_2024{ color: #f3f3f3; font-size: 64px; font-weight: 800; margin: 0 auto; max-width: 1500px; width:100%; line-height: 1.3; } .new_banner_heading_2024 span.h1_small_txt{ font-size: 3rem; line-height: 3rem; display: inline-block; font-weight: 300; margin-bottom: 32px; } .h1_large_txt{ max-width: 100%; display: block; font-size: 5.5rem; line-height: 1; margin-bottom: 32px; font-weight: 700; } span.h1_large_txt span.light_txt {color:var(--primary-yellow);} .h1_large_txt em{ --bg-size: 400%; --color-one: #25e3f4; --color-two: var(--primary-yellow); --color-three: var(--primary-yellow); --color-four: #a646d7; background: linear-gradient( 90deg, var(--color-one), var(--color-two), var(--color-three), var(--color-four), var(--color-one) ) 0 0 / var(--bg-size) 100%; color: transparent; background-clip: text; animation: move-bg 12s linear infinite; } @keyframes move-bg { to { background-position: var(--bg-size) 0; } } .new_banner_heading_2024 em{font-style:normal;} @media(max-width:1199px){ .h1_large_txt{font-size:56px;} .new_banner_heading_2024 span.h1_small_txt{font-size: 24px;} } @media(max-width:767px){ .new_banner_heading_2024{ font-size: 40px; font-weight: 800; margin: 0 auto; width:100%; padding: 0 1rem; text-align: left; } .h1_large_txt{font-size:40px;} .new_banner_heading_2024 span.h1_small_txt{font-size: 24px;} .new_banner_heading_2024 em.speed:after { bottom: -3px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .site_content .underline::after {height: 60px !important;} } #ishir_menu div.headerSocialLinks {position: relative !important; left: 0 !important; display: inline-flex; align-items: center; flex-wrap: wrap;} #ishir_menu div.headerSocialLinks div.socialChildren {display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-right: 15px;} #ishir_menu div.headerSocialLinks div.socialChildren a {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 41px; height: 33px; border-radius: 6px;} #ishir_menu div.headerSocialLinks div.socialChildren a:hover {background: var(--yellow-hover);} #ishir_menu div.headerSocialLinks div.socialChildren a i.facebook {background: url(https://www.ishir.com/wp-content/uploads/2024/05/header-social-media-icon.svg) no-repeat; width: 41px; height: 33px; background-position: 5px -6px;} #ishir_menu div.headerSocialLinks div.socialChildren a i.linkedin {background: url(https://www.ishir.com/wp-content/uploads/2024/05/header-social-media-icon.svg) no-repeat; width: 41px; height: 33px; background-position: -32px -7px;} #ishir_menu div.headerSocialLinks div.socialChildren a i.twitter {background: url(https://www.ishir.com/wp-content/uploads/2024/05/header-social-media-icon.svg) no-repeat; width: 41px; height: 33px; background-position: -72px -7px;} #ishir_menu div.headerSocialLinks div.socialChildren a i.instagram {background: url(https://www.ishir.com/wp-content/uploads/2024/05/header-social-media-icon.svg) no-repeat; width: 41px; height: 33px; background-position: -116px -6px;} @media only screen and (min-width: 0px) and (max-width: 339px) { #ishir_menu div.headerSocialLinks {display: none !important;} } @media only screen and (min-width: 340px) and (max-width: 575px) { #ishir_menu div.headerSocialLinks {margin-top: 8px;} #ishir_menu div.headerSocialLinks div.socialChildren {margin-right: 10px;} #ishir_menu div.headerSocialLinks div.socialChildren:last-child {margin-right: 0;} #ishir_menu div.headerSocialLinks div.socialChildren a {width: 32px; height: 32px;} #ishir_menu div.headerSocialLinks div.socialChildren a i {width: 32px; height: 32px;} #ishir_menu div.headerSocialLinks div.socialChildren a i.facebook {background-position: 0px -7px;} #ishir_menu div.headerSocialLinks div.socialChildren a i.linkedin {background-position: -37px -7px;} #ishir_menu div.headerSocialLinks div.socialChildren a i.twitter {background-position: -77px -7px;} #ishir_menu div.headerSocialLinks div.socialChildren a i.instagram {background-position: -121px -6px;} /**** css added on 03-06-2024 ****/ .our_service_txt p {font-size: 20px;} .block_cls.homepage_top_space {padding-top: 0;} .updated_home_comp .how_we_help .help_bx .line_effect {margin: 30px 0 !important;} .updated_home_comp .home_why_ishir .visual_bx h2 {margin-top: 30px;}} @media only screen and (min-width: 576px) and (max-width: 767px) { #ishir_menu div.headerSocialLinks {margin-top: 8px;} } /*CSS HOME PAGE NEW SECTIONS */ /* existing but modify CSS*/ .businessPotentialData span.counting span.count, .businessPotentialData span.counting { font-weight: 300; } .updated_home_comp { width: 100%; height: auto; } #businessPotential { margin: 0; padding: 0px 0 80px 0; } /* existing but modify CSS END */ /* New home page html CSS Start here*/ .updated_home_comp .home_help_bx { margin: 50px 0 0px 0; } .updated_home_comp .how_we_help { margin: 150px 0; } .updated_home_comp .how_we_help { margin: 0px 0; } .updated_home_comp .how_we_help h2 { font-family: 'Mulish', sans-serif; font-weight: 700; font-size: 42px; line-height: 1; color: #000000; margin-bottom: 45px; } .updated_home_comp .how_we_help .help_bx { cursor: auto; width: calc(100% - 30px); min-height: 120px; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; list-style: none; margin: 0 0 50px 15px; padding: 0 15px; border-bottom: solid 1px #000; } .updated_home_comp .how_we_help .help_bx:hover { color: #000 !important; transition: 0.5s; background: var(--surface-blue); border-bottom: solid 1px var(--surface-blue); } .updated_home_comp .how_we_help .help_bx:hover .icon{ background: var(--primary-yellow); box-shadow: 0px 3px 4px rgba(0,0,0,0.1) } .updated_home_comp .how_we_help .help_bx p { margin: 0; font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 18px; line-height: 25px; text-align: left; color: rgba(0, 0, 0, 0.89); transition: 0.5s; padding:0 0 10px 0; } .updated_home_comp .how_we_help .help_bx h3 { margin: 0; padding:0; font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; color: rgba(0, 0, 0, 0.89); } .how_webx { position: relative; height: auto; } .updated_home_comp .home_why_ishir { margin: 50px 0 50px 0; } .updated_home_comp .home_why_ishir .why_ishir_new { margin: 0 0 80px 0; max-width: 100%; display: inline-flex; justify-content: space-between; width: 100%; } .updated_home_comp .home_why_ishir .why_ishir_new h2 { font-family: 'Mulish', sans-serif; font-weight: 700; font-size: 42px; line-height: 53px; color: #000000; margin-bottom: 30px; } .updated_home_comp .home_why_ishir .why_ishir_new p { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 400; max-width: 730px; font-size: 26px; line-height: 40px; color: #616161; } .updated_home_comp .home_why_ishir .visual_bx { display: flex; flex-direction: column; width: 100%; max-height: 450px; height: 400px; margin: 90px 0 105px 0; position: relative; overflow: visible; z-index: 2; text-align:center; } .updated_home_comp .home_why_ishir .visual_bx span { display: flex; flex-direction: row; align-items: center; justify-content: center; font-family: 'Mulish', sans-serif; font-weight: 200; font-style: normal; font-size: 2.25em; color: #fff; width: 62px; height: 62px; border-radius: 100%; background: var(--primary-yellow); margin: 0 auto; } .updated_home_comp .home_why_ishir .visual_bx line { content: ""; display: flex; flex: 1; max-height: 123px; border-left: 1px solid #A8A8A8; margin: 15px auto; } .updated_home_comp .home_why_ishir .visual_bx h2 { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 900; font-size: 24px; line-height: 30px; color: #000000; } .updated_home_comp .home_why_ishir .visual_bx p { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #616161; } .updated_home_comp .home_get_started { margin: 0px 0 60px 0; background: var(--surface-blue); padding: 4rem 2rem; } .updated_home_comp .home_get_started h2 { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 700; font-size: 42px; line-height: 120%; display: inline-block; align-items: center; text-align: center; color: #000000; margin-bottom: 2rem; position: relative; z-index: 0; } .updated_home_comp .home_get_started .ready_to_start { margin: 0px 0; } .updated_home_comp .home_get_started .ready_to_start h2 { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 900; font-size: 80px; line-height: 120%; align-items: left; color: #000000; } .updated_home_comp .home_get_started .ready_to_start_cta { margin: 0 auto; max-width: 100%; width: 100%; text-align: left; } .updated_home_comp .home_get_started .ready_to_start_cta p { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 400; font-size: 26px; line-height: 120%; display: flex; align-items: center; text-align: left; color: #000000; margin-bottom:2rem; } .how_we_help .how_webx { width: 100%; text-align: left; display: inline-flex; align-items: center; justify-content: space-between; } .how_we_help .how_webx .icon { width: 100px; display: inline-flex; align-items: center; margin-right: 10px; padding: 10px; margin-left: -50px; margin-top: -70px; transition: 0.5s ease; } .how_we_help .how_webx .icon img { width: 100%; } .how_we_help .how_webx .how_webx_content { width: 100%; align-items: center; } a.help_bx:hover .icon { margin-top: 0; transition: 0.5s ease; } /* .updated_home_comp .home_get_started .ready_to_start_cta .custom_button{background-color: black;} .updated_home_comp .home_get_started .ready_to_start_cta .custom_button a{color: #ffffff; width: auto;} .updated_home_comp .home_get_started .ready_to_start_cta .custom_button a svg{fill: #ffffff;} .updated_home_comp .home_get_started .ready_to_start_cta .custom_button a svg path {fill: currentColor;} .updated_home_comp .home_get_started .ready_to_start_cta .custom_button::before, .updated_home_comp .home_get_started .ready_to_start_cta .custom_button::after {background-color: #262626;} */ @media only screen and (min-width: 0px) and (max-width: 575px) { .formob_bg { background: url(../images/new_mobile_bg.svg) top center no-repeat; background-size: 150%; background-position-x: -85px; background-position-y: 2580px; } .text-center.businessPotentialData { margin-bottom: 0px; } .updated_home_comp .how_we_help h2 { font-size: 28px; margin-bottom: 30px; } .updated_home_comp .home_why_ishir { margin: 0px 0 30px 0; } .updated_home_comp .how_we_help .help_bx { margin: 0 0 30px 0; } .updated_home_comp .home_help_bx { margin: 0 0 0px 0; } .updated_home_comp .home_why_ishir .why_ishir_new { margin: 0 0 50px 0; } .updated_home_comp .home_why_ishir .why_ishir_new h2 { font-size: 28px; margin-bottom: 15px; } .updated_home_comp .home_why_ishir .visual_bx line { max-height: 50px; display: none; } .updated_home_comp .home_why_ishir .visual_bx { max-height: 300px; height: auto; margin: 0 0 75px 0; } .updated_home_comp .home_why_ishir .container .row .col-12:last-child .visual_bx {margin-bottom: 0;} #blog_bx .blog_bx_content h2, #reviews .reviews_content h2 {margin-bottom: 30px;} .updated_home_comp .home_why_ishir .visual_bx span { width: 52px; height: 52px; font-size: 28px; } .updated_home_comp .home_get_started .ready_to_start h2 { font-size: 50px; margin-bottom: 15px !important; } .updated_home_comp .home_get_started .ready_to_start_cta p { font-size: 20px; margin-bottom: 60px !important; } .updated_home_comp .home_get_started h2 { font-size: 32px; margin-bottom: 15px; } #blog_bx .blog_bx_content h2 span { font-size: 28px !important; } .site_content .custom_button a { width: auto !important; } /* CSS for homepage content center */ /* .updated_home_comp .how_we_help, .updated_home_comp .home_why_ishir .why_ishir_new, .case_study_txt, #reviews .reviews_content, .reviews_content .reviews_bx, #blog_bx .blog_bx_content, #blog_carousel .owl-stage .owl-item .item .blog_bx1{text-align:center} */ .blog_bx_content .blog_bx1 .date_cls{justify-content:left} #case_study_box .case_study_txt h3{text-align:left; display:inline-block;} .reviews_content .reviews_bx{height:530px;} .reviews_content .reviews_by:before {left: 50% !important; margin-left: -26px;} .how_we_help .how_webx .icon{width: 80px; margin-left: -40px;} .updated_home_comp .how_we_help .help_bx{min-height: auto; padding: 15px;} #clients .slider {height: 100px;} } /* CSS for homepage content center END*/ @media only screen and (min-width: 576px) and (max-width: 767px) { .text-center.businessPotentialData { margin-bottom: 40px; } .updated_home_comp .how_we_help h2 { font-size: 28px; margin-bottom: 15px; } .updated_home_comp .home_why_ishir { margin: 50px 0; } .updated_home_comp .how_we_help .help_bx { margin: 0 0 30px 0; } .updated_home_comp .home_help_bx { margin: 30px 0; } .updated_home_comp .home_why_ishir .why_ishir_new { margin: 0 0 50px 0; } .updated_home_comp .home_why_ishir .why_ishir_new h2 { font-size: 28px; margin-bottom: 15px; } .updated_home_comp .home_why_ishir .visual_bx line { max-height: 50px; } .updated_home_comp .home_why_ishir .visual_bx { max-height: 300px; height: 300px; margin: 0; } .updated_home_comp .home_why_ishir .visual_bx span { width: 52px; height: 52px; font-size: 28px; } .updated_home_comp .home_get_started .ready_to_start h2 { font-size: 50px; margin-bottom: 15px; } .updated_home_comp .home_get_started .ready_to_start_cta p { font-size: 22px; } .updated_home_comp .home_get_started h2 { font-size: 32px; } #blog_bx .blog_bx_content h2 span { font-size: 28px !important } .how_we_help .how_webx .icon{width: 80px; margin-left: -40px;} .updated_home_comp .how_we_help .help_bx{min-height: auto; padding: 15px;} #clients .slider {height: 100px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .text-center.businessPotentialData { margin-bottom: 40px; } .updated_home_comp .how_we_help h2 { font-size: 28px; margin-bottom: 15px; } .updated_home_comp .home_why_ishir { margin: 50px 0; } .updated_home_comp .how_we_help .help_bx { margin: 0 0 30px 0; } .updated_home_comp .home_help_bx { margin: 50px 0; } .updated_home_comp .home_why_ishir .why_ishir_new { margin: 0 0 50px 0; } .updated_home_comp .home_why_ishir .why_ishir_new h2 { font-size: 28px; margin-bottom: 15px; } .updated_home_comp .home_why_ishir .visual_bx line { max-height: 50px; } .updated_home_comp .home_why_ishir .visual_bx { max-height: 300px; height: 300px; margin: 0; } .updated_home_comp .home_why_ishir .visual_bx span { width: 52px; height: 52px; font-size: 28px; } .updated_home_comp .home_get_started .ready_to_start h2 { font-size: 50px; margin-bottom: 15px; } .updated_home_comp .home_get_started .ready_to_start_cta p { font-size: 22px; } .updated_home_comp .home_get_started h2 { font-size: 32px; } .how_we_help .how_webx .icon{width: 70px; margin-left: -40px;} .updated_home_comp .how_we_help .help_bx{width: 100%; padding: 15px;} header{height: 70px;} #clients .slider {height: 100px;} .updated_home_comp .home_why_ishir .why_ishir_new, .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content{display: inline-block !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .how_we_help .how_webx .icon{width: 70px; margin-left: -40px;} .updated_home_comp .how_we_help .help_bx{width: 100%; padding: 15px;} header{height: 70px;} #clients .slider {height: 100px;} } .blog_bx1 .addtoany_shortcode .a2a_button_linkedin {display:none;} #clients_carousel .owl-dots {visibility: hidden;} @media only screen and (min-width: 992px) and (max-width: 1499px) { .updated_home_comp .how_we_help .help_bx p{font-size:20px} #clients .slider {height: 100px;} } a.help_bx { text-decoration: none !important; cursor: pointer !important; } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .reviews_content .reviews_bx { min-height: 435px !important; } } @media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) { .reviews_content .reviews_bx { min-height: 375px !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .reviews_content .reviews_bx { min-height: 350px !important; } } #blog_bx .blog_bx_content h2 span { font-weight: 700; font-size: 42px; text-transform: capitalize; } @media only screen and (min-width: 1024px) and (max-width: 1365px) { #ishir_menu > ul > li {float: left; margin: 0 10px !important;} #ishir_menu > ul > li.has-sub > a {padding-right: 25px !important;} } @media only screen and (min-width: 1366px) and (max-width: 1499px) { #ishir_menu > ul > li {float: left; margin: 0 5px !important;} #ishir_menu > ul > li.has-sub > a {padding-right: 25px !important;} } .home_why_ishir .col-xl-3:nth-child(2) {-webkit-animation-delay: .25s; -moz-animation-delay: .25s; -o-animation-delay: .25s; animation-delay: .25s} .home_why_ishir .col-xl-3:nth-child(3) {-webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s} .home_why_ishir .col-xl-3:nth-child(4) {-webkit-animation-delay: .75s; -moz-animation-delay: .75s; -o-animation-delay: .75s; animation-delay: .75s} .home_why_ishir .col-xl-3:nth-child(5) {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s} .site_content:before {content: ""; width: 100%; height: 120px; position: absolute; bottom: -60px; z-index: 1; left: 0; transform: skewY(-2deg); background: #fff; display: none;} .site_content .shapeCls svg {display: none !important;} @media (min-width: 1500px){ .container {max-width: 1500px !important;} } @media only screen and (min-width: 0px) and (max-width: 767px) { footer .footer_ext .copy_link{text-align: left; margin-top: 10px;} ul.socialLinks {margin:20px 0 !important; justify-content: left !important;} } @media only screen and (min-width: 768px) and (max-width: 991px) { ul.socialLinks li {padding: 0 6px 0 0 !important; display: inline-block !important;} footer .footer_ext .footer_links ul li {display: inline-block; margin-right: 15px;} } .reviews_content #reviews_carousel .owl-dots {counter-reset: dots; display: block; text-align: center;} .reviews_content #reviews_carousel .owl-dots span {width: 10px; height: 10px; display: block; border: solid 1px var(--primary-blue); background: transparent; display: inline-block;} .reviews_content #reviews_carousel .owl-dots button.owl-dot.active span {background: var(--primary-blue) !important; width: 16px !important;} .reviews_content #reviews_carousel .owl-dots .button.owl-dot.active:before, .reviews_content #reviews_carousel .owl-dots .owl-dot:before{display: none;} /* New Homepage CSS 17-7-24 */ .innerHeader {display: flex; align-items: center;} .video_bg {top: 0; position: absolute; left: 0; width: 100%; height: calc(100vh - 70px); overflow: hidden;} .video_bg:before{content: ''; width: 100%; background: rgba(0,0,0,0.7); height: calc(100vh - 70px); top: 0; left: 0; position: absolute; z-index: 1;} .custom_button {color: rgba(0,0,0,1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; border: 0px solid var(--primary-yellow); overflow: hidden; align-items: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: var(--primary-yellow); font-weight: 300; display: inline-block;} .custom_button a {text-decoration: none; display: block; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 18px; padding: 12px 20px; color: #000; position: relative; z-index: 2; text-shadow: none; width: 220px; height: 60px; display: inline-flex; align-items: center; justify-content: space-between;} .custom_button::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: var(--yellow-hover); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-100%,0); transform: translate(-100%,0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); font-weight: 500 !important;} .custom_button::after {content: ''; position: absolute; top: 0; right: 0px; width: 100%; height: 100%; z-index: 1; background-color: var(--yellow-hover); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(100%,0); transform: translate(100%,0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); font-weight: 500 !important;} .custom_button::after {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;} .custom_button a:hover, .custom_button a:focus {color: #000; text-decoration: none; font-weight: 500;} .custom_button:hover::before, .custom_button:hover::after {-webkit-transform: translate(0,0); transform: translate(0,0); color:#000; font-weight: 300;} .divider {padding: 90px 0; display: flex; justify-content: flex-end; width: 100%; overflow: hidden;} .divider-line {position: relative;} .divider span {display: flex; background-color: #8D8D8D; width: 50%; height: 1px;} .divider-line i.before {content: ''; background: var(--primary-yellow); width: 40px; height: 40px; position: absolute; left: 0px; margin-top: -21px; z-index: 1;} .divider-line i.after {content: ''; background: var(--surface-blue); width: 40px; height: 40px; position: absolute; left: 20px; margin-top: 0;} .updated_home_comp .how_we_help .how_v_help {max-width: 100%; display: inline-flex; justify-content: space-between; width: 100%; margin-bottom: 80px;} .updated_home_comp .how_we_help .how_v_help p {font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 400; max-width: 730px; font-size: 26px; line-height:40px; color: #616161;} .updated_home_comp .how_we_help .how_v_help p a {display: inline-block; font-size: 20px; margin-top: 1.5rem;} .numbers {width: 65px; height: 65px; position: relative;} .numbers:before {content: ''; width: 65px; height: 65px; border-right: 10px solid var(--surface-blue); position: absolute; right: -10px; bottom: -10px; display: block; border-bottom: 10px solid var(--surface-blue);} .number-block:after { content: ''; width: calc(100% - 115px); border-right: 10px solid var(--surface-blue); position: absolute; top: 51px; display: block; border-bottom: 2px dashed #8D8D8D; left: 115px; } .numbers.bg-yellow { display: inline-flex; align-items: center; justify-content: center; font-size: 30px; line-height: 2rem; color: #fff; background: var(--primary-yellow); margin-bottom: 50px; } .number-block h2.service_heading { font-size: 25px; color: #1f2937; } .number-block p { color: #4b5563; font-size: 18px; } .case_study_img { position: relative; max-width: 620px; padding: 35px 0; } .case_study_img::before { content: ''; width: 60px; height: 60px; background: var(--primary-yellow); position: absolute; left: 10px; top: 0px; z-index: -1; } .case_study_img::after { content: ''; width: 60px; height: 60px; background: var(--surface-blue); position: absolute; right: 10px; bottom: 0px; z-index: -1; } .slider { height: 200px; position: relative; width: 100%; margin: 50px 0; display: grid; place-items: center; overflow: hidden; } .slide-track { width: calc(150px * 20); display: flex; animation: scroll 40s linear infinite; justify-content: space-between; gap: 90px; } .slide-track:hover { animation-play-state: paused; } .slide { width: 150px; height: 60px; display: grid; place-items: center; transition: 0.5s; cursor: pointer; } @keyframes scroll { 0% { transform: translateX(0px); } 100% { transform: translateX(calc(-150px * 10)); } } @media screen and (max-width: 768px) { .slide-track { width: calc(120px * 20); } .slide { width: 120px; } @keyframes scroll { 0% { transform: translateX(0px); } 100% { transform: translateX(calc(-80px * 10)); } } } .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content {display: inline-flex; justify-content: space-between; width: 100%; margin-bottom: 80px;} .reviews_content .testimonials_cls p, #blog_bx .blog_bx_content .blog_content p{font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 400; max-width: 730px; font-size: 26px; line-height: 40px; color: #616161;} #ishir_menu > ul > li.get_started {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; border: 0px solid #fff; overflow: hidden; align-items: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #000; font-weight: 300; display: inline-block;} #ishir_menu > ul > li.get_started a {text-decoration: none; display: block; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 10px 15px; color: #fff; position: relative; z-index: 2; text-shadow: none; display: inline-flex; align-items: center; line-height: 1.6;} #ishir_menu > ul > li.get_started::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #ffe715; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-100%,0); transform: translate(-100%,0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); font-weight: 500 !important;} #ishir_menu > ul > li.get_started::after {content: ''; position: absolute; top: 0; right: 0px; width: 100%; height: 100%; z-index: 1; background-color: #ffe715; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(100%,0); transform: translate(100%,0); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); font-weight: 500 !important;} #ishir_menu > ul > li.get_started::after {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;} #ishir_menu > ul > li.get_started a:hover{color: #000; text-decoration: none; font-weight: 500;} #ishir_menu > ul > li.get_started:hover::before, #ishir_menu > ul > li.get_started:hover::after {-webkit-transform: translate(0,0); transform: translate(0,0); color:#000; font-weight: 300;} #ishir_menu > ul > li.get_started:hover > a, #ishir_menu ul li.get_started.active a{background-color: transparent;} .blog_bx_content .blog_bx1 .date_cls{font-size: 18px; color: #1f2937; font-weight: 700;} /**** media queries ****/ @media only screen and (min-width: 0px) and (max-width: 575px) { .custom_button{margin: 0 20px;} .updated_home_comp .home_get_started .custom_button{margin: 0 !important;} .block_cls.homepage_top_space {padding-top: 30px !important; margin-bottom: 30px !important;} #businessPotential {margin: 0; padding: 0px 0 0px 0 !important;} .updated_home_comp .how_we_help .how_v_help, .updated_home_comp .home_why_ishir .why_ishir_new, .reviews_content .testimonials_cls, #blog_bx .blog_bx_content .blog_content{display: inline-block;} .case_study_img::before{left: 0;} .case_study_img::after{right: 0;} .case_study_img{padding: 35px 20px;} .slide-track {width: 100%; gap: 0;} .reviews_name{text-align: left;} .reviews_content .reviews_bx .reviews_by{padding: 30px 30px;} .reviews_content .testimonials_cls p, #blog_bx .blog_bx_content .blog_content p, .updated_home_comp .home_why_ishir .why_ishir_new p{font-size: 20px; line-height: 1.5;} } /****media queries ****/ @media screen and (min-width: 1366px) { #reviews, #blog_bx{margin-top: 50px;} .updated_home_comp .home_why_ishir{margin-bottom: 105px;} .slider{margin: 50px 0 0px 0;} } @media only screen and (min-width: 576px) and (max-width: 767px) { } .footerrequestBtn { position: fixed; right: 20px; bottom: 220px; z-index: 3; } .case_study_link a{color: var(--primary-blue);} @media (min-width: 1200px) { .h1_large_txt{font-size: 4.5rem;} } .lhnField.lhnNot-valid label.lhnLabel{color:red !important;} .lhnFieldInput input.lhnError {border-color: red !important;} input.wpcf7-form-control.wpcf7-submit { cursor: pointer; } /* Homepage ADA compliant CSS START */ .new_banner_heading_2024 span.h1_small_txt, .h1_large_txt{background: rgba(0,0,0,0.1); padding: 0px 15px 10px 15px;} .numbers.bg-yellow span{color: var(--black);} .signup_bx_footer .hbspt-form label span{background: rgba(0, 0, 0, 0.1); padding: 5px;} .case_study_link img {display: none !important;} .block_cls h2 span {color: var(--black); font-weight: 800;} /* Homepage ADA compliant CSS END */