@media only screen and (min-width:1199px) {
    .sbc-bottom-content p { max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transform: translateY(10px); transition: max-height 0.6s ease, opacity 0.4s ease, transform 0.4s ease; }
    .solutionlist-box-wrap:hover .sbc-bottom-content p { max-height: 200px;   /* content se thoda zyada */ opacity: 1; visibility: visible; transform: translateY(10px); }
    .solutionlist-box-wrap .btn-theme-round, .blogbox  .btn-theme-round { opacity: 0; visibility: hidden; transform: translateX(20px); }
    .solutionlist-box-wrap:hover .btn-theme-round, .blogbox a:hover  .btn-theme-round { opacity: 1; visibility: visible; transform: translateX(0px); z-index: 1; }
    .custom-cursor { position: fixed; top: 0; left: 0; width: 12px; height: 12px; background: #E53D32; z-index: 999999; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); transition: width 0.25s cubic-bezier(.22, .61, .36, 1), height 0.25s cubic-bezier(.22, .61, .36, 1); z-index: 9999; }
    .custom-cursor.active { width: 30px; height: 30px; background: #221F1F; }
    body, a, button { cursor: none !important; }
}
@media only screen and (min-width:1921px) { }
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1650px) {
    .card-header { min-height: 361px; }
}
@media only screen and (max-width:1800px) {
    .hmprocess-box { padding-left: 120px; }
    .t180 { font-size: 150px; letter-spacing: -1.5px; }
    .vectoParallax { width: 80px; }
    h5, .th5 { font-size: 30px; }
    h4, .th4, .tabsectionrow .bullet-button li { font-size: 40px; letter-spacing: -0.4px; }
    .t150 { font-size: 100px; }
    .offset1 { padding-left: 60px; }
    h1, h2, .th1, .th2 { font-size: 74px; letter-spacing: -0.5px; }
    h3, .th3 { font-size: 55px; }
    .mb-100 { margin-bottom: 70px; }
    .navmenu > ul > li { margin: 0 20px; }
    .hm-testimonials .review-box { padding: 30px; }
    .solutionlist-box-content { padding: 30px; }
    .t36 { font-size: 30px; line-height: 1.38; }
    .ppc-accrow .tab-nav-custom a span { font-size: 20px; }
    .t210 { font-size: 150px; }
    .includes-number.mb-30 { margin-bottom: 10px; }
    .includes-content { padding-bottom: 30px; border-bottom: 1px solid #4A4C50; }
    .left-minus { margin-left: -160px; }
    .copyrights { font-size: 18px; }
    .pageoffset { margin-top: 210px; }
    label { font-size: 20px; margin-bottom: 10px; }
}
@media only screen and (max-width:1536px) {
    .left-minus { margin-left: -120px; }
}
@media only screen and (max-width:1440px) {
    .bloghomerow .vectoParallax { display: none; }
    .t180 { font-size: 120px; letter-spacing: -1.2px; }
    .bullet-button li { padding: 20px 0px 20px 60px; font-size: 24px; }
    .btn-theme-round.round36:after { width: 10px; height: 10px; background-size: 10px; }
    .round36 { height: 30px; width: 30px; }
    .bullet-button li span { top: 20px; }
    .sd-problem h4 { margin-bottom: 20px; }
    .mb-50 { margin-bottom: 30px; }
    .left-minus { margin-left: -75px; }
    .pt-250 { padding-top: 180px; }
    .pb-150 { padding-bottom: 100px; }
    .mb-250 { margin-bottom: 180px; }
    .mb-200 { margin-bottom: 150px; }
    .ptb-250 { padding: 180px 0px; }
    h1, h2, .th1, .th2 { margin-bottom: 20px; font-size: 70px; }
    body { font-size: 20px; line-height: 1.3; }
    .hm-testimonials .review-top { padding-bottom: 40px; }
    .t36 { font-size: 26px; line-height: 1.38; }
    .ppc-accrow .tab-nav-custom a span { font-size: 18px; }
    .hmemployers-items .hmemployers-box { padding: 30px 20px; }
    h5, .th5 { font-size: 28px; }
    .t150 { font-size: 80px; }
    .hmcounter-box .pb-50 { padding-bottom: 30px; }
    .footer-big-logo { max-width: 800px; margin: 0px auto; }
    .pageoffset { margin-top: 160px; }
    .pagenotfound img { max-width: 300px; }
    .mapiframecol iframe { width: 100%; height: 500px; }
}
@media only screen and (max-width:1366px) {
    h1, h2, .th1, .th2 { font-size: 70px; letter-spacing: -0.5px; }
    .left-minus { margin-left: -125px; }
    .includes-row h2 { font-size: 40px; }
    .includes-row h3 { font-size: 30px; }
    .includes-row h5 { font-size: 24px; }
    h4, .th4, .tabsectionrow .bullet-button li { font-size: 30px; }
    h1, h2, .th1, .th2 { font-size: 60px; margin-bottom: 20px; }
    .t210 { font-size: 100px; }
    .calltoactionrow .btn-theme-round { transform: scale(1.4); }
    .steps-section-wrap .step-content { bottom: 30px; left: 30px; }
    .steps-section-wrap .step-item.active h6 { top: 30px; }
    .steps-section-wrap .step-item h6 { left: 30px; top: 40px; }
    .steps-section-wrap .step-item.active { flex-grow: 3.4; }
    .tabsectionrow .bullet-button li { padding-top: 30px; padding-bottom: 30px; }
    .footersecmenu  .footermenu { margin-left: 20px; }
    .pricingplansrow .container { max-width: 95%; }
    .card-header { color: #fff; padding: 30px 10px; }
    .highlight-text { font-size: 20px; font-weight: 600; }
    .card-header { min-height: 305px; }
    .card-header::after { bottom: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 11px solid #E53935; }
}
@media only screen and (max-width:1280px) { }
@media only screen and (max-width:1199px) {
    .header-button { display: none; }
    .mobile { display: block; }
    .t150 { font-size: 60px; }
    .banner-btns a + a { margin-left: 15px; }
    .solutionlist-box-content { padding: 20px; }
    .solutionlist  .rows [class*="col-"] { margin-bottom: 20px; }
    .solutionlist  .rows { padding: 0px 44px; }
    .solutionlist .rows [class*="col-"] { padding-left: 10px; padding-right: 10px; }
    .solutionlist  .rows [class*="col-"]:first-child { margin: 0px 33.33% 20px; }
    .sbc-bottom-content h5 { margin-bottom: 10px !important; }
    .btn-theme-round { height: 35px; width: 35px; }
    .btn-theme-round:after { width: 13px; height: 13px; }

    /*font-size*/
    h1, h2, .th1, .th2 { font-size: 45px; }
    h5, .th5 { font-size: 20px; }
    h6, .th6 { font-size: 18px; }
    .t180 { font-size: 80px; letter-spacing: -1.2px; }
    h3, .th3 { font-size: 40px; }
    h4, .th4, .tabsectionrow .bullet-button li { font-size: 24px; }
    .t20 { font-size: 18px; }
    .includes-row h5 { font-size: 22px; }

    /*space*/
    .mb-250 { margin-bottom: 80px; }
    .theme-btn, .theme-btn-white { font-size: 16px; gap: 6px; padding: 12px 17px; }
    .ptb-250 { padding: 80px 0px; }
    .vectoParallax { display: none; }
    .hmprocess-box { padding-left: 20px; }
    .pb-150 { padding-bottom: 60px; }
    .contactimg img, .clipdowncol img, .leftclipmask img { transform: scale(1); }
    .leftclipmask { clip-path: unset; }
    .t36 { font-size: 24px; }
    .hm-careers-right { width: 50%; padding: 0px; }
    .hm-careers-left { width: 50%; }
    .offset1 { padding-left: 40px; }
    .hm-careers-right-content { padding-right: 40px; }
    .mb-100 { margin-bottom: 40px; }
    .pb-200 { padding-bottom: 80px; }
    .hm-careers-right h2 { margin-left: 40px; }
    .footersecmenu  .footermenu { margin-left: 10px; }
    .solutionlist  .rows { padding: 0px 20px; }
    .fullheightsection { height: 80vh; }
    .hmwhyjobsbox-content { bottom: 0px; top: auto; height: auto; padding: 20px; }
    .hmwhyjobsbox-content p { min-height: auto; }
    .pt-150 { padding-top: 80px; }
    .pb-100 { padding-bottom: 60px; }
    .contactimg, .clipdowncol, .centerclipmask { clip-path: inherit; }
    .linebtn { padding-bottom: 5px; }
    .contactimgcol { margin: 0px 20px; }
    .mb-200 { margin-bottom: 80px; }
    .contactelement-top.pb-50 { padding-bottom: 0px; }
    .pageoffset { margin-top: 130px; }
    .mb-150 { margin-bottom: 80px; }
    .arrow-previous::before, .arrow-next::before { transform: scale(0.7); }
    .blogdetailnav span, .paginav a, .paginav span { width: 35px; height: 35px; }
    .paginav a, .paginav span { font-size: 16px; }
    .left-minus { margin-left: 0px; }
    .bullet-button.bullet-scroll li { opacity: 1; transform: perspective(1px) translateZ(0) translateY(0vh); }
    .sd-problem .align-items-center { align-items: flex-start !important; }
    .sd-problem { margin-bottom: 80px; }
    .pt-250 { padding-top: 80px; }
    .steps-section-wrap .step-item { height: 450px; }
    .vertical-box-left-wrap > .vertical-box-left, .vertical-box-right-img, .vertical-box-right-inner, .vertical-box-right, .includes-content-wrap, .vertical-box-left-inner, .includes-img { position: static; height: auto; width: auto; padding: 0px; }
    .includes-row-fakeheight { height: auto; }
    .vertical-box-left { display: none; }
    .includes-img, .vertical-box-main-title { padding-top: 0px; }
    .includes-row-wrap .stickdiv { position: static; }
    .vertical-box-main-title.desk { margin-bottom: 30px; }
    .vertical-box-right + .vertical-box-right { margin-top: 50px; }
    .includes-img.mob { display: block; max-width: 70%; }
    .includes-row { background: #221F1F; }
    .vertical-wrap { height: auto; }
    .includes-img.mob { margin-bottom: 30px; }
    .includes-row.pb-150 { padding-bottom: 80px; }
    .hm-zoomvideo-row .h-spacer { height: auto; }
    .hm-zoomvideo-row .hm-zoomvideo-title { position: static !important; }
    .hm-zoomvideo-row .hm-zoomvideo-title { margin-bottom: 40px; }
    .letstalk { opacity: 1; }
    .tabsectionrow .tabslidenav ul { margin-top: -30px; }
    .hm-zoomvideo-row .hm-zoomvideo { width: 100%; height: auto; display: flex; }
    .sd-banner-img img.mb-20 { margin-bottom: 0px; }
    .steps-section-wrap .step-item { height: 550px; }
    .steps-section-wrap { display: block; }
    .steps-section-wrap .step-item img { opacity: 1; transform: scale(1.08); }
    .steps-section-wrap .step-item  h6 { top: 30px; }
    .steps-section-wrap .step-item h6 { top: 50px; writing-mode: horizontal-tb; transform: none; }
    .steps-section-wrap .step-item .step-content { opacity: 1; transform: translateY(0); pointer-events: auto; transition-delay: 0.35s; }
    .steps-section-wrap .step-item::after { opacity: 1; }
    .steps-section-wrap .step-item + .step-item { margin-top: 20px; }
    .navmenu > ul > li { margin: 0 0px 20px; padding: 0px; }
    .tab-nav-custom a { display: flex; padding-bottom: 30px; margin-bottom: 30px; }
    .re-accrow .tab-nav-custom li:last-child a { margin-bottom: 30px; }
    .tab-nav-custom a span { font-size: 20px; }
    .mapiframecol iframe { height: 450px; }
    .btn-theme-submit input[type="submit"] { background-position: right 24px center; font-size: 16px; padding: 12px 40px 12px 20px; background-size: 10px; }
    .banner-btns { position: static; background: #F4F4F4; text-align: left; padding-top: 20px; }
    .hm-banner { height: auto; }
    .pricing-wrapper [class*="col-"] + [class*="col-"] { margin-top: 30px; }
    .pricingplansrow .container { max-width: 65%; }
    .card-header { min-height: auto; }
    .cardbox h4.mb-30 { margin-bottom: 15px; }
    .cardbox .highlight-text.boldf.mb-10.mt-30 { margin-top: 15px; }
    .ppc-accrow .tab-nav-custom a span { padding-right: 20px; }
    .ppc-accrow .contentshow { padding: 0px 80px 35px; }
    .features li { min-height: auto; font-size: 16px; display: flex; padding: 15px 7px; }
    .features li:first-child { padding-top: 20px; }
}
@media only screen and (max-width:992px) {
    .navmenu { width: 60%; }
    .solutionlist .row { justify-content: center !important; }
    .solutionlist .rows [class*="col-"]:first-child { position: static; }
    .fullheightsection { height: 55vh; }
    .captionslider { bottom: 50px; }
    .solutionlist  .rows [class*="col-"]:first-child { margin: 0px 0% 20px; }
    .solutionlist  .rows [class*="col-"]:nth-child(2n + 3) { margin-left: 0px; }
    .solutionlist  .rows { padding: 0px 30px; }
    .solutionlist .rows [class*="col-"] { padding-left: 10px; padding-right: 10px; }
    .hm-careers-left { width: 100%; margin-bottom: 50px; }
    .hm-careers-right h2 { margin: 0px 0px 20px 0px; }
    .hm-careers-right-content { padding: 0px 0px; }
    .hm-careers-right { padding: 0px 50px; }
    .hm-careers-right h2 br { display: none; }
    a.theme-btn.mt-30 { margin-top: 0px; }
    .hm-careers-right { width: 100%; }
    .solutionlist .row { margin-left: -8px; margin-right: -8px; }
    .hmwhyjobsbox-img img { height: 500px; object-fit: cover; }
    .form-control { padding: 10px 15px; font-size: 16px; }
    .footermenu { margin-top: 30px; }
    .hmwhyjobs .row > [class*="col-"] { padding: 15px; }
    .hmwhyjobs .row > [class*="col-"]:first-child { padding-top: 0px; }
    .hmwhyjobs .row { margin: 0px -12px; }
    .solutionlist .rows [class*="col-"]:last-child { margin-bottom: 0px; }
    .contactimg { margin: 20px 0px; }
    .sticky.mainheader { padding: 10px 0px; }
    .mb-30 { margin-bottom: 20px; }
    .contactimgcol { margin: 0px 0px; }
    .textmarqeerow { position: relative; top: 0px; opacity: 1; transform: none; margin-bottom: 30px; }
    .wordmarqee span { margin-left: 50px; }
    .t210 { font-size: 40px; }
    .innerpage.fullheightsection { height: 40vh; }
    .swiper-button-prev, .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; bottom: 20px; top: auto; transition: all 0.3s ease; background-size: 14px 14px; }
    .swiper-button-prev { left: calc(50% - 25px); }
    .swiper-button-next { left: calc(50% + 25px); }
    .textmarqeerow { margin-bottom: 20px; }
    .pageoffset { margin-top: 100px; }
    .logo a img { width: 120px; }
    .pagenotfound img { max-width: 250px; margin-bottom: 20px; }
    .mb-70 { margin-bottom: 40px; }
    .tabsectionrow  .align-items-center { align-items: flex-start !important; }
    .tabsectionrow .tabslidenav ul { margin-top: -20px; }
    .steps-section-wrap .step-item { height: 400px; }
    .contactinforow-num { flex-direction: column; flex: 1; align-items: center; justify-content: center; }
    .theme-btn::after, .theme-btn-white::after { display: inline-block; transform: scale(0.8); top: 1px; position: relative; }
    .pricingplansrow .container { max-width: 80%; }
}
@media only screen and (max-width:767px) {
    .navmenu { width: 100%; }
    header .logo { max-width: 100px; }
}
@media only screen and (max-width:580px) {
    .hmcounter  [class*="col-"]:last-child .hmcounter-box { margin-bottom: 0px; }
    .t150 { font-size: 36px; }
    .solutionlist  .rows { padding: 0px 12px; }
    .swiper-slide-inner { background-color: #221F1F; }
    .solutionlist  .theme-btn { margin-top: 0px; }
    .hmprocess-icon:after { height: 10px; width: 10px; border-radius: 10px; }
    .hmprocess-left { margin-left: 24px; }
    .hmprocess-icon { border-radius: 5px; width: 30px; height: 30px; left: -65px; }
    .hmprocess-box { margin-left: 50px; }
    .imgstickycol { display: none; }
    .imgsermobilecol.d-none { display: block !important; }
    .imgsermobilecol img { max-width: 140px; margin-bottom: 30px; }
    .hmprocess .contentright-top h6 { margin-bottom: 20px; }
    .hmprocess-box { padding-bottom: 50px; }
    .hmprocess-box:last-child { padding-bottom: 0px; }
    .hm-careers-right { padding: 0px 15px; }
    .container { padding: 0px 15px; }
    .hmcounter-box .pb-50 { padding-bottom: 15px; margin-bottom: 15px; }
    h1, h2, .th1, .th2 { font-size: 36px; }
    .t150 { font-size: 36px; }
    .t36 { font-size: 20px; }
    .hm-testimonials .row [class*="col-"] { margin-bottom: 5vh; z-index: 2; }
    .t180 { font-size: 40px; letter-spacing: -0.5px; }
    .socialmenu { padding-bottom: 20px; }
    .footersecmenu  .footermenu { margin-left: 0px; }
    .footermenu .mb-30 { margin-bottom: 20px; }
    .socialmenu ul li a { height: 30px; width: 30px; }
    .socialmenu ul li a svg { transform: scale(0.7); }
    .socialmenu ul li { margin-right: 10px; }
    .bloghomerow [class*="col-"]:last-child { margin-top: 35px; }
    .hm-testimonials .stickytitle { position: static; height: auto; text-align: left; margin-bottom: 30px; }
    .hm-testimonials { padding: 60px 0px 80px; }
    .hm-testimonials .row [class*="col-"] { margin-bottom: 20px; }
    .hm-testimonials .container .row:last-child [class*="col-"] { margin-bottom: auto; }
    .review-top img { max-width: 40px; }
    .bloglist  [class*="col-"]:last-child { margin-top: 0px; }
    .sd-problem-img { margin-bottom: 30px; }
    .tabsectionrow .tabslidenav ul li:hover, .tabsectionrow .tabslidenav ul li.hoverselected { color: #444; }
    .tabimgcontent { display: none; }
    .tabsectionrow .mobileimg { display: block; }
    h4, .th4, .tabsectionrow .bullet-button li { font-size: 20px; }
    .tabsectionrow .bullet-button li { padding-top: 20px; padding-bottom: 20px; padding-left: 50px; }
    .tabsectionrow .tabslidenav ul { margin-top: -10px; }
    .tabsectionrow .mobileimg { margin-bottom: 25px; }
    .tabsectionrow.mb-250 { margin-bottom: 50px; }
    .fullheightsection { height: auto; }
    .tab-nav-custom li a::before { transform: scale(0.9); }
    .tab-nav-custom a { padding-bottom: 25px; margin-bottom: 25px; }
    .re-accrow img { margin-bottom: 20px; }
    .re-accrow .th4 { font-size: 24px; }
    .refersticky .refersticky-subtitle { position: static; }
    h3, .th3 { font-size: 30px; }
    .captionslider { position: static; padding: 50px 0px; }
    .fullscreenswiper { height: auto; }
    .swiper-slide-inner-bg { position: relative; height: 230px; overflow: hidden; }
    .mobilesliderfill-wrap { overflow: hidden; }
    .fullscreenswiper  .captionslider { position: static; padding: 50px 0px; }
    .banner-btns a + a { margin-left: 0px; }
    .banner-btns a { margin: 0px 10px; }
    .banner-btns { text-align: center; }
    .innerpage.fullheightsection   .captionslider { position: static; padding: 0px 0px; }
    .includes-row h5 { font-size: 22px; }
    .mobilesliderfill-wrap { display: block; }
    .swiper-slide-inner-bg { display: none; }
    .swiper-slide-inner-bg.mobilesliderfill { display: block; }
    .mapiframecol iframe { height: 350px; }
    .innerpage.fullheightsection { height: auto; }
    .cf-arrow img { transform: scale(0.8); }
    .team-slider-nav { display: flex; gap: 7px; }
    .calltoactionrow .projectext { margin: 0px 20px; }
    .pricingplansrow .container { max-width: 100%; }
    .card-header { padding: 20px 10px; }
    .planname { font-size: 18px; }
    .highlight-text { font-size: 18px; }
    .ppc-accrow .tab-nav-custom a { padding: 15px; }
    .ppc-accrow .tab-nav-custom a { flex-wrap: wrap; }
    .ppc-accrow .tab-nav-custom a span { padding-right: 0px; width: 100%; font-size: 16px; }
    .ppc-accrow  .t36 { font-size: 16px; }
    .ppc-accrow  .tab-nav-custom li a::before { width: 16px; height: 16px; right: 15px; }
    .ppc-accrow .contentshow { padding: 0px 20px 20px; font-size: 16px; }
}
@media only screen and (max-width:410px) {
    .swiper-slide-inner-bg { height: 200px; }
}

/* animation keyframe css */
.animated { animation-duration: 1.5s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-70px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(50px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(70px); }
    100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp { animation-name: fadeInUp; }