@font-face{font-family:EMprint-Bold;src:url(../fonts/EMprint-Bold.eot);src:url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold.woff) format("woff"),url(../fonts/EMprint-Bold.ttf) format("ttf"),url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-BoldItalic;src:url(../fonts/EMprint-BoldItalic.eot);src:url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic.woff2) format("woff2"),url(../fonts/EMprint-BoldItalic.woff) format("woff"),url(../fonts/EMprint-BoldItalic.ttf) format("ttf"),url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedBold;src:url(../fonts/EMprint-CondensedBold.eot);src:url(../fonts/EMprint-CondensedBold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBold.woff2) format("woff2"),url(../fonts/EMprint-CondensedBold.woff) format("woff"),url(../fonts/EMprint-CondensedBold.ttf) format("ttf"),url(../fonts/EMprint-CondensedBold.svg#EMprint-CondensedBold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint-CondensedBoldIt;src:url(../fonts/EMprint-CondensedBoldIt.eot);src:url(../fonts/EMprint-CondensedBoldIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedBoldIt.woff2) format("woff2"),url(../fonts/EMprint-CondensedBoldIt.woff) format("woff"),url(../fonts/EMprint-CondensedBoldIt.ttf) format("ttf"),url(../fonts/EMprint-CondensedBoldIt.svg#EMprint-CondensedBoldIt) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint-CondensedItalic;src:url(../fonts/EMprint-CondensedItalic.eot);src:url(../fonts/EMprint-CondensedItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedItalic.woff2) format("woff2"),url(../fonts/EMprint-CondensedItalic.woff) format("woff"),url(../fonts/EMprint-CondensedItalic.ttf) format("ttf"),url(../fonts/EMprint-CondensedItalic.svg#EMprint-CondensedItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedLight;src:url(../fonts/EMprint-CondensedLight.eot);src:url(../fonts/EMprint-CondensedLight.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLight.woff2) format("woff2"),url(../fonts/EMprint-CondensedLight.woff) format("woff"),url(../fonts/EMprint-CondensedLight.ttf) format("ttf"),url(../fonts/EMprint-CondensedLight.svg#EMprint-CondensedLight) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedLightIt;src:url(../fonts/EMprint-CondensedLightIt.eot);src:url(../fonts/EMprint-CondensedLightIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedLightIt.woff2) format("woff2"),url(../fonts/EMprint-CondensedLightIt.woff) format("woff"),url(../fonts/EMprint-CondensedLightIt.ttf) format("ttf"),url(../fonts/EMprint-CondensedLightIt.svg#EMprint-CondensedLightIt) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-CondensedRegular;src:url(../fonts/EMprint-CondensedRegular.eot);src:url(../fonts/EMprint-CondensedRegular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedRegular.woff2) format("woff2"),url(../fonts/EMprint-CondensedRegular.woff) format("woff"),url(../fonts/EMprint-CondensedRegular.ttf) format("ttf"),url(../fonts/EMprint-CondensedRegular.svg#EMprint-CondensedRegular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-CondensedSemibold;src:url(../fonts/EMprint-CondensedSemibold.eot);src:url(../fonts/EMprint-CondensedSemibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondensedSemibold.woff2) format("woff2"),url(../fonts/EMprint-CondensedSemibold.woff) format("woff"),url(../fonts/EMprint-CondensedSemibold.ttf) format("ttf"),url(../fonts/EMprint-CondensedSemibold.svg#EMprint-CondensedSemibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-CondSemiboldIt;src:url(../fonts/EMprint-CondSemiboldIt.eot);src:url(../fonts/EMprint-CondSemiboldIt.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-CondSemiboldIt.woff2) format("woff2"),url(../fonts/EMprint-CondSemiboldIt.woff) format("woff"),url(../fonts/EMprint-CondSemiboldIt.ttf) format("ttf"),url(../fonts/EMprint-CondSemiboldIt.svg#EMprint-CondSemiboldIt) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint-Light;src:url(../fonts/EMprint-Light.eot);src:url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light.woff) format("woff"),url(../fonts/EMprint-Light.ttf) format("ttf"),url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-LightItalic;src:url(../fonts/EMprint-LightItalic.eot);src:url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic.woff2) format("woff2"),url(../fonts/EMprint-LightItalic.woff) format("woff"),url(../fonts/EMprint-LightItalic.ttf) format("ttf"),url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Regular;src:url(../fonts/EMprint-Regular.eot);src:url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular.woff) format("woff"),url(../fonts/EMprint-Regular.ttf) format("ttf"),url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint-RegularItalic;src:url(../fonts/EMprint-RegularItalic.eot);src:url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic.woff) format("woff"),url(../fonts/EMprint-RegularItalic.ttf) format("ttf"),url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint-Semibold;src:url(../fonts/EMprint-Semibold.eot);src:url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold.woff) format("woff"),url(../fonts/EMprint-Semibold.ttf) format("ttf"),url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");font-style:normal;font-weight:demi}@font-face{font-family:EMprint-SemiboldItalic;src:url(../fonts/EMprint-SemiboldItalic.eot);src:url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"),url(../fonts/EMprint-SemiboldItalic.woff) format("woff"),url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"),url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:demi}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Bold.eot);src:url(../fonts/EMprint-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Bold.woff2) format("woff2"),url(../fonts/EMprint-Bold.woff) format("woff"),url(../fonts/EMprint-Bold.ttf) format("ttf"),url(../fonts/EMprint-Bold.svg#EMprint-Bold) format("svg");font-style:normal;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-BoldItalic.eot);src:url(../fonts/EMprint-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-BoldItalic.woff2) format("woff2"),url(../fonts/EMprint-BoldItalic.woff) format("woff"),url(../fonts/EMprint-BoldItalic.ttf) format("ttf"),url(../fonts/EMprint-BoldItalic.svg#EMprint-BoldItalic) format("svg");font-style:italic;font-weight:700}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Light.eot);src:url(../fonts/EMprint-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Light.woff2) format("woff2"),url(../fonts/EMprint-Light.woff) format("woff"),url(../fonts/EMprint-Light.ttf) format("ttf"),url(../fonts/EMprint-Light.svg#EMprint-Light) format("svg");font-style:normal;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-LightItalic.eot);src:url(../fonts/EMprint-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-LightItalic.woff2) format("woff2"),url(../fonts/EMprint-LightItalic.woff) format("woff"),url(../fonts/EMprint-LightItalic.ttf) format("ttf"),url(../fonts/EMprint-LightItalic.svg#EMprint-LightItalic) format("svg");font-style:italic;font-weight:300}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Regular.eot);src:url(../fonts/EMprint-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Regular.woff2) format("woff2"),url(../fonts/EMprint-Regular.woff) format("woff"),url(../fonts/EMprint-Regular.ttf) format("ttf"),url(../fonts/EMprint-Regular.svg#EMprint-Regular) format("svg");font-style:normal;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-RegularItalic.eot);src:url(../fonts/EMprint-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-RegularItalic.woff2) format("woff2"),url(../fonts/EMprint-RegularItalic.woff) format("woff"),url(../fonts/EMprint-RegularItalic.ttf) format("ttf"),url(../fonts/EMprint-RegularItalic.svg#EMprint-RegularItalic) format("svg");font-style:italic;font-weight:400}@font-face{font-family:EMprint;src:url(../fonts/EMprint-Semibold.eot);src:url(../fonts/EMprint-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-Semibold.woff2) format("woff2"),url(../fonts/EMprint-Semibold.woff) format("woff"),url(../fonts/EMprint-Semibold.ttf) format("ttf"),url(../fonts/EMprint-Semibold.svg#EMprint-Semibold) format("svg");font-style:normal;font-weight:600}@font-face{font-family:EMprint;src:url(../fonts/EMprint-SemiboldItalic.eot);src:url(../fonts/EMprint-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/EMprint-SemiboldItalic.woff2) format("woff2"),url(../fonts/EMprint-SemiboldItalic.woff) format("woff"),url(../fonts/EMprint-SemiboldItalic.ttf) format("ttf"),url(../fonts/EMprint-SemiboldItalic.svg#EMprint-SemiboldItalic) format("svg");font-style:italic;font-weight:600} @media (prefers-reduced-motion: no-preference) {:root { scroll-behavior: smooth; }} ::-webkit-scrollbar { width: 5px; background-color: #f6fdf7; } ::-webkit-scrollbar-thumb { background-color: #09095B; border-radius: 10px; } body{ background-color: #ffffff; font-size: 1rem; line-height: 1.5rem; font-family: EMprint-Light; font-weight: 300; font-style: normal; } /* header */ header{ position: fixed; width: 100%; height: auto; padding-top: 0px; top: 0; left: 0; z-index: 999; transition: 0.5s ease; background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0 0 0 / 0%) 0px, #000000a3 85%) repeat scroll 0 0; } .fixed-header{ background-color: #000000; } header .logo{ min-width: 20%; height: 85px; padding: 0; margin: 0; float: left; display: flex; justify-content: start; } header .logo img{ width: auto; height: auto; max-width: 240px; } header .header-menu{ width: auto; height: auto; margin-left: 370px; } header .header-menu .navbar-nav .nav-link{ color: #ffffff; display: inline-block; position: relative; padding: 10px 8px; font-size: .875rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0.3px; text-transform: uppercase; border-bottom: 3px solid rgba(0, 0, 0, 0); } header .header-menu .navbar-expand-lg .navbar-nav{ gap: 20px; } header .header-menu .navbar-nav .nav-link:hover{ color: #22a9e0; border-color: #22a9e0; } header .header-menu .navbar-nav li:last-child .nav-link{ background-color: #22a9e0; border: 3px solid #22a9e0; border-radius: 40px; color: #ffffff; padding: 10px 20px; margin-left: 20px; } header .header-social{ width: auto; height: auto; padding: 0; float: left; } header .header-social ul{ list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; gap: 8px; } header .header-social ul li{ padding: 0; margin: 0; } header .header-social ul li i{ padding: 4px 5px; margin: 0; color: black; font-size: 1.1rem; line-height: 1.5rem; } header .dropdown:hover .dropdown-menu{ display: block; } header .dropdown .dropdown-menu .dropdown-item{ display: flex; align-items: center; justify-content: start; gap: 8px; width: 100%; padding: 10px 10px 10px 0; border-bottom: 3px solid #eee; margin: 0; } header .dropdown .dropdown-menu{ min-width: 40vw; left: -15vw; padding: 30px 0 0; background-color: transparent; border: none; margin-top: -13px; } header .dropdown .dropdown-menu .dropdown-menu-inn{ display: grid; grid-template-columns: 1fr 1fr; width: 75%; padding: 10px 20px; background-color: white; gap: 0px; border-radius: 5px; margin-left: 60px; box-shadow: 0 0 30px rgb(0 0 0 / 10%); } header .dropdown .dropdown-menu .dropdown-menu-inn img{ width: auto; height: auto; max-width: 110px; background-color: #ffffff; border-radius: 5px; } header .dropdown .dropdown-menu .dropdown-menu-inn .count{ color: black; font-size: 1.2rem; line-height: 1.5rem; text-align: left; font-family: EMprint-Semibold; padding: 3px 3px 3px 0; border-right: 3px solid #ffffff58; } header .dropdown .dropdown-menu .dropdown-menu-inn .menu-item{ color: black; font-size: 1rem; line-height: 1.5rem; text-align: left; font-family: EMprint-Semibold; } header .dropdown .dropdown-menu .dropdown-menu-inn .menu-item:hover{ color: #055a59; } header .dropdown .dropdown-menu .dropdown-menu-inn .menu-item:nth-child(3){ margin-left: 50px; } .dropdown-item:focus, .dropdown-item:hover{ color: #ffffff; background-color: transparent; } /*start new drop*/ header .dropdown11:hover .dropdown-menu{ display: block; } header .dropdown11 .dropdown-menu .dropdown-item{ display: flex; align-items: center; justify-content: start; gap: 8px; width: 100%; padding: 10px 10px 10px 0; /* border-bottom: 1px solid #22a9e0; */ margin: 0; } header .dropdown11 .dropdown-menu{ min-width: 80vw; left: -25vw; padding: 30px 0 0; background-color: transparent; border: none; } header .dropdown11 .dropdown-menu .dropdown-menu-inn{ display: grid; grid-template-columns: 1fr; width: 15%; padding: 10px 20px; background-color: #22aae0a1; gap: 0px; border-radius: 5px; color: black; margin-left: 920px; margin-top: -10px; } header .dropdown11 .dropdown-menu .dropdown-menu-inn img{ width: auto; height: auto; max-width: 110px; background-color: #ffffff; border-radius: 5px; } header .dropdown11 .dropdown-menu .dropdown-menu-inn .count{ color: white; font-size: 1.2rem; line-height: 1.5rem; text-align: left; font-family: EMprint-Semibold; padding: 3px 3px 3px 0; border-right: 3px solid #ffffff58; } header .dropdown11 .dropdown-menu .dropdown-menu-inn .menu-item{ color: white; font-size: 1rem; line-height: 1.5rem; text-align: left; font-family: EMprint-Semibold; } .dropdown-item:focus, .dropdown-item:hover{ color: #ffffff; background-color: transparent; } @media(max-width:767px){ header .dropdown11:hover .dropdown-menu{ display: block; } header .dropdown11 .dropdown-menu .dropdown-item{ display: flex; align-items: center; justify-content: start; gap: 8px; width: 100%; padding: 10px 10px 10px 0; /* border-bottom: 1px solid #22a9e0; */ margin: 0; } header .dropdown11 .dropdown-menu{ min-width: 80vw; left: -25vw; padding: 30px 0 0; background-color: transparent; border: none; } header .dropdown11 .dropdown-menu .dropdown-menu-inn{ display: grid; grid-template-columns: 1fr; width: 98%; padding: 10px 20px; background-color: white; gap: 0px; border-radius: 5px; color: black; margin-left: 5px; margin-top: -10px; } header .dropdown11 .dropdown-menu .dropdown-menu-inn img{ width: auto; height: auto; max-width: 110px; background-color: #ffffff; border-radius: 5px; } header .dropdown11 .dropdown-menu .dropdown-menu-inn .count{ color: black; font-size: 1.2rem; line-height: 1.5rem; text-align: left; font-family: EMprint-Semibold; padding: 3px 3px 3px 0; border-right: 3px solid #ffffff58; } header .dropdown11 .dropdown-menu .dropdown-menu-inn .menu-item{ color: black; font-size: 1rem; line-height: 1.5rem; text-align: left; font-family: EMprint-Semibold; } .dropdown-item:focus, .dropdown-item:hover{ color: #ffffff; background-color: transparent; } } /*end new drop*/ header.header-1{ background: #ffffff; } header.header-1 .header-menu .navbar-nav .nav-link{ color: #000000; } header.header-1 .header-menu .navbar-nav .nav-link:hover{ color: #055a59; border-color: #055a59; } header.header-1 .header-menu .navbar-nav li:last-child .nav-link{ background-color: #055a59; border: 3px solid #055a59; border-radius: 40px; color: #ffffff; padding: 10px 20px; margin-left: 20px; } header.header-1 .header-social ul li i{ color: #000000; } .yt-body header .dropdown .dropdown-menu{ padding: 20px 0 0; } .yt-body header .header-social ul li img{ filter: invert(1); } /* End Header */ /* Industry */ .industry{ width: 100%; height: auto; padding: 0px 0; margin: 0; position: relative; } .industry h2{ font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #055a59 6.14%, #055a59 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px; text-align: center; } .industry h2 span{ background: linear-gradient(90deg, #055a59 6.14%, #055a59 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: EMprint-Semibold; } .industry p{ color: #000000; padding: 0px; font-size: 3.5rem; font-weight: 400; line-height: 4rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0px; margin: 0 0 40px; text-decoration: none; text-align: center; } .industry .industry-main{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; position: relative; } .industry .industry-main ul{ position: relative; padding: 0; margin: 0; list-style: none; } .industry .industry-main ul li{ padding: 0; margin: 0; } .industry .seltext { width: 95%; height: auto; padding-bottom: 0px !important; position: relative; } .industry .seltext img{ border-radius: 10px; width: 380px; height: 480px; max-width: 100%; } .industry .seltext h3{ width: 100%; height: auto; font-size: 24px; font-family: EMprint-Semibold; letter-spacing: 0; line-height: 28px; font-weight: 300; text-align: center; color: #ffffff; margin-bottom: 15px; position: relative; margin-top: -73px !important; padding-left: 10px; background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgb(0 0 0 / 0%) 0px, #131212e6 85%) repeat scroll 0 0; border-radius: 10px; padding-bottom: 25px; padding-top: 20px; } .industry a{ text-decoration: none; } .industry svg { border-radius: 50%; /* background-color: #d62b25; */ padding: 5px; margin-top: -130px; margin-left: 325px; } .industry .owl-theme .owl-controls{ display: none !important; } /* End Industry */ /* Product */ .product-section{ width: 100%; height: auto; padding: 0px 0 50px; position: relative; margin: 0px 0 0; background-color: #05132e; } .product-section .product-main{ display: flex; width: 100%; align-items: center; justify-content: start; } .product-section .product-main .product-left{ width: 50%; height: auto; padding: 0 4% 0 0; margin: 0; position: relative; float: left; } .product-section .product-main .product-left img{ width: auto; height: auto; max-width: 100%; } .product-section .product-main .product-right{ width: 50%; height: auto; padding: 0 0 0 0; margin: 0; position: relative; float: left; } .product-section .product-main .product-right p{ font-size: 1rem; line-height: 1.5rem; color: #ffffff8f; font-family: EMprint-Regular; font-weight: 400; font-style: normal; margin: 0px 0 0px; text-align: justify; padding: 0; } .productinn .product-main{ display: grid; grid-template-columns: 1fr 1fr; text-align: center; gap: 30px; } .productinn .product-main .product-div{ border-radius: 5px; padding-left: 40px; padding-right: 40px; } .product-inn{ width: 100%; height: auto; padding: 40px 0; margin: 0; position: relative; } .product-inn .product-inn-main{ width: 100%; height: auto; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .product-inn .product-inn-main .product-inn-div{ width: 100%; height: auto; padding: 0; margin: 0 auto; position: relative; border-radius: 5px; overflow: hidden; } .product-inn .product-inn-main .product-inn-div .product-img{ width: 100%; height: auto; position: relative; } .product-inn .product-inn-main .product-inn-div .product-img img{ width: auto; height: auto; max-width: 100%; margin: 0; padding: 0; min-height: 390px; } .product-inn .product-inn-main .product-inn-div .product-cnt1{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto; background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgb(0 0 0 / 0%) 0px, #131212e6 85%) repeat scroll 0 0; display: flex; align-items: end; justify-content: space-between; padding: 18px; } .product-inn .product-inn-main .product-inn-div .product-cnt1 h3{ font-size: 1.5rem; color: #ffffff; line-height: 1.95rem; text-align: left; font-family: EMprint-Semibold; font-weight: 400; font-style: normal; margin-bottom: 0; max-width: calc(100% - 45px); } .product-inn .product-inn-main .product-inn-div .product-cnt1 .product-btn{ width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .product1-btn{ width: 100%; height: auto; display: flex; justify-content: end; margin: 45px 0 0; position: relative; } .product1-btn a{ text-decoration: none; } .product1-btn a button{ position: relative; padding: 10px 20px; border: none; background: none; cursor: pointer; font-family: EMprint-Semibold; font-weight: normal; text-transform: uppercase; font-size: 1rem; line-height: 1.7rem; color: #ffffff; background-color: #e97925; border-radius: 4px; z-index: 0; overflow: hidden; letter-spacing: 0.4px; display: flex; align-items: center; justify-content: center; gap: 6px; } .product-inn .product-tabs{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .product-inn .product-tabs ul, .product-inn .product-tabs .tab{ border-bottom: 2px solid #f1f2f2; position: relative; width: 100%; left: 0; } .product-inn .product-tabs ul li, .product-inn .product-tabs button{ font-size: 1.2rem; line-height: 1.8rem; text-align: justify; font-family: EMprint-Semibold; margin: 0; color: #000000; font-weight: 300; background-color: #f1f2f2; } .product-inn .product-tabs button{ padding: 1rem 2rem; } .product-inn .product-tabs ul li .nav-link.active, .product-inn .product-tabs .tab button.active{ background-color: #055a59; color: #ffffff; } .product-inn .product-tabs ul li .nav-link, .product-inn .product-tabs .tab button{ position: relative; } .product-inn .tab-content .tab-pane .product-list li{ background-color: transparent; } .product-inn .product-tabs .tab-content{ border: 1px solid #dddddd; padding: 0 30px 30px; border-top: 0; } .product-inn .tab-content .tab-pane, .product-inn .product-tabs .tabcontent{ background-color: #ffffff; padding: 40px 0; } .product-inn .tab-content .tab-pane.active, .product-inn .product-tabs .tabcontent.active{ background-color: #ffffff; } .product-inn .tab-content .tab-pane .product-list, .product-inn .product-tabs .tabcontent .product-list{ padding: 0; margin: 0; display: grid; gap: 10px; border: none; } .product-inn .tab-content .tab-pane .product-list li, .product-inn .product-tabs .tabcontent .product-list li{ border: none; display: flex; align-items: start; gap: 7px; } .product-inn .tab-content .tab-pane .product-list li i, .product-inn .product-tabs .tabcontent .product-list li i{ font-size: 1.2rem; line-height: 1.5rem; color: #333333; font-weight: bold; } .product-inn .tab-content .tab-pane .product-list li p, .product-inn .product-tabs .tabcontent .product-list li p{ font-size: 1rem; line-height: 1.5rem; text-align: justify; font-family: EMprint-Semibold; margin: 0; padding: 0; color: #333333; font-weight: 300; letter-spacing: 0px; } .product-inn .tab-content .tab-pane .specification-div, .product-inn .product-tabs .tabcontent .specification-div{ width: 100%; height: auto; padding: 0; margin: 0; position: relative; } .product-inn .tab-content .tab-pane .specification-div .table, .product-inn .product-tabs .tabcontent .specification-div .table{ table-layout: fixed; width: 100%; height: auto; } .product-inn .tab-content .tab-pane .specification-div .table th, .product-inn .product-tabs .tabcontent .specification-div .table th{ font-size: 1rem; line-height: 1.6rem; color: #e97925; text-align: left; font-family: EMprint-Semibold; font-weight: normal; margin: 0px; padding: 0.6rem 0.6rem; background-color: #ffffff; } .product-inn .tab-content .tab-pane .specification-div .table td, .product-inn .product-tabs .tabcontent .specification-div .table td{ font-size: 0.95rem; line-height: 1.6rem; color: #000000; text-align: left; font-family: EMprint-Semibold; font-weight: normal; margin: 0px; padding: 0.4rem 0.4rem; background-color: #ffffff; } .table-layout{ table-layout: auto !important; } .product-inn .product-tabs .tab{ margin-bottom: 20px; overflow: visible; min-height: 47px; } .product-inn .product-tabs .tab button:hover{ border-top: none; } .product-inn .product-tabs .tab button.active, .product-inn .product-tabs .tab button.active:hover{ border: none; } .product-inn .product-tabs .tab button{ width: auto; height: auto; font-size: 1.2rem; line-height: 1.8rem; text-align: justify; font-family: EMprint-Semibold; margin: 0; padding: 0.5rem 1rem; color: #000000; font-weight: 300; border-left: 1px solid #f1f2f2 !important; } .product-inn .product-tabs .tabcontent{ height: auto; } .product-inn .product-tabs .tabcontent .specification-div p{ font-size: 1rem; line-height: 1.75rem; text-align: justify; font-family: EMprint-Regular; margin: 0 0 20px; padding: 0; color: #000000; font-weight: 300; letter-spacing: 0px; } /* End Product */ .waicon { margin-bottom: 0px; color: rgb(255, 255, 255); cursor: pointer; position: fixed; bottom: 30px; right: 30px; margin-right: 0px; font-weight: 400; font-size: 27px; z-index: 1000; padding: 12px 13px; border-width: initial; border-style: none; border-color: initial; border-image: initial; background: rgb(67, 217, 84); border-radius: 5px; } @media (max-width: 767px){ header .header-social{ display: none; } header .header-social ul{ flex-direction: column; } header .header-menu{ margin-right: 20px; margin-left: 0px; } .yt-body .banner{ height: auto; } .icon-scroll p{ width: 35px; height: 35px; font-size: 8px; padding-top: 4px; } .icon-scroll::after{ height: 30px; bottom: -30px; } #sclact{ top: 30px; height: 10px; } @keyframes move{ 0%{ top: 32px; } 50%{ top: 60px; } 100%{ top: 32px; } } .icon-scroll{ bottom: 29px; left: auto; right: 10%; } .yt-body .banner .carousel-indicators { bottom: 25px; margin-bottom: 0; } .banner .carousel-indicators [data-bs-target] { width: 25px; height: 8px; } .yt-body .about{ width: 100%; height: auto; padding: 30px 0 20px; } .yt-body .about::before{ width: 28px; height: 20px; left: 3%; transform: translateX(-15%); top: 1%; } .waicon{ font-size: 21px; bottom: 42px; right: 8px; padding: 9px 12px; } .navbar-toggler-icon{ height: 4px; background-color: #0e3234; border-radius: 5px; margin-bottom: 5px; } .navbar-toggler{ position: relative; padding: 0; min-width: 1.5rem; min-height: 1.5rem; } .navbar-toggler::before{ width: 1rem; height: 4px; background-color: #0e3234; border-radius: 5px; position: absolute; content: ''; top: 0; left: 0; } .navbar-toggler::after{ width: 1rem; height: 4px; background-color: #0e3234; border-radius: 5px; position: absolute; content: ''; bottom: 0; right: 0; } .navbar-collapse{ position: absolute; top: 83px; left: 0; width: 100%; height: auto; min-height: 50vh; background-color: #ffffff; border-top: 1px solid #f1f2f2; } .navbar{ position: inherit; } header.header-1 .header-menu .navbar-nav .nav-link{ width: 100%; font-size: 0.8rem; line-height: 1.2rem; letter-spacing: 0; padding: 8px 8px; } header .header-menu .navbar-expand-lg .navbar-nav{ gap: 0; --bs-scroll-height: 70vh !important; } .navbar-toggler:focus-visible, .navbar-toggler:focus{ box-shadow: none; border: none; } header.header-1 .header-menu .navbar-nav li:last-child .nav-link{ width: 40%; } header .dropdown:hover .dropdown-menu{ display: none; } header .dropdown .dropdown-menu.show{ display: block !important; } .yt-body header .dropdown .dropdown-menu{ padding: 10px 0 0; } header .dropdown .dropdown-menu .dropdown-menu-inn{ grid-template-columns: 1fr; background-color: #ffffff; padding: 6px 12px; } header .dropdown .dropdown-menu .dropdown-item{ padding: 5px 5px 5px 0; gap: 4px; border-bottom: 1px solid #dddddd; } header .dropdown .dropdown-menu .dropdown-menu-inn{ grid-template-columns: 1fr; } header .dropdown .dropdown-menu .dropdown-menu-inn img{ width: 0; display: none; } header .dropdown .dropdown-menu .dropdown-menu-inn .count{ font-size: 1rem; line-height: 1.4rem; color: #000000; border-right: 3px solid #bdbdbd58; } header .dropdown .dropdown-menu .dropdown-menu-inn .menu-item{ font-size: 0.9rem; line-height: 1.4rem; color: #000000; } .product-section{ padding: 0 0 25px; } .product-section .product-main{ flex-wrap: wrap; } .product-section .product-main .product-left{ width: 100%; height: auto; padding: 0; margin: 0 0 15px; } .product-section .product-main .product-right{ width: 100%; height: auto; } .product-section .product-main .product-right p{ font-size: 0.85rem; line-height: 1.3rem; } .productinn .product-main{ grid-template-columns: 1fr; gap: 15px; } .product-inn{ width: 100%; height: auto; padding: 20px 0; } .product-inn .product-tabs ul li, .product-inn .product-tabs button{ font-size: 1rem; line-height: 1.5rem; } .product-inn .product-tabs button { padding: 0.6rem 1.3rem; } .product-inn .product-tabs .tab-content{ padding: 0 15px 10px; } .product-inn .tab-content .tab-pane, .product-inn .product-tabs .tabcontent{ padding: 20px 0; } .product-inn .tab-content .tab-pane .specification-div .table th, .product-inn .product-tabs .tabcontent .specification-div .table th{ font-size: 0.85rem; line-height: 1.3rem; padding: 0.3rem 0.3rem; } .product-inn .tab-content .tab-pane .specification-div .table td, .product-inn .product-tabs .tabcontent .specification-div .table td{ font-size: 0.8rem; line-height: 1.3rem; padding: 0.3rem 0.3rem; } .product-inn .tab-content .tab-pane .product-list li p, .product-inn .product-tabs .tabcontent .product-list li p{ font-size: 0.85rem; line-height: 1.3rem; } .product-inn .tab-content .tab-pane .product-list li i, .product-inn .product-tabs .tabcontent .product-list li i{ font-size: 0.85rem; line-height: 1.3rem; } .product-inn .tab-content .tab-pane .product-list li, .product-inn .product-tabs .tabcontent .product-list li{ gap: 4px; } .product-inn .tab-content .tab-pane .product-list, .product-inn .product-tabs .tabcontent .product-list{ gap: 7px; } .contact-section .contact-right iframe{ width: 100%; height: 220px; } .contact-section .contact-right{ width: 100%; height: auto; margin-top: 10px; } .certificate-div{ margin-top: 10px; } } body{ overflow-x: hidden; } /* Footer */ .footer{ width: 100%; height: auto; padding: 30px 0 30px; position: relative; background: linear-gradient(90deg, #262630 6.14%, #01040e 83.37%); } .footer .footer-top{ display: flex; width: 100% !important; padding: 0 0 30px; } .footer .footer-top .footer-link{ width: 70%; float: left; height: auto; } .footer .footer-top .footer-link h2{ color: #ffffff; padding: 0px; font-size: 1.5rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0px; margin: 0 0px 15px 0; text-decoration: none; text-align: left; } .footer .footer-top .footer-link ul{ list-style: none; padding: 0; margin: 0 0 0 0px; display: flex; gap: 5px 10px; align-items: center; justify-content: start; flex-wrap: wrap; } .footer .footer-top .footer-link ul li{ padding: 0; margin: 0; border-right: 1px solid #797979; } .footer .footer-top .footer-link ul li a{ color: #c9c9c9; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0px; margin: 0 8px 0px 0; text-decoration: none; text-align: left; } .footer .footer-top .footer-link .break{ width: 100%; margin: 0 0 20px; } .footer .footer-top .footer-right{ width: 30%; height: auto; float: left; padding: 0 20px 0 0; margin: 0; position: relative; } .footer .footer-top .footer-right h2{ color: #ffffff; padding: 0px; font-size: 1.5rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0px; margin: 0 0px 15px 0; text-decoration: none; text-align: left; } .footer .footer-top .footer-right ul{ list-style: none; padding: 0; margin: 0 0 0 0px; display: flex; gap: 5px 10px; align-items: center; justify-content: start; flex-wrap: wrap; } .footer .footer-top .footer-right ul li{ padding: 0; margin: 0; /* border-right: 1px solid #797979; */ color: #c9c9c9; padding-right: 10px; color: #c9c9c9; font-size: 0.85rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0px; text-decoration: none; text-align: left; } .footer .footer-top .footer-right ul li a{ color: #c9c9c9; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0px; margin: 0 0px 0px 0; text-decoration: none; text-align: left; } .footer .footer-top .footer-right .right-main{ display: flex; width: 100%; } .footer .footer-top .footer-right .right-div{ display: flex; } .footer .footer-top .footer-right ul li i{ margin-right: 4px; font-size: 17px; } .footer .footer-bottom{ width: 100%; height: auto; padding: 10px 0; margin: 0; border-top: 1px solid #6b6a6a; display: flex; align-items: center; justify-content: space-between; } .footer .footer-bottom p{ color: #c9c9c9; padding: 0px; font-size: 1rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0px; margin: 0 0px 0px 0; text-decoration: none; text-align: left; } .footer .footer-bottom a{ text-decoration: none; color:#c9c9c9 ; font-family: EMprint-Regular; } .footer .footer-bottom ul{ width: auto; height: auto; padding: 0px; margin: 0; display: flex; align-items: center; justify-content: end; gap: 14px; list-style: none; } .footer .footer-bottom ul li{ padding: 0; margin: 0; line-height: normal; } .footer .footer-bottom ul li a{ text-decoration: none; color: #ffffff; font-size: 1rem; } .footer .footer-bottom ul li i{ color: #ffffff; font-size: 1.2rem; line-height: 1.5rem; } /* End Footer */ /*About Us*/ .about-us{ padding: 40px 0; } .about-us .abt-back{ position: absolute; right: 0px; bottom: -556px; width: 410px; height: 350px; background-repeat: no-repeat; } .about-us .container-fluid{ width: 86%; } .about-us .left{ float: right; width: 60%; /* background-image: url(../images/about-bg.png); background-repeat: no-repeat; background-position: right; */ } .about-us .left h6{ font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #055a59 6.14%, #055a59 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px; } .about-us .left h2{ font-family: EMprint-Semibold; font-size: 2rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #27272c 6.14%, #141113 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-us .left h2 span{ background: linear-gradient(90deg, #009688 6.14%, #009688 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-us .left p{ /* font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 2rem; text-align: justify; color: #333333; */ font-family: EMprint-Regular; font-size: 1.1rem; font-weight: 400; font-style: normal; line-height: 2.3rem; text-align: justify; color: #333333; /* padding: 10px 50px 0 0;*/ /* padding: 10px 50px 0 0; */ } .about-us .left .left-main{ display: grid; grid-template-columns: 0.4fr 0.4fr; gap: 10px; } .about-us .left .left-main .left-div{ width: 100%; display: flex; border: 2px solid #eee; border-radius: 20px; padding: 5px; } /* .about-us .left .left-main .left-div:nth-child(2){ margin-left: -60px; } .about-us .left .left-main .left-div:nth-child(3){ margin-left: 20px; } .about-us .left .left-main .left-div:nth-child(4){ margin-left: -14px; } */ .about-us .right{ width: 40%; float: left; } .about-us .right img{ width: 623px; height: 532px; border-radius: 10px; } .about-us .left .left-main .left-div .abt-cnt{ display: grid; } .about-us .right .about-certificate-main{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 5px; } .about-us .right .about-certificate-main .about-certificate-div{ text-align: left; } .about-us .left .left-main .left-div .abt-cnt h3{ font-family: EMprint-Semibold; font-weight: 500; font-size: 1.2rem; font-style: normal; padding: 10px 0 0 10px; background: linear-gradient(90deg, #16161a 6.14%, #009688 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-us .left .about-certificate-main{ display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 20px; width: 25%; display: flex; } .about-us .left .about-certificate-main .about-certificate-div{ width: 50%; } .about-us .left .about-text-div h3{ font-family: EMprint-Semibold; font-size: 1.5rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #08504a 6.14%, #084640 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 10px; } .about-us .left .about-text-div{ width: 100%; } /*End About Us*/ /* Banner */ .banner{ width: 100%; height: calc(100vh - 70px); padding: 0; margin: 70px 0 0; } .banner .banner-img{ width: 100%; height: calc(100vh - 70px); } .banner .carousel-control-next, .carousel-control-prev{ width: 55px; height: 55px; top: 50%; transform: translateY(-50%); /* background-color: #d7531f; */ border-radius: 50%; opacity: 1; } .banner .carousel-control-next{ right: 8px; } .banner .carousel-control-prev{ left: 8px; } .banner .carousel-caption{ background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.21) 100%); width: 100%; height: 100%; right: 0; top: 0; left: auto; } .banner .carousel-control-next-icon, .banner .carousel-control-prev-icon{ width: 2rem; height: 2rem; } .banner .carousel-caption .banner-btn{ color: #ffffff; display: flex; gap: 7px; align-items: center; justify-content: center; position: relative; padding: 7px 15px 7px 7px; font-size: .875rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Semibold; font-style: normal; text-transform: uppercase; background-color: #055a59; border-radius: 10px; text-decoration: none; margin-left: 20px; } .banner .carousel-caption .banner-btn svg{ border-radius: 50%; background-color: #ffffff; padding: 5px; } .banner .carousel-caption .carousel-inner{ width: 48%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 8%; } .banner .carousel-caption .carousel-inner h6{ font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0 15px; padding: 0; } .banner .carousel-caption .carousel-inner h1{ font-size: 4.5rem; font-weight: 400; line-height: 5.6rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 3px; color: #ffffff; text-align: left; margin: 0 0 35px; padding: 20px; /* border-left: 6px solid #055a59; */ } .banner .carousel-caption .carousel-inner p{ font-size: 1rem; font-weight: 300; line-height: 1.5rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: justify; margin: 0 0 35px; padding: 0; } .banner .carousel-indicators{ margin: 0 auto; width: 84%; justify-content: center; align-items: center; bottom: 5%; } .banner .carousel-indicators [data-bs-target]{ width: 4px; height: 4px; border: 5px solid #ffffff; } .banner .carousel-indicators .active{ width: 14px; height: 14px; border-color: #055a59; } .banner .banner-list{ width: 100%; height: auto; display: grid; grid-template-columns: 1fr 1fr 1fr; border: 1px solid #ffffff73; border-radius: 5px; margin: 14% 0 0; background: rgb(105 119 125 / 43%); } .banner .banner-list .banner-item{ width: 100%; height: auto; padding: 20px 20px; border-right: 1px solid #ffffff73; } .banner .banner-list .banner-item h2{ font-size: 2rem; font-weight: 400; line-height: 2.6rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0 5px; padding: 0; } .banner .banner-list .banner-item h5{ font-size: 0.9rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0 0px; padding: 0; } /* End Banner */ .client{ padding: 40px; width: 100%; } .client .container-fluid{ width: 90%; } .client .left{ float: left; width: 40%; height: auto; } .client .left h2{ color: #000000; font-size: 3.5rem; font-weight: 300; font-family: EMprint-Semibold; line-height: 1.25; margin: 0; padding-bottom: 20px; text-align: left; } .client .left p{ font-size: 1rem; line-height: 1.5; font-family: EMprint-Regular; font-weight: 500; margin-bottom: 50px; color: #333333; } .client .left .learn-button a{ line-height: 20px; font-size: 18px; border: 1px solid #ffffff; color: #ffffff; background-color: transparent; border-radius: 4px; padding: 11px 20px; text-decoration: none; margin-top: 30px; background-color: #055a59; border-radius: 10px; } .client .right{ float: right; width: 60%; padding: 0 0 0 40px; } .client .right .right-main{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; } .client .right .right-main .right-div{ width: 100%; } /*Vision Mission*/ .vision{ padding: 30px 0; margin: 60px 0; } .vision .container-fluid{ width: 90%; } .vision .vision-main{ display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; gap: 10px; } .vision .vision-main .vision-div{ text-align: left; border: 5px solid #D9D9D9; border-radius: 30px; padding: 25px; padding-left: 0; width: 95%; margin-left: auto; margin-top: 40px; } .vision .vision-main .vision-div:nth-child(2){ background-color: #055a59; } .vision .vision-main .vision-div:nth-child(2) p{ color: white; } .vision .vision-main .vision-div:hover { background-color: #055a59; transition: .3s ease-in-out; } .vision .vision-main .vision-div:hover .vision .vision-main .vision-div-img img { filter: brightness(100%) invert(0); background-color: white; } .vision .vision-main .vision-div:hover h3, .vision .vision-main .vision-div:hover p { color: #fff; } .vision .vision-main .vision-div .vision-number{ display: flex; align-items: center; background-color: #FAFAFA; justify-content: space-between; padding-left: 50px; border-radius: 30px; margin-bottom: 10px; margin-left: -20px; } .vision .vision-main .vision-div .vision-number h3{ padding: 20px 0 10px; font-size: 2rem; font-weight: 700; color: #055a59; font-weight: 400; line-height: 1.45rem; font-family: EMprint-Semibold; letter-spacing: 0.3px; text-transform: capitalize; width: 75%; } .vision .vision-main .vision-div .vision-number span{ font-size: 30px; font-weight: bold; padding: 38px 29px; border-radius: 30px; color: white; background: linear-gradient(90deg, #101018 6.14%, #009688 83.37%); } .vision .vision-main .vision-div:nth-child(2){ margin-top: -35px; height: 480px; } .vision .vision-main .vision-div p{ padding-left: 35px; /* padding-bottom: 50px; */ font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 2rem; text-align: justify; color: #333333; /* padding: 10px 50px 0 0; */ } .vision .vision-main .vision-div .vision-inner img{ margin-left: 35px; width: 70px; height: 70px; background-color: white; padding: 2px; border-radius: 10px; } .vision .vision-main .vision-div:nth-child(2) .vision-inner img{ background-color: #055a59; } .vision .vision-main .vision-div .vision-inner:hover .vision .vision-main .vision-div .vision-inner { background: #fff; } /*End Vision Mission*/ /* Services */ /* .service-section{ width: 100%; height: auto; padding: 0px 0; margin: 0; background-image: url("../images/services-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .service-section h6{ font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #055a59 6.14%, #055a59 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px; text-align: center; } .service-section h2{ font-size: 3.6rem; font-weight: 400; line-height: 4.2rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: black; text-align: center; margin: 0 0 35px; padding: 0; } .service-section .service-btn{ color: #ffffff; display: flex; gap: 7px; align-items: center; justify-content: center; position: relative; padding: 7px 15px 7px 7px; font-size: .875rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Semibold; font-style: normal; text-transform: uppercase; background-color: #d7531f; border-radius: 25px; text-decoration: none; } .service-section .service-btn svg{ border-radius: 50%; background-color: #ffffff; padding: 5px; } .service-section .service-main{ width: 100%; height: auto; padding: 0; margin: 50px 0 0; position: relative; display: grid; grid-template-columns: 1fr 0.6fr; gap: 30px; } .service-section .service-main .service-left{ width: 100%; height: auto; display: grid; grid-template-columns: 1fr; gap: 20px; } .service-section .service-main .service-left .service-div:nth-child(2){ margin-left: 365px; margin-top: -180px; } .service-section .service-main .service-left .service-div:nth-child(3){ margin-top: -90px; margin-left: 50px; } .service-section .service-main .service-left .service-div:nth-child(2) img{ width: 250px; height: 250px; } .service-section .service-main .service-left .service-div:nth-child(4){ margin-left: 300px; margin-top: -212px; } .service-section .service-main .service-left .service-div:nth-child(4) img{ width: 300px; height: 200px; } .service-section .service-main .service-left .service-div:nth-child(3) img{ width: 350px; height: 300px; } .service-section .service-main .service-left .service-div{ width: 100%; height: auto; padding: 0; margin: 0; overflow: hidden; border-radius: 5px; } .service-section .service-main .service-left .service-div img{ width: auto; height: auto; max-width: 100%; border: 10px solid #055a59; } .service-section .service-main .service-left .service-div .service-cnt{ width: 100%; height: auto; background-color: #353d44; padding: 15px 15px; } .service-section .service-main .service-left .service-div .service-cnt h3{ font-size: 20px; font-weight: 400; line-height: 2.2rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #ffffff; text-align: left; margin: 0 0 15px; padding: 0; } .service-section .service-main .service-left .service-div .service-cnt .service-btn1{ width: 100%; height: auto; display: flex; align-items: center; justify-content: end; } .service-section .service-main .service-left .service-div .service-cnt .service-btn1 a{ text-decoration: none; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 50%; } .service-section .service-main .service-left .service-div:hover .service-cnt{ background-color: #d7531f; } .service-section .service-main .service-left .service-div:hover .service-cnt .service-btn1 svg{ stroke: #d7531f; } .service-section .service-main .service-right{ width: 100%; height: auto; padding: 20px 20px; margin: 0; background-color: #ffffff40; border-radius: 5px; } .service-section .service-main .service-right ::-webkit-scrollbar { width: 5px; background-color: #353d44; } .service-section .service-main .service-right ::-webkit-scrollbar-thumb { background-color: #055a59; border-radius: 10px; } button:focus-visible{ border: none; outline: none; } .service-section .service-main .service-right .nav-tabs{ width: auto; height: auto; display: flex; gap: 5px; border: none; } .service-section .service-main .service-right .nav-tabs .nav-link{ width: auto; height: auto; background-color: transparent; color: #ffffff; border: 1px solid #ffffff; border-radius: 40px; padding: 8px 14px; font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; } .service-section .service-main .service-right .nav-tabs .nav-link.active{ color: #ffffff; background-color: #055a59; border-color: #055a59; } .service-section .service-main .service-right .project-details{ width: 100%; height: auto; display: grid; gap: 5px; padding: 0; margin: 0 0 8px; max-height: 355px; overflow: auto; } .service-section .service-main .service-right .project-details .project-div{ width: 100%; height: auto; padding: 7px; margin: 0; display: flex; align-items: center; gap: 13px; background: #f1f1f1; border-radius: 5px; } .service-section .service-main .service-right .tab-content{ padding: 20px 0 0; } .service-section .service-main .service-right .project-details .project-div .project-img{ width: auto; height: auto; max-width: 100px; overflow: hidden; border-radius: 5px; } .service-section .service-main .service-right .project-details .project-div .project-img img{ width: auto; height: auto; max-width: 100%; } .service-section .service-main .service-right .project-details .project-div .project-cnt{ width: auto; height: auto; padding: 0; margin: 0; } .service-section .service-main .service-right .project-details .project-div .project-cnt h4{ font-size: 1.2rem; font-weight: 400; line-height: 1.7rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #353d44; text-align: left; margin: 0 0 10px; padding: 0; } .service-section .service-main .service-right .project-details .project-div .project-cnt p{ font-size: 0.85rem; font-weight: 400; line-height: 1.4rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #353d445e; text-align: left; margin: 0 0 0px; padding: 0; } .service-section .service-main .service-right .project-details .project-div .project-cnt p span{ color: #d7531f; } */ /* End Services */ /*Enquiry*/ .home-enquiry{ padding: 30px; margin: 60px 0; background-color: #f1f2f2; } .home-enquiry .container-fluid{ width: 90%; } .home-enquiry .left{ width: 50%; float: left; display: flex; } .home-enquiry .left h6{ color: #055a59; font-family: EMprint-Semibold; font-size: 1rem; } .home-enquiry .left .left-img{ margin-left: 30px; margin-top: -30px; } .home-enquiry .left .left-cnt{ padding: 0 0 0 50px; } .home-enquiry .left img{ margin-left: 35px; height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; vertical-align: middle; display: inline-block; } .home-enquiry .left h2{ font-family: EMprint-Semibold; font-size: 2rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #27272c 6.14%, #141113 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; margin-top: 20px; } .home-enquiry .left p{ font-size: 1rem; font-family: EMprint-Regular; } .home-enquiry .left i{ font-size: 16px; display: inline-block; margin-right: 2px; color: #055a59; transform: translateY(2px); } .home-enquiry .left-main{ display: grid; grid-template-columns: 1fr 1fr; margin-top: 70px; } .home-enquiry .left-main .left-div{ display: flex; } .home-enquiry .left-main .left-div h2{ font-size: 1.2rem; font-family: EMprint-Semibold; padding: 0 0 0 20px; } .home-enquiry .left-main .left-div img{ background-color: #055a59; width: 60px; height: 60px; } .home-enquiry .right{ /* float: right; width: 32%; background-color: #fff; padding: 55px 57px; */ float: right; width: 30%; background-color: #fff; padding: 28px 64px; height: 130px; margin-top: 100px; } .home-enquiry .right h6{ color: grey; font-family: EMprint-Regular; font-size: 1rem; } .home-enquiry .right h2{ font-size: 2.5rem; font-family: EMprint-Semibold; } .home-enquiry .right p{ font-size: 1rem; font-family: EMprint-Regular; line-height: 1.5rem; } .home-enquiry .right .extra{ display: flex; } .home-enquiry .right .extra .cnt{ padding: 0 0 0 30px; } .home-enquiry .right .extra .cnt h3{ color: grey; font-family: EMprint-Regular; font-size: 1.4rem; } .home-enquiry .right .extra .cnt p{ font-family: EMprint-Regular; font-size: 1.4rem; } .home-enquiry .right .extra .cnt a{ color: black; font-family: EMprint-Semibold; font-size: 1.5rem; text-decoration: none; } .home-enquiry .right .extra img{ width: 80px; height: 80px; } .home-enquiry img{ right: 0px; width: 300px; height: 300px; } /*End Enquiry*/ @media (min-width:1351px) and (max-width:1600px){ header .dropdown .dropdown-menu { min-width: 50vw; } .banner .carousel-caption .carousel-inner h1 { font-size: 3.5rem; font-weight: 400; line-height: 4.6rem; } .about-us .right img { width: 540px; height: 520px; } .about-us .left { float: right; width: 55%; } .about-us .left .left-main .left-div .abt-cnt h3{ font-size: 1rem; } .about-us .left .about-certificate-main{ gap: 30px; } .industry p{ font-size: 2.8rem; } .industry .seltext h3{ font-size: 18px; } .home-enquiry .left{ width: 40%; margin-right: 30px; } .home-enquiry .left h2 { font-family: EMprint-Semibold; font-size: 1.5rem; margin-bottom: 10px; } .home-enquiry .left p { font-size: 0.9rem; font-family: EMprint-Regular; } .home-enquiry .container-fluid { width: 100%; } .home-enquiry .left-main .left-div h2{ font-size: 1rem; } .home-enquiry .right h2{ font-size: 2rem; } .home-enquiry .right p{ font-family: EMprint-Regular; font-size: 0.8rem; } .home-enquiry .right .extra .cnt h3{ font-size: 1.1rem; } .vision { padding: 0px 0; margin: 10px 0; } .vision .vision-main .vision-div .vision-number span { font-size: 30px; font-weight: bold; padding: 15px 18px; border-radius: 30px; color: white; background: linear-gradient(90deg, #101018 6.14%, #009688 83.37%); } .vision .vision-main .vision-div { text-align: left; border: 5px solid #D9D9D9; border-radius: 30px; padding: 25px; padding-left: 0; width: 95%; margin-left: auto; margin-top: 40px; height: 430px; } .industry .seltext img { border-radius: 10px; width: 380px; height: 380px; max-width: 100%; } header .header-menu{ margin-left: 0px; } } @media (min-width:768px) and (max-width:1349.98px){ header .dropdown .dropdown-menu { min-width: 55vw; } .banner .carousel-caption .carousel-inner h1 { font-size: 2.5rem; font-weight: 400; line-height: 3.6rem; } .about-us .right img { width: 450px; height: 440px; } .about-us .left { float: right; width: 57%; } .about-us .left h2{ font-size: 1.5rem; } .about-us .left p{ line-height: 1.5rem; font-size: 0.8rem; } .about-us .left .left-main .left-div .abt-cnt h3{ font-size: 0.8rem; } .about-us .left .about-certificate-main{ gap: 30px; } .vision .vision-main .vision-div .vision-number h3{ font-size: 1.5rem; } .vision .vision-main .vision-div .vision-number span { font-size: 30px; font-weight: bold; padding: 15px 17px; } .vision .vision-main .vision-div p{ font-size: 0.8rem; line-height: 1.5rem; } .vision .vision-main .vision-div{ height: 380px; } .vision .vision-main .vision-div:nth-child(2){ height: 400px; } .industry .seltext h3{ font-size: 16px; } .vision{ margin: 0px; padding: 20px; } .home-enquiry .right h2{ font-size: 1.2rem; } .home-enquiry .left h2{ font-size: 1.2rem; } .home-enquiry .right .extra .cnt h3{ font-size: 0.8rem; } .home-enquiry .left-main .left-div h2{ font-size: 0.6rem; } .home-enquiry .left p{ font-size: 0.8rem; text-align: justify; line-height: 1rem; } .home-enquiry .left{ width: 40%; } .home-enquiry .right .extra .cnt a{ font-size: 0.9rem; } .home-enquiry .right p{ font-size: 0.8rem; } .client .right .right-main { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .client .left h2{ font-size: 2.5rem; } .client .left p{ font-size: 0.8rem; } .industry .seltext img{ height: 345px; } .industry p{ font-size: 2.5rem; } .home-enquiry .left-main{ margin-top: 0px; } .home-enquiry .left .left-cnt{ padding: 20px; } header .header-menu{ margin-left: 0px; } } @media(max-width:767px){ .about-us{ width: 100% !important; height: auto; } .about-us .abt-back{ display: none; } .about-us .container-fluid{ width: 100% !important; height: auto; } .about-us .left{ width: 100% !important; height: auto; } .about-us .right{ width: 100% !important; height: auto; } .about-us .right img{ width: 100% !important; height: auto; } .vision{ width: 100% !important; height: auto; margin: 0px; padding: 0px; } .vision .container-fluid{ width: 100% !important; height: auto; } .vision .vision-main .vision-div { text-align: left; border: 5px solid #D9D9D9; border-radius: 30px; padding: 25px; padding-left: 0; width: 100%; margin-left: auto; margin-top: 0px; } .vision .vision-main .vision-div p { padding-left: 10px; /* padding-bottom: 50px; */ font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 1.5rem; text-align: justify; color: #333333; /* padding: 10px 50px 0 0; */ } .vision .vision-main .vision-div:nth-child(2){ height: 440px; } .vision .vision-main { display: grid; grid-template-columns: 1fr; width: 100%; gap: 10px; } .home-enquiry{ width: 100% !important; height: auto; margin: 0px 0; padding: 10px; } .home-enquiry .left .left-img { margin-left: 20px; margin-top: -10px; } .home-enquiry .right .extra .cnt a { color: black; font-family: EMprint-Semibold; font-size: 1rem; text-decoration: none; } .home-enquiry .right .extra .cnt h3 { color: grey; font-family: EMprint-Regular; font-size: 1.2rem; } .home-enquiry img { right: 0px; width: 350px; height: 300px; } .home-enquiry .left p{ text-align: justify; } .home-enquiry .left-main { display: grid; grid-template-columns: 1fr; margin-top: 0px; gap: 10px; } .client .right .right-main .right-div img{ width: 100% !important; height: auto; } .home-enquiry .container-fluid{ width: 100% !important; height: auto; } .home-enquiry .left{ width: 100% !important; height: auto; display: grid; } .home-enquiry .right{ width: 100% !important; height: auto; margin-top: 50px; padding: 10px 28px; } .home-enquiry .left img{ margin-left: 0px; } .home-enquiry .left .left-cnt{ padding: 0px; } .home-enquiry .left h2 { font-family: EMprint-Semibold; font-size: 1.5rem; margin-bottom: 10px; } .client{ width: 100% !important; height: auto; padding: 10px; } .client .left h2 { color: #000000; font-size: 2rem; padding-bottom: 3px; } .client .container-fluid{ width: 100% !important; height: auto; } .client .left p{ font-size: 0.9rem; margin-bottom: 15px; } .client .left .learn-button a { line-height: 20px; font-size: 14px; } .footer .footer-top .footer-right ul li a { color: #c9c9c9; padding: 0px; font-size: 0.8rem; } .client .left{ width: 100% !important; height: auto; } .client .right{ width: 100% !important; height: auto; padding: 30px; } .client .right .right-main { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .footer{ width: 100% !important; height: auto; padding: 15px; } .footer .footer-top .footer-link ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; flex-wrap: nowrap; } .footer .footer-top .footer-link { width: 100%; float: left; height: auto; } .footer .footer-top .footer-link ul li a { color: #c9c9c9; padding: 0px; font-size: 0.8rem; } .footer .footer-top .footer-right{ width: 100% !important; height: auto; padding: 20px 0; } .footer .footer-bottom p{ width: 248px; font-size: 0.9rem; } .footer .footer-top{ width: 100% !important; height: auto; display: grid; padding: 0px; } .footer .footer-bottom ul{ justify-content: flex-start; } .footer .footer-bottom{ display: grid; } .about-us .left .left-main { display: grid; grid-template-columns: 1fr 1fr; gap: 0px; } .banner { width: 100%; height: calc(44vh - 70px); padding: 0; margin: 70px 0 0; } .banner .banner-img { width: 100%; height: calc(48vh - 70px); } .banner .carousel-caption .carousel-inner { width: 90%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 8%; } .banner .carousel-caption .carousel-inner h1 { font-size: 1.3rem; font-weight: 400; line-height: 2rem; letter-spacing: 1px; } .about-us .left h2{ font-size: 1.5rem; line-height: 2rem; } .about-us .left p { font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 2rem; } .about-us .left .left-main .left-div{ display: grid; text-align: center; } .about-us .left .left-main .left-div .abt-cnt h3 { font-family: EMprint-Semibold; font-weight: 500; font-size: 0.8rem; margin-top: -20px; } .about-us .left .about-certificate-main .about-certificate-div { width: 100%; text-align: center; } .about-us .left .about-text-div h3 { font-family: EMprint-Semibold; font-size: 1.3rem; text-align: center; } .about-us .left .about-certificate-main{ width: 100% !important; height: auto; } .vision .vision-main .vision-div:nth-child(2) { margin-top: 0px; } .vision .vision-main .vision-div .vision-number h3 { padding: 20px 0 10px; font-size: 1.5rem; font-weight: 700; color: #055a59; font-weight: 400; line-height: 2rem; } .industry p { color: #000000; padding: 0px; font-size: 1.5rem; font-weight: 400; line-height: 2rem; margin: 0px; } .industry svg { border-radius: 50%; /* background-color: #d62b25; */ padding: 5px; margin-top: -130px; margin-left: 308px; } .industry { width: 100%; height: auto; padding: 20px 0; margin: 0; position: relative; } header.header-1 .header-menu .navbar-nav li:last-child .nav-link{ margin-left: 3px; } header .dropdown .dropdown-menu .dropdown-menu-inn { display: grid; grid-template-columns: 1fr; width: 100%; padding: 10px 20px; background-color: white; gap: 0px; border-radius: 5px; margin-left: 0px; box-shadow: 0 0 30px rgb(0 0 0 / 10%); } .banner .carousel-caption .banner-btn { color: #ffffff; display: flex; gap: 7px; align-items: center; justify-content: center; position: relative; padding: 3px 3px 5px 4px; font-size: .775rem; font-weight: 400; line-height: 1.25rem; font-family: EMprint-Semibold; font-style: normal; text-transform: uppercase; background-color: #055a59; border-radius: 10px; text-decoration: none; margin-top: -50px; margin-left: 24px; } .banner .carousel-caption{ width: 100% !important; } } /******************** Small Banner ******************/ .sm-banner{ margin: 80px 0 0; } .sm-banner-div{ display: grid; grid-template-columns: 1fr; } .sm-banner-info{ background: url(../images/sm-banner-product.jpg); background-size: cover; background-repeat: no-repeat; padding: 50px; } .sm-banner h2 { font-family: EMprint-Regular; font-size: 50px; color: #fff; line-height: 1; font-weight: 400; text-align: left; margin-bottom: 20px; } .sm-banner p { font-size: 17px; color: #fff; line-height: 1.6; font-family: EMprint-Semibold; margin-bottom: 30px; letter-spacing: -0.3px; width: 40%; border-left: 4px solid #167d83; padding-left: 15px; text-align: justify; } .sm-banner-div1{ grid-template-columns: 1fr; } .sm-banner-div1 .sm-banner-info{ background: url(../images/sm-banner-client.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div2{ grid-template-columns: 1fr; } .sm-banner-div2 .sm-banner-info{ background: url(../images/sm-banner-about-us.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div3{ grid-template-columns: 1fr; } .sm-banner-div3 .sm-banner-info{ background: url(../images/certification-bg.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div41{ grid-template-columns: 1fr; } .sm-banner-div41 .sm-banner-info{ background: url(../images/sm-banner-services-1.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div42{ grid-template-columns: 1fr; } .sm-banner-div42 .sm-banner-info{ background: url(../images/sm-banner-services-2.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div43{ grid-template-columns: 1fr; } .sm-banner-div43 .sm-banner-info{ background: url(../images/sm-banner-services-3.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div44{ grid-template-columns: 1fr; } .sm-banner-div44 .sm-banner-info{ background: url(../images/sm-banner-services-4.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div45{ grid-template-columns: 1fr; } .sm-banner-div45 .sm-banner-info{ background: url(../images/sm-banner-services-5.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div46{ grid-template-columns: 1fr; } .sm-banner-div46 .sm-banner-info{ background: url(../images/sm-banner-services-6.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div47{ grid-template-columns: 1fr; } .sm-banner-div47 .sm-banner-info{ background: url(../images/sm-banner-services-7.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div48{ grid-template-columns: 1fr; } .sm-banner-div48 .sm-banner-info{ background: url(../images/sm-banner-services-8.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div49{ grid-template-columns: 1fr; } .sm-banner-div49 .sm-banner-info{ background: url(../images/sm-banner-services-9.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div50{ grid-template-columns: 1fr; } .sm-banner-div50 .sm-banner-info{ background: url(../images/sm-banner-services-10.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div51{ grid-template-columns: 1fr; } .sm-banner-div51 .sm-banner-info{ background: url(../images/sm-banner-gallery.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div5{ grid-template-columns: 1fr; } .sm-banner-div5 .sm-banner-info{ background: url(../images/sm-banner-clientle.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div6{ grid-template-columns: 1fr; } .sm-banner-div6 .sm-banner-info{ background: url(../images/contact-bg.jpg); background-size: cover; background-repeat: no-repeat; } .sm-banner-div7{ grid-template-columns: 1fr; } .sm-banner-div7 .sm-banner-info{ background: url(../images/sm-banner-videos.jpg); background-size: cover; background-repeat: no-repeat; } .btn-inside{ background: #167d83; padding: 12px 20px; width: 20%; border-radius: 8px; } .btn-inside a{ color: #ffffff; font-size: 18px; font-family: EMprint-Semibold; } .btn-inside a i{ font-size: 16px; padding-left: 6px; } .sm-banner img{ width: 100%; height: 380px; } .btn-inside a:hover{ text-decoration: none; } .btn-inside:hover a i{ animation: s 1s infinite ease-in-out; } .sm-links p{ color: #828282; font-size: 16px; font-family: EMprint-Regular; line-height: 16px; margin-bottom: 0; margin-left: 0; border: none; } .sm-links p a{ color: #828282; font-size: 16px; font-family: EMprint-Regular; line-height: 16px; margin-bottom: 0; } .sm-links p a:hover{ color: #167d83; } .sm-links{ padding: 20px 40px; border-bottom: 1px solid #f1f1f1; } @keyframes s { 0% { transform: translateX(0) } 50% { transform: translateX(8px) } to { transform: translateX(0) } } .inside-client{ margin: 80px 0; } .inside-client .container-fluid{ width: 90%; } .inside-client .client-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .inside-client .client-grid .client-div{ background-color: #ffffff; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 10px; border: .5px solid #F5F5F5; box-shadow: 0 4px 30px rgba(230, 240, 248, .25); } .inside-contact{ margin: 60px 0; } .inside-contact .container-fluid{ width: 85%; } .inside-contact .left{ width: 50%; float: left; height: auto; padding: 50px; } .inside-contact .left h2{ font-family: EMprint-Regular; font-size: 2.5rem; padding-bottom: 20px; line-height: 1.2; text-align: left; margin: auto; } .inside-contact .left h2 span{ color: #055a59; font-family: EMprint-Semibold; } .inside-contact .left .contact-div1{ display: grid; grid-template-columns: 1fr 1fr; width: 100% !important; height: auto; } .inside-contact .left .contact-div1 .contact-div{ width: 100% !important; height: auto; position: relative; display: flex; padding: 20px; } .inside-contact .left .contact-div1 .contact-div .contact-cnt{ padding: 0px 0 0 20px; } .inside-contact .left .contact-div1 .contact-div .contact-cnt h3{ font-family: EMprint-Semibold; color: black; font-size: 1.5rem; font-style: normal; font-weight: 200; } .inside-contact .left .contact-div1 .contact-div .contact-cnt p{ font-family: EMprint-Regular; font-size: 1rem; line-height: 1.3; text-align: left; margin: 0; padding-bottom: 10px; } .inside-contact .left .contact-div1 .contact-div .contact-cnt a{ font-family: EMprint-Regular; font-size: 1rem; line-height: 1.3; text-align: left; margin: 0; padding-bottom: 10px; text-decoration: none; color: #000; } .inside-contact .left .contact-div1 .contact-div:nth-child(1){ border-bottom: 3px solid #eee; border-right: 3px solid #eee; } .inside-contact .left .contact-div1 .contact-div:nth-child(2){ border-bottom: 3px solid #eee; } .inside-contact .left .contact-div1 .contact-div:nth-child(3){ border-right: 3px solid #eee; } .inside-contact .left .contact-div1 .contact-div h4{ font-family: EMprint-Semibold; font-size: 1.5rem; font-weight: 500; font-style: normal; } .inside-contact .left .contact-div1 .contact-div ul{ padding: 0; } .inside-contact .left .contact-div1 .contact-div ul li{ list-style-type: none; float: left; margin-right: 15px; } .inside-contact .left .contact-div1 .contact-div ul li a{ color: #055a59; font-family: EMprint-Regular; font-size: 18px; line-height: 1.6; text-transform: uppercase; font-weight: 600; letter-spacing: 0.8px; } .inside-contact .left .contact-div1 .contact-div .soci{ display: grid; } .inside-contact .right{ width: 50%; float: right; padding: 45px; } .inside-contact .right .right-div1{ background-image: url(../images/globe.png); background-repeat: no-repeat; background-position: center; height: 480px; padding: 10px; } .inside-contact .right .right-div1 img{ margin-left: 89px; width: 600px; height: 450px; animation-name: rotateme; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .inside-contact .right .right-div1 .right-main{ position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: -21rem; } .inside-contact .right .right-div1 .right-main .right-div{ text-align: center; } .inside-contact .right .right-div1 .right-main .right-div img{ width: 60px; height: 60px; animation-name:none; margin-left: 0px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(1){ margin-top: -35px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(2){ margin-top: -95px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(3){ margin-top: -95px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(7){ margin-top: -45px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(6){ margin-top: -35px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(9){ margin-top: 35px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(11){ margin-top: 35px; } .inside-contact .right .right-div1 .right-main .right-div:nth-child(8){ margin-top: 55px; } .inside-contact .right .right-div1 .right-main .right-div h3{ text-align: center; font-family: EMprint-Semibold; font-size: 1.1rem; font-weight: 600; } @-webkit-keyframes rotateme { 0% { -webkit-transform: rotate(0deg); opacity: 1; } 50% { -webkit-transform: rotate(180deg); opacity: 0.7; } 100% { -webkit-transform: rotate(360deg); opacity: 1; } } @-moz-keyframes rotateme { 0% { -moz-transform: rotate(0deg); opacity: 1; } 50% { -moz-transform: rotate(180deg); opacity: 0.7; } 100% { -moz-transform: rotate(360deg); opacity: 1; } } @-o-keyframes rotateme { 0% { -o-transform: rotate(0deg); opacity: 1; } 50% { -o-transform: rotate(180deg); opacity: 0.7; } 100% { -o-transform: rotate(360deg); opacity: 1; } } @keyframes rotateme { 0% { transform: rotate(0deg); opacity: 1; } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); opacity: 1; } } /*** ==================================================================== Enquiry Page ==================================================================== ***/ .inside-enquiry{ width: 100%; height: auto; padding: 85px 0; text-align: left; background-image: url('../images/bg-1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; margin-bottom: 20px; position: relative; margin: 75px 0 0px; } .inside-enquiry::before { background: linear-gradient(120deg, #1b1c0054 0%, rgb(20 21 2 / 24%) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e68b2", endColorstr="#132948", GradientType=1); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .inside-enquiry .col-lg-5{ padding-top: 70px; margin-top: 30px; z-index: 1; } .inside-enquiry h6{ font-family: EMprint-Semibold; font-size: 1rem; padding-bottom: 10px; line-height: 1.4; text-align: left; color: #ffffff; filter: drop-shadow(2px 4px 6px black); } .inside-enquiry h2{ font-family: EMprint-Regular; font-size: 2rem; padding-bottom: 10px; line-height: 1.4; text-align: left; color: #ffffff; filter: drop-shadow(2px 4px 6px black); } .inside-enquiry p{ font-family: EMprint-Regular; font-size: 1rem; padding-bottom: 10px; line-height: 1.4; text-align: left; color: #ffffff; filter: drop-shadow(2px 4px 6px black); } .inside-enquiry .extra a{ font-family: EMprint-Regular; font-size: 1rem; padding-bottom: 10px; line-height: 1.4; text-align: left; color: #ffffff; filter: drop-shadow(2px 4px 6px black); text-decoration: none; } .inside-enquiry .extra i{ margin-right: 10px; color: #055a59; padding: 10px; background-color: white; border-radius: 50px; font-size: 30px; } .inside-enquiry .btn-3{ text-align: center; font-size: 19px; line-height: 35px; font-family: EMprint-Semibold; color: #000000; text-decoration: none; font-weight: 300; /*border: 2px solid #ffffff;*/ background-color: #ffffff; padding: 16px 28px; border-radius: 50px; letter-spacing: 1px; transition: 0.5s; } .inside-enquiry .btn-3:hover{ color: #ffffff; background-color: #055a59; } .inside-enquiry .btn-3:hover i{color: #ffffff;} .inside-enquiry .btn-3 i{ font-size: 25px; color: #000000; line-height: 35px; padding-right: 7px; } select .option.selected { font-weight: bold; } select .option{ cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 16px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } select.wide{ width: 100%; background-color: #ffffff; } select.wide .list{ left: 0 !important; right: 0 !important; } select.open .list{ opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } select .list{ background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgb(68 68 68 / 11%); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } select .list:hover .option:not(:hover){ background-color: transparent !important; } select .option:hover, select .option.focus, select .option.selected.focus{ background-color: #f6f6f6; } select .option.selected{ font-weight: bold; } select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } select:after{ width: 9px; height: 9px; border-bottom: 2px solid #fd295d; border-right: 2px solid #fd295d; right: 20px; } select:after{ border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .default-form .form-group textarea{ height: 110px !important; resize: none; } .default-form .form-group input[type='text'], .default-form .form-group input[type='email'], .default-form .form-group textarea{ position: relative; display: block; width: 100%; border: 1px solid #e6e2e3; border-radius: 15px; font-size: 18px; color: #757072; padding: 20px; padding-right: 50px; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%); transition: all 500ms ease; outline: none; } .default-form .form-group.message-btn{ margin-bottom: 0px; width: 37%; } .default-form .form-group{ position: relative; display: block; margin-bottom: 20px; } .default-form .form-group .theme-btn{ border: 1px solid #e6e2e3; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 8%); width: 100%; } .theme-btn{ position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 18px; line-height: 26px; color: #1e2c36; font-family: 'Montserrat', sans-serif !important; font-weight: 500; background: #fff; text-align: center; padding: 16px 35px; border-radius: 15px; text-transform: capitalize; z-index: 1; transition: all 500ms ease; } .theme-btn.btn-one:before{ background: #055a59; } .theme-btn:before{ position: absolute; content: ''; width: 0%; height: 100%; left: 0px; top: 0px; transition: all 500ms ease; } .theme-btn span{ position: relative; } .theme-btn span:before{ position: absolute; content: '\203A' !important; font-family: 'Font Awesome 5 Pro'; left: 10px; top: -1px; font-size: 30px; font-weight: 700; transition: all 500ms ease; line-height: 18px; display: none; } .theme-btn span:hover{ color: white; } .theme-btn span:before{ color: white; } .theme-btn span:after{ position: absolute; content: '\203A' !important; font-family: 'Font Awesome 5 Pro'; left: 0px; top: -1px; font-size: 30px; font-weight: 700; opacity: 0.5; transition: all 500ms ease; line-height: 18px; display: none; } .theme-btn span:after{ color: white; } .theme-btn:hover:before{ width: 100%; } .theme-btn.btn-one:hover{ color: #000000; } .default-form .form-group input:focus, .default-form .form-group textarea:focus, .wide:focus{ border-color: #055a59 !important; } .nice-select { position: relative; display: block; width: 100%; height: 60px; line-height: 60px; border: 1px solid #e6e2e3 !important; border-radius: 15px; font-size: 18px; color: #757072; padding: 20px; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%); padding: 0px 20px; padding-right: 40px; font-size: 18px; font-weight: 400; color: #707582; background: transparent; } .booking-section .inner-box { position: relative; display: block; background: #ffffff4d; border-radius: 15px; padding: 35px 25px 35px 25px; background-color: #0e3234; border-top-right-radius: 204px; border-top-left-radius: 204px; border: 2px solid #5cdec5d4; width: 95%; } .auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; } .booking-section { position: relative; padding: 0px 10px 0 100px; z-index: 1; } .booking-section .outer-container { position: relative; width: 100%; padding: 70px 0px; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; margin: 30px 0; } .booking-section .inner-box .text { position: relative; display: block; margin-bottom: 33px; } .booking-section .inner-box h2 { font-family: EMprint-Regular; font-size: 2rem; line-height: 1.3; color: #fff !important; /* margin-bottom: 30px; */ padding-bottom: 0; text-align: center; } .default-form .form-group { position: relative; display: block; margin-bottom: 20px; } .default-form .form-group input[type='text'], .default-form .form-group input[type='email'], .default-form .form-group textarea { position: relative; display: block; width: 100%; height: 60px; border: 1px solid #e6e2e3; border-radius: 15px; font-size: 16px; color: #000000; padding: 20px; padding-right: 50px; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%); transition: all 500ms ease; font-family: EMprint-Semibold !important; } .default-form .form-group { position: relative; display: block; margin-bottom: 20px; } .default-form .form-group i { position: absolute; top: 22px; right: 20px; font-size: 16px; z-index: 1; color: #055a59; } .fa-envelope-open:before { content: "\f2b6"; } .default-form .form-group { position: relative; display: block; margin-bottom: 20px; } .default-form .form-group .select-box { min-height: 60px; } input, button, select, textarea { font-family: 'Montserrat', sans-serif !important; font-weight: 400; font-size: 15px; } .wide { position: relative; display: block; width: 100%; height: 60px; line-height: 60px; border: 1px solid #e6e2e3 !important; border-radius: 15px; font-size: 16px; color: #757072; padding: 20px; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%); padding: 0px 20px; padding-right: 40px; font-size: 16px; font-weight: 400; color: #707582; background: transparent; margin-bottom: 20px; font-family: EMprint-Semibold !important; } .wide .option:hover, .wide .option.focus, .wide .option.selected.focus { background-color: #f6f6f6; } .wide .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .wide:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .clearfix::after { display: block; clear: both; content: ""; } .default-form .form-group { position: relative; display: block; margin-bottom: 20px; } .default-form .form-group .theme-btn { border: 1px solid #e6e2e3; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 8%); width: 100%; } .theme-btn { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 18px; line-height: 26px; color: #ffffff; font-family: EMprint-Semibold !important; font-weight: 500; background: #055a59; text-align: center; padding: 16px 35px; border-radius: 15px; text-transform: capitalize; z-index: 1; transition: all 500ms ease; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } .theme-btn:before { position: absolute; content: ''; width: 0%; height: 100%; left: 0px; top: 0px; transition: all 500ms ease; } select:focus-visible{ outline: none !important; } .our-certification{ margin: 60px 0; /* margin-bottom: 260px; */ } .our-certification .container-fluid{ width: 90%; } .our-certification .left-main{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .our-certification .left-main .left-div{ width: 100%; border: 1px solid black; } .our-certification .left-main .left-div img{ width: 563px; height: 701px; } .our-certification h2{ font-family: EMprint-Semibold; font-size: 2rem; color: black; line-height: 1; font-weight: 400; text-align: left; margin-bottom: 40px; border-bottom: 1px solid #055a59; width: 35%; padding: 10px; text-transform: uppercase; } .inside-about{ margin: 60px 0; } .inside-about .container-fluid{ width: 80%; } .inside-about .left{ float: left; width: 40%; } .inside-about .left h6{ font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #055a59 6.14%, #055a59 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px; } .inside-about .left h2{ font-family: EMprint-Semibold; font-size: 2.2rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #27272c 6.14%, #141113 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .inside-about .left p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 2.3rem; text-align: justify; color: #333333; } .inside-about .right{ float: right; width: 60%; padding: 40px 0 0 40px; } .inside-about .right .right-main{ display: flex; gap: 20px; } .inside-about .right .right-main .right-div{ text-align: center; width: 100%; } .inside-about .right .right-main .right-div img{ width: 448px; height: 287px; } .inside-about .right .right-main .right-div .extra-cnt{ display: grid; grid-template-columns: 1fr; gap: 30px; margin-left: -88px } .inside-about .right .right-main .right-div .extra-cnt .extra-div{ display: flex; width: 80%; padding: 20px; } .inside-about .right .right-main .right-div .extra-cnt .extra-div .cnt h4{ color: white; font-family: EMprint-Semibold; font-size: 1.2rem; font-weight: 400; } .inside-about .right .right-main .right-div .extra-cnt .extra-div:nth-child(2){ padding: 20px; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1); background-color: white; } .inside-about .right .right-main .right-div .extra-cnt .extra-div:nth-child(1){ padding: 20px; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1); background-color: #055a59; } .inside-about .right .right-main .right-div .extra-cnt .extra-div img{ width: 60px; height: 60px; border-radius: 10px; } .inside-about .right .right-main .right-div .extra-cnt .extra-div:nth-child(2) h4{ color: #055a59; } .stats{ padding: 10px; } .stats .container-fluid{ width: 70%; } .stats .stats-main{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px; padding: 10px; } .stats .stats-main .stats-div{ width: 100%; height: auto; text-align: center; } .stats .stats-main .stats-div h2{ font-family: EMprint-Semibold; font-weight: 900; font-size: 4rem; font-style: normal; padding: 10px 0 0 10px; background: linear-gradient(90deg, #16161a 6.14%, #009688 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .stats .stats-main .stats-div p{ font-family: EMprint-Semibold; font-size: 1.1rem; font-weight: 400; font-style: normal; line-height: 2.3rem; text-align: center; color: #333333; } .profile-section-1 { margin: 60px 0; } .profile-section-1 .container-fluid{ width: 80%; margin: auto; } .profile-section-1 h2{ text-align: center; font-family: EMprint-Semibold; font-size: 2.5rem; font-weight: 800; } .profile-section-1 .profile-img img{ /* clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); */ /* background: red; */ width: 500px; height: 500px; /* margin-top: 50px; */ } .profile-section-1 .profile-img{ position: relative; height: 500px; } .profile-section-1 .profile-img:after { position: absolute; background-color: #055a59; width: 450px; height: 450px; content: ''; top: -20px; left: -96px; z-index: -1; /* transform: translateX(-50%); */ clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); display: none; } .profile-section-1 .profile-img::before { position: absolute; background-color: #24a597; width: 100px; height: 100px; content: ''; bottom: -12px; left: -70px; z-index: -1; /* transform: translateX(-50%); */ clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); display: none; } .profile-section-1 .col-lg-4{ position: relative; padding: 0 0 0 200px; } .profile-section-1 .col-lg-4::before { position: absolute; background-color: #2297d39c; width: 100px; height: 100px; content: ''; top: -38px; left: 530px; z-index: -1; /* transform: translateX(-50%); */ clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); display: none; } .profile-section-1 .col-lg-6{ width: 50%; float: left; } .profile-section-1 .col-lg-4{ width: 50%; float: right; margin: 60px 0; } .profile-section-1 .col-lg-6 .profile-cnt{ padding: 55px; border-radius: 50px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); margin-top: 75px; } .profile-section-1 .col-lg-6 .profile-cnt p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 2.3rem; text-align: justify; color: #333333; } .profile-section-1 .col-lg-6 .profile-cnt h2{ font-family: EMprint-Semibold; font-size: 2.2rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #16161a 6.14%, #009688 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left; } .profile-section-1 .col-lg-6 .profile-cnt h6{ font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; color: black; letter-spacing: 2px; } /*profile-1*/ .project-section-2{ margin: 60px 0; } .project-section-2 .container-fluid{ width: 90%; } .project-section-2 .project-main{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .project-section-2 .project-main .project-div{ text-align: center; width: 100%; border: 1px solid #eee; padding: 10px; position: relative; display: block; background: #fff; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); border-radius: 300px 280px 30px 150px; padding: 0px 25px; display: flex; margin: 0 auto; } .project-section-2 .project-main .project-div img{ border-radius: 130px 130px 130px 130px; box-shadow: 13px 0px 0px 0px #055a59; width: 300px; height: 300px; } .project-section-2 .project-main .project-div .cnt{ padding: 0 0 0 10px; } .project-section-2 .project-main .project-div h3{ font-family: EMprint-Semibold; font-size: 1.5rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #16161a 6.14%, #009688 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 15px; } .project-section-2 .project-main .project-div h6{ font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; color: black; letter-spacing: 0.1px; } .project-section-2 .project-main .project-div p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 1.5rem; text-align: justify; color: #333333; padding: 30px; } .project-section-3{ margin: 60px 0; } .project-section-3 .container-fluid{ width: 90%; } .project-section-3 .left-main{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-flow: 30px; } .project-section-3 .left-main .left-div{ text-align: center; border: solid 2px #a9dbe4; background: radial-gradient(circle at 50% 0%, #fff 25%, #05090a00); padding: 0.6rem; padding-top: 0; text-align: center; width: 100%; max-width: 300px; margin-top: 64px; /* box-shadow: inset 0 10px, 0 1px 10px #440032fa; */ box-shadow: inset 0 4px, 0 1px 0px #440032fa; } .project-section-3 .left-main .left-div img{ margin-top: -60px; margin-bottom: 1px; border-radius: 50%; border: solid 3px #b7d3d8; width: 100%; max-width: 128px; aspect-ratio: 1 / 1; } .project-section-3 .left-main .left-div h3{ font-family: EMprint-Semibold; font-size: 1.5rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #16161a 6.14%, #009688 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 5px; } .project-section-3 .left-main .left-div h6{ font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; color: black; letter-spacing: 0.1px; } .project-section-3 .left-main .left-div p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 1.5rem; text-align: center; color: #333333; } .organization-chart{ margin: 60px 0; } .organization-chart .container-fluid{ width: 85% !important; height: auto; } .organization-chart h2{ font-family: EMprint-Semibold; font-size: 2.5rem; font-weight: 600; text-decoration: none; text-align: center; margin-bottom: 50px; } .organization-chart .box{ text-align: center; background-color: #055a59; width: 15%; margin: 0 auto 40px; padding: 10px; border-radius: 15px; position: relative; } .organization-chart .box h2{ font-family: EMprint-Semibold; font-size: 2rem; font-weight: 600; text-decoration: none; text-align: center; color: white; margin-bottom: 0px; } .organization-chart .box p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 600; text-decoration: none; text-align: center; color: white; } .organization-chart .box::before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 4px; height: 51px; background: black; } .organization-chart .box1 .box-main{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .organization-chart .box1 .box-main .box-div{ padding: 5px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); border: 1px solid black; text-align: center; position: relative; height: 120px; border-radius: 15px; } .organization-chart .box1 .box-main .box-div::before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 4px; height: 42px; background: black; } .organization-chart .box1 .box-main .box-div:nth-child(10):before{ display: none; } .organization-chart .box1 .box-main .box-div h3{ font-family: EMprint-Semibold; font-size: 1.1rem; font-weight: 600; text-decoration: none; text-align: center; color: #055a59; } .organization-chart .box1 .box-main .box-div p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 600; text-decoration: none; text-align: center; color: black; } .organization-chart .box2{ width: 100%; margin-top: 40px; } .organization-chart .box2 .box-main2{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .organization-chart .box2 .box-main2 .box-div2{ padding: 5px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); border: 1px solid black; text-align: center; position: relative; height: 40px; border-radius: 15px; } .organization-chart .box2 .box-main2 .box-div2:nth-child(6)::before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 4px; height: 45px; background: black; } .organization-chart .box2 .box-main2 .box-div2:nth-child(7)::before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 4px; height: 45px; background: black; } .organization-chart .box2 .box-main2 .box-div2:nth-child(8)::before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 4px; height: 45px; background: black; } .organization-chart .box2 .box-main2 .box-div2:nth-child(9)::before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 4px; height: 45px; background: black; } .organization-chart .box2 .box-main2 .box-div2 h2{ font-family: EMprint-Semibold; font-size: 1.1rem; font-weight: 600; text-decoration: none; text-align: center; color: #055a59; } .organization-chart .box3{ position: relative; text-align: center; background-color: #055a59; width: 31%; margin: 0 auto 40px; padding: 10px; border-radius: 15px; position: relative; margin-top: 40px; margin-right: 240px; } .organization-chart .box3::after{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 4px; height: 40px; background: black; } .organization-chart .box3 h3{ font-family: EMprint-Semibold; font-size: 1.3rem; font-weight: 600; text-decoration: none; text-align: center; color: white; } .organization-chart .box3 p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 600; text-decoration: none; text-align: center; color: white; } .organization-chart .box4 h3{ text-align: center; margin-left: 970px; background-color: white; width: 20%; padding: 20px; font-family: EMprint-Semibold; font-size: 1.2rem; border-radius: 20px; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); border: 1px solid black; color: #055a59; } .growth{ margin: 60px 0; } .growth .container-fluid{ width: 90%; } .growth h2{ font-family: EMprint-Semibold; font-size: 2.5rem; font-weight: 400; font-style: normal; background: linear-gradient(90deg, #27272c 6.14%, #141113 83.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin-bottom: 120px; } .growth .growth-main{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .growth .growth-main .growth-div{ text-align: center; padding: 15px; } .growth .growth-main .growth-div::before{ content: ""; background-color: #f0f0f0; width: 200%; height: 2px; display: inline-block; position: absolute; margin-left: -1000px; /* bottom: -17px; */ z-index: -1; margin-top: 30px; } .growth .growth-main .growth-div h2{ font-family: EMprint-Semibold; font-size: 1.5rem; font-weight: 600; text-decoration: none; text-align: center; color: #055a59; margin-bottom: 0px; } .growth .growth-main .growth-div p{ font-family: EMprint-Regular; font-size: 1rem; font-weight: 500; text-decoration: none; text-align: center; color: black; } .growth .growth-main .growth-div img{ width: 60px; height: 60px; } .growth .growth-main .growth-div:nth-child(2) h2{ margin-top: -65px; } .growth .growth-main .growth-div:nth-child(4) h2{ margin-top: -90px; } .video{ margin: 60px 0; } .video .container-fluid{ width: 95%; } .inside-services{ margin: 0px 0; background-image: url(../images/bg-services.jpg); background-size: cover; background-repeat: no-repeat; padding: 60px 0; } .inside-services .container-fluid{ width: 85%; } .inside-services .left{ width: 50%; float: left; } .inside-services .left h2{ font-size: 3rem; font-weight: 400; line-height: 1.2; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: #000000; margin: 0 0 30px; padding-left: 20px; position: relative; border-left: 4px solid #055a59; } .inside-services .left p{ font-size: 1.05rem; font-weight: 400; line-height: 1.6; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #333333; text-align: justify; margin: 0 0 20px; padding: 0; } .inside-services .right{ width: 50%; float: right; } .inside-services .right img{ width: 650px; height: 450px; border-radius: 20px 20px 25px 76px; } .safety{ margin: 60px 0; background-color: #055a59; /* padding: 40px 0; */ } .safety .container-fluid{ width: 80%; } .safety .left{ width: 40%; float: left; padding: 20px; } .safety .left .left-main{ display: grid; grid-template-columns: 1fr; gap: 10px; } .safety .left .left-main .left-div{ width: 100%; display: flex; gap: 15px; } .safety .left .left-main .left-div img{ width: 60px; height: 60px; } .safety .left .left-main .left-div h2{ font-size: 2rem; font-weight: 400; line-height: 1.2; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: white; /* margin: 0 0 30px; */ padding-left: 20px; position: relative; } .safety .left .left-main .left-div p{ font-size: 1rem; font-weight: 400; line-height: 1.6; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: white; text-align: justify; margin: 0 0 20px; padding: 0; } .safety .right{ width: 45%; height: auto; float: right; padding: 30px 0 0 50px; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1); background-color: white; /* margin-top: -40px; */ margin-left: 58px; } .safety .right img{ width: 548px; height: 387px; } .safety .right h2{ font-size: 2.5rem; font-weight: 400; line-height: 1.2; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: #055a59; /* margin: 0 0 30px; */ padding-left: 20px; position: relative; } .team{ margin: 60px 0; background-image: url(../images/team-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .team::before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, rgba(0, 22, 73, .0001), #0096888a 99.67%); } .team .container-fluid{ width: 70%; } .team h2{ font-size: 2.5rem; font-weight: 400; line-height: 1.2; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: white; /* margin: 0 0 30px; */ padding-left: 20px; position: relative; text-align: center; margin-top: 30px; filter: drop-shadow(2px 4px 6px black); } .team .team-main{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-top: 150px; } .team .team-main .team-div{ text-align: center; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1); background-color: white; padding: 20px; position: relative; border-radius: 20px; } .team .team-main .team-div h2{ font-size: 1.3rem; font-weight: 400; line-height: 1.2; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 0; color: black; /* margin: 0 0 30px; */ padding-left: 20px; position: relative; filter: invert(0); } .team .team-main .team-div p{ font-size: 1rem; font-weight: 400; line-height: 1.6; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0; color: black; text-align: justify; margin: 0 0 20px; padding: 0; } .team .team-main .team-div img{ width: 60px; height: 60px; border-radius: 10px; } @media(min-width:1351px) and (max-width:1600px){ .inside-contact{ margin: 20px 0; } .inside-contact .left h2 { font-family: EMprint-Regular; font-size: 1.8rem; } .inside-contact .left .contact-div1 .contact-div .contact-cnt h3 { font-family: EMprint-Semibold; color: black; font-size: 1.1rem; } .inside-contact .left .contact-div1 .contact-div h4 { font-family: EMprint-Semibold; font-size: 1rem; } .inside-contact .left .contact-div1 .contact-div .contact-cnt p { font-family: EMprint-Regular; font-size: 0.8rem; } .inside-contact .left .contact-div1 .contact-div .contact-cnt a{ font-size: 0.8rem; } .inside-contact .right .right-div1 .right-main .right-div h3 { text-align: center; font-family: EMprint-Semibold; font-size: 0.9rem; font-weight: 600; } .inside-contact .right .right-div1 img { margin-left: 35px; } .inside-contact .left { width: 50%; float: left; height: auto; padding: 80px; } .inside-about .container-fluid { width: 90%; } .inside-about .left h2 { font-family: EMprint-Semibold; font-size: 2rem; } .inside-about .left p { font-family: EMprint-Regular; font-size: 0.9rem; line-height: 2rem; } .inside-about .right .right-main .right-div .extra-cnt .extra-div { display: flex ; width: 100%; } .inside-about .right .right-main .right-div .extra-cnt .extra-div .cnt h4 { color: white; font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .inside-about .right .right-main .right-div .extra-cnt .extra-div:nth-child(2) h4{ color: #055a59; } .stats .container-fluid { width: 86%; } .stats .stats-main .stats-div h2 { font-family: EMprint-Semibold; font-weight: 900; font-size: 2.5rem; } .profile-section-1 .container-fluid { width: 95%; margin: auto; } .project-section-2 .container-fluid { width: 100%; } .project-section-2 .project-main .project-div img { border-radius: 130px 130px 130px 130px; box-shadow: 13px 0px 0px 0px #055a59; width: 250px; height: 250px; } .project-section-2 .project-main .project-div p { font-family: EMprint-Regular; font-size: 0.8rem; font-weight: 400; font-style: normal; line-height: 1.3rem; text-align: justify; color: #333333; padding: 30px; } .project-section-2 .project-main .project-div h6 { font-family: EMprint-Semibold; font-size: 0.8rem; } .project-section-3 .left-main .left-div h3 { font-family: EMprint-Semibold; font-size: 1.2rem; } .project-section-3 .left-main .left-div h6 { font-family: EMprint-Semibold; font-size: 0.8rem; } .project-section-3 .left-main .left-div p { font-family: EMprint-Regular; font-size: 0.8rem; } .organization-chart .box h2 { font-family: EMprint-Semibold; font-size: 1.5rem; } .organization-chart .box1 .box-main .box-div h3 { font-family: EMprint-Semibold; font-size: 0.8rem; } .organization-chart .box1 .box-main .box-div p { font-family: EMprint-Regular; font-size: 0.8rem; } .organization-chart .box2 .box-main2 .box-div2 h2 { font-family: EMprint-Semibold; font-size: 0.9rem; } .organization-chart .box1 .box-main .box-div{ height: 104px; } .organization-chart .box2 .box-main2 .box-div2{ height: 30px; } .organization-chart .box3{ margin-right: 192px; } .organization-chart .box4 h3 { text-align: center; margin-left: 775px; background-color: white; width: 20%; padding: 10px; } .growth .growth-main .growth-div:nth-child(2) h2 { margin-top: -65px; } .growth .growth-main .growth-div:nth-child(4) h2 { margin-top: -90px; } .growth h2{ margin-bottom: 110px; } .growth .growth-main .growth-div p { font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.4rem; } .growth .growth-main .growth-div h2{ color: #055a59; } .home-enquiry .right { float: right; width: 30%; background-color: #fff; padding: 15px 40px; height: 103px; margin-top: 100px; } .inside-services .left h2 { font-size: 2rem; } .inside-services .left p { font-size: 1rem; font-weight: 400; line-height: 1.4; } .inside-services .right img { width: 550px; height: 400px; border-radius: 20px 20px 25px 76px; } .safety .right h2 { font-size: 2rem; } .safety .right img { width: 448px; height: 287px; } .safety .left .left-main .left-div h2 { font-size: 1.5rem; padding-left: 0px; } .safety .left .left-main .left-div p { font-size: 0.9rem; font-weight: 400; line-height: 1.5; } .team .team-main .team-div h2 { font-size: 1rem; font-weight: 400; line-height: 1.2; font-family: EMprint-Semibold; } .team .team-main .team-div p { font-size: 0.8rem; } .sm-banner h2 { font-family: EMprint-Regular; font-size: 40px; color: #fff; line-height: 1; font-weight: 400; text-align: left; margin-bottom: 20px; } .inside-contact .container-fluid { width: 100%; } } @media(min-width:768px) and (max-width:1349.98px){ .sm-banner h2 { font-family: EMprint-Regular; font-size: 35px; } .sm-banner p { font-size: 14px; } .inside-about .container-fluid { width: 95%; } .inside-about .left h2 { font-family: EMprint-Semibold; font-size: 1.2rem; } .inside-about .left p { font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.5rem; } .inside-about .right .right-main .right-div img { width: 248px; height: 187px; } .inside-about .right .right-main .right-div .extra-cnt .extra-div { display: flex ; width: 95%; padding: 20px; } .inside-about .right .right-main .right-div .extra-cnt .extra-div .cnt h4 { color: white; font-family: EMprint-Semibold; font-size: 0.9rem; font-weight: 400; line-height: 1.6rem; } .inside-about .right .right-main .right-div .extra-cnt .extra-div:nth-child(2) h4{ color: #055a59; } .stats .container-fluid { width: 90%; } .stats .stats-main .stats-div h2 { font-family: EMprint-Semibold; font-weight: 900; font-size: 2rem; } .stats .stats-main .stats-div p { font-family: EMprint-Semibold; font-size: 0.8rem; } .profile-section-1 .container-fluid { width: 95%; margin: auto; } .profile-section-1 .col-lg-6 .profile-cnt { padding: 40px; } .profile-section-1 .col-lg-4 { position: relative; padding: 5px 0 0 155px; } .profile-section-1 .profile-img:after { position: absolute; background-color: #055a59; width: 350px; height: 350px; } .profile-section-1 .profile-img img { clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); /* background: red; */ width: 400px; height: 400px; } .profile-section-1 .col-lg-4::before { position: absolute; background-color: #2297d39c; width: 80px; height: 80px; content: ''; top: -47px; left: 356px; } .profile-section-1 .profile-img::before { position: absolute; background-color: #24a597; width: 80px; height: 80px; content: ''; bottom: 90px; left: -90px; } .profile-section-1 .col-lg-6 .profile-cnt p { font-family: EMprint-Regular; font-size: 0.9rem; line-height: 1.6rem; } .project-section-2 .container-fluid { width: 100%; } .project-section-2 .project-main .project-div img { border-radius: 130px 130px 130px 130px; box-shadow: 13px 0px 0px 0px #055a59; width: 200px; height: 200px; } .project-section-2 .project-main .project-div p { font-family: EMprint-Regular; font-size: 0.8rem; font-weight: 400; font-style: normal; line-height: 1.1rem; padding: 10px; } .profile-section-1 { margin: 10px 0; } .project-section-2 { margin: 10px 0; } .project-section-3 .container-fluid { width: 95%; } .project-section-3 .left-main .left-div h3 { font-family: EMprint-Semibold; font-size: 1rem; } .project-section-3 .left-main .left-div h6 { font-family: EMprint-Semibold; font-size: 0.8rem; } .project-section-3 .left-main .left-div p { font-family: EMprint-Regular; font-size: 0.8rem; } .inside-contact .container-fluid { width: 100%; } .inside-contact .left h2 { font-family: EMprint-Regular; font-size: 1.3rem; } .inside-contact .left .contact-div1 .contact-div .contact-cnt h3 { font-family: EMprint-Semibold; color: black; font-size: 1rem; } .inside-contact .left .contact-div1 .contact-div h4 { font-family: EMprint-Semibold; font-size: 1rem; } .inside-contact .left .contact-div1 .contact-div .contact-cnt p { font-family: EMprint-Regular; font-size: 0.8rem; } .inside-contact .left .contact-div1 .contact-div .contact-cnt a { font-family: EMprint-Regular; font-size: 0.8rem; } .inside-contact .right .right-div1 .right-main .right-div h3 { text-align: center; font-family: EMprint-Semibold; font-size: 0.8rem; font-weight: 600; } .inside-contact .right .right-div1 { background-image: url(../images/globe.png); background-repeat: no-repeat; background-position: center; height: 400px; padding: 10px; } .inside-contact .right .right-div1 img { margin-left: 25px; width: 500px; height: 450px; margin-top: -53px; } .organization-chart .box h2 { font-family: EMprint-Semibold; font-size: 1.3rem; } .organization-chart .box1 .box-main .box-div h3 { font-family: EMprint-Semibold; font-size: 0.7rem; } .organization-chart .box1 .box-main .box-div p { font-family: EMprint-Regular; font-size: 0.6rem; } .organization-chart .box1 .box-main .box-div{ height: 105px; } .organization-chart .box2 .box-main2 .box-div2 h2 { font-family: EMprint-Semibold; font-size: 0.7rem; } .organization-chart .box2 .box-main2 .box-div2 { height: 28px; } .organization-chart .box3 { position: relative; text-align: center; background-color: #055a59; width: 31%; margin: 0 auto 40px; padding: 0px; border-radius: 15px; position: relative; margin-top: 40px; margin-right: 160px; } .organization-chart .box3 h3 { font-family: EMprint-Semibold; font-size: 1rem; } .organization-chart .box3 p { font-family: EMprint-Regular; font-size: 0.8rem; } .organization-chart .box4 h3 { text-align: center; margin-left: 640px; background-color: white; width: 20%; padding: 10px; font-family: EMprint-Semibold; font-size: 1rem; border-radius: 20px; } .growth .growth-main .growth-div p { font-family: EMprint-Regular; font-size: 0.8rem; line-height: 1.3rem; } .growth .growth-main .growth-div h2 { font-family: EMprint-Semibold; font-size: 1.2rem; } .inside-enquiry .col-lg-5 { padding-top: 0px; margin-top: 30px; z-index: 1; } .inside-enquiry h2 { font-family: EMprint-Regular; font-size: 1rem; padding-bottom: 10px; line-height: 1.5; } .booking-section .inner-box{ width: 80%; } .default-form .form-group input[type='text'], .default-form .form-group input[type='email'], .default-form .form-group textarea { position: relative; display: block; width: 100%; height: 44px; border: 1px solid #e6e2e3; border-radius: 15px; font-size: 12px; color: #000000; padding: 10px; padding-right: 50px; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%); transition: all 500ms ease; font-family: EMprint-Semibold !important; } .booking-section .inner-box h2 { font-family: EMprint-Regular; font-size: 1rem; } .wide{ font-size: 12px; } .wide { position: relative; display: block; width: 100%; height: 44px; } .default-form .form-group .theme-btn { border: 1px solid #e6e2e3; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 8%); width: 80%; } .theme-btn { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; font-size: 18px; line-height: 26px; color: #ffffff; font-family: EMprint-Semibold !important; font-weight: 500; background: #055a59; text-align: center; padding: 5px 20px; } .default-form .form-group.message-btn { margin-bottom: 0px; width: 45%; }.default-form .form-group i { position: absolute; top: 12px; } .inside-services { margin: 0px 0; background-image: url(../images/bg-services.jpg); background-size: cover; background-repeat: no-repeat; padding: 30px 0; } .inside-services .container-fluid { width: 95%; } .inside-services .left h2 { font-size: 1.5rem; } .inside-services .left p { font-size: 0.8rem; font-weight: 400; line-height: 1.5; } .inside-services .right img { width: 450px; height: 350px; border-radius: 20px 20px 25px 76px; } .safety .container-fluid { width: 95%; } .safety .right h2 { font-size: 1.5rem; } .safety .left .left-main .left-div h2 { font-size: 1.5rem; padding-left: 0px; } .safety .left .left-main .left-div p { font-size: 0.8rem; font-weight: 400; line-height: 1.5; } .safety .right img { width: 448px; height: 287px; } .team .team-main .team-div h2 { font-size: 1.2rem; } .team .team-main .team-div p { font-size: 0.8rem; font-weight: 400; line-height: 1.5; } .team .team-main .team-div{ padding: 10px; } .team .team-main { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-top: 100px; } .team h2 { font-size: 2rem; } } @media(max-width:767px){ .sm-banner{ margin: 0px; } .sm-banner-div2 .sm-banner-info{ padding: 20px; } .sm-banner h2 { font-family: EMprint-Regular; font-size: 28px; } .sm-banner p { font-size: 15px; color: #fff; line-height: 1.5; font-family: EMprint-Semibold; margin-bottom: 30px; letter-spacing: -0.3px; width: 100%; } .inside-about{ width: 100% !important; height: auto; margin: 15px 0; } .inside-about .container-fluid{ width: 100% !important; height: auto; } .organization-chart .box h2 { font-family: EMprint-Semibold; font-size: 1.6rem; } .inside-about .left{ width: 100% !important; height: auto; } .inside-about .left h2 { font-family: EMprint-Semibold; font-size: 1.5rem; width: 100%; } .inside-about .left p{ line-height: 2rem; } .inside-about .right{ width: 100% !important; height: auto; padding: 0px; } .inside-about .right .right-main{ display: grid; } /* .inside-about .right .right-main .right-div img{ width: 100% !important; height: auto; } */ .inside-about .right .right-main .right-div img{ width: 100% !important; height: auto; } .inside-about .right .right-main .right-div .extra-cnt{ width: 100% !important; height: auto; padding: 20px; margin-left: 0px; } .organization-chart .box1 .box-main .box-div h3 { font-family: EMprint-Semibold; font-size: 1rem; font-weight: 600; text-decoration: none; text-align: center; color: #055a59; } .inside-about .right .right-main .right-div .extra-cnt .extra-div { display: flex ; width: 80%; padding: 20px; margin-left: 35px; } .inside-about .right .right-main .right-div .extra-cnt .extra-div .cnt h4 { color: white; font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; } .inside-about .right .right-main .right-div .extra-cnt .extra-div:nth-child(2) h4{ color: #055a59; } .stats{ width: 100% !important; height: auto; } .stats .container-fluid{ width: 100% !important; height: auto; } .stats .stats-main { display: grid ; grid-template-columns: 1fr 1fr; gap: 15px; padding: 10px; } .stats .stats-main .stats-div p { font-family: EMprint-Semibold; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 1.6rem; text-align: center; color: #333333; } .stats .stats-main .stats-div h2 { font-family: EMprint-Semibold; font-weight: 900; font-size: 3rem; } .profile-section-1{ margin: 30px 0 } .profile-section-1 h2{ font-size: 2rem; } .profile-section-1 .container-fluid{ width: 100% !important; } .profile-section-1 .col-lg-6{ width: 100% !important; height: auto; } .profile-section-1 .col-lg-6 .profile-cnt{ padding: 10px; margin-top: 0px; box-shadow:none; } .profile-section-1 .col-lg-6 .profile-cnt p { font-family: EMprint-Regular; font-size: 1rem; font-weight: 400; font-style: normal; line-height: 1.8rem; text-align: justify; color: #333333; } .profile-section-1 .col-lg-4{ width: 100% !important; height: auto; padding: 10px; margin: 20px 0; } .profile-section-1 .col-lg-4::before{ display: none; } .profile-section-1 .profile-img:after{ width: 100% !important; height: 400px; left: 0px; } .profile-section-1 .profile-img img{ width: 100% !important; height: auto; } .profile-section-1 .profile-img::before{ left: 3px; } .project-section-2{ width: 100% !important; margin: 10px 0; } .project-section-2 .container-fluid{ width: 100% !important; } .project-section-2 .project-main{ display: grid; grid-template-columns: 1fr; } .project-section-2 .project-main .project-div{ display: grid; } .project-section-2 .project-main .project-div p{ padding: 0px; } .project-section-3{ width: 100% !important; height: auto; } .project-section-3 .container-fluid{ width: 100% !important; height: auto; } .project-section-3 .left-main { display: grid; grid-template-columns: 1fr 1fr; } .project-section-3 .left-main .left-div h3 { font-family: EMprint-Semibold; font-size: 1.1rem; } .project-section-3 .left-main .left-div p { font-family: EMprint-Regular; font-size: 0.8rem; } .organization-chart{ margin: 30px 0; } .organization-chart .container-fluid{ width: 100% !important; height: auto; } .organization-chart h2 { font-family: EMprint-Semibold; font-size: 1.5rem; margin-bottom: 20px; } .organization-chart .box{ width: 75% !important; height: auto; } .organization-chart .box1{ width: 100% !important; height: auto; } .organization-chart .box1 .box-main{ width: 100% !important; height: auto; } .organization-chart .box1 .box-main { display: grid ; grid-template-columns: 1fr 1fr; gap:3px; } .organization-chart .box2 .box-main2{ display: grid; grid-template-columns: 1fr 1fr; } .organization-chart .box1 .box-main .box-div::before{ height: 5px; } .organization-chart .box2 { width: 100%; margin-top: 5px; } .organization-chart .box3 { position: relative; text-align: center; background-color: #055a59; width: 60%; } .organization-chart .box3 p { font-family: EMprint-Regular; font-size: 0.8rem; } .organization-chart .box2 .box-main2 .box-div2 h2 { font-family: EMprint-Semibold; font-size: 1.1rem; } .organization-chart .box2 .box-main2 .box-div2:nth-child(6)::before{ display: none; } .organization-chart .box2 .box-main2 .box-div2:nth-child(5)::before{ display: none; } .organization-chart .box4 h3 { text-align: center; margin-left: 0px; background-color: white; width: 60%; font-size: 1rem; } .growth{ margin: 30px 0; } .growth h2 { font-family: EMprint-Semibold; font-size: 1.5rem; margin-bottom: 5px; } .growth .growth-main { display: grid ; grid-template-columns: 1fr; } .growth .growth-main .growth-div{ width: 100% !important; height: auto; box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07); border-radius: 20px; } .growth .container-fluid { width: 100%; } .growth .growth-main .growth-div:nth-child(2) h2{ margin-top: 0px; } .growth .growth-main .growth-div:nth-child(4) h2{ margin-top: 0px; } .inside-client{ margin: 20px 0; } .inside-client .container-fluid{ width: 100% !important; height: auto; } .inside-client .client-grid { display: grid ; grid-template-columns: 1fr 1fr; } .inside-client .client-grid .client-div{ width: 100% !important; height: auto; } .inside-client .client-grid .client-div img{ width: 100% !important; height: auto; } .inside-contact{ margin: 0px 0; } .inside-contact .container-fluid{ width: 100% !important; height: auto; } .inside-contact .left{ width: 100% !important; height: auto; padding: 10px; } .inside-contact .left h2{ font-size: 2rem; } .inside-contact .left .contact-div1 { display: grid; grid-template-columns: 1fr; } .inside-contact .right{ width: 100% !important; height: auto; padding: 5px; } .inside-contact .right .right-div1 img{ width: 100% !important; display: none; margin-left: 0px; } .inside-contact .right .right-div1 .right-main .right-div img{ width: 40px !important; height: 40px; display: block; } .inside-contact .right .right-div1 .right-main .right-div h3 { text-align: left; font-family: EMprint-Semibold; font-size: 0.8rem; font-weight: 600; } .map{ width: 100% !important; height: auto; } .map iframe{ width: 100% !important; height: auto; } .inside-contact .right .right-div1{ height: auto; } .inside-contact .right .right-div1 .right-main{ margin-top: 105px; } .inside-enquiry{ width: 100% !important; height: auto; margin: 0px 0; } .inside-enquiry .col-lg-5{ margin-top: 0px; padding: 10px; } .inside-enquiry h2 { font-family: EMprint-Regular; font-size: 1.5rem; padding-bottom: 10px; } .booking-section{ padding: 10px; } .booking-section .inner-box{ width: 100% !important; height: auto; } .booking-section .inner-box h2{ font-size: 1.5rem; } .default-form .form-group.message-btn { margin-bottom: 0px; width: 65%; } .video{ margin: 30px 0; } .video .container-fluid{ width: 100% !important; height: auto; } .video video{ width: 100% !important; height: auto; } .growth .growth-main .growth-div p { font-family: EMprint-Regular; font-size: 0.9rem; } .profile-section-1 .col-lg-6 .profile-cnt h6{ text-align: center; } .profile-section-1 .col-lg-6 .profile-cnt h2{ text-align: center; } .our-certification{ width: 100% !important; height: auto; margin: 20px 0; } .our-certification .container-fluid{ width: 100% !important; } .our-certification h2 { font-family: EMprint-Semibold; font-size: 1.3rem; color: black; line-height: 1.3; font-weight: 400; text-align: left; margin-bottom: 40px; border-bottom: 1px solid #055a59; width: 100%; padding: 10px; text-transform: capitalize; } .our-certification .left-main { display: grid; grid-template-columns: 1fr; gap: 10px; } .our-certification .left-main .left-div{ width: 100% !important; height: auto; } .our-certification .left-main .left-div img{ width: 100% !important; height: auto; } .sm-banner{margin: 0; margin-top: 75px;} .sm-banner h2{font-size: 22px;margin-bottom: 5px;line-height: 1.2;} .sm-banner-info{padding: 20px;} .sm-banner p{width: 100%;font-size: 13px;padding-left: 10px;margin-bottom: 0;} } @media(min-width:1351px) and (max-width:1600px){ .our-certification .container-fluid{ width: 100% !important; } .our-certification h2 { font-family: EMprint-Semibold; font-size: 1.5rem; } .our-certification .left-main .left-div { width: 100%; border: none; } .our-certification .left-main .left-div img { width: 480px; height: 701px; border: 1px solid black; } .profile-section-1 .col-lg-4 { position: relative; padding: 0 0 0 150px; } } @media(min-width:768px) and (max-width:1349.98px){ .home-enquiry .right { float: right; width: 25%; background-color: #fff; padding: 17px 35px; height: 84px; margin-top: 100px; } .profile-section-1 .profile-img { position: relative; height: 400px; } .home-enquiry .container-fluid { width: 100%; } .home-enquiry .left img { margin-left: 10px; } .home-enquiry .right .extra img { width: 60px; height: 60px; } .our-certification .container-fluid { width: 100%; } .our-certification h2 { font-family: EMprint-Semibold; font-size: 1rem; } .our-certification .left-main .left-div img { width: 410px; height: 701px; } .booking-section .inner-box { position: relative; display: block; background: #ffffff4d; border-radius: 15px; padding: 35px 35px 35px 35px; background-color: #0e3234; border-top-right-radius: 204px; border-top-left-radius: 204px; border: 2px solid #5cdec5d4; width: 80%; } } @media(max-width:767px){ .inside-services{ width: 100% !important; height: auto; padding: 20px 0; } .inside-services .container-fluid{ width: 100% !important; height: auto; } .inside-services .left{ width: 100% !important; height: auto; } .inside-services .right{ width: 100% !important; height: auto; } .inside-services .right img{ width: 100% !important; height: 350px; } .inside-services .left h2{ font-size: 1.5rem; margin: 10px; } .safety{ width: 100% !important; height: auto; } .safety .container-fluid { width: 100%; } .safety .left{ width: 100% !important; height: auto; } .safety .right{ width: 100% !important; height: auto; margin-left: 0px; } .safety .right img{ width: 100% !important; height: auto; } .team{ width: 100% !important; height: auto; } .team .container-fluid { width: 100%; } .team .team-main { display: grid; grid-template-columns: 1fr; gap: 15px; margin-top: 30px; } .team h2 { font-size: 1.5rem; } .team .team-main .team-div h2 { font-size: 1.5rem; } .safety .right h2{ padding-left: 0px; font-size: 1.5rem; } /* .inside-about .right .right-main .right-div .extra-cnt .extra-div img{ width: auto; height: auto; } */ .inside-about .right .right-main .right-div .extra-cnt .extra-div img{ width: 60px; height: 60px; } .profile-section-1 .profile-img{ height: 300px; } .organization-chart .box2 .box-main2 .box-div2:nth-child(8)::before{ display: none; } .organization-chart .box2 .box-main2 .box-div2:nth-child(7)::before{ display: none; } } .coming{ padding: 100px; height: 600px; } .coming h2{ text-align: center; font-size: 3rem; font-family: EMprint-Semibold; } @media(max-width:767px){ .coming{ width: 100% !important; height: auto; } .coming h2 { text-align: center; font-size: 1.5rem; font-family: EMprint-Semibold; } } .industry h6{ width: 5%; color: #906e49; padding: 7px 0px 5px; font-size: 1rem; font-weight: 400; line-height: 1.6rem; font-family: EMprint-Semibold; font-style: normal; letter-spacing: 1px; margin: 0 auto; text-decoration: none; text-transform: uppercase; text-align: center; border-top: 2px solid #906e49bd; } .industry h4{ text-align: center; color: #000000; font-size: 2.1rem; font-weight: 600; line-height: 3.5rem; font-family: EMprint-Semibold; margin-bottom: 35px; } .industry{ width: 100%; height: auto; padding: 70px 0; margin: 0; position: relative; background-color: #0226680f; } .industry .industry-main1 a { text-decoration: none; } .industry .industry-main1 .button { width: 10%; height: auto; padding: 6px 15px; background: #022668; text-align: center; text-decoration: none; color: #ffffff; border-radius: 22px; font-family: EMprint-Semibold; font-size: 0.8rem; line-height: 1.5rem; margin-left: 0; text-transform: uppercase; } .industry .industry-main1{ width: 100%; height: auto; float: right; padding: 0 200px; margin: 0; position: relative; } /* .industry h2{ font-size: 2rem; line-height: 2.75rem; color: #ffffff; font-family: EMprint-Semibold; font-weight: 400; font-style: normal; margin: 0 0 10px; text-align: left; padding: 0; text-transform: uppercase; } .industry p{ font-size: 1rem; line-height: 1.5rem; color: #ffffff; font-family: EMprint-Regular; font-weight: 400; font-style: normal; margin: 0px auto 0px; text-align: left; padding: 0; } */ .industry .industry-main{ width: 100%; height: auto; padding: 0; margin: 30px 0 0; position: relative; } .industry .industry-main ul{ position: relative; padding: 0; margin: 0; list-style: none; } .industry .industry-main ul li{ padding: 0; margin: 0; } .industry .seltext { width: 98%; height: auto; padding-bottom: 0px !important; position: relative; border-radius: 10px; overflow: hidden; background-color: #ffffff; height: 500px; width: 410px; } .industry .seltext img{ border-radius: 10px; border-radius: 10px; width: auto; height: auto; max-width: 100%; min-height: 100%; } .industry .industry-cnt{ width: 100%; height: auto; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgb(0 0 0 / 0%) 0px, #000000 100%) repeat scroll 0 0; padding: 15px; } .industry .seltext h3{ font-size: 1rem; font-family: EMprint-Regular; letter-spacing: 0; line-height: 1.5rem; font-weight: 300; text-align: left; color: #ffffff; margin-bottom: 15px; position: relative; text-transform: uppercase; padding: 0 0 0 10px; border-left: 4px solid #c5a27c; } .industry .owl-theme .owl-controls{ display: block !important; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-prev i{ display: none; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-prev{ width: 70px; height: 60px; padding: 30px 0; position: relative; display: block !important; position: absolute; background-image: url(..//images/left-arrow.png); background-position: left; background-repeat: no-repeat; background-size: cover; border-radius: 0; display: block !important; top: 215px; left: -150px; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-prev::before{ /* position: absolute; background-image: url(..//images/left-arrow.png); background-position: left; background-repeat: no-repeat; background-size: cover; content: ''; display: block !important; */ } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-next i{ display: none; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-next{ width: 70px; height: 60px; padding: 30px 0; position: relative; display: block !important; position: absolute; background-image: url(..//images/right-arrow.png); background-position: left; background-repeat: no-repeat; background-size: cover; border-radius: 0; display: block !important; top: 215px; right: -130px; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-next::before{ /* position: absolute; background-image: url(..//images/left-arrow.png); background-position: left; background-repeat: no-repeat; background-size: cover; content: ''; display: block !important; */ } .industry .industry-btn{ margin: 0 0 0px 20px; text-decoration: none; text-align: center; position: relative; padding: 0px; display: flex; align-items: center; justify-content: center; gap: 4px; border-bottom: 1px solid #ffffff52; } .industry .industry-btn span{ color: #ffffff; font-size: 0.8rem; font-weight: 400; line-height: 1.35rem; font-family: EMprint-Regular; font-style: normal; letter-spacing: 0px; margin: 0 0 0px; text-decoration: none; text-align: left; text-transform: uppercase; position: relative; padding: 0px 0px 0px; } .industry .seltext:hover .industry-btn{ border-color: #ffffff; } .industry .owl-theme .owl-controls.clickable .owl-buttons div{ background: transparent; } /* 125% */ @media(min-width:1351px) and (max-width:1600px){ .industry .seltext { width: 310px; height : 380px; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-prev { width: 70px; height: 60px; padding: 30px 0; top: 130px; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-next{ width: 70px; height: 60px; padding: 30px 0; top: 130px; } .industry { padding: 40px 0 70px; } .industry h4{ font-size: 1.7rem; line-height: 3.5rem; margin-bottom: 0; } } /* 150% */ @media(min-width:768px) and (max-width:1349.98px){ header .header-menu .navbar-expand-lg .navbar-nav { gap: 10px; } header .header-menu .navbar-nav .nav-link { padding: 10px 5px; font-size: .7rem; } .industry .seltext { height: 320px; width: 270px; } .industry .industry-main1 { padding: 0 140px 30px; } .industry h4 { font-size: 1.4rem; line-height: 2rem; margin-bottom: 0px; } .industry { padding: 30px 0; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-prev { width: 50px !important; height: 0 !important; padding: 20px 0 !important; top: 115px !important; left: -100px !important; } .industry .owl-theme .owl-controls.clickable .owl-buttons .owl-next{ width: 50px !important; height: 0 !important; padding: 20px 0 !important; top: 115px !important; right: -100px !important; } } /* mobile */ @media (max-width: 767px) { .industry { width: 100%; height: auto; padding: 15px 0 110px; } .industry h6{ width: 18%; font-size: 0.75rem; line-height: 1.2rem; padding: 5px 0; } .industry h4{ font-size: 1.3rem; line-height: 1.5rem; margin-bottom: 5px; } .industry .industry-main1 { width: 100%; height: auto; float: right; padding: 0; } .industry .seltext { height: 280px; width: 280px; margin: auto; } .industry .owl-theme .owl-controls{ display: block !important; } .industry .owl-theme .owl-controls .owl-buttons .owl-prev i{ display: none; } .industry .owl-theme .owl-controls .owl-buttons .owl-prev{ width: 50px !important; height: 50px !important; padding: 15px 0 !important; background: transparent !important; position: relative !important; display: block !important; position: absolute !important; background-image: url(..//images/left-arrow.png) !important; border: none !important; background-position: left !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 0 !important; display: block !important; top: 280px !important; left: 90px !important; } .industry .owl-theme .owl-controls .owl-buttons .owl-next i{ display: none; } .industry .owl-theme .owl-controls .owl-buttons .owl-next{ width: 50px !important; height: 50px !important; padding: 15px 0 !important; position: relative !important; display: block !important; position: absolute !important; background: transparent !important; border: none !important; background-image: url(..//images/right-arrow.png) !important; background-position: left !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 0 !important; display: block !important; top: 280px !important; right: 90px !important; } }