:root { --orange: #fc6736; --black: #111827; --dark-blue: #091242; --blue: #1F2937; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: hidden; } body { margin: 0; font-family: "Manrope", Sans-serif; font-weight: 400; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; color: #1F2937; background-color: #f9f9f9 !important; } .manrope { font-family: "Manrope", Sans-serif; } .outfit { font-family: "Outfit", Sans-serif; } .inter { font-family: "Inter", sans-serif; } header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; /* Or any desired background color */ height: 80px; /* Adjust this height as needed */ } section { margin-top: 80px; /* Same as header height */ } main { display: block; } hr { box-sizing: content-box; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } body, button, input, select, optgroup, textarea { color: #404040;/*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/ font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } body { background: #fff; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } a { color: #4169e1; } /*a:visited {color: #800080;}*/ a:hover, a:focus, a:active { color: #191970; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } :focus { outline: 5px auto rgba(0, 150, 255, 1); -webkit-outline: 5px auto rgba(0, 150, 255, 1); -moz-outline: 5px auto rgba(0, 150, 255, 1); -ms-outline: 5px auto rgba(0, 150, 255, 1); -o-outline: 5px auto rgba(0, 150, 255, 1); } *:focus { outline: 5px auto rgba(0, 150, 255, 1); -webkit-outline: 5px auto rgba(0, 150, 255, 1); -moz-outline: 5px auto rgba(0, 150, 255, 1); -ms-outline: 5px auto rgba(0, 150, 255, 1); -o-outline: 5px auto rgba(0, 150, 255, 1); } img { max-width: 100%; display: block; width: auto; height: auto; } input, textarea, button, select, span, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body, p, li { font-size: 16px; line-height: 1.2; color: var(--blue); font-weight: 300; } p { margin: 0 0 15px 0; } p:last-child { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { font-family: "Manrope", Sans-serif; margin: 0; line-height: 1.065; color: var(--black); font-weight: 700; } h1, .h1 { font-size: 48px; line-height: 1.3; color: #fff; } h2, .h2 { font-size: 36px; line-height: 1.2; } h3, .h3 { font-size: 32px; line-height: 1.2 } h4, .h4 { font-size: 28px; line-height: 1.2 } h5, .h5 { font-size: 26px; } h6, .h6 { font-size: 24px; } input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),textarea,select { font-family: 'Outfit', sans-serif; font-size: 16px; padding: 10px; width: 100%; background: transparent; border: 1px solid #D1D5DB; border-radius: 4px; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; border-radius: 0; font-weight: 300; color: #4B5563; } textarea { height: 120px; resize: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { background: #fc6736; font-size: 16px; font-weight: 500; padding: 14px 10px; text-align: center; color: #fff; text-decoration: none; border-radius: 30px; font-family: "Inter", sans-serif; margin-top: 20px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } ::-webkit-input-placeholder { color: inherit; font-size: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; font-size: inherit; opacity: 1; } ::placeholder { color: inherit; font-size: inherit; opacity: 1; } button { border: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; cursor: pointer; outline: none !important; } /* input[type="submit"]:focus {outline: none;} select { outline:none !important;} */ ul, li { list-style: none; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } a { text-decoration: none; transition: all .3s; -webkit-transition: all .3s; color: #111827; } a:hover { text-decoration: underline; } a:focus { outline: none; } /*Common Section*/ .screen-reader-text { background: #000000; height: 30px; left: 15px; transform: translateY(-200%); padding: 15px 20px; position: absolute; transition: transform 0.3s; display: inline-block; z-index: 999999; line-height: normal; text-decoration: none; height: auto; font-size: 16px; color: rgba(255, 255, 255, 0.99); border-radius: 8px; top: 15px; } .screen-reader-text:focus { transform: translateY(0%); } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } .alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /*Common Styles*/ .clearfix::before, .clearfix::after { visibility: hidden; display: table; content: " "; clear: both; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .d-none { display: none; } .d-flex { display: flex; flex-wrap: wrap; } .justify-start { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-space { justify-content: space-between; } .justify-end { justify-content: flex-end; } .align-start { align-items: flex-start; } .align-center { align-items: center; } .align-end { align-items: flex-end; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .w100 { font-weight: 100; } .text-align-justify { text-align: justify; } /*Thin */ .w200 { font-weight: 200; } /*ExtraLight*/ .w300 { font-weight: 300; } /*Light */ .w400 { font-weight: 400; } /*Regular */ .w500 { font-weight: 500; } /*Medium */ .w600 { font-weight: 600; } /*SemiBold */ .w700 { font-weight: 700; } /*Bold */ .w800 { font-weight: 800; } /*ExtraBold */ .w900 { font-weight: 900; } /*Black */ .m-0 { margin: 0px; } .mx-0 { margin-left: 0px; margin-right: 0px; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .mt-0 { margin-top: 0px; } .mr-0 { margin-right: 0px; } .mb-0 { margin-bottom: 0px; } .ml-0 { margin-left: 0px; } .mx-auto { margin-left: auto; margin-right: auto; } .p-0 { padding: 0px; } .px-0 { padding-left: 0px; padding-right: 0px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .pt-0 { padding-top: 0px; } .pr-0 { padding-right: 0px; } .pb-0 { padding-bottom: 0px; } .pl-0 { padding-left: 0px; } .relative { position: relative; } .absolute { position: absolute; } header .site-title { display: none; } header .menu-toggle { display: none; } a { text-decoration: none; } a:hover { text-decoration: none; } .wrapper { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; } .inner-wrap, .container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; } .cover { display: flex; justify-content: space-between; flex-wrap: wrap; } .btn { font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: -.6px; fill: #fff; color: #fff; background-color: var(--orange); border-style: solid; border-width: 1px; border-color: var(--orange); border-radius: 100px; padding: 12px 18px 12px 35px; font-family: "Inter", sans-serif; display: inline-block; } .btn-w { color: var(--black); background-color: #fff; border-color: #fff; } .btn-p { border-color: #FC6736; background-color: #FFF7F5; min-width: 240px; color: #111827; font-size: 17px; } .btn i { margin-left: 5px; } .btn-p i { margin-left: 20px } .btn:hover { background-color: transparent; color: var(--orange); } .btn-w:hover, .btn-p:hover { background-color: var(--orange); color: #fff; } .font-20 { font-size: 20px; } .big-wrapper { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; } /* Header Start*/ header { padding: 16px 0 8px; } header .logo { width: 170px; } header .center-menu { width: calc(100% - 330px); } header .center-menu ul { padding: 0; margin: 0; } header .center-menu ul li { display: inline-flex; justify-content: center; } header .center-menu ul li a { display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; font-size: 16px; font-weight: 500; color: #000; padding: 0 15px; font-family: "Manrope", Sans-serif; } header .center-menu ul li a:hover { color: var(--orange); border-radius: 2px; text-decoration: 5px underline !important; text-underline-offset: 15px; } header .contact-btn { width: 160px; } /* Header End*/ /* Banner Start*/ .banner-part { background-image: url(../images/banner-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 78px 0 30px; } .banner-part .left-part { width: 570px; } .banner-part .left-part h1 { } .banner-part .left-part h1 span { color: var(--orange); } .banner-part .left-part p { color: #fff; margin-top: 26px; font-size: 20px; } .banner-part .left-part .btn-part { gap: 32px; margin-top: 66px; } .banner-part .left-part .btn-part .btn { font-family: "Inter", sans-serif; width: 240px; text-align: center; } .banner-part .left-part .btn-part .btn i { margin-left: 20px; } .banner-part .right-part { width: 480px; } /* Banner End*/ /*Offering*/ .offering { padding: 97px 0; position: relative; z-index: 9; } .title-part { } .title-part .h2 { } .title-part .h2 { margin-bottom: 40px; } .title-part.w-title .h2 { color: #fff; } .title-part p { } .offering .inner-wrap { margin: 0 auto; padding: 40px 0px 54px; background-color: #EFF6FF; border-radius: 20px; } .offer-list { margin: 0px -40px 0; padding-top: 10px; } .offer-list .col { width: calc(100% / 4 - 30px); padding: 24px 20px 20px 20px; border-radius: 12px; background-color: #fff;/*box-shadow: 0px 2px 32px 0px #0000000A;*/ box-shadow: 0px 6px 40px 0px #0000000F; } .offer-list .icon { } .offer-list .font-20 { margin: 25px 0; } .offer-list .list { } .offer-list .list ul { } .offer-list .list ul li { margin-bottom: 20px; font-size: 14px; font-weight: 400; font-family: "Outfit", Sans-serif; line-height: 1.1; } .offer-list .list ul li i { background-color: #e5edff; fill: #3277f8; color: #3277f8; border-radius: 100px; margin-right: 12px; margin-left: 0; width: 24px; height: 24px; text-align: center; line-height: 1.5; } .offer-list .col { position: relative; padding-bottom: 0; } .why-offering .offer-list .col:hover { background-color: #1e3a8b; } .why-offering .offer-list .col:hover .font-20 { color: #fc6736; } .why-offering .offer-list .col:hover ul li { color: #fff; } .offer-list .col p { font-size: 14px; font-weight: 300; font-family: "Outfit", Sans-serif; line-height: 1.5; } .offer-list .model_btn { width: 35px; height: 35px; background: #091242; text-align: center; align-items: center; justify-content: center; display: flex; border-radius: 100px; position: absolute; bottom: 23px; } .offer-list .model_btn a { font-size: 14px; font-weight: 400; line-height: 2; } .offer-list .model_btn a i { color: #fff; } .model { padding-bottom: 0; } .model .offer-list { margin: 0; padding: 30px 0; } .model .offer-list .owl-stage { height: 100%; } .model .offer-list .owl-stage .owl-item { height: 100%; } .model .offer-list .col { padding: 30px 17px 80px; } .model .offer-list .col { width: 100%; height: 100%; } .model .offer-list .col img { width: auto; } .model .offer-list .font-20 { margin: 20px 0 7px; display: block; width: 100%; } .model .offer-list .col p { line-height: 1.7; } .model .owl-theme .owl-nav { display: none !important; } .model .model-list-part .col { padding: 15px 15px 65px; background-color: #fff; border-radius: 12px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); width: calc(100% / 4 - 15px); } .model .model-list-part .icon-img { margin-bottom: 15px; } .model .model-list-part .icon-img img { } .model .model-list-part .text-part { } .model .model-list-part .text-part .h6 { margin-bottom: 15px; color: #091242; font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 600; line-height: 24px; } .model .model-list-part .text-part .p { color: #1f2937; font-size: 15px; line-height: 1.2; } /*Offering*/ /*Why Techmonarch*/ .why-tech { padding: 55px 0 18px; padding: 55px 0 38px; background-color: var(--dark-blue); } .why-tech .h2 { margin-bottom: 0; } .tech-list { margin-top: 50px; } .tech-list * { color: #fff; } .tech-list .col { width: calc(100% / 3 - 18px); padding: 24px 24px 40px; border-radius: 12px; background: #1B2951; box-shadow: 0px 2px 32px 0px #0000000A; margin-bottom: 34px; } .tech-list .col:hover { background-color: #1e3a8b; } .tech-list .col .font-20 { margin: 20px 0 22px 0; } .tech-list .col:hover .font-20 { color: #fc6736; } .tech-list .col p { font-size: 16px; font-weight: 300; font-family: "Outfit", Sans-serif; line-height: 1.1; } /*Why Techmonarch*/ /*Number*/ .number { margin-top: 70px; } .number .container .inner-cover { background: #091242; border-radius: 12px; background-image: url(../images/number.png); background-repeat: no-repeat; background-size: auto; padding: 20px 22px 23px 32px; border-radius: 12px; } .number h3 { color: #fff; } .number .title-part { width: 230px; } .number .title-part { width: 230px; } .number .num-list { width: calc(100% - 240px); background-color: #fff; border-radius: 12px; align-items: center; justify-content: center; text-align: center; padding: 50px 50px 58px; } .number .num-list .col { width: calc(100% / 4); } .number .num-list .col .h2 { margin-bottom: 16px; color: #111827; } .number .num-list .col .h2 .symbol { font-weight: 400; } .number .num-list .col p { color: #111827; margin-top: 25px; } /*Number*/ /* Review */ .customers-section { background: #EFF6FF; padding: 51px 0px 25px; margin: 100px 0 95px; } .review-list { margin: 60px 0 0; } .review-list .col { width: calc(100% / 4); } .review-list .col:first-child { justify-content: flex-start; display: flex; justify-content: center; } .review-list .col:first-child .customers-card { border-right: 2px solid #E5E7EB; padding-right: 93px; } .review-list .col:last-child { justify-content: flex-end; display: flex; justify-content: center; } .review-list .col .customers-card { border-right: 2px solid #E5E7EB; } .review-list .col:last-child .customers-card { border-right: none; padding-right: none; } .review-list .col p { font-size: 14px; text-align: center; font-weight: 500; color: #1F2937; margin-top: 14px; } .review-list .col .customers-img { margin-bottom: 15px; } .review-list .col .customers-img img { margin: 0 auto; } .review-list .col .star_box { list-style: none; display: flex; gap: 4px; padding: 0; justify-content: center; } .review-list .col .star_box li { font-size: 22px; } .review-list .col .star_box i { color: #f0ad4e; font-size: 16px; } /* Review */ /*Happy Coustomer*/ .main_box_customer { position: relative; padding: 37px 0 20px; } .main_box_customer .img_happy { width: 100%; margin: 0px auto; background-color: #fff;/*box-shadow: rgb(0 0 0 / 9%) 2px 3px 7px, rgb(0 0 0 / 7%) 4px 10px 10px;*/ box-shadow: 0px 0px 20px 0px #22577A1A; position: relative; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 1; border-radius: 12px; max-width: 804px; padding: 25px 75px 40px 30px; } .main_box_customer .img_happy .text_p { line-height: 1.5; font-size: 18px; } .main_box_customer .img_happy img { position: absolute; top: -19px; width: 64px; } .main_box_customer .text_p { padding: 34px 0 23px; color: #374151; } .main_box_customer .customers_name .outfit { margin-top: 10px; } section.happy-customers .owl-theme .owl-nav [class*=owl-]:hover { color: #000000 !important; } section.happy-customers button.owl-next { position: absolute; right: 95px; top: 165px; height: 50px; width: 50px; background: #ffffff !important; border-radius: 100px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } section.happy-customers button span { font-size: 38px; display: flex; line-height: 0.5; width: 50px; height: 50px; align-items: center; justify-content: center; } section.happy-customers button.owl-prev { position: absolute; top: 165px; left: 95px; height: 50px; width: 50px; background: #ffffff !important; border-radius: 100px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } /*Happy Coustomer*/ /*Full stack */ .full-stack { background-color: #EFF6FF; padding: 56px 0; margin: 107px 0 84px; } .full-stack .title-part .h2 { margin-bottom: 18px; } .full-stack .left-part { width: 672px; align-items: center; justify-content: space-between; margin-top: 38px; } .full-stack .full_main_icon { } .full-stack .left-part .col { width: calc(100% / 4 - 20px); background: #fff; padding: 25px 9px; border-radius: 10px; text-align: center; margin-bottom: 24px; } .full-stack .left-part .col img { margin: 0 auto; } .full-stack .left-part .col p { font-size: 14px; font-weight: 500; margin-top: 27px; } .full-stack .right-part { width: 415px; padding-top: 20px; } .full-stack .right-part img { width: 100%; border-radius: 20px; } /*Full stack */ /* Need Help*/ section.nedd-help_section { background-size: cover !important; background-repeat: no-repeat !important; background-image: url(../images/service.webp); padding: 75px 0px; position: relative; } section.nedd-help_section .bg-overlay { background-color: rgba(9, 18, 66, 0.8); position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; z-index: 1; } section.nedd-help_section .container { z-index: 11; position: relative; } section.nedd-help_section .requirement { padding: 10px 20px; background-color: #FFCBCB1A; border-radius: 3px; width: 100%; max-width: 361px; margin-bottom: 32px; } section.nedd-help_section .requirement .h2 { color: #fff; font-size: 16px; line-height: 1; } section.nedd-help_section .h2 { margin-bottom: 0 } /* Need Help*/ /*Get Free*/ .ready_contact_form { margin-top: 45px; position: relative; padding-top: 40px; } .ready_contact_form .bg-overlay { background-color: #091242; position: absolute; z-index: 1; top: 0; width: 100%; height: 390px; left: 0; } .ready_contact_form .container { position: relative; z-index: 11; } .ready_contact_form .title-part * { color: #fff; } .ready_contact_form .left-part { width: 553px; } .ready_contact_form .left-part .h3 { margin: 26px 0 28px; } .ready_contact_form .left-part .main_consultancy_new { margin-top: 150px } .ready_contact_form .left-part .main_consultancy_new .icon-col { width: 50%; } .ready_contact_form .left-part .main_consultancy_new .icon-col .content_flx { margin-left: 10px; } .ready_contact_form .left-part .main_consultancy_new .icon-col .font-20 { margin-bottom: 5px; display: block; } .ready_contact_form .right-part { width: calc(100% - 583px); } .ready_contact_form .right-part .form_main_section { background: #fff; padding: 36px 36px; border-radius: 10px; box-shadow: 4px 16px 33px -23px #161C2D14; } .ready_contact_form .right-part .form_main_section label { margin-bottom: 9px; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.2; text-align: left; color: #091242; display: block; } .ready_contact_form .right-part .form_main_section input { width: 100%; padding: 12px; border: 1px solid #D1D5DB; margin-bottom: 25px; border-radius: 4px; font-family: "Outfit", sans-serif; font-size: 12px; font-weight: 400; line-height: 26px; text-align: left; color: #6B7280; height: 50px; } .ready_contact_form .right-part .form_main_section input::-webkit-outer-spin-button,.ready_contact_form .right-part .form_main_section input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .ready_contact_form .right-part .form_main_section input[type="number"] {-moz-appearance: textfield; } .ready_contact_form .right-part .form_main_section select { width: 100%; padding: 10px 6px; border: 1px solid #D1D5DB; border-radius: 4px; font-family: "Outfit", sans-serif; font-size: 12px; font-weight: 400; line-height: 26px; text-align: left; color: #1F2937; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: right 10px center; } .ready_contact_form .right-part .button_book_consultation input { background: #fc6736; font-size: 16px; font-weight: 500; padding: 14px 10px; text-align: center; color: #fff; text-decoration: none; border-radius: 30px; font-family: "Inter", sans-serif; margin-top: 20px; cursor: pointer;} .ready_contact_form .right-part .button_book_consultation { margin-top: 28px; } /*Get Free*/ /*Best Work*/ .best_works_introducing { margin: 70px 0 62px; } section.best_works_introducing .slide { position: relative; } section.best_works_introducing .slide .bg-overlay { position: absolute; z-index: 1; top: 0; left: 0; height: 314px; width: 100%; border-radius: 12px; } section.best_works_introducing .slide .slide-inner { position: relative; z-index: 11; padding: 22px 43px 30px; } section.best_works_introducing .main_newwl { margin-bottom: 48px; } section.best_works_introducing .view_case_study { margin-top: 16px; } section.best_works_introducing .view_case_study a { font-family: "Outfit", sans-serif; font-size: 14px; font-weight: 600; text-align: left; color: #111827; text-decoration: underline; } section.best_works_introducing .view_case_study img { width: 100%; max-width: 11px; display: inline-block; } .best_works_disflex { display: flex; justify-content: space-between; margin-bottom: 35px; } .slider-nav-btn button.btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out, background-color:.15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; background-color: #fff; } .slider-nav-btn button.btn.prev, .slider-nav-btn button.btn.prev1, .slider-nav-btn button.btn.next, .slider-nav-btn button.btn.next2 { box-shadow: 0px 4px 16px 0px #00000014; width: 62px; height: 62px; border-radius: 100%; font-size: 24px; line-height: 62px; padding: 0; background-color: #fff; display: inline-flex; align-items: center; justify-content: center; } .slider-nav-btn button.btn:hover { background-color: #fc6736; color: #fff; } .new-case-list .img_under_latest img { height: 250px; width: 100%; object-fit: cover; } .new-case-list .content_unending .date { color: #9a9a9a; font-size: 16px; font-weight: 500; } .new-case-list .content_unending .font-20 { font-size: 16px; margin-top: 10px; } .new-case-list .content_unending .p { font-size: 15px; } /*Best Work*/ /*Latest Article*/ .img_under_latest { position: relative; } .img_under_latest img { border-top-right-radius: 12px; border-top-left-radius: 12px; } .btn_photo_up { position: absolute; bottom: 21px; right: 10px; } .btn_photo_up a { background: #E5F1FF; padding: 8px; border-radius: 4px; font-family: "Outfit", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; text-align: left; color: #141F39; text-decoration: none; } .content_unending { background: #fff; padding: 16px 23px 31px; } .content_unending .font-20 { line-height: 1.4; } .content_unending .p { font-size: 18px; margin-bottom: 52px; margin-top: 10px; line-height: 1.5; } .btn_article_intr a { text-decoration: none; font-family: "Manrope", sans-serif; font-size: 16px; font-weight: 700; line-height: 21.86px; text-align: left; color: #091242; display: flex; gap: 7px; } .btn_article_intr img { max-width: 9px; } section.latest_articled_new { margin-top: 0; } section.latest_articled_new .slide { border: 1px solid #00000000; border-radius: 12px; box-shadow: 0px 6px 10px 0px #0000000F; } /*Latest Article*/ /*Next Project*/ section.next-project { background-image: none; margin-top: 94px; padding: 60px 0; } section.next-project .bg-overlay { background-color: rgba(9, 18, 66, 1); } .next-project .left-part { width: 770px; } .next-project.interested-pro .left-part { width: 840px; } .next-project .title-part * { color: #fff; } .next-project .title-part .h3 { margin-bottom: 20px; } .next-project .btn { padding: 12px 38px; min-width: 220px; text-align: center; } /*Next Project*/ /*footer*/ footer { padding: 95px 0 0; } footer .col-1 { width: 290px; } footer .col-2 { width: 170px; margin-left: 100px; margin-right: 22px; } footer .col-3 { width: 150px; } footer .col-4 { width: 364px; margin-left: 44px; } footer .col { } footer .col .h2 { font-size: 18px; margin-bottom: 20px; } footer .col ul li { margin-bottom: 20px; font-size: 23px; } footer .col ul li a { text-decoration: none; color: #1F2937; font-size: 14px; font-weight: 400; line-height: 1.5; font-family: "Outfit", sans-serif; } footer .col.col-1 ul li a{font-size: unset;} footer .col-4 .h2 { margin-bottom: 33px; } footer .col-4 ul li { margin-bottom: 26px; } footer .col-4 ul li:last-child { margin-top: 44px; } footer .col-4 ul li:last-child a { font-weight: 500; font-size: 16px; } footer .col-4 ul li a { display: flex; gap: 10px; } footer .col-4 span p { font-size: 11px; } footer .col-4 .socel-icon-footer { display: none; } footer .col-2 ul li, footer .col-3 ul li { margin-bottom: 16px; } footer .socel-icon { gap: 34px; } footer .socel-icon li { margin-bottom: 0 } .logo_bbox.m\.box p { margin-bottom: 27px; margin-top: 25px; line-height: 1.5; } .copy-right { padding: 20px; margin-top: 76px; background: #f2f2f2; } .copy-right p { font-size: 15px; font-weight: 400; font-family: "Manrope", sans-serif; } .copy-right p a { color: var(--orange); } .copy-right p a:hover { text-decoration: underline; } /*Blog List*/ .blog-list { margin-bottom: 23px; } .blog-list .slide { width: calc(100% / 3 - 15px); margin-bottom: 56px; } .inner-banner { min-height: 560px; padding-top: 90px; } .banner-part .title-part { max-width: 900px; } .banner-part .title-part p { color: #fff; margin: 15px 0 144px 0; } .banner-part .btn { min-width: 240px; } .banner-part .btn i { margin-left: 20px; } .blog-list-cat { margin: 80px 0 70px; } .blog_grid_con { display: grid; grid-template-columns: auto auto auto; grid-gap: 40px; justify-content: center !important; } .blog_grid_con .slide{ width: 100% !important; max-width: 380px; } .blog_cat_list li:hover{ background-color: #fcb040; a{ color: #262626; } } /*.blog-list-cat ul{} .blog-list-cat ul li{width:calc(100% / 7 - 20px);} .blog-list-cat ul li a{background: linear-gradient(180deg, rgba(50, 50, 50, 0) 0%, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%);display: block;background-color: #000;border-radius: 6px;padding: 19px 0;text-align: center;color:#fff;font-size: 18px;font-weight: 400;font-family: 'Clash Grotesk';}*/ .top-blog-list { margin-bottom: 80px; } .top-blog-list .left-part { width: 734px; } .top-blog-list .right-part { width: 372px; } .top-blog-list .h4 { margin-top: 30px; } section.blog-follow { margin-top: 0; } /* New Blog List*/ .new-cat-list { } .new-cat-list ul { text-align: center; } .new-cat-list li { border-radius: 3px; background-color: #262626; color: #fff; text-transform: capitalize; font-family: inherit; font-size: 12px; width: auto !important; padding: 7px 20px; display: inline-block; margin: 0 3px 20px; } .new-cat-list li a { padding: 0; color: #fff; text-transform: capitalize; font-weight: 600; font-family: inherit; font-size: 12px; } .new-cat-list li.active { background-color: #fcb040; color: #262626; } .new-cat-list li.active a { color: #262626; } .inner-banner.blog-banner { min-height: 323px; height: 323px; padding-top: 50px; } .inner-banner.blog-banner { min-height: 323px; height: 323px; padding-top: 50px; } .inner-banner.blog-banner .title-part p { margin-bottom: 35px; } .new-blog-list { margin-bottom: 80px; } .new-blog-list .container { max-width: 01250px; } .new-blog-list .slide { box-shadow: 0 0 8px -5px #000; margin-bottom: 40px; border-radius: 12px; width: calc(100% / 3 - 30px); } .new-blog-list .slide .content_unending { padding: 0; height: 287px; } .new-blog-list .slide .img_under_latest img { display: block; width: 100%; height: 200px; background-size: cover; } .new-blog-list .slide .font-20 { font-size: 15px; padding: 10px; color: #111827; display: inline-block; font-weight: 600; } .new-blog-list .slide .p { font-size: 14px; padding: 10px; margin-bottom: 0; text-align: justify; } .new-blog-list .slide .btn_article_intr a { padding: 5px 10px; margin-bottom: 10px; font-size: 15px; font-weight: 700; } /*Blog Detail Page */ .blog-inner-part { margin: 120px 0; } .blog-inner-part .container { max-width: 1250px; width: 100%; } .blog-inner-part .left-part { width: 71%; padding: 0 15px; } .blog-inner-part .left-part .image-part { } .blog-inner-part .left-part .image-part img { border-radius: 10px; } .blog-inner-part .blog-meta-three { margin-top: 30px; } .blog-inner-part .blog-meta-three ul { gap: 15px; } .blog-inner-part .blog-meta-three ul li { display: flex; align-items: center; font-weight: 600; font-size: 16px; color: #1f2937; gap: 5px; } .blog-inner-part .blog-meta-three ul li img { border-radius: 50%; margin-right: 10px; max-width: 40px; } .blog-inner-part .blog-meta-three ul li a { display: inline-flex; align-items: center; color: #1f2937; } .blog-inner-part .blog-meta-three ul li i { font-size: 20px; color: #fc6736; margin-right: 5px; } .blog-inner-part .blog-detail-content { margin-top: 30px; } .blog-inner-part .blog-detail-content p { line-height: 1.3; color: #1f2937; margin-bottom: 15px; font-family: "Outfit", Sans-serif; font-weight: 500; text-align: justify; } .blog-inner-part .blog-detail-content h2 { color: #111827; font-family: "Manrope", Sans-serif; font-size: 36px; font-weight: 700; line-height: 49px; margin: 40px 0; } .blog-inner-part .blog-detail-content ul { list-style: disc; margin-bottom: 25px; padding-left: 2rem; } .blog-inner-part .blog-detail-content ul li { color: #1f2937; font-family: "Outfit", Sans-serif; font-size: 18px; font-weight: 500; line-height: 24px; list-style: disc; } .blog-inner-part .right-sec { width: 27%; padding: 0 15px; } .blog-inner-part .right-sec .col { margin-bottom: 30px; } .blog-inner-part .right-sec .col .h2 { font-size: 22px; padding-bottom: 12px; margin: 0 0 25px; text-transform: capitalize; letter-spacing: 0; font-weight: 700; font-family: "Manrope", Sans-serif; color: #1f2937; position: relative; line-height: 1.2; } .blog-inner-part .right-sec .col .h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; border-radius: 4px; background: #fc6736; } .blog-inner-part .right-sec .col .search-part { position: relative; } .blog-inner-part .right-sec .col .search-part .search-text-box { height: 55px; border: none; background: #f4f6ff; padding: 0 20px; color: #1f2937; font-size: 16px; border-radius: 8px; outline-offset: -2px; -webkit-appearance: textfield; } .blog-inner-part .right-sec .col .search-part .search-submit { margin-left: 0; background: #fc6736; color: #fff; border: 0; padding: 12px 25px; margin-bottom: 0; height: 55px; position: absolute; right: 0; width: 100px; margin-top: 0; top: 0; border-radius: 0 8px 8px 0; } .blog-inner-part .right-sec .recent-post { border: 1px solid #e0e6f2; border-radius: 10px; padding: 25px 30px 30px; } .blog-inner-part .right-sec .recent-post ul { } .blog-inner-part .right-sec .recent-post ul li { } .blog-inner-part .right-sec .recent-post ul li a { text-transform: capitalize; color: #687799; font-weight: 500; font-size: 16px; display: flex; align-items: center; margin-bottom: 10px; line-height: 1.5; } .blog-inner-part .right-sec .recent-post ul li a:hover { color: #fc6736; } .comment-form { } .comment-form .inner-sec { width: 860px; border: 1px solid #b3ccff; border-radius: 8px; padding: 35px 40px 50px; background: #f8faff; } .comment-form .cover p { width: 48% !important; } .comment-form .in { width: 100% !important; border: 1px solid #e6eeff !important; background: #fff !important; font-weight: 400 !important; font-size: 15px !important; color: #687799 !important; padding: 12px 15px !important; height: 50px !important; display: block !important; border-radius: 5px !important; } .comment-form .text-area { height: 130px !important; } .comment-form .comment-reply-title { font-size: 24px; color: #00194c; margin-bottom: 10px; letter-spacing: 0; text-transform: capitalize; } .comment-form .logged-in-as { line-height: 1.5; margin: 0 0 15px; font-size: 16px; font-weight: 500; color: #687799; } .comment-form .logged-in-as a { color: #fc6736; } .comment-form .form-submit { position: relative; width: 210px; } .comment-form .form-submit:after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 15px; right: 20px; color: #fff; z-index: 999; } .comment-form .form-submit:before { content: ""; position: absolute; right: 0; top: 25px; transform: translateY(-50%); width: 50px; height: 50px; background: #0049dc; border-radius: 30px; z-index: 11; transition: all 0.3s ease 0s; } .comment-form .form-submit input[type="submit"] { user-select: none; -moz-user-select: none; background: #fc6736 none repeat scroll 0 0; border: medium none; border-radius: 30px; color: #fff; cursor: pointer; display: inline-flex; align-items: left; font-size: 14px; font-weight: 700; letter-spacing: 0.02em; line-height: 1; margin-bottom: 0; padding: 18px 18px 18px 22px; text-align: left; text-transform: uppercase; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; border: 0; position: relative; z-index: 1; width: 100%; margin-top: 0; } .comment-form .form-submit input[type="submit"]:hover { background-color: #0049dc; } .case_study_content { padding: 80px 0; background-color: #f9f9f9; margin: 0; } /*About Us*/ .outfit.p.w300 { line-height: 1.4; } .inner-page-banner { height: 400px; } .inner-page-banner .inner-sec { width: 100%; max-width: 940px; padding: 58px 0 0; } .inner-page-banner .h1 { } .inner-page-banner .p { color: #fff; margin: 16px 0 64px; letter-spacing: 0.9px; line-height: 1.5; } .inner-page-banner .btn { width: 240px; text-align: center; } .inner-page-banner .btn i { margin-left: 14px; } .what-we-do { margin-top: 100px; } .what-we-do .left-part { width: 47%; } .what-we-do .left-part .top-img { margin-bottom: 20px; } .what-we-do .left-part .bottom-img { } .what-we-do .left-part .bottom-img .col { width: 48%; } .what-we-do .right-part { width: 49%; } .what-we-do .right-part .h2 { margin-top: -5px; letter-spacing: -2px; } .what-we-do .right-part p.font-20 { margin: 16px 0 56px; line-height: 1.4; } .what-we-do .right-part .h4 { } .what-we-do .right-part ul { margin-top: 35px } .what-we-do .right-part ul li { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-bottom: 30px; margin-bottom: 24px; } .what-we-do .right-part ul span { margin-right: 15px; } .what-we-do .right-part ul span img { } .about-custome { padding: 32px 0px 12px; margin: 95px 0 95px; } .suresh-kalal { margin-top: 117px; } .suresh-kalal .inner-sec { box-shadow: 0px 4px 24px 0px #0000001A; background-color: #fff; border-radius: 12px; border-top: 7px #091242 solid; padding: 20px 40px 27px; } .suresh-kalal .left-part { width: 240px; } .suresh-kalal .left-part img { border-radius: 50%; } .suresh-kalal .right-part { width: calc(100% - 296px); } .suresh-kalal .right-part .h3 { margin-top: 28px; } .suresh-kalal .right-part .font-20 { margin: 11px 0 16px; display: block; } .suresh-kalal .right-part .p { line-height: 1.4; } .our-mission { margin-top: 93px; } .our-mission .col { width: 50%; position: relative; padding: 77px 80px 79px 0; } .our-mission .col:first-child:after { width: 2px; background-color: #E5E7EB; height: 100%; position: absolute; content: ''; right: -2px; top: 0; } .our-mission .col:last-child { padding-left: 80px; padding-right: 30px; } .our-mission .col .img-sec { width: 120px; margin-top: 15px; } .our-mission .col .text-sec { width: calc(100% - 150px); } .our-mission .col .text-sec .h3 { } .our-mission .col .text-sec .p { margin-top: 20px; line-height: 1.4; } .our-value { margin: 90px 0 0; } .our-value .title-part { } .our-value .value-list { margin-top: 47px; } .our-value .value-list .col { width: calc(100% / 3 - 40px); background-color: #fff; border-radius: 16px; align-items: center; justify-content: center; padding: 20px 0 5px; text-align: center; box-shadow: 0px 4px 24px 0px #0000001A; min-height: 240px; margin-bottom: 50px; } .our-value .value-list .col img { margin: 0 auto; } .our-value .value-list .col .text-part { padding: 18px 10px 0 20px; } .our-value .value-list .col .text-part .h6 { margin-bottom: 9px; } .our-value .value-list .col:hover .text-part .p { color: #fff; } .our-value .value-list .col:hover { background-color: #1e3a8b; } .our-value .value-list .col:hover .text-part .h6 { color: #fc6736; } .grow-chart { background-image: url(../images/grow-chart-bg.png); background-repeat: no-repeat; background-size: cover; padding: 48px 0 54px; margin: 62px 0 20px; } .grow-chart .grow-inner { } .grow-chart .grow-inner .left-part { width: 50%; position: relative; padding-top: 47px; border-right: 2px dashed #fff; } /*.grow-chart .grow-inner .left-part:after{position: absolute;content: '';height: 100%;width: 1px;top:0;background-color: #fff;right:0;border}*/ .grow-chart .grow-inner .left-part .h2 { color: #fff; } .grow-chart .grow-inner .left-part .p { color: #fff; margin: 22px 0 45px; width: 390px; line-height: 1.5; } .grow-chart .grow-inner .left-part ul { } .grow-chart .grow-inner .left-part ul li { color: #fff; margin-bottom: 40px; } .grow-chart .grow-inner .left-part ul li:last-child { margin-bottom: 0px; } .grow-chart .grow-inner .left-part ul li i { background-color: #fff; color: #000; border-radius: 50%; width: 32px; height: 32px; text-align: center; padding: 5px; margin-right: 10px; } .grow-chart .grow-inner .right-part { width: 50%; padding-left: 40px; padding-top: 42px; } .grow-chart .grow-inner .right-part .col { position: relative; background-color: #fff; border: 1px solid #1C275233; padding: 27px 20px 30px 25px; margin-bottom: 60px; } .grow-chart .grow-inner .right-part .col:last-child { margin-bottom: 0px; } .grow-chart .grow-inner .right-part .col:after { position: absolute; content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #fff; left: -12px; top: 24px } .grow-chart .grow-inner .right-part .col:before { position: absolute; content: ''; width: 15px; height: 15px; left: -50px; top: 33px; background-image: url(../images/dot-image.png); background-position: center; background-repeat: no-repeat; } .grow-chart .grow-inner .right-part .col .font-18 { font-size: 18px; padding: 7px 41px; border-radius: 4px; background-color: #FC6736; color: #fff; position: absolute; top: -25px; left: 5px; } .grow-chart .grow-inner .right-part .col .text-part { } .grow-chart .grow-inner .right-part .col .text-part .p { font-size: 14px; line-height: 1.5; } .what-we { padding-bottom: 73px; } .what-we .inner-wrap { padding-top: 50px; } .what-we .title-part .p { width: 78%; margin: -23px auto 40px; } .our-team { background-color: #091242; padding: 48px 0 150px; margin-bottom: 125px; } .our-team .title-part { } .our-team .title-part .text-part { width: 420px; } .our-team .title-part .text-part .h2 { color: #fff; margin-bottom: 18px; } .our-team .title-part .text-part .p { color: #fff } .our-team .title-part .btn-part { } .our-team .title-part .btn-part .btn { min-width: 240px; } .our-team .team-list { margin-top: 50px; } .our-team .team-list .col { width: calc(100% / 5 - 26px) } .our-team .team-list .col img { border-radius: 12px; margin: 0 auto; } .our-team .team-list .col .text-part { } .our-team .team-list .col .text-part .h4 { color: #fff; margin: 20px 0 3px; } .our-team .team-list .col .text-part .p { color: #fff; font-size: 14px; } .about-happy { padding-bottom: 27px; } /*Contact Us*/ .our-aim { margin-top: 58px; } .our-aim .title-part { } .our-aim .title-part .h3 { color: #111827; } .our-aim .inner-sec { margin-top: 50px; align-items: flex-start; } .our-aim .inner-sec .left-part { width: 30%; } .our-aim .inner-sec .left-part .number-list-part { margin-top: 30px; border-bottom: 2px solid #E5E7EB; padding-bottom: 33px; } .our-aim .inner-sec .left-part .number-list-part .col { width: 135px; margin-bottom: 83px; } .our-aim .inner-sec .left-part .number-list-part .col:last-child, .our-aim .inner-sec .left-part .number-list-part .col:nth-child(3) { margin-bottom: 0px; } .our-aim .inner-sec .left-part .number-list-part .col span { font-size: 40px; } .our-aim .inner-sec .left-part .number-list-part .col p { margin-top: 18px; font-size: 18px; } .our-aim .inner-sec .left-part .rating-list { text-align: center; margin-top: 30px; } .our-aim .inner-sec .left-part .rating-list .col { width: 153px; margin-bottom: 45px; } .our-aim .inner-sec .left-part .rating-list .col img { height: 24px; margin: 0 auto; } .our-aim .inner-sec .left-part .rating-list .col ul { text-align: center; justify-content: center; margin: 14px 0; gap: 7px; } .our-aim .inner-sec .left-part .rating-list .col ul li { margin: 0 0 0; text-align: center; } .our-aim .inner-sec .left-part .rating-list .col ul li i { color: #FFAB0A; font-size: 12px; } .our-aim .inner-sec .left-part .rating-list .col p { font-weight: 500; } .our-aim .inner-sec .right-part { width: 66%; border: 1px solid #E7E9ED; box-shadow: 4px 16px 33px -23px #161C2D14; border-radius: 12px; } .our-aim .inner-sec .right-part .form-title { background-color: #091242; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 13px 0 16px 20px; } .our-aim .inner-sec .right-part .form-title .p { color: #fff; font-size: 14px; } .our-aim .inner-sec .right-part .form-sec { padding: 40px 30px; } .our-aim .inner-sec .right-part .form-sec .list { margin-bottom: 20px; } .our-aim .inner-sec .right-part .form-sec .list .col { width: 320px; } .our-aim .inner-sec .right-part .form-sec .list .col label { margin-bottom: 9px; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.2; text-align: left; color: #091242; display: block; } .our-aim .inner-sec .right-part .form-sec .list .col input { width: 100%; padding: 12px; border: 1px solid #D1D5DB; margin-bottom: 25px; border-radius: 4px; font-family: "Outfit", sans-serif; font-size: 12px; font-weight: 400; line-height: 26px; text-align: left; color: #6B7280; height: 50px; } .our-aim .inner-sec .right-part .form-sec .list .col input::-webkit-outer-spin-button,.our-aim .inner-sec .right-part .form-sec .list .col input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .our-aim .inner-sec .right-part .form-sec .list .col input[type="number"] {-moz-appearance: textfield; } .our-aim .inner-sec .right-part .form-sec .list textarea { margin-top: 4px; } .our-aim .inner-sec .right-part .form-sec .button_book_consultation { margin-top: 54px; } .our-aim .inner-sec .right-part .form-sec .button_book_consultation .btn { background: #fc6736; font-size: 16px; font-weight: 500; width: 320px; padding: 10px; text-align: center; color: #fff; text-decoration: none; border-radius: 30px; font-family: "Inter", sans-serif; cursor: pointer;margin-top:20px; } .our-aim .inner-sec .right-part .form-sec .button_book_consultation .btn-w { background: #fff; color: #111827; } .our-aim .inner-sec .right-part .form-sec .button_book_consultation .btn:hover { background: #fff; color: #111827; } .our-aim .inner-sec .right-part .form-sec .button_book_consultation .btn-w:hover { background: #fc6736; color: #fff; } .contact-details { background-color: #EFF6FF; margin: 85px 0 116px; padding: 50px 0 34px; } .contact-details .title-part { } .contact-details .title-part .h3 { } .contact-details .list-contact { margin: 50px 0 0 50px; } .contact-details .list-contact .col { width: calc(100% / 3); display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 32px; } .contact-details .list-contact .col .icon { } .contact-details .list-contact .col .icon img { width: 15px; } .contact-details .list-contact .col .text-part { width: calc(100% - 30px); } .contact-details .list-contact .col .text-part .p { } .contact-details .list-contact .col .text-part span { display: block; } .how-we-do { margin-bottom: 125px; } .help-desk ~ .how-we-do .title-part { justify-content: center; } .how-we-do .list-sec { position: relative; margin-top: 47px; } .how-we-do .list-sec:after { position: absolute; content: ''; width: 100%; top: 15%; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-image: url(../images/how-we-do-line.png); background-position: center top;} .how-we-do .list-sec .col { width: calc(100% / 4 - 40px); position: relative; z-index: 99; } .how-we-do .list-sec .col .img-sec { } .how-we-do .list-sec .col .img-sec img { margin: 0 auto; } .how-we-do .list-sec .col .text-sec { } .how-we-do .list-sec .col .text-sec .h6 { font-size: 18px; line-height: 1.4; margin: 22px 0 15px; } .how-we-do .list-sec .col .text-sec .p { font-size: 18px; line-height: 1.4; } /*Contact Us*/ /*Noc Service*/ .noc-banner { height: 300px; } .noc-banner .inner-sec { max-width: 100%; /*padding-top: 87px; */ padding-top: 30px; } .noc-banner .inner-sec p { margin-bottom: 45px; } .noc-banner .inner-sec .btn-part { gap: 30px; } .noc-custome { padding: 57px 0px 33px; margin: 65px 0 95px; margin-top: 0 !important; } .noc-support { margin-top: 97px; } .noc-support .right-part .h2 { margin-top: 13px; letter-spacing: -2.4px; } .noc-support .right-part .p { margin: 20px 0 22px; line-height: 1.5; } .noc-support .right-part ul { border-top: 1px solid #E4E4E4; margin-top: -6px; padding-top: 17px; } .noc-support .right-part ul li { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .noc-support .right-part ul li i { width: 56px; height: 56px; background-color: #F6F5FF; border-radius: 50%; margin-right: 15px; padding: 15px; color: #5236FF; text-align: center; } .noc-support .left-part .top-img { margin-bottom: 28px; } .noc-support .left-part .bottom-img .col { width: 49%; } .noc-support .left-part .bottom-img img { width: 100%; height: 346px; object-fit: cover; border-radius: 12px; } .noc-white-lable { background-color: #EFF6FF; padding: 47px 0 21px; margin: 98px 0; } .noc-white-lable .title-part { margin-bottom: 30px; } .noc-white-lable .title-part .h3 { margin-bottom: 18px; } .noc-white-lable .title-part .p { } .noc-white-lable .toggle-list { } .noc-white-lable .toggle-list .left-part { width: calc(100% - 484px); } .noc-white-lable .toggle-list .left-part .col { padding: 25px 0 28px; border-bottom: 2px solid #D1D5DB; } .noc-white-lable .toggle-list .left-part .col .img-part { display: none; } .noc-white-lable .toggle-list .left-part .title-sec { position: relative; } .noc-white-lable .toggle-list .left-part .h6 { display: inline-flex; padding-right: 46px; position: relative; } .noc-white-lable .toggle-list .left-part .h6:after { position: absolute; content: ''; width: 22px; height: 12px; background-image: url(../images/down_arrow.png); right: -0; top: 6px; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .noc-white-lable .toggle-list .left-part .col.active .h6:after { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .noc-white-lable .toggle-list .left-part .inner-part { padding-right: 100px; } .noc-white-lable .toggle-list .left-part .inner-part .p { margin-top: 22px; line-height: 1.5; margin-bottom: 31px; } .noc-white-lable .toggle-list .left-part .inner-part a { font-size: 17px; font-weight: 500; font-family: "Inter", sans-serif; color: #FC6736; } .noc-white-lable .toggle-list .left-part .inner-part a:hover { color: #000; } .noc-white-lable .toggle-list .left-part .inner-part a i { margin-left: 18px; } .noc-white-lable .toggle-list .right-part { width: 474px; margin-top: 19px; } .noc-white-lable .toggle-list .right-part .col { } .noc-white-lable .toggle-list .right-part .col img { } .why-techmo { margin-top: -30px; } .why-techmo .title-part { } .why-techmo .title-part .text-part { width: calc(100% - 380px); } .why-techmo .title-part .text-part .h3 { margin-bottom: 20px; } .why-techmo .title-part .text-part .p { line-height: 1.5; } .why-techmo .title-part .btn-part { } .why-techmo .list-part { } .why-techmo .list-part .col { width: calc(100% / 3 - 40px); margin-right: 58px; border-radius: 16px; background-color: #fff; box-shadow: 0px 4px 24px 0px #0000001A; margin-top: 48px; margin-bottom: 16px; } .why-techmo .list-part .col:nth-child(3n) { margin-right: 0px; } .why-techmo .list-part .col .img-sec { } .why-techmo .list-part .col img { border-top-left-radius: 16px; border-top-right-radius: 16px; } .why-techmo .list-part .col .text-part { } .why-techmo .list-part .col .p { font-size: 18px; padding: 24px 25px 25px; line-height: 1.4; } .sub-survice { background-color: #EFF6FF; margin: 43px 0 86px; padding: 37px 0 47px; } .sub-survice .inner-part { width: 952px; margin: 0 auto; } .sub-survice .inner-part .title-part .h3 { } .sub-survice .tabbing-part { margin-top: 50px; } .sub-survice .tabbing-part .tabbing-list { background-color: #fff; border-radius: 0; } .sub-survice .tabbing-part .tabbing-list ul { flex-wrap: nowrap;} .sub-survice .tabbing-part .tabbing-list ul li { padding: 15px 22px; border-radius: 0px; cursor: pointer; text-align: center; font-weight: 500; font-family: "Outfit", Sans-serif;} .sub-survice .tabbing-part .tabbing-list ul li.active, .sub-survice .tabbing-part .tabbing-list ul li:hover { background-color: #1C1C1C; color: #fff; } .sub-survice .tabbing-part .tabbing-iner { margin-top: 20px; } .sub-survice .tabbing-part .tabbing-iner .col { } .sub-survice .tabbing-part .tabbing-iner .col .left-part { width: calc(100% - 390px); background-color: #fff; border-radius: 10px; padding: 30px 100px 30px 28px; } .sub-survice .tabbing-part .tabbing-iner .col .left-part .icon-img { width: 36px; } .sub-survice .tabbing-part .tabbing-iner .col .left-part .icon-img img { width: 100%; } .sub-survice .tabbing-part .tabbing-iner .col .left-part .text-part { } .sub-survice .tabbing-part .tabbing-iner .col .left-part .text-part .h3 { font-size: 18px; margin: 23px 0 22px; } .sub-survice .tabbing-part .tabbing-iner .col .left-part .text-part .p { font-size: 14px; line-height: 1.5; } .sub-survice .tabbing-part .tabbing-iner .col .left-part .btn-part { margin-top: 35px; } .sub-survice .tabbing-part .tabbing-iner .col .left-part .btn-part .btn { } .sub-survice .tabbing-part .tabbing-iner .col .right-part { width: 364px; } .sub-survice .tabbing-part .tabbing-iner .col .right-part img { border-radius: 10px; width: 100%; } .question-answer { margin: 80px 0 140px; } .question-answer .title-part { } .question-answer .title-part .h3 { } .question-answer .que-ans-list { margin: 40px 0 0 31px; width: 1030px; padding-top: 28px; } .question-answer .que-ans-list .col { border-bottom: 1px solid #DEDEDE; padding: 40px 0 30px; } .question-answer .que-ans-list .col:first-child { padding-top: 0; } .question-answer .que-ans-list .col .que { position: relative; padding-right: 10px; } .question-answer .que-ans-list .col .que span { display: inline-flex; } .question-answer .que-ans-list .col .que span.num { width: 21px; } .question-answer .que-ans-list .col .que span.text { width: calc(100% - 45px); } .question-answer .que-ans-list .col .que i { position: absolute; right: 0; top: 0; transition: all 0.3s; } .question-answer .que-ans-list .col.active .que i { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .question-answer .que-ans-list .col .que .h6 { font-size: 18px; } .question-answer .que-ans-list .col.active .que .h6 { color: #FC6736; } .question-answer .que-ans-list .col .ans { margin-top: 23px; padding-left: 21px; } .question-answer .que-ans-list .col .ans .p { } /*Noc Service*/ /*Life at techmonarch*/ .life-banner { } .life-banner .wrapper { height: 100%; } .life-banner .inner-sec { display: flex; align-items: center; height: 100%; padding-top: 0; } .life-banner h1 { text-align: left; } .event-celebration { background-color: #EFF6FF; padding-top: 83px; } .event-celebration .h2 { } .event-celebration .event-list { margin-top: 80px; } .event-celebration .event-list .col { width: calc(100% / 2 - 15px); text-align: center; margin-bottom: 50px; } .event-celebration .event-list .col .img-part { text-align: center; height: 440px; } .event-celebration .event-list .col img { margin: auto; width: 100%; height: 100%; object-fit: cover; } .event-celebration .event-list .col .font-20 { text-align: center; margin-top: 24px; } .professional-event { margin-top: 188px; } .professional-event .h2 { } .professional-event .p-event-list { margin-top: 66px; } .professional-event .p-event-list .col { border-radius: 16px; box-shadow: 0px 4px 24px 0px #0000001A; width: calc(100% / 4 - 12px); } .professional-event .p-event-list .col .img-part { } .professional-event .p-event-list .col .img-part img { border-radius: 8px; width: 100%; } .professional-event .p-event-list .col .text-part { padding: 21px 30px 20px 20px; } .professional-event .p-event-list .col .text-part .h6 { font-size: 18px; line-height: 1.3; } .professional-event .p-event-list .col .text-part p { font-size: 14px; } .professional-event .p-event-list .col .text-part p.address { margin-top: 18px; } .professional-event .p-event-list .col .text-part span { display: inline-flex; align-items: center; } .professional-event .p-event-list .col .text-part span.icon { margin-right: 10px; } .professional-event .btn-part { margin: 50px auto; text-align: center; } /*Life at techmonarch*/ /*Technology*/ .technology-banner { } .technology-banner .btn-part { gap: 35px; } .partner-deatil { padding-top: 87px; padding-bottom: 50px; } .partner-deatil .col { margin-bottom: 45px; } .partner-deatil .col .name-part { width: 207px; margin-right: 10px; } .partner-deatil .col .name-part .h4 { } .partner-deatil .col .list-iocn { width: calc(100% - 217px); } .partner-deatil .col .list-iocn:before { } .partner-deatil .col .list-iocn .icon { width: 120px; height: 120px; border: 1px solid #FFFFFF; box-shadow: 0px 10px 15px -3px #0000001A; border-radius: 100%; padding: 10px; margin-left: 10px; display: flex; justify-content: center; align-items: center; margin-left: 64px; margin-right: 0px; position: relative; z-index: 9; } /*.partner-deatil .col .list-iocn .icon:first-child{margin-left:65px;}*/ .partner-deatil .col .list-iocn .icon:before { position: absolute; content: ''; width: 70px; height: 1px; background-color: #AEAEAEBA; top: 50%; left: -70px; z-index: -1; } .partner-deatil .col .list-iocn .icon img { width: 100%; } /*Technology*/ /*Webinar*/ .webinar-list { margin-top: 90px; } .webinar-list .list-webinar { } .webinar-list .list-webinar .col { width: calc(100% / 3 - 10px); margin-bottom: 72px; } /*.webinar-list .list-webinar .col{width: calc(100% / 3 - 15px);margin-bottom: 72px;} .webinar-list .list-webinar .col .text-part .btn{font-size: 12px;min-width: 120px;padding: 1px 15px;color:#FC6736;} .webinar-list .list-webinar .col .img-sec img{border-radius: 16px;}*/ .webinar-list .list-webinar .col .text-part { margin-top: 18px; padding-right: 15px; } .webinar-list .list-webinar .col .text-part .font-20 { letter-spacing: -0.4px; line-height: 1.4; } .webinar-list .list-webinar .col .text-part p{ margin-top: 20px; line-height: 1.5; font-family: "Outfit", Sans-serif;font-weight: 300;} .webinar-list .list-webinar .col .text-part .w400 { } section.next-project.interested-pro { margin-top: 14px; } /*Webinar*/ /*New Webinar*/ .new-webinar-list .container { max-width: 1250px; } .new-webinar-list .img-sec iframe { height: 225px; width: 100%; } .new-webinar-list .list-webinar { gap: 20px; } /*Webinar Detail*/ .webinar-details { } .webinar-details .title-part { align-items: center; margin-top: 62px; } .webinar-details .title-part .left-text-part { width: calc(100% - 250px); } .webinar-details .title-part .left-text-part .h1 { color: #030303; line-height: 1.2; letter-spacing: -0.5px; } .webinar-details .title-part .left-text-part .icon-list { margin-top: 22px; } .webinar-details .title-part .left-text-part .icon-list ul { } .webinar-details .title-part .left-text-part .icon-list ul li { color: #1F2937; margin-right: 67px; margin-bottom: 5px; } .webinar-details .title-part .left-text-part .icon-list ul li img { margin-right: 9px; } .webinar-details .title-part .left-text-part .icon-list ul li span { } .webinar-details .title-part .btn-prt { } .webinar-details .common-text { margin-top: 68px; } .webinar-details .common-text p { font-size: 20px; line-height: 1.7; font-weight: 400; font-family: "Outfit", sans-serif; margin-bottom: 40px; color: #1F2937; } .webinar-details .common-text img { margin-bottom: 40px; } .more-webinar { margin-top: 160px; } /*Webinar Detail*/ /*Hire*/ /*.hire-banner { height: 560px; }*/ .hire-banner .wrapper { height: 100%; display: flex; align-items: center; } .hire-banner .inner-sec { padding-top: 0; } .hire-support { } .hire-support .bottom-img .col:first-child { width: 45%; } .hire-support .bottom-img .col:last-child { width: 51%; } .hire-support i { font-style: normal; } .role-reponsibility { margin: 113px 0 0; } .role-reponsibility .container { max-width: 1290px; } .role-reponsibility .text-part { } .btn-text-sec .left-part { width: calc(100% - 250px); } .btn-text-sec .left-part .h2 { letter-spacing: -2.4px; } .btn-text-sec .left-part .p { margin-top: 13px; } .role-reponsibility .text-part .btn-part { } .role-reponsibility .role-list { gap: 22px; margin-top: 50px; justify-content: flex-start; } .role-reponsibility .role-list .col { /*padding: 15px 25px 21px 15px;*/ width: calc(100% / 5 - 18px); background-color: #fff; padding: 22px 24px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); border: 1px solid #fff; border-radius: 16px; margin-bottom: 30px; } .role-reponsibility .role-list .col:hover { background-color: #1e3a8b; } .role-reponsibility .role-list .icon-img { } .role-reponsibility .role-list .icon-img img { border-radius: 100%; background-color: #F3F4F6; width: 64px; height: 64px; } .role-reponsibility .role-list .col:hover .font-20 { color: #fc6736; } .role-reponsibility .role-list .font-20 { line-height: 1.4; margin-top: 20px; } .help-desk { margin-top: 105px; margin-bottom: 70px;} .help-desk .cover { } .help-desk .left-part { width: 448px; } .help-desk .left-part img { } .help-desk .right-part { width: calc(100% - 503px); margin-top: 40px; } .help-desk .right-part .h2 { } .help-desk .right-part .p { font-size: 18px; margin: 20px 0 50px; } .help-desk .right-part .btn { } .process-hire { margin-top: 120px; } .process-hire .h3 { letter-spacing: -0.5px; } .process-hire .list-part { position: relative; margin-top: 50px; } .process-hire .list-part:before { position: absolute; content: ''; width: 235px; height: 643px; left: 41%; top: 130px; background-image: url(../images/process-line.png); background-repeat: no-repeat; background-position: center; z-index: -1; } .process-hire .list-part .col { text-align: right; display: flex; justify-content: flex-start; width: 100%; margin-bottom: 13px; } .process-hire .list-part .col:nth-child(2n) { justify-content: flex-end; } .process-hire .list-part .col .cover { width: 558px; align-items: center; } .process-hire .list-part .col:nth-child(2n) .cover { flex-direction: row-reverse; text-align: left; } .process-hire .list-part .col .img-part { width: 170px; } .process-hire .list-part .col .text-part { width: calc(100% - 193px); } .process-hire .list-part .col .text-part .h6 { } .process-hire .list-part .col .text-part .p { font-size: 18px; } .our-hire-model { margin-top: 120px; } .our-hire-model .model-list-part { margin-top: 50px; margin-bottom: 68px; } .our-hire-model .model-list-part .col { width: calc(100% / 4 - 15px); } .our-hire-model .model-list-part .col .icon-img { } .our-hire-model .model-list-part .col .icon-img img { } .our-hire-model .model-list-part .col .text-part { } .our-hire-model .model-list-part .col .text-part .h6 { margin: 23px 0 15px; } .our-hire-model .model-list-part .col .text-part .p { } .table-part.home-table-top { margin-top: 68px; } .table-part { } .table-part table { width: 100%; max-width: 1140px; border-collapse: separate; border: none; margin: 0 auto; } .table-part table thead { } .table-part table thead tr { } .table-part table thead tr th { background-color: #091242; text-align: center; padding: 20px 15px; } .table-part table thead tr th:first-child { border-radius: 12px 0 0; } .table-part table thead tr th:last-child { border-radius: 0px 12px 0 0; } .table-part table thead tr th span { font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 700; line-height: 26px; color: #fff; } .table-part table tbody { } .table-part table tbody tr { } .table-part table tbody tr td { color: #111827; font-family: "Outfit", Sans-serif; line-height: 24px; font-weight: 300; text-align: center; font-size: 16px; padding: 20px 15px; background-color: #F3F4F6; } .table-part table tbody tr td:first-child { color: #111827; font-family: "Manrope", Sans-serif; line-height: 24px; font-weight: 700; text-align: center; font-size: 16px; background-color: #EBEFFF; } .table-part table tbody tr:last-child td:first-child { border-radius: 0 0 0 12px; } .table-part table tbody tr:last-child td:last-child { border-radius: 0 0 12px 0; } .comparative { margin-top: 120px; margin-bottom: 37px; } .comparative .h3 { margin-bottom: 50px; } .comparative table tbody tr:nth-child(2n) td { background-color: #fff; } .comparative table tbody tr:nth-child(2n) td:first-child { background-color: #EBEFFF; } /*Header css*/ header .row { /*--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y)* -1); margin-right: calc(var(--bs-gutter-x)* -.5); margin-left: calc(var(--bs-gutter-x)* -.5);*/ width: 100%; display: flex; height: 100%; } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; } header .col-3 { flex: 0 0 auto; width: 19.4%; } header .col-4 { flex: 0 0 auto; width: 40%; padding-top: 30px; padding-left: 40px; padding-bottom: 20px; } header .col-5 { flex: 0 0 auto; width: 40%; padding-top: 30px; padding-right: 40px; padding-bottom: 20px; } header .col-cover {flex: 0 0 auto; width: 80%;display: none;} header .col-cover.active-sub-menu {display:flex;} header .col-cover .col-4{width: 50%;} header .col-cover .col-5{width: 50%;} .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .justify-content-between { justify-content: space-between !important; } header .mega_menu { top: 80px; width: 1200px; min-height: 600px; position: fixed; left: 50%; transform: translateX(-50%); display: none; z-index: 99999; height: 650px; } header .mega_menu .container { background-color: white; border-radius: 12px; box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, .1); padding: 0 12px; height: 100%; padding: 0; } header .mega_menu .container .row .col-3.text-left:first-child { background-color: #ebeff2; border-radius: 12px 0 0 12px; padding: 0; height: auto; } header .mega_menu .container .row .col-3.text-left:first-child p { margin: 10px 15px; color: rgb(104, 119, 153); font-family: "Outfit", Sans-serif; font-weight: 500; } header .mega_menu .container .row .col-3.text-left:first-child .h4 { font-size: 22px; padding: 35px 20px 0 15px; } header .mega_menu .container .row .col-3.text-left:first-child ul li { padding: 12px 30px 12px 15px; } header .box_menu.text-left a { text-decoration: none !important; font-weight: 600; color: #000; } header .box_menu.text-left p { font-size: 14px; display: inline-block; width: 100%; line-height: 20.5px; color: rgb(104, 119, 153); font-family: "Outfit", Sans-serif; font-weight: 500; margin: 10px 0; } header .box_menu.text-left { padding: 15px 20px 10px; margin: 10px 10px 0; } header .box_menu:hover { background-color: #ebeff2; border-radius: 12px; } header .box_menu:hover a { color: #fc6736; } header a.nav-link { font-size: 16px; font-weight: 500; color: #000; padding: 0 15px; } header a.nav-link:hover { color: #fc6736; border-radius: 2px; text-decoration: 5px underline !important; text-underline-offset: 15px; } header .btn_contact a.btn { font-size: 17px; font-weight: 500; line-height: 32px; background-color: #fc6736; border-radius: 100px; color: #fff; padding: 10px 20px; } header .btn_contact a.btn:hover { color: #fc6736; background-color: #ffeeeb; } header .services_list { list-style-type: none; padding-left: 0; margin: 0; } header .services_list li a { font-weight: 600; text-decoration: auto; color: #000; } header .services_list li { margin: 30px 0 0; padding: 10px 30px 10px 15px; display: flex !important; justify-content: flex-start !important; } header .services_list li a { padding: 0 !important; } header .services_list li:hover,header .col-3 li.active{ background-color: #fc6736; } header .center-menu .services_list li a:hover,header .col-3 li.active a { color: #fff !important; text-decoration: unset !important; } header .menu-container-mobile { display: none; } .desk-menu { display: flex; justify-content: center; } header .menu-header-menu-container ul li ul li a:hover { border: none; text-decoration: none !important; } .mobile-menu { display: none; } .blog-list-archive .slide { width: calc(100% / 2 - 30px); } .noresult { background-color: #262626; color: #fcb040; font-family: inherit; font-size: 12px; width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; } .custom-loader { } .custom-loader { width: 50px; height: 50px; border-radius: 50%; padding: 1px; background: conic-gradient(#0000 10%, #fcb040) content-box; -webkit-mask: repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg), radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px)); -webkit-mask-composite: destination-in; mask-composite: intersect; animation: s4 1s infinite steps(10); } @keyframes s4 { to { transform: rotate(1turn) } } footer .col { width: 20% !important; margin: 0; padding: 0 15px; } footer .col-1 { padding-left: 0; } footer .col-4 { padding-right: 0; } body.fixbody { position: fixed; height: 100%; width: 100%; left: 0; } #result span{text-align:center;display:block;margin:10px 0;} #result span.sucseess{color:green;} #result span.error{color:#f00;} footer .col ul.socel-icon li svg { min-height: 22px; } .what-we-do .left-part .bottom-img .col img { height: 100%; object-fit: cover; border-radius: 10px; } /*Acronis start*/ .our-usp{} .our-usp .title-part{margin-top:73px;margin-bottom: 60px;} .our-usp .list-part{ background-image: url(../images/number.png);background-repeat: no-repeat;background-size: auto; background-color: #091242;padding:23px 20px;border-radius: 12px;} .our-usp .list-part .cover{background-color: #F2F4F8;border-radius: 12px;width: 834px;margin: 0 auto;text-align: center;padding: 20px 147px;} .our-usp .list-part .cover img{margin: 0 auto;text-align: center;} .our-usp .list-part .cover .text-part .h3{margin: 25px 0;} .cyber-security{margin-top: 70px;} .cyber-list{margin-top: 47px;gap:21px;} .cyber-list .col{background-color: #fff;border-radius: 12px;box-shadow: 0px 6px 40px 0px #0000000F;padding: 24px;width:calc(100% / 3 - 14px);margin-bottom: 5px;} .cyber-list .col .text-sec{} .cyber-list .col .text-sec .font-20{margin: 27px 0 14px;} .cyber-list .col .text-sec .w300 {font-size: 18px;} .cyber-list .col .text-sec .link-sec{gap:25px;margin-top: 22px;margin-bottom: 5px;} .cyber-list .col .text-sec .link-sec a{text-decoration: underline;} .compare-plan{margin-top: 75px;} .compare-plan p{font-size: 10px;line-height: 1.6;} .compare-plan tbody{} .compare-plan .table-part table thead tr th{width: 178px;padding: 12px;} .compare-plan .table-part table thead tr th:first-child{width: 236px;} .compare-plan table tbody tr td:first-child{text-align: left;} .compare-plan table tbody i{width:24px;height: 24px;border-radius: 100%;padding: 5px;} .compare-plan table tbody i.fa-check{background-color: #E5EDFF;color: #5236FF;} .compare-plan table tbody i.fa-close{background-color: #FFE5E8;color: #f00;} .compare-plan table tbody tr:nth-child(2n) td{background-color:#F3F4F6;} .compare-plan table tbody tr td span{display: block;margin-bottom: 9px;} .see-acro{margin-top: 73px;} .see-acro .cover{position: relative;padding-top: 80px;} .see-acro .cover:after{content: '';position: absolute;background: linear-gradient(180deg, #EEF3FD 0%, rgba(238, 243, 253, 0.5) 115.45%);border-radius: 24px;width: 902px;height: 473px;top:0;right: 0;z-index: 1;opacity: 0.8;} .see-acro .left-part{width:490px;position: relative;z-index: 11;} .see-acro .right-part{width:calc(100% - 533px);position: relative;z-index: 11;padding-top: 48px;} .see-acro .right-part .h2{} .see-acro .right-part .font-18{margin: 25px 0px 22px;font-size: 18px;line-height: 26px;} .see-acro .right-part .btn-part{} .see-acro .right-part .btn-part .btn{ width: 160px;padding: 7px 35px;} .awards{margin-top: 160px;} .awards .awards-list{gap:10px;margin-top: 55px;} .awards .awards-list .col{width: calc(100% / 3 - 13px);position: relative;background-color: #fff;border-radius: 16px;box-shadow: 0px 6px 40px 0px #0000000F;padding: 33px 25px;margin-bottom: 50px;} .awards .awards-list .col .top-tag{position: absolute;top:12px;right:14px;padding: 10px;font-size: 14px;font-weight: 400;font-family: "Outfit", Sans-serif;background-color: #E5F1FF;border-radius: 4px;} .awards .awards-list .col img{} .awards .awards-list .col .font-20{margin: 27px 0;} .awards .awards-list .col a{font-weight: 600;} .awards .awards-list .col i{margin-left: 9px;} .checkout{background-color: #091242;margin: 44px 0px 50px;padding: 70px 0px 46px;} .checkout .h3{color: #fff;} .checkout .logo-list{margin-top: 53px;} .checkout .logo-list .col{background-color: #fff;border-radius: 12px;width:calc(100% / 6 - 20px);height: 96px;display: flex;align-items: center;margin-bottom: 28px;} .checkout .logo-list .col img{margin: auto;} .acro-happy-customer{margin-top: 80px;} /*Acronis End*/ /*Eror Page*/ .error-404{} .error-404 .cover{padding: 100px 0; align-items: center;justify-content: center;} .error-404 .cover .inner{text-align: center;} .error-404 .cover .inner h1{font-size: 150px;color: var(--orange);line-height: 1.2;} .error-404 .cover .inner p{font-size: 36px;margin: 50px 0 ;} .error-404 .cover .inner a{} /*Eror Page*/ /*Responsive Css*/ @media screen and (min-width:1921px) { .wrapper { width: 100%; max-width: 1230px; } } @media screen and (max-width:1800px) { } @media screen and (max-width:1600px) { } @media screen and (max-width:1440px) { } @media screen and (max-width:1360px) { } @media screen and (max-width:1290px) { .blog_grid_con { display: grid; grid-template-columns: auto auto; grid-gap: 30px; } .blog-inner-part .container, .new-blog-list .container, .new-webinar-list .container, .role-reponsibility .container { max-width: 1250px; } { max-width: 100%; } header .mega_menu { width: 80%; padding: 0 20px; } header .mega_menu .container .row .col-3.text-left:first-child { padding: 20px 10px; } header .col-3 { width: 24%; } header .col-4 { width: 38%; } header .col-5 { width: 38%; } } @media screen and (max-width:1199px) { h1, .h1 { font-size: 28px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 22px; } h6, .h6 { font-size: 20px; } header .col-3 { width: 27%; } header .col-4 { width: 36.5%; padding-left: 25px; } header .col-5 { width: 36.5%; padding-right: 25px; } header .center-menu ul li a { padding: 0 10px; } .banner-part .left-part { width: 50%; } .banner-part .left-part p { overflow-wrap: break-word; } .banner-part .left-part p br { display: none; } .banner-part .right-part { width: 50%; } .banner-part .left-part .btn-part .btn { padding: 10px 15px; width: 48%; } .banner-part .left-part .btn-part .btn i { margin-left: 5px; } .title-part .h2 { margin-bottom: 20px; } .offer-list { margin: 0 -10px; } .offering { padding: 50px 0; } .offer-list .col, .model .model-list-part .col { width: calc(100% / 2 - 15px); margin-bottom: 30px; } .tech-list .col { width: calc(100% / 2 - 18px); } .number .title-part { width: 170px; } .number .container .inner-cover { padding: 20px; } .number .num-list { width: calc(100% - 190px); padding: 30px 10px; } .number .num-list .col p { margin-top: 15px; font-size: 13px; } .customers-section { margin: 50px 0px; padding: 35px 0; } .review-list .col:first-child { display: block; } .review-list .col:first-child .customers-card { padding-right: 0px; } .review-list .col:last-child { display: block; } .review-list .col .customers-img img { height: 25px; } .review-list .col .star_box li { font-size: 18px; } section.happy-customers .container { padding: 0 80px; } section.happy-customers button.owl-next { right: -65px; } section.happy-customers button.owl-prev { left: -45px; } .full-stack { margin: 50px 0; padding: 50px 0 20px; } .full-stack .left-part { width: 100%; } .full-stack .right-part { width: 100%; } .full-stack .left-part .col { width: calc(100% / 3 - 20px); } section.nedd-help_section { padding: 50px 0; } .ready_contact_form { margin-top: 50px; } .ready_contact_form .left-part { width: 50%; } .ready_contact_form .right-part { width: 50%; } .ready_contact_form .left-part .main_consultancy_new .icon-col { width: 100%; margin-bottom: 10px; } .ready_contact_form .right-part .form_main_section { padding: 35px 25px; } .ready_contact_form .right-part .button_book_consultation { margin-top: 15px; } section.next-project .right-part { margin-top: 10px; } footer { padding: 50px 0 0; } footer .col { margin: 0; } footer .col-1 { width: 40%; } footer .col-4 { width: 100%; } footer .col-2 { width: 50%; } footer .col-3 { width: 50%; } footer .socel-icon { gap: 25px; } .copy-right { margin-top: 50px; } .inner-banner { min-height: 450px; } .inner-banner .title-part p { margin-bottom: 85px; } .blog-list-cat { margin: 50px 0; } .blog-list-cat ul li { width: calc(100% / 7 - 5px); } .top-blog-list .left-part { width: 63% } .top-blog-list .right-part { width: 32% } .blog-list .slide { width: calc(100% / 2 - 15px); } /*About Us*/ .what-we-do .right-part p.font-20, .what-we-do .right-part ul li, .grow-chart .grow-inner .left-part ul li { font-size: 16px; } .inner-page-banner .btn { width: 200px; } .what-we-do { margin-top: 70px; } .what-we-do .right-part .h2 { letter-spacing: 0; } .what-we-do .right-part ul img { width: 45px; } .what-we-do .right-part ul span { width: calc(100% - 60px); } .what-we-do .left-part .top-img img { width: 100%; } .what-we-do .left-part .bottom-img .col img { width: 100%; height: 200px; object-fit: cover; border-radius: 10px; } .suresh-kalal, .our-value, .our-mission { margin-top: 70px; } .our-mission .col { padding: 50px 30px 50px 0; } .our-mission .col:last-child { padding-left: 30px; padding-right: 0; } .our-mission .col .img-sec { width: 70px; } .our-mission .col .text-sec { width: calc(100% - 90px); } .our-value .value-list { margin-top: 30px; } .our-value .value-list .col { width: calc(100% / 3 - 15px); } .grow-chart { margin-top: 30px; } .grow-chart .grow-inner .left-part .p { width: 90%; } .grow-chart .grow-inner .left-part ul li { margin-bottom: 30px; } .our-team .team-list { justify-content: center; } .our-team .team-list .col { width: calc(100% / 3 - 10px); margin-bottom: 30px; } /*About Us*/ /*Contact Us*/ .our-aim .inner-sec .left-part { width: 39%; } .outfit.p.w300.font-20 { font-size: 18px; } .our-aim .inner-sec .right-part { width: 56%; } .our-aim .inner-sec .left-part .number-list-part .col p { font-size: 16px; } .our-aim .inner-sec .left-part .number-list-part .col { margin-bottom: 40px; } .our-aim .inner-sec .left-part .rating-list .col { width: 50%; } .our-aim .inner-sec .right-part .form-sec .list .col, .our-aim .inner-sec .right-part .form-sec .button_book_consultation .col { width: 49%; } .our-aim .inner-sec .right-part .form-sec { padding: 40px 15px; } .our-aim .inner-sec .right-part .form-sec .list .col input { margin-bottom: 10px; } .our-aim .inner-sec .right-part .form-sec .button_book_consultation .btn { width: 100%; } .our-aim .inner-sec .right-part .form-sec .button_book_consultation { margin-top: 25px; } .contact-details { margin: 40px 0 70px; } .how-we-do { margin-bottom: 70px; } /*Contact Us*/ /*Noc Service*/ .inner-page-banner { height: 330px; } .noc-banner .inner-sec { padding-top: 55px; } .noc-support .right-part ul li i { width: 30px; height: 30px; padding: 8px; } .noc-white-lable { margin-top: 50px; } .noc-white-lable .toggle-list .left-part { width: 53%; } .noc-white-lable .toggle-list .left-part .inner-part { padding-right: 20px; } .noc-white-lable .toggle-list .right-part { width: 45%; } .why-techmo { margin-top: 0; } .why-techmo .list-part .col { width: calc(100% / 3 - 25px); margin-right: 35px; margin-top: 30px; } .sub-survice .tabbing-part .tabbing-iner .col .left-part { padding: 30px; } .question-answer .que-ans-list { width: 100%; } .question-answer .que-ans-list { margin-left: 0; } /*Noc Service*/ /*Life*/ .event-celebration { padding-top: 70px; } .event-celebration .event-list { margin-top: 70px; } .event-celebration .event-list .col { margin-bottom: 30px; } .professional-event { margin-top: 100px; } .professional-event .p-event-list .col { width: calc(100% / 2 - 30px); margin-bottom: 30px } /*Life*/ /*Technology*/ .inner-page-banner .p { margin-bottom: 45px; } .partner-deatil .col .name-part { width: 140px; } .partner-deatil .col .name-part .h4 { font-size: 20px; } .partner-deatil .col .list-iocn { width: calc(100% - 150px); } .partner-deatil .col .list-iocn .icon { width: 90px; height: 90px; margin-left: 25px; } .partner-deatil .col .list-iocn .icon:before { width: 30px; left: -30px; } /*Technology*/ /*Webinar Detail*/ .webinar-details .title-part .left-text-part .icon-list ul li { margin-right: 27px; } .webinar-details .common-text { margin-top: 50px; } .webinar-details .common-text p { font-size: 18px; margin-bottom: 30px; } .more-webinar { margin-top: 80px; } /*Webinar Detail*/ /*Hire*/ .btn-text-sec .left-part .h2 { letter-spacing: -1px; } .role-reponsibility .role-list .col { padding: 15px; } .role-reponsibility .role-list .font-20 { font-size: 17px; } .help-desk .left-part { width: 320px; } .help-desk .right-part { width: calc(100% - 330px); } .process-hire, .our-hire-model, .comparative { margin-top: 80px } /*Hire*/ /*Blog Detail Page*/ .comment-form .inner-sec { width: 100%; } .blog-inner-part .left-part { width: 67%; } .blog-inner-part .right-sec { width: 33%; padding: 0 5px; } .blog-inner-part .blog-detail-content h2 { font-size: 25px; line-height: 1.2; margin: 30px 0; } .blog-inner-part .blog-detail-content ul li { font-size: 16px; } .blog-inner-part .blog-detail-content p { font-size: 14px; } .event-celebration .event-list .col .img-part{height: 340px;} /*Acroni*/ .cyber-security{margin-top: 50px;} } @media screen and (max-width:1024px) { .sub-survice .inner-part { width: 100%; } } @media screen and (max-width:999px) { /*Blog List*/ .new-blog-list .slide { width: calc(100% / 2 - 30px); } /*Acroni*/ .our-usp .list-part .cover{width: 100%} .see-acro .cover{padding-bottom: 50px;align-items: center;} .see-acro .cover:after{ width: 80%;height: 100%;} .see-acro .left-part{width:350px;} .see-acro .right-part{width:calc(100% - 370px);padding-top: 0;} .see-acro .right-part .font-18{font-size:16px;} .awards{margin-top:80px;} .awards .awards-list .col,.cyber-list .col{width: calc(100% / 2 - 13px);} .checkout .logo-list .col{width: calc(100% / 6 - 9px);} .checkout .logo-list .col img{width: 80%;} } @media screen and (max-width:991px) { footer .col { width: 33.33% !important; } } @media screen and (max-width:767px) { .blog_grid_con { display: grid; grid-template-columns: auto; grid-gap: 20px; } /*Responsive Menu css start*/ header .wrapper { justify-content: space-between; } header .center-menu { justify-content: flex-end; width: auto; } header .menu-toggle { display: block; font-size: 0; width: 45px; height: 45px; background-color: #fff; margin-top: 0; border: 1px solid #000; border-radius: 0; padding: 8px; cursor: pointer; position: relative; z-index: 9; } header .menu-toggle span { width: 100%; display: block; height: 1px; position: relative; background-color: var(--blue); transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; } header .menu-toggle span:after, header .menu-toggle span:before { position: absolute; content: ''; width: 100%; height: 1px; right: 0; left: 0; background-color: var(--blue); transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; } header .menu-toggle span:after { top: -6px; } header .menu-toggle span:before { bottom: -6px; } header .main-navigation.toggled { position: fixed; right: 20px; top: 10px; } /*header .main-navigation.toggled span { height: 0; } header .main-navigation.toggled span:before { transform: rotate(130deg); top: 0; } header .main-navigation.toggled span:after { transform: rotate(-130deg); top: 0; }*/ header .menu-header-menu-container { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 99; left: 0; right: 0; top: 0; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; } header .menu-header-menu-container { position: fixed; width: 100%; height: 100%; z-index: 9999; left: 0; right: 0; top: 0; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transform: translateX(-110%); -o-transform: translateX(-110%); -moz-transform: translateX(-110%); -webkit-transform: translateX(-110%); background-color: rgba(0, 0, 0, 0.5); } header .menu-header-menu-container .inner-part { width: 350px; background-color: #fff; position: relative; overflow: auto; height: 100%; } header .main-navigation.toggled .menu-header-menu-container { transform: translateX(0%); -o-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); } /* Responsive-megamenu*/ .desk-menu { display: none; } .mobile-menu { display: block; } header .mega_menu { display: block; position: relative; left: auto; top: auto; transform: translateX(0); } header .menu-header-menu-container ul { padding-top: 130px; } header .menu-header-menu-container ul li { position: relative; display: block; width: 100%; text-align: left; } header .menu-header-menu-container ul li a { display: block; padding: 10px 15px; color: var(--white); font-size: 18px; line-height: 24px; } header .menu-header-menu-container ul li a:hover { border: none; text-decoration: none !important; } header .menu-header-menu-container ul li span { position: absolute; right: 15px; top: 5px; } header .menu-header-menu-container ul li span i { transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; border: 1px solid #000; border-radius: 30px; padding: 4px 15px; } header .menu-header-menu-container ul li span.active-menu i { /*transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); */ } header .menu-header-menu-container ul li ul { padding: 15px 0; display: none; background-color: #f4f4f4; } header .menu-header-menu-container ul li ul li { margin: 0; padding: 15px 0; } header .menu-header-menu-container ul li ul li a { padding: 0 15px; } header .close { position: absolute; right: 20px; top: 25px; font-size: 20px; width: 45px; height: 45px; border: 1px solid #000; text-align: center; vertical-align: middle; display: flex; align-items: center; justify-content: center; } header .close span { display: block; height: auto !important; } /* Responsive-megamenu*/ /*Responsive Menu css End*/ .header .center-menu, header .contact-btn { display: none; } .banner-part { padding: 30px 0; } .banner-part .cover { flex-direction: column-reverse; } .banner-part .right-part, .banner-part .left-part { width: 100%; text-align: center; } .banner-part .right-part img { width: 300px; margin: 0 auto; } .banner-part .left-part .btn-part { margin-top: 30px; } .banner-part .left-part .btn-part .btn { width: 45%; } .number .num-list .col { width: calc(100% / 2); margin-bottom: 10px; } .review-list .col { width: 50%; margin-bottom: 15px; } .review-list .col:nth-child(2) .customers-card { border-right: 0; } .offer-list .col { padding: 15px 10px 0; } section.happy-customers button { display: none !important; } section.happy-customers .container { padding: 0 20px; } .main_box_customer .img_happy { max-width: 100%; text-align: center; } .full-stack { display: none; } section.nedd-help_section { text-align: center; } section.nedd-help_section .left-part { width: 100%; text-align: center; } section.nedd-help_section .right-part { width: 160px; margin-left: auto; margin-right: auto; margin-top: 30px; } section.nedd-help_section .requirement { max-width: 250px; margin-left: auto; margin-right: auto; } section.nedd-help_section .text-left { text-align: center; } .ready_contact_form .left-part .main_consultancy_new { display: none; } .ready_contact_form .left-part { width: 100%; } .ready_contact_form .left-part .title-part { text-align: center; } .ready_contact_form .left-part .img_main_msg { display: none; } .ready_contact_form .right-part { width: 100%; margin-top: 40px; } section.next-project .right-part { width: 240px; } footer .container { width: 100%; max-width: 290px; margin-left: auto; margin-right: auto; } footer .col { width: 100% !important; margin-right: 0; margin-bottom: 20px; text-align: center; } footer .col .list_menu-booter span br, footer .col-1 .socel-icon { display: none; } footer .col .list_menu-booter span p br { display: block; } footer .col-4 .socel-icon-footer { display: flex; gap: 30px; justify-content: center; } footer .col-4 .socel-icon-footer li { margin-bottom: 0; } footer .col-4 .socel-icon-footer li:last-child { margin: 0 } .logo_bbox.m\.box p { text-align: center; } .inner-banner { min-height: 350px; } .inner-banner .title-part p { margin-bottom: 50px; } .blog-list-cat { margin: 40px 0; } .blog-list-cat ul { justify-content: space-around; } .blog-list-cat ul li { width: 110px; margin-bottom: 10px; } .top-blog-list .left-part { width: 100%; margin-bottom: 30px; } .top-blog-list .right-part { width: 100% } /*About Us*/ .inner-page-banner .p { margin-bottom: 30px; } .what-we-do .left-part, .grow-chart .grow-inner .left-part { width: 100%; margin-bottom: 30px; } .what-we-do .right-part, .our-mission .col, .suresh-kalal .right-part, .grow-chart .grow-inner .right-part { width: 100%; } .suresh-kalal .left-part { margin: 0 auto; } .our-mission .col:first-child:after { display: none; } .our-mission .col { padding: 15px 0; } .our-mission .col:last-child { padding-left: 0; } .suresh-kalal, .our-value, .our-mission { margin-top: 50px; } .our-value .value-list .col { width: calc(100% / 2 - 10px); } .grow-chart .grow-inner .left-part { border: none; } .grow-chart .grow-inner .right-part { border-left: 2px dashed #fff; } .our-team { padding-bottom: 80px; margin-bottom: 80px; } .our-team .title-part .text-part { width: 271px; } .our-team .title-part .btn-part .btn { min-width: 100%; width: 152px; padding: 7px 11px; } .our-team .team-list .col { width: calc(100% / 2 - 20px); margin: 10px; } .our-team .team-list { margin-top: 10px; } /*About Us*/ /*Contact Us*/ .our-aim { margin-top: 40px; } .our-aim .inner-sec { margin-top: 30px; } .our-aim .inner-sec .left-part .outfit.p.w300.font-20 { text-align: center; } .our-aim .inner-sec .left-part, .our-aim .inner-sec .right-part, .contact-details .list-contact .col { width: 100%; } .our-aim .inner-sec .left-part .number-list-part .col { width: 50%; } .our-aim .inner-sec .left-part .number-list-part { text-align: center; } .contact-details .list-contact .col-1 { order: 1 } .contact-details .list-contact .col-2 { order: 3 } .contact-details .list-contact .col-3 { order: 4 } .contact-details .list-contact .col-4 { order: 2 } .how-we-do .title-part .h3 { width: calc(100% - 220px); } .how-we-do .title-part .btn-part .btn { width: 200px; min-width: 100%; padding: 10px 10px; } .how-we-do .list-sec:after { display: none; } .how-we-do .list-sec .col { width: 50%; margin-bottom: 30px; } /*Contact Us*/ /*Noc Service*/ .noc-banner .inner-sec .btn-part { gap: 5px; } .noc-banner .btn { width: 137px; padding: 5px; font-size: 14px; } .noc-banner .btn i { margin-left: 5px; } .noc-white-lable .toggle-list .left-part { width: 100%; } .noc-white-lable .toggle-list .right-part { display: none; } .noc-white-lable .toggle-list .left-part .col .img-part { display: block; margin-top: 10px; } .noc-white-lable .toggle-list .left-part .inner-part { padding-right: 0; } .noc-white-lable { margin: 50px 0; } .why-techmo .title-part .text-part { width: 100%; text-align: center; } .why-techmo .title-part .btn-part { margin: 20px auto; } .why-techmo .list-part .col { width: 100%; margin-right: auto; max-width: 280px; margin-left: auto; } .sub-survice { margin-bottom: 50px; } .sub-survice .tabbing-part .tabbing-iner .col .left-part { width: 100%; padding: 20px 20px; } .sub-survice .tabbing-part .tabbing-list ul li { width: 100%; text-align: center; margin-bottom: 10px; } .sub-survice .tabbing-part .tabbing-iner .col .right-part { margin: 30px auto 0; } .question-answer .que-ans-list .col .que .h6 { font-size: 16px; } /*Noc Service*/ /*Life*/ .event-celebration { padding-top: 50px; } .event-celebration .event-list { margin-top: 50px; } .event-celebration .event-list .col { margin-bottom: 50px; width: calc(100% / 2 - 15px); } .professional-event { margin-top: 50px; } .professional-event .p-event-list .col { width: 100%; margin-bottom: 30px } /*Life*/ /*Technology*/ .technology-banner { height: 420px; } .technology-banner .inner-sec .btn-part { gap: 5px; } .technology-banner .btn { width: 137px; padding: 5px; font-size: 14px; } .technology-banner .btn i { margin-left: 5px; } .partner-deatil { padding-top: 50px; } .partner-deatil .col { margin-bottom: 30px; } .partner-deatil .col .name-part { width: 100%; text-align: center; margin-bottom: 20px; } .partner-deatil .col .list-iocn { width: 100%; } .partner-deatil .col .list-iocn .icon { width: 70px; height: 70px; padding: 5px; margin-left: 20px; } .partner-deatil .col .list-iocn .icon:before { width: 20px; left: -20px; } /*Technology*/ /*Webinar*/ .webinar-list .list-webinar .col { width: calc(100% / 2 - 15px); margin-bottom: 40px; } .webinar-list .list-webinar .col .text-part { padding-right: 0; } .webinar-list .list-webinar .col .text-part .font-20 { font-size: 18px; } /*Webinar*/ /*webinar detail*/ .webinar-details .title-part .left-text-part { width: 100%; margin-bottom: 20px } .webinar-details .title-part .left-text-part .icon-list ul li { width: 100%; } /*webinar detail*/ /*Hire*/ .role-reponsibility .role-list .col { width: calc(100% / 2 - 18px); } .help-desk .left-part { width: 300px; margin: 0 auto 15px; } .help-desk .right-part { width: 100%; } .our-hire-model .model-list-part .col { width: calc(100% / 2 - 15px); margin-bottom: 20px; } .table-part { width: 100%; overflow-x: scroll; } .table-part table { width: 768px; } .process-hire, .our-hire-model, .comparative, .table-part.home-table-top { margin-top: 40px } .process-hire .list-part:before { display: none; } /*Hire*/ /*Blog List*/ .new-blog-list .slide { width: calc(100% / 2 - 15px); } /*Blog Detail Page*/ .blog-inner-part { margin: 50px 0; } .blog-inner-part .left-part { width: 100%; padding: 0; margin-bottom: 50px; } .blog-inner-part .right-sec { width: 100%; max-width: 300px; margin: 0 auto; padding: 0; } .blog-inner-part .blog-detail-content h2 { font-size: 23px; } .blog-inner-part .blog-meta-three ul li { font-size: 14px; } .comment-form .inner-sec { padding: 30px 20px; } .comment-form .cover p { width: 100% !important; } .comment-form .cover p:last-child { margin-bottom: 15px; } .blog-list-archive .slide { width: 100%; } .sub-survice .tabbing-part .tabbing-list ul{flex-wrap: wrap; gap: 10px;} /*Acroni*/ .our-usp .list-part .cover{padding: 20px 30px;} .our-usp .list-part .cover .col{width: 100%;margin-bottom: 20px;} .checkout .logo-list{justify-content: flex-start;} .checkout .logo-list .col {width: calc(100% / 4 - 9px);margin-right: 12px;} .checkout .logo-list .col:nth-child(4n){margin-right:0px;} .see-acro .left-part,.see-acro .right-part,.see-acro .cover:after{width: 100%;} .see-acro .left-part{padding: 0 10px;margin-bottom: 30px;} .see-acro .right-part{text-align: center;padding: 0 10px;} .see-acro .cover:after{height: 80%;top:auto;bottom:0;} /*Eror Page*/ .error-404 .cover{padding: 80px 0; } .error-404 .cover .inner h1{font-size: 120px;} .error-404 .cover .inner p{font-size: 34px;} /*Eror Page*/ } @media screen and (max-width:640px) { } @media screen and (max-width:580px) { } @media screen and (max-width:479px) { header { padding: 13px 0; } header .logo { width: 110px; } header .menu-toggle { width: 32px; height: 32px; padding: 0; } header .menu-toggle span, header .menu-toggle span:after, header .menu-toggle span:before { height: 3px; } .banner-part { padding-bottom: 53px; } .banner-part .right-part { margin-bottom: 20px; } .banner-part .right-part img { width: 223px; margin: 0 auto; } .banner-part .left-part p { margin-top: 15px; } .banner-part .left-part .btn-part { gap: 23px; margin-top: 68px; } .banner-part .left-part .btn-part .btn { width: 144px; min-width: 144px; font-size: 12px; padding: 4px 4px; } .offering { padding: 0; background-color: #EFF6FF; } .offer-list { margin: 0; } .offer-list .col { width: 280px; margin-left: auto; margin-right: auto; min-height: 406px; } .model .h2 { text-align: center; } .model .model-list-part .col { width: 280px; margin-left: auto; margin-right: auto; } .offering .inner-wrap { padding-bottom: 35px; } .why-tech { padding-top: 45px; padding-bottom: 11px; } .tech-list { margin-top: 36px; } .tech-list .col { width: 100%; min-height: 230px; margin-bottom: 28px; padding: 24px 14px; } .model { background-color: #fff; } .model { margin-top: 51px; } .model .h2 { text-align: center; } .model .offer-list, .model .offer-list .col { padding-top: 18px; } .model .offer-list { padding-bottom: 19px; } .model .offer-list .font-20 { margin-top: 17px; margin-bottom: 4px; } .model .offer-list .col { height: auto; } .number { background-image: url(../images/number.png); background: #091242; } .number .container .inner-cover { background-image: none; display: block; background-color: transparent; border-radius: 0; padding: 44px 10px 50px; } .number .title-part { width: 100%; text-align: center; } .number .num-list { width: 100%; background-color: transparent; padding-top: 40px; padding-bottom: 0; } .number .num-list .col { width: 100%; margin-bottom: 53px; } .number .num-list .col:last-child { margin-bottom: 0px; } .number .num-list .col * { color: #fff !important; } .number .num-list .col .h2 { font-size: 36px; } .number .num-list .col p { font-size: 16px; margin-top: 26px; } .customers-section { margin-top: 16px; background-color: #fff; margin-bottom: 7px; } .review-list .col { width: 100%; margin-bottom: 0; } .review-list .col .customers-img img { height: auto; } .review-list { margin-top: 24px; } .review-list .col .star_box li { font-size: 24px; } .review-list .col .customers-card, .review-list .col:first-child .customers-card { padding-bottom: 15px; border-right: none; } .happy-customers { margin-bottom: 26px; } .main_box_customer { padding-top: 49px; } .main_box_customer .img_happy { padding: 11px 13px 73px; } .main_box_customer .img_happy .text_p { padding-left: 15px; padding-right: 15px; } .main_box_customer .customers_name { margin-top: 48px; } section.nedd-help_section { padding: 40px 0; } section.nedd-help_section .title-part.w-title .h2 { font-size: 32px; width: 97%; } section.nedd-help_section .right-part { margin-top: 57px; } section.nedd-help_section .right-part .btn { padding: 8px 28px; } .ready_contact_form { margin-top: 0; } .ready_contact_form .left-part .title-part { margin: 0 auto; width: 245px; } .ready_contact_form .bg-overlay { height: 605px; } .ready_contact_form .right-part { margin-top: 70px; } .ready_contact_form .right-part .form_main_section { padding: 35px; } .ready_contact_form .right-part .button_book_consultation { margin-top: 30px; } .best_works_introducing { margin-top: 24px; margin-bottom: 20px; } .best_works_introducing .slider-nav-btn { display: none; } section.best_works_introducing .slide .slide-inner { padding: 22px 10px 30px; } section.best_works_introducing .slide .slide-inner .under_card_star + img { height: 192px; margin-left: auto; margin-right: auto; object-fit: cover; width: 144px; border-radius: 12px; } section.best_works_introducing .main_newwl { margin-bottom: 23px; } section.best_works_introducing .slide .bg-overlay { height: 224px; } .content_unending { padding: 6px 11px 18px; } .content_unending .font-20 { font-size: 14px; } .content_unending .p { font-size: 12px; margin-bottom: 22px; } section.next-project { margin-top: 34px; } .next-project .title-part .h3 { font-size: 32px; } .next-project .title-part p { font-size: 16px; } section.next-project .right-part { margin-top: 90px; } footer { padding: 28px 0; } .logo_bbox.m\.box p { margin-bottom: 38px; } footer .container { max-width: 306px; } .blog-list .slide { width: 100%; } /*About Us*/ .inner-page-banner .inner-sec { padding-top: 30px; text-align: center; } .inner-page-banner .p { line-height: 1.2; } .what-we-do .left-part .bottom-img .col img { height: 166px; } .suresh-kalal .inner-sec, .grow-chart .grow-inner .right-part .col { padding: 20px; } .our-value .value-list .col, .our-team .title-part .text-part { width: 100%; } .grow-chart .grow-inner .right-part { padding-left: 20px; } .grow-chart .grow-inner .right-part .col:before { left: -30px; } .grow-chart .grow-inner .right-part .col .font-18 { padding: 7px 20px; font-size: 16px; } .what-we .title-part .p { margin-top: 0; width: 100%; } .our-team { padding-bottom: 50px; margin-bottom: 50px; } .our-team .title-part .text-part, .suresh-kalal .right-part, .what-we-do .right-part .h2, .what-we-do .right-part p.font-20 { text-align: center; } .our-team .title-part .btn-part { text-align: center; margin: 10px auto; } .our-team .title-part .btn-part .btn { min-width: 100%; width: 200px; padding: 7px 35px; } .our-team .team-list .col { width: 100%; margin: 0 0 20px 0; } .our-team .team-list .col img { margin: 0 auto; } /*About Us*/ /*Contact Us*/ .our-aim .inner-sec .right-part .form-title { padding: 10px; } .our-aim .inner-sec .right-part .form-sec { padding: 20px 10px; } .our-aim .inner-sec .right-part .form-sec .list .col, .our-aim .inner-sec .right-part .form-sec .button_book_consultation .col, .how-we-do .title-part .h3 { width: 100%; } .contact-details .list-contact { margin: 30px 0 0; } .contact-details { padding-bottom: 20px; } .how-we-do, .contact-details { margin-bottom: 40px; } .how-we-do .title-part .h3 { text-align: center; } .how-we-do .title-part .btn-part { text-align: center; margin: 10px auto; } .how-we-do .list-sec .col { width: 100%; } /*Contact Us*/ .event-celebration .event-list .col { width: 100%; } /*Webinar*/ .webinar-list .list-webinar .col { width: 100%; } /*Webinar*/ /*Hire*/ .btn-text-sec .left-part { width: 100%; margin-bottom: 10px; text-align: center; } .btn-text-sec .btn-part { width: 100%; text-align: center; } .role-reponsibility .role-list .col { width: 100%; } .help-desk .right-part { text-align: center; } .process-hire .list-part .col { width: 100%; justify-content: flex-start; margin-bottom: 20px; } .process-hire .list-part .col .img-part { width: 90px; } .process-hire .list-part .col .text-part { width: calc(100% - 100px); } .process-hire .list-part .col:nth-child(2n) { justify-content: flex-start; } .process-hire .list-part .col .cover { flex-direction: row-reverse; text-align: left; } .process-hire .list-part .col .text-part .h6 { font-size: 18px; margin-bottom: 5px; } .process-hire .list-part .col .text-part .p { font-size: 14px; } .our-hire-model .model-list-part .col { width: 100%; max-width: 250px; margin: 0 auto 20px; } /*Hire*/ /*Blog List*/ .new-blog-list .slide { width: 100%; } /*Acroni*/ .acro-banner h1{font-size: 22px;} .our-usp .title-part{margin: 40px 0 30px;} .awards .awards-list .col, .cyber-list .col,.see-acro .left-part,.see-acro .right-part,.see-acro .cover:after{width: 100%;} .awards{margin-top: 50px;} .checkout{margin-top: 0;padding: 50px 0 ;} .checkout .logo-list .col{width: calc(100% / 3 - 9px);} .checkout .logo-list .col:nth-child(4n),.checkout .logo-list .col{margin-right: 13px;} .checkout .logo-list .col:nth-child(3n){margin-right: 0;} /*Eror Page*/ .error-404 .cover{padding: 50px 0; } .error-404 .cover .inner h1{font-size: 100px;} .error-404 .cover .inner p{font-size: 32px;margin: 20px 0 40px ;} /*Eror Page*/ } @media screen and (max-width:375px) { header .menu-header-menu-container .inner-part { width: 100%; } }