/*==================================== google font ====================================*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); * { margin: 0px; padding: 0px; text-decoration: none; list-style: none; } html, body { overflow-x: hidden; } a { text-decoration: none; } /* ====================================================== Custom Container ====================================================== */ .custom-right-container { padding-right: 15px !important; margin-right: auto; max-width: calc(1320px + (50% - 1320px / 2)); } @media (max-width: 1200px) { .custom-right-container { max-width: calc(960px + (50% - 960px / 2)); } } @media (max-width: 992px) { .custom-right-container { max-width: calc(720px + (50% - 720px / 2)); } } @media (max-width: 767px) { .custom-right-container { max-width: 540px; margin: 0 auto; } .fillter_contain { max-width: 100% !important; border-radius: 24px; padding: 30px; } } @media (max-width: 576px) { .custom-right-container { width: 100%; padding: 0px 12px; } } /*==================================== 'container' tag css ====================================*/ .container { padding: 0px 12px; } @media (min-width: 1600px) { .container { max-width: 1320px; } } /*==================================== row css ====================================*/ .row { margin-left: -7.5px; margin-right: -7.5px; } .row>* { padding-left: 7.5px; padding-right: 7.5px; } .row-mtm { margin-top: -30px; } .row-mtm>* { margin-top: 30px; } @media (min-width: 576px) { .row { margin-left: -15px; margin-right: -15px; } .row>* { padding-left: 15px; padding-right: 15px; } } /*==================================== section padding css ====================================*/ .section-ptb { padding-top: 60px; padding-bottom: 60px; } .section-pt { padding-top: 60px; } .section-pb { padding-bottom: 60px; } @media (min-width: 576px) { .section-ptb { padding-top: 80px; padding-bottom: 80px; } .section-pt { padding-top: 80px; } .section-pb { padding-bottom: 80px; } } @media (min-width: 1200px) { .section-ptb { padding-top: 20px; padding-bottom: 100px; } .section-pt { padding-top: 100px; } .section-pb { padding-bottom: 100px; } } /* Swiper Navigation */ .swiper-navigation { position: absolute; width: 108%; height: 100%; top: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; } .swiper-navigation .swiper-button-prev, .swiper-navigation .swiper-button-next { width: 40px; height: 40px; background: url('/storage/icons/hexa-bg-outline.svg') no-repeat; background-size: 38px; background-position: center; color: #0092c7; z-index: 1; padding: 2px; font-weight: 700; position: unset; opacity: 1 !important; } .swiper-navigation .swiper-button-prev.swiper-button-disabled, .swiper-navigation .swiper-button-next.swiper-button-disabled { width: 32px; height: 32px; background: #0092c7 !important; color: white; opacity: 1 !important; -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%); clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%); } .swiper-navigation .swiper-button-next::after, .swiper-navigation .swiper-button-prev::after { font-size: 15px; } .swiper-navigation .swiper-button-prev.swiper-button-disabled::after, .swiper-navigation .swiper-button-next.swiper-button-disabled::after { font-size: 12px; } @media (max-width: 992px) { .swiper-navigation { width: 110%; } } @media (max-width: 767px) { .swiper-navigation { width: 115%; } } @media (max-width: 600px) { .swiper-navigation { width: 104%; } } @media (max-width: 576px) { .swiper-navigation .swiper-button-prev, .swiper-navigation .swiper-button-next { width: 35px; height: 35px; background-size: 32px !important; } } /* top-bar css */ .top-bar { background: #0F1E4C; background: linear-gradient(148deg, rgba(15,30,76,1) 0%, rgba(30,30,30,1) 100%); } .top-bar .top-bar-element { padding: 6px 6px; } .top-bar a.icon-box { text-decoration: none; } .top-bar a.icon-box span { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .top-bar .top-bar-element a span { padding-left: 12px; color: #fff; } /* top-bar-swipe css */ .top-bar .top-bar-swipe:hover .top-bar-slide, .top-bar .top-bar-swipe:focus-within .top-bar-slide { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .top-bar .top-bar-swipe .top-bar-slide1 { -webkit-animation: slide1 50s linear infinite; animation: slide1 50s linear infinite; -webkit-animation-delay: -50s; animation-delay: -50s; } .top-bar .top-bar-swipe .top-bar-slide2 { -webkit-animation: slide2 50s linear infinite; animation: slide2 50s linear infinite; -webkit-animation-delay: -25s; animation-delay: -25s; } @-webkit-keyframes slide1 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes slide1 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @-webkit-keyframes slide2 { 0% { transform: translateX(0%); } 100% { transform: translateX(-200%); } } @keyframes slide2 { 0% { transform: translateX(0%); } 100% { transform: translateX(-200%); } } @-webkit-keyframes slide3 { 0% { transform: translateX(0%); } 100% { transform: translateX(-300%); } } @keyframes slide3 { 0% { transform: translateX(0%); } 100% { transform: translateX(-300%); } } .top-bar .top-bar-swipe .top-bar-slide .top-bar-element { margin: 0px 15px 0px 0px; } /* main-header css */ .fixed-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 11; filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.12)); } .navbar { --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,') } .navbar-toggler { border: none; box-shadow: none !important; } .navbar-toggler[aria-expanded="true"] { --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,'); } .navbar-toggler-icon { background-size: 20px; } .navbar-brand { max-width: 250px; } .navbar-nav .nav-item { display: flex; align-items: center; } .navbar-nav .nav-item .nav-link { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; color: #0F1E4C; padding: 10px 25px; position: relative; transition: 0.3s all ease; } .navbar-nav .nav-item .nav-link:hover { color: #B0C600; } .navbar-nav .nav-item .nav-link.active { font-weight: 600; } .main-header .header-top-area { background-color: #fff; padding: 12px 0px; border-top: 8px solid #BDD800; } .main-header .header-top-area .header-button a { color: #FFF; padding: 10px 20px; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; clip-path: polygon(99.63% 24.319%, 99.63% 24.319%, 99.756% 20.604%, 99.698% 16.996%, 99.472% 13.56%, 99.092% 10.365%, 98.572% 7.478%, 97.926% 4.965%, 97.17% 2.893%, 96.317% 1.331%, 95.382% 0.344%, 94.38% 0%, 5.376% 0%, 5.376% 0%, 4.504% 0.262%, 3.677% 1.02%, 2.906% 2.232%, 2.201% 3.859%, 1.575% 5.858%, 1.037% 8.188%, 0.6% 10.809%, 0.274% 13.678%, 0.07% 16.756%, 0% 20%, 0% 80%, 0% 80%, 0.07% 83.244%, 0.274% 86.322%, 0.6% 89.191%, 1.037% 91.812%, 1.575% 94.142%, 2.201% 96.141%, 2.906% 97.768%, 3.677% 98.98%, 4.504% 99.738%, 5.376% 100%, 90.812% 100%, 90.812% 100%, 91.558% 99.808%, 92.274% 99.249%, 92.956% 98.344%, 93.593% 97.118%, 94.179% 95.595%, 94.705% 93.796%, 95.164% 91.746%, 95.549% 89.467%, 95.851% 86.984%, 96.062% 84.319%, 99.63% 24.319%); background-color: #0F1E4C; border: none; } .dropdown-toggle::after { background: url('data:image/svg+xml,') no-repeat; background-size: 10px; background-position: center; width: 14px; height: 14px; border: none; vertical-align: middle; transform: rotate(90deg); } .dropdown-toggle::after { display: none; } .dropdown:hover>.dropdown-menu, .dropdown-menu.show { display: block; min-width: 275px; background: linear-gradient(148deg, rgba(15,30,76,1) 0%, rgba(30,30,30,1) 100%); border-radius: 0px 20px 20px 0px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-item.active, .dropdown-item:active { background-color: #BDD800 !important; color: #000; } .dropdown-item.hover, .dropdown-item:hover { background-color: #BDD800 !important; color: #000; } .dropdown-menu li { position: relative; } .dropdown-menu .dropdown-submenu { display: none; position: absolute; left: 100%; top: -7px; } .dropdown-menu .dropdown-submenu-left { right: 100%; left: auto; } .dropdown-menu>li:hover>.dropdown-submenu { display: block; } .dropdown-item { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; color: #ffffff; padding: 10px 15px; position: relative; transition: 0.3s all ease; gap: 10px; } @media(max-width:992px) { .main-header .header-top-area .header-button a { padding: 10px 15px; font-size: 14px; } .dropdown-menu .dropdown-submenu { left: 0px; top: 31px; width: 80%; right: 0; margin: 0 auto; } } .main-header .header-top-area .header-button a:hover { color: #0F1E4C; background-color: #BDD800; -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; } @media (max-width: 480px) { .navbar-brand { max-width: 150px; } } @media(min-width: 992px) { .main-header .header-top-area .header-button a { color: #FFF; padding: 10px 20px; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; clip-path: polygon(99.63% 24.319%, 99.63% 24.319%, 99.756% 20.604%, 99.698% 16.996%, 99.472% 13.56%, 99.092% 10.365%, 98.572% 7.478%, 97.926% 4.965%, 97.17% 2.893%, 96.317% 1.331%, 95.382% 0.344%, 94.38% 0%, 5.376% 0%, 5.376% 0%, 4.504% 0.262%, 3.677% 1.02%, 2.906% 2.232%, 2.201% 3.859%, 1.575% 5.858%, 1.037% 8.188%, 0.6% 10.809%, 0.274% 13.678%, 0.07% 16.756%, 0% 20%, 0% 80%, 0% 80%, 0.07% 83.244%, 0.274% 86.322%, 0.6% 89.191%, 1.037% 91.812%, 1.575% 94.142%, 2.201% 96.141%, 2.906% 97.768%, 3.677% 98.98%, 4.504% 99.738%, 5.376% 100%, 90.812% 100%, 90.812% 100%, 91.558% 99.808%, 92.274% 99.249%, 92.956% 98.344%, 93.593% 97.118%, 94.179% 95.595%, 94.705% 93.796%, 95.164% 91.746%, 95.549% 89.467%, 95.851% 86.984%, 96.062% 84.319%, 99.63% 24.319%); background-color: #0F1E4C; border: none; } .main-header .header-top-area .header-button a:hover { color: #0F1E4C; background-color: #BDD800; -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; } } /*==================================== smoothScroll keyframes css ====================================*/ .smoothScroll { -webkit-animation: smoothScroll 1s forwards; animation: smoothScroll 1s forwards; } @-webkit-keyframes smoothScroll { 0% { webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes smoothScroll { 0% { webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /************************************* details css start *************************************/ .details-content { width: 100%; background: url('/storage/phygital-home-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-color: #181818; opacity: 1; border-top: 5px solid #B0C600; border-bottom: 5px solid #B0C600; padding: 100px; } .details-content .details-wrapper .details-text-content p.details-text { color: #FFF; text-align: center; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } @media(min-width: 768px) { .details-content .details-wrapper .details-text-content p.details-text { font-size: 16px; } } .details-form { margin-top: 30px; } @media(min-width: 768px) { .details-form { margin-top: 40px; } } .details-form form .details-wrap input { color: #242424; font-size: 14px; padding: 10px 30px; font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 400; line-height: 30px; border: none; border-radius: 10px; } @media(min-width: 768px) { .details-form form .details-wrap input { font-size: 16px; } } .details-form form .details-wrap input:focus { outline: none; } .details-form form .details-wrap .field-col1 { margin-top: 10px; text-align: center; } @media (min-width: 768px) { .details-form form .details-wrap .field-col1 { margin-top: 0px; padding: 0px; } .details-form form .details-wrap { display: flex; align-items: center; justify-content: center; } .details-form form .details-wrap .row.field-row { display: flex; flex-flow: row; justify-content: center; } .details-form form .details-wrap .row.field-row .field-col { padding: 0px; width: 100%; } } .details-form form .details-wrap button { color: #171717; padding: 13px 30px; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; clip-path: polygon(99.767% 23.922%, 99.767% 23.922%, 99.884% 20.245%, 99.803% 16.682%, 99.54% 13.297%, 99.112% 10.155%, 98.533% 7.32%, 97.819% 4.856%, 96.986% 2.828%, 96.05% 1.3%, 95.026% 0.336%, 93.93% 0%, 5.952% 0%, 5.952% 0%, 4.987% 0.262%, 4.071% 1.02%, 3.217% 2.232%, 2.437% 3.859%, 1.743% 5.858%, 1.148% 8.188%, 0.664% 10.809%, 0.303% 13.678%, 0.078% 16.756%, 0% 20%, 0% 80%, 0% 80%, 0.078% 83.244%, 0.303% 86.322%, 0.664% 89.191%, 1.148% 91.812%, 1.743% 94.142%, 2.437% 96.141%, 3.217% 97.768%, 4.071% 98.98%, 4.987% 99.738%, 5.952% 100%, 90.358% 100%, 90.358% 100%, 91.196% 99.802%, 92.002% 99.225%, 92.765% 98.294%, 93.478% 97.033%, 94.132% 95.467%, 94.717% 93.62%, 95.225% 91.518%, 95.647% 89.184%, 95.973% 86.644%, 96.195% 83.922%, 99.767% 23.922%); background-color: #B0C600; border: none; border-radius: 10px; } .details-form form .details-wrap button:hover { color: #171717; background-color: #fff; -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; } @media(min-width: 768px) { .details-form form .details-wrap button { font-size: 16px; } } .details-content .details-wrapper .details-text-content1 p.details-text1 { color: #FFF; text-align: center; margin-top: 30px; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } @media(min-width: 768px) { .details-content .details-wrapper .details-text-content1 p.details-text1 { font-size: 16px; margin-top: 40px; } } /************************************* details css end *************************************/ /************************************* project css start *************************************/ .project-category .project-wrapper .project-text { order: 1; text-align: center; } @media (min-width: 992px) { .project-category .project-wrapper .project-text { order: 0; padding-top: 35px; text-align: start; } } .project-category .project-wrapper .project-wrap { order: 0; } @media (min-width: 992px) { .project-category .project-wrapper .project-wrap { order: 1; } } .project-category .project-wrapper .project-texts { order: 2; text-align: center; } .project-category .project-wrapper .project-texts { margin-top: -16px; } @media (min-width: 992px) { .project-category .project-wrapper .project-texts { order: 2; text-align: start; } } .project-category .project-title h2.project-heading { text-align: center; } @media(min-width: 992px) { .project-category .project-title h2.project-heading { text-align: start; } } .project-category .project-title h2.project-heading span { color: #B0C600; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 1.6px; border-bottom: 4px solid #B0C600; } @media(min-width: 768px) { .project-category .project-title h2.project-heading span { font-size: 16px; } } .project-text p { color: #333; font-family: 'Poppins', sans-serif; padding-top: 12px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } @media(min-width: 768px) { .project-text p { font-size: 16px; padding-top: 0px; } } .project-wrap .project-subtitle h1.sub-heading { color: #333; padding-top: 12px; font-family: 'Poppins', sans-serif; font-size: 34px; text-align: center; font-style: normal; font-weight: 400; line-height: 33px; } @media (min-width: 768px) { .project-wrap .project-subtitle h1.sub-heading { font-size: 40px; line-height: 43px; } } @media(min-width: 992px) { .project-wrap .project-subtitle h1.sub-heading { text-align: left; } } @media (min-width: 1200px) { .project-wrap .project-subtitle h2.sub-heading { font-size: 50px; line-height: 53px; } } .project-wrap .project-subtitle h2.sub-heading span { color: #333; font-family: 'Poppins', sans-serif; font-size: 50px; font-style: normal; font-weight: 700; line-height: 33px; } @media (min-width: 768px) { .project-wrap .project-subtitle h1.sub-heading span { font-size: 40px; line-height: 43px; } } @media (min-width: 1200px) { .project-wrap .project-subtitle h1.sub-heading span { font-size: 50px; line-height: 53px; } } .project-texts p { color: #333; margin-top: 6px; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.5; } @media(min-width: 768px) { .project-texts p { font-size: 16px; margin-top: 10px; } } .project-image-contact .project-product { display: flex; align-items: center; justify-content: center; } .project-image-contact .project-product .single-product-wrap { background-color: white; } .project-image-contact .project-product .single-product-wrap .product-image a img.img1 { border-radius: 10px 10px 0px 0px; } .project-image-contact .project-product .single-product-wrap .product-wrap { padding: 15px 20px; } @media(min-width: 992px) { .project-image-contact .project-product .single-product-wrap { width: 100%; background-color: white; box-shadow: 0px 0px 10px #D0D0D0; border: 1px solid #D0D0D0; border-radius: 10px; } .project-image-contact .project-product .single-product-wrap .product-image a { width: 100%; } .project-image-contact .project-product .single-product-wrap .product-image a img { width: 100%; } .project-image-contact .project-product .single-product-wrap .product-wrap { padding: 12px 25px; } } @media (min-width: 1200px) { .project-image-contact .project-product .single-product-wrap .product-wrap { padding: 15px 25px; } } .project-image-contact .project-product .single-product-wrap .product-wrap h2 { color: #222; font-family: 'Poppins', sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } @media(min-width: 768px) { .project-image-contact .project-product .single-product-wrap .product-wrap h2 { font-size: 20px; } } .project-image-contact .project-product .single-product-wrap .product-wrap button, .project-image-contact .project-product .single-product-wrap .product-wrap a { color: #333; background-color: gray; padding: 5px 10px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 0px; text-align: center; transition: all 0.3s; opacity: 0.6; text-decoration: none; clip-path: polygon(99.038% 3.125%, 0.962% 3.125%, 0.962% 96.875%, 93.269% 96.875%, 99.038% 3.125%); } .project-image-contact .project-product .single-product-wrap .product-wrap a { border: 1px solid #dee2e6; display: inline-flex; } .project-image-contact .project-product .single-product-wrap .product-wrap button:hover, .project-image-contact .project-product .single-product-wrap .product-wrap a:hover { color: #FFF; -webkit-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } .project-image-contact .project-product .single-product-wrap .product-wrap button span, .project-image-contact .project-product .single-product-wrap .product-wrap a span { z-index: 1; font-size: 12px; } .project-image-contact .project-product .single-product-wrap .product-wrap button::before, .project-image-contact .project-product .single-product-wrap .product-wrap a::before { content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background-color: #fff; transition: all 0.3s; clip-path: polygon(99.038% 3.125%, 0.962% 3.125%, 0.962% 96.875%, 93.269% 96.875%, 99.038% 3.125%); } .project-image-contact .project-product .single-product-wrap .product-wrap button:hover::before, .project-image-contact .project-product .single-product-wrap .product-wrap a:hover::before { background-color: #3F3F3F; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; } @media(min-width: 1200px) { .project-image-contact .project-product .single-product-wrap .product-wrap button, .project-image-contact .project-product .single-product-wrap .product-wrap a { padding: 5px 20px; } } /************************************* project css end *************************************/ /************************************* back-plan css start *************************************/ .back-plan { width: 100%; height: 60px; background-color: #F1F1F1; border-bottom: 1px solid #D6D6D6; } @media(min-width: 576px) { .back-plan { width: 100%; height: 80px; } } @media(min-width: 1200px) { .back-plan { width: 100%; height: 100px; } } .verticals { /* margin-top: 60px; width: 65%; margin-left: 18%; margin-bottom: 30px; */ } .verticals a { font-size: 18px; font-family: 'Poppins', sans-serif; margin-right: 20px; } .verticals i { margin-right: 8px; } /************************************* back-plan css end *************************************/ /************************************* back-plan1 css start *************************************/ .back-plan1 { width: 100%; height: 60px; background-color: #F1F1F1; border-bottom: 1px solid #D6D6D6; } @media (max-width: 576px) { .verticals a { font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 800; margin-right: 20px; min-height: 20px; } .verticals { margin-top: 20px; margin-left: 20%; margin-bottom: 30px; } } @media(min-width: 576px) { .back-plan1 { width: 100%; height: 80px; } } @media(min-width: 1200px) { .back-plan1 { width: 100%; height: 100px; } } /************************************* back-plan css end *************************************/ /************************************* portfolio css start *************************************/ .portfolio-category .swiper-navigation { position: relative; max-width: 100px; height: 80px; } div#portfoilo-grid { padding-bottom: 50px; } div#portfoilo-grid .clip_path_class { top: 40px; } .portfolio-content.Approach_Statement_section_03::before { content: ""; top: auto; bottom: 290px; right: -15px; left: auto; width: 100%; height: 151px; position: absolute; background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0.00) 100%); background-repeat: no-repeat; } @media(min-width: 992px) { .portfolio-content { position: relative; } .portfolio-content::before { content: ""; top: auto; bottom: 290px; right: -15px; left: auto; width: 50%; height: 151px; position: absolute; background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0.00) 100%); background-repeat: no-repeat; } .sec-verticals.portfolio-content::before { background: none; } } .portfolio-content .portfolio-category { position: relative; } .portfolio-content .portfolio-category::before { content: ""; top: auto; bottom: -60px; right: 0; left: 0; width: 100%; height: 150px; position: absolute; background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0.00) 100%); background-repeat: no-repeat; } .portfolio-category .portfolio-title { text-align: center; } @media(min-width: 992px) { .portfolio-category .portfolio-title { text-align: start; } } /* portfolio-heading css */ .portfolio-category .portfolio-title h2.portfolio-heading span { color: #B0C600; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 1.6px; border-bottom: 4px solid #B0C600; text-transform: uppercase; } @media(min-width: 768px) { .portfolio-category .portfolio-title h2.portfolio-heading span { font-size: 16px; } } /* portfolio-sub-heading css */ .portfolio-category .portfolio-title h1.portfolio-sub-heading { color: #333; padding-top: 12px; font-family: 'Poppins', sans-serif; font-size: 34px; font-style: normal; font-weight: 400; line-height: 38px; } @media (min-width: 768px) { .portfolio-category .portfolio-title h1.portfolio-sub-heading { font-size: 40px; line-height: 43px; } } @media (min-width: 1200px) { .portfolio-category .portfolio-title h2.portfolio-sub-heading { font-size: 50px; line-height: 53px; text-align: left; } } .portfolio-category .portfolio-title h2.portfolio-sub-heading span { color: #333; font-family: 'Poppins', sans-serif; font-size: 50px; font-style: normal; font-weight: 700; line-height: 33px; } @media (min-width: 768px) { .portfolio-category .portfolio-title h1.portfolio-sub-heading span { font-size: 40px; line-height: 43px; } } @media (min-width: 1200px) { .portfolio-category .portfolio-title h1.portfolio-sub-heading span { font-size: 50px; line-height: 53px; } } /* portfolio-text css */ .portfolio-category p { color: #333; margin-top: 15px; text-align: left; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } @media(min-width: 992px) { .portfolio-category p { font-size: 16px; } } /* portfolio-wrap css */ .portfolio-content .portfolio-wrap { padding: 60px 0px 0px; position: relative; } .portfolio-content .portfolio-wrap .possition_reletive { padding-left: 15px; padding-right: 15px; } @media(min-width: 768px) { .portfolio-content .portfolio-wrap { display: flex; align-items: center; padding-top: 60px; } } @media(min-width: 992px) { .portfolio-content .portfolio-wrap { padding: 0px; } } .portfolio-content .portfolio-wrap .portfolio-img-desc { clip-path: polygon(calc(100% - 19.395px) calc(100% - 0.5px), 10px calc(100% - 0.5px), 10px calc(100% - 0.5px), 8.4590519px calc(100% - 0.62433099999998px), 6.9972672px calc(100% - 0.98428799999996px), 5.6342053px calc(100% - 1.560317px), 4.3894256px calc(100% - 2.332864px), 3.2824875px calc(100% - 3.282375px), 2.3329504px calc(100% - 4.389296px), 1.5603737px calc(100% - 5.634073px), 0.9843168px calc(100% - 6.997152px), 0.6243391px calc(100% - 8.458979px), 0.5px calc(100% - 10px), 0.5px 10px, 0.5px 10px, 0.6243391px 8.4590519px, 0.9843168px 6.9972672px, 1.5603737px 5.6342053px, 2.3329504px 4.3894256px, 3.2824875px 3.2824875px, 4.3894256px 2.3329504px, 5.6342053px 1.5603737px, 6.9972672px 0.9843168px, 8.4590519px 0.6243391px, 10px 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 9.037901px) 0.63492602px, calc(100% - 7.5212079999999px) 1.02459296px, calc(100% - 6.1152270000001px) 1.64633414px, calc(100% - 4.841264px) 2.47748288px, calc(100% - 3.720625px) 3.4953725px, calc(100% - 2.774616px) 4.67733632px, calc(100% - 2.0245430000001px) 6.00070766px, calc(100% - 1.491712px) 7.44281984px, calc(100% - 1.197429px) 8.98100618px, calc(100% - 1.1630000000001px) 10.5926px, calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 10.119096px) calc(100% - 7.941146px), calc(100% - 10.537688px) calc(100% - 6.5583679999999px), calc(100% - 11.150932px) calc(100% - 5.275442px), calc(100% - 11.940984px) calc(100% - 4.109144px), calc(100% - 12.89px) calc(100% - 3.07625px), calc(100% - 13.980136px) calc(100% - 2.193536px), calc(100% - 15.193548px) calc(100% - 1.477778px), calc(100% - 16.512392px) calc(100% - 0.945752px), calc(100% - 17.918824px) calc(100% - 0.61423400000001px), calc(100% - 19.395px) calc(100% - 0.50000000000003px)); display: flex; flex-direction: column; padding: 30px 19px; background-color: #fdfdfd; position: relative; box-shadow: 5px 5px 14px #D6D6D6; position: relative; } .clip_path_aria { clip-path: polygon(calc(100% - 19.395px) calc(100% - 0.5px), 10px calc(100% - 0.5px), 10px calc(100% - 0.5px), 8.4590519px calc(100% - 0.62433099999998px), 6.9972672px calc(100% - 0.98428799999996px), 5.6342053px calc(100% - 1.560317px), 4.3894256px calc(100% - 2.332864px), 3.2824875px calc(100% - 3.282375px), 2.3329504px calc(100% - 4.389296px), 1.5603737px calc(100% - 5.634073px), 0.9843168px calc(100% - 6.997152px), 0.6243391px calc(100% - 8.458979px), 0.5px calc(100% - 10px), 0.5px 10px, 0.5px 10px, 0.6243391px 8.4590519px, 0.9843168px 6.9972672px, 1.5603737px 5.6342053px, 2.3329504px 4.3894256px, 3.2824875px 3.2824875px, 4.3894256px 2.3329504px, 5.6342053px 1.5603737px, 6.9972672px 0.9843168px, 8.4590519px 0.6243391px, 10px 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 9.037901px) 0.63492602px, calc(100% - 7.5212079999999px) 1.02459296px, calc(100% - 6.1152270000001px) 1.64633414px, calc(100% - 4.841264px) 2.47748288px, calc(100% - 3.720625px) 3.4953725px, calc(100% - 2.774616px) 4.67733632px, calc(100% - 2.0245430000001px) 6.00070766px, calc(100% - 1.491712px) 7.44281984px, calc(100% - 1.197429px) 8.98100618px, calc(100% - 1.1630000000001px) 10.5926px, calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 10.119096px) calc(100% - 7.941146px), calc(100% - 10.537688px) calc(100% - 6.5583679999999px), calc(100% - 11.150932px) calc(100% - 5.275442px), calc(100% - 11.940984px) calc(100% - 4.109144px), calc(100% - 12.89px) calc(100% - 3.07625px), calc(100% - 13.980136px) calc(100% - 2.193536px), calc(100% - 15.193548px) calc(100% - 1.477778px), calc(100% - 16.512392px) calc(100% - 0.945752px), calc(100% - 17.918824px) calc(100% - 0.61423400000001px), calc(100% - 19.395px) calc(100% - 0.50000000000003px)); background-color: #D6D6D6; box-shadow: 5px 5px 14px #D6D6D6; width: fit-content; padding: 1px !important; } .pading_clip-paht { margin: 60px 0px 0px 0px; } @media(min-width: 768px) { .portfolio-content .portfolio-wrap .portfolio-img-desc { margin: 0; } } .portfolio-content .portfolio-wrap .portfolio-img-desc .portfolio-img { width: 100%; display: inline-flex; justify-content: end; align-items: center; margin-top: -65px; border-radius: 10px; } .portfolio-content .portfolio-wrap .portfolio-img-desc .portfolio-desc h2.portfolio-service { margin-top: 20px; color: #131714; font-family: 'Poppins', sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; text-transform: capitalize; } .portfolio-content .portfolio-wrap .portfolio-img-desc .portfolio-desc p.portfolio-description { overflow: hidden; color: #131714; margin-bottom: 0px; text-overflow: ellipsis; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.5px; } /* portfolio-wrapper css */ .portfolio-content .portfolio-wrapper { display: flex; align-items: center; padding-top: 60px; } .portfolio-content .portfolio-wrapper .portfolio-img-desc { display: flex; clip-path: polygon(calc(100% - 19.395px) calc(100% - 0.5px), 10px calc(100% - 0.5px), 10px calc(100% - 0.5px), 8.4590519px calc(100% - 0.62433099999998px), 6.9972672px calc(100% - 0.98428799999996px), 5.6342053px calc(100% - 1.560317px), 4.3894256px calc(100% - 2.332864px), 3.2824875px calc(100% - 3.282375px), 2.3329504px calc(100% - 4.389296px), 1.5603737px calc(100% - 5.634073px), 0.9843168px calc(100% - 6.997152px), 0.6243391px calc(100% - 8.458979px), 0.5px calc(100% - 10px), 0.5px 10px, 0.5px 10px, 0.6243391px 8.4590519px, 0.9843168px 6.9972672px, 1.5603737px 5.6342053px, 2.3329504px 4.3894256px, 3.2824875px 3.2824875px, 4.3894256px 2.3329504px, 5.6342053px 1.5603737px, 6.9972672px 0.9843168px, 8.4590519px 0.6243391px, 10px 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 10.644px) 0.5px, calc(100% - 9.037901px) 0.63492602px, calc(100% - 7.5212079999999px) 1.02459296px, calc(100% - 6.1152270000001px) 1.64633414px, calc(100% - 4.841264px) 2.47748288px, calc(100% - 3.720625px) 3.4953725px, calc(100% - 2.774616px) 4.67733632px, calc(100% - 2.0245430000001px) 6.00070766px, calc(100% - 1.491712px) 7.44281984px, calc(100% - 1.197429px) 8.98100618px, calc(100% - 1.1630000000001px) 10.5926px, calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 9.913px) calc(100% - 9.407px), calc(100% - 10.119096px) calc(100% - 7.941146px), calc(100% - 10.537688px) calc(100% - 6.5583679999999px), calc(100% - 11.150932px) calc(100% - 5.275442px), calc(100% - 11.940984px) calc(100% - 4.109144px), calc(100% - 12.89px) calc(100% - 3.07625px), calc(100% - 13.980136px) calc(100% - 2.193536px), calc(100% - 15.193548px) calc(100% - 1.477778px), calc(100% - 16.512392px) calc(100% - 0.945752px), calc(100% - 17.918824px) calc(100% - 0.61423400000001px), calc(100% - 19.395px) calc(100% - 0.50000000000003px)); flex-direction: column; padding: 30px 19px; background-color: #fdfdfd; position: relative; } .portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-img { position: relative; width: 100%; display: inline-flex; justify-content: end; align-items: center; margin-top: -65px; border-radius: 10px; } .portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-img::before { content: ""; top: -6px; bottom: 0; right: -5px; left: auto; width: 75px; position: absolute; z-index: 1; background: url('/storage/portfolio/portfolioback.png'); background-repeat: no-repeat; } .portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-img span.image { display: inline-block; background-color: #B0C600; right: 30px; padding: 20px; z-index: 1; clip-path: polygon(0% 30.311%, 0% 30.311%, 0.065% 29.217%, 0.257% 28.147%, 0.571% 27.109%, 1.001% 26.112%, 1.544% 25.163%, 2.193% 24.269%, 2.944% 23.439%, 3.792% 22.68%, 4.732% 22%, 5.758% 21.406%, 44.33% 1.626%, 44.33% 1.626%, 45.406% 1.139%, 46.521% 0.761%, 47.665% 0.491%, 48.828% 0.328%, 50% 0.274%, 51.172% 0.328%, 52.335% 0.491%, 53.479% 0.761%, 54.594% 1.139%, 55.67% 1.626%, 94.242% 21.406%, 94.242% 21.406%, 95.268% 22%, 96.208% 22.68%, 97.056% 23.439%, 97.807% 24.269%, 98.456% 25.163%, 98.999% 26.112%, 99.429% 27.109%, 99.743% 28.147%, 99.935% 29.217%, 100% 30.311%, 100% 69.689%, 100% 69.689%, 99.935% 70.783%, 99.743% 71.853%, 99.429% 72.891%, 98.999% 73.888%, 98.456% 74.837%, 97.807% 75.731%, 97.056% 76.561%, 96.208% 77.32%, 95.268% 78%, 94.242% 78.594%, 55.67% 98.374%, 55.67% 98.374%, 54.594% 98.861%, 53.479% 99.239%, 52.335% 99.509%, 51.172% 99.672%, 50% 99.726%, 48.828% 99.672%, 47.665% 99.509%, 46.521% 99.239%, 45.406% 98.861%, 44.33% 98.374%, 5.758% 78.594%, 5.758% 78.594%, 4.732% 78%, 3.792% 77.32%, 2.944% 76.561%, 2.193% 75.731%, 1.544% 74.837%, 1.001% 73.888%, 0.571% 72.891%, 0.257% 71.853%, 0.065% 70.783%, 0% 69.689%, 0% 30.311%); } .portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-desc h2.portfolio-service { margin-top: 20px; color: #131714; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 600; line-height: 26px; text-transform: capitalize; } .portfolio-content .portfolio-wrapper .portfolio-img-desc .portfolio-desc p.portfolio-description { overflow: hidden; color: #131714; margin-bottom: 0px; text-overflow: ellipsis; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; line-height: normal; opacity: 0.5px; } /************************************* portfolio css end *************************************/ /************************************* footer css start *************************************/ .footer .footer-top { padding: 160px 120px; background: rgb(15,30,76); background: linear-gradient(148deg, rgba(15,30,76,1) 0%, rgba(30,30,30,1) 100%); } .footer .footer-top .ft-about { padding-right: 50px; margin-left: 30px; } @media (min-width: 1200px) { .footer .footer-top .ft-about { margin-left: 0px; } } .footer .footer-top .footer-about .ft-about h6.ft-title { color: #FFF; margin: 0px; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; line-height: normal; letter-spacing: 1.26px; text-transform: uppercase; } .footer .footer-top .footer-about .ft-about p { margin: 7px 0px 0px 0px; color: #FFF; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 300; line-height: 23px; letter-spacing: 0.28px; opacity: 0.8; } .footer .footer-top .footer-about .ft-about .footer-button { padding-top: 20px; } .footer .footer-top .footer-about .ft-about .footer-button button { color: #171717; padding: 10px 30px; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; clip-path: polygon(99.767% 23.922%, 99.767% 23.922%, 99.884% 20.245%, 99.803% 16.682%, 99.54% 13.297%, 99.112% 10.155%, 98.533% 7.32%, 97.819% 4.856%, 96.986% 2.828%, 96.05% 1.3%, 95.026% 0.336%, 93.93% 0%, 5.952% 0%, 5.952% 0%, 4.987% 0.262%, 4.071% 1.02%, 3.217% 2.232%, 2.437% 3.859%, 1.743% 5.858%, 1.148% 8.188%, 0.664% 10.809%, 0.303% 13.678%, 0.078% 16.756%, 0% 20%, 0% 80%, 0% 80%, 0.078% 83.244%, 0.303% 86.322%, 0.664% 89.191%, 1.148% 91.812%, 1.743% 94.142%, 2.437% 96.141%, 3.217% 97.768%, 4.071% 98.98%, 4.987% 99.738%, 5.952% 100%, 90.358% 100%, 90.358% 100%, 91.196% 99.802%, 92.002% 99.225%, 92.765% 98.294%, 93.478% 97.033%, 94.132% 95.467%, 94.717% 93.62%, 95.225% 91.518%, 95.647% 89.184%, 95.973% 86.644%, 96.195% 83.922%, 99.767% 23.922%); background-color: #B0C600; border-radius: 10px; } .footer .footer-top .footer-about .ft-about .footer-button button:hover { color: #333; background-color: #fff; -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out; } @media (min-width: 1200px) { .footer .footer-top .footer-menu { padding-left: 30px; height: 150px; border-left: 1px solid #3F3F3F; } .footer .footer-top .ft-contact-social { padding-left: 40px; height: 150px; border-left: 1px solid #3F3F3F; } } .footer .footer-top .footer-menu .ft-menu h6.ft-title { color: #FFF; margin-left: 32px; font-family: 'Poppins', sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.26px; text-transform: uppercase; } .footer .footer-top .footer-menu .ft-menu .ft-link ul.ftlink-ul { list-style: none; padding-top: 20px; } .footer .footer-top .footer-menu .ft-menu .ft-link ul.ftlink-ul.ul-menu { padding-top: 0px; list-style: none; } .footer .footer-top .footer-menu .ft-menu .ft-link ul.ftlink-ul li.ftlink-li { padding-top: 15px; } .footer .footer-top .footer-menu .ft-menu .ft-link ul.ftlink-ul li.ftlink-li:first-child { padding-top: 0px; } .footer .footer-top .footer-menu .ft-menu .ft-link ul.ftlink-ul li.ftlink-li a { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; text-decoration: none; } .footer .footer-top .footer-menu .ft-menu .ft-link ul.ftlink-ul li.ftlink-li a:hover { color: #B0C600; -webkit-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } /*==================================== footer-title css ====================================*/ .footer .footer-top .footer-menu .ft-menu a.ft-title { color: #FFF; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 24px; letter-spacing: 0.32px; text-decoration: none; padding: 13px 0px 0px; } /*==================================== footer-contact css ====================================*/ .footer-contact-social .ft-contact-social h6.ft-title { color: #FFF; margin-left: 24px; font-family: 'Poppins', sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.26px; text-transform: uppercase; } .ft-contact-social .footer-contact ul.ftcontact-ul li.ftcontact-li { list-style: none; } .ft-contact-social .footer-contact ul.ftcontact-ul li.ftcontact-li .ftcontact-info { margin-top: 12px; } .ft-contact-social .footer-contact ul.ftcontact-ul li.ftcontact-li:first-child .ftcontact-info { margin: 0px; } .ft-contact-social .footer-contact ul.ftcontact-ul li.ftcontact-li .ftcontact-info span.ftcontact-icon { width: 28px; color: #FFF; position: relative; left: -12px; } .ft-contact-social .footer-contact ul.ftcontact-ul { padding-top: 20px; } .ft-contact-social .footer-contact ul.ftcontact-ul li.ftcontact-li .ftcontact-info a.ftcontact-text { width: calc(100% - 28px); color: #FFF; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; letter-spacing: 0.28px; text-decoration: none; } .ft-contact-social .footer-contact ul.ftcontact-ul li.ftcontact-li .ftcontact-info a.ftcontact-text:hover { color: #BDD800; --webkit-transition: color 0.5s easein-out; transition: color 0.5s ease-in-out; } .ft-contact-social .footer-contact ul.ftcontact-ul li.ftcontact-li .ftcontact-info span.ftcontact-text { width: calc(100% - 28px); color: #FFF; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.28px; text-decoration: none; } @media (min-width: 768px) { .footer-contact-social .ft-contact-social .footer-contact.collapse:not(.show) { display: block; } } /*==================================== footer-social css ====================================*/ .ft-contact-social .footer-social { margin-top: 30px; } .ft-contact-social .footer-social ul.social-ul { list-style: none; margin-bottom: 0px; } .ft-contact-social .footer-social ul.social-ul li.social-li { margin-top: 30px; } .ft-contact-social .footer-social ul.social-ul li.social-li { margin: 15px 0px 0px; } .ft-contact-social .footer-social ul.social-ul li.social-li a { text-decoration: none; } .ft-contact-social .footer-social ul.social-ul li.social-li a span.social-icon::before { content: "|"; color: #3F3F3F; margin: 0px 15px; } .ft-contact-social .footer-social ul.social-ul li.social-li:first-child a span.social-icon::before { display: none; } .ft-contact-social .footer-social ul.social-ul li.social-li a span.social-icon { color: #3F3F3F; } .ft-contact-social .footer-social ul.social-ul li.social-li a span.social-icon:hover { color: #FFF; --webkit-transition: color 0.5s easein-out; transition: color 0.5s ease-in-out; } .ft-contact-social .footer-social ul.social-ul li.social-li a span.social-icon img { color: #3F3F3F; } .ft-contact-social .footer-social ul.social-ul li.social-li a span.social-icon:hover img { color: #FFF; --webkit-transition: color 0.5s easein-out; transition: color 0.5s ease-in-out; } /*==================================== footer-copyright css ====================================*/ .footer-copyright { padding: 15px 0px; background-color: #b0c600; } .footer-copyright .ft-copyright ul.ft-ul { margin: 0px; padding-left: 0px; } .footer-copyright .ft-copyright ul.ft-ul li.ft-li::before { content: "|"; margin: 0px 15px; } .footer-copyright .ft-copyright ul.ft-ul li.ft-li:first-child::before { display: none; } .footer-copyright .ft-copyright ul.ft-ul li.ft-li span.ft-copy { color: #171717; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: 0.28px; text-decoration: none; } .footer-copyright .ft-copyright ul.ft-ul li.ft-li a { color: #171717; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: 0.28px; text-decoration: none; } .footer-copyright .ft-copyright ul.ft-ul li.ft-li a:hover { color: #7C7C7C; -webkit-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } /************************************* footer css end *************************************/ /* ===================== additinal css for clip pata ============================ */ .portfoilo-wrapper-pt-0 .portfolio-wrapper { padding-top: 0px; } .possition_reletive { position: relative; filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.12)); } .clip_path_class { position: absolute; width: 70px; display: inline-flex; justify-content: end; align-items: center; margin-top: -65px; border-radius: 10px; top: 90px; right: 30px; } .clip_path_class span { position: relative; } .clip_path_class span img { width: 70px; height: 70px; padding: 20px; background: #B0C600; clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%); } .clip_path_class span::before { content: ""; position: absolute; width: 67px; height: 78px; top: -9px; right: 0px; background-image: url('/storage/icons/hexa-bg-outline-green.svg'); background-repeat: no-repeat; background-position: center; background-size: 67px; } .clip_path_class_01 { position: absolute; width: 100%; display: inline-flex; justify-content: end; align-items: center; margin-top: -65px; border-radius: 10px; top: 30px; right: 30px; } .clip_path_class_01 span img { display: inline-block; background-color: #B0C600; right: 30px; padding: 20px; z-index: 1; clip-path: polygon(0% 30.311%, 0% 30.311%, 0.065% 29.217%, 0.257% 28.147%, 0.571% 27.109%, 1.001% 26.112%, 1.544% 25.163%, 2.193% 24.269%, 2.944% 23.439%, 3.792% 22.68%, 4.732% 22%, 5.758% 21.406%, 44.33% 1.626%, 44.33% 1.626%, 45.406% 1.139%, 46.521% 0.761%, 47.665% 0.491%, 48.828% 0.328%, 50% 0.274%, 51.172% 0.328%, 52.335% 0.491%, 53.479% 0.761%, 54.594% 1.139%, 55.67% 1.626%, 94.242% 21.406%, 94.242% 21.406%, 95.268% 22%, 96.208% 22.68%, 97.056% 23.439%, 97.807% 24.269%, 98.456% 25.163%, 98.999% 26.112%, 99.429% 27.109%, 99.743% 28.147%, 99.935% 29.217%, 100% 30.311%, 100% 69.689%, 100% 69.689%, 99.935% 70.783%, 99.743% 71.853%, 99.429% 72.891%, 98.999% 73.888%, 98.456% 74.837%, 97.807% 75.731%, 97.056% 76.561%, 96.208% 77.32%, 95.268% 78%, 94.242% 78.594%, 55.67% 98.374%, 55.67% 98.374%, 54.594% 98.861%, 53.479% 99.239%, 52.335% 99.509%, 51.172% 99.672%, 50% 99.726%, 48.828% 99.672%, 47.665% 99.509%, 46.521% 99.239%, 45.406% 98.861%, 44.33% 98.374%, 5.758% 78.594%, 5.758% 78.594%, 4.732% 78%, 3.792% 77.32%, 2.944% 76.561%, 2.193% 75.731%, 1.544% 74.837%, 1.001% 73.888%, 0.571% 72.891%, 0.257% 71.853%, 0.065% 70.783%, 0% 69.689%, 0% 30.311%); } @media(max-width:768px) { .portfolio-wrap .clip_path_class { top: 30px; } .portfoilo-wrapper-pt-0 .clip_path_class { top: 100px; } } .sub_div_clip_path { background-color: #D0D0D0; filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.12)) !important; padding: 1px !important; margin-top: 30px; clip-path: polygon(calc(100% - 25.87px) 0.5px, 25px 0.5px, 25px 0.5px, 21.025967px 0.820663px, 17.256096px 1.749024px, 13.740829px 3.234641px, 10.530608px 5.227072px, 7.675875px 7.675875px, 5.227072px 10.530608px, 3.234641px 13.740829px, 1.749024px 17.256096px, 0.820663px 21.025967px, 0.5px 25px, 0.5px calc(100% - 25px), 0.5px calc(100% - 25px), 0.820663px calc(100% - 21.025967px), 1.749024px calc(100% - 17.256096px), 3.234641px calc(100% - 13.740829px), 5.227072px calc(100% - 10.530608px), 7.675875px calc(100% - 7.675875px), 10.530608px calc(100% - 5.227072px), 13.740829px calc(100% - 3.234641px), 17.256096px calc(100% - 1.749024px), 21.025967px calc(100% - 0.82066299999997px), 25px calc(100% - 0.50000000000006px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 46.76347px) calc(100% - 0.77443699999998px), calc(100% - 43.25264px) calc(100% - 1.5724159999999px), calc(100% - 39.94605px) calc(100% - 2.855939px), calc(100% - 36.88624px) calc(100% - 4.587008px), calc(100% - 34.11575px) calc(100% - 6.727625px), calc(100% - 31.67712px) calc(100% - 9.239792px), calc(100% - 29.61289px) calc(100% - 12.085511px), calc(100% - 27.9656px) calc(100% - 15.226784px), calc(100% - 26.77779px) calc(100% - 18.625613px), calc(100% - 26.092px) calc(100% - 22.244px), calc(100% - 1.526px) 27.756px, calc(100% - 1.526px) 27.756px, calc(100% - 1.4131029999999px) 23.4620906px, calc(100% - 2.0223839999999px) 19.3419328px, calc(100% - 3.295301px) 15.4610622px, calc(100% - 5.173312px) 11.8850144px, calc(100% - 7.597875px) 8.679325px, calc(100% - 10.510448px) 5.9095296px, calc(100% - 13.852489px) 3.6411638px, calc(100% - 17.565456px) 1.9397632px, calc(100% - 21.590807px) 0.8708634px, calc(100% - 25.87px) 0.5px); } .clip_path_add_div { clip-path: polygon(calc(100% - 25.87px) 0.5px, 25px 0.5px, 25px 0.5px, 21.025967px 0.820663px, 17.256096px 1.749024px, 13.740829px 3.234641px, 10.530608px 5.227072px, 7.675875px 7.675875px, 5.227072px 10.530608px, 3.234641px 13.740829px, 1.749024px 17.256096px, 0.820663px 21.025967px, 0.5px 25px, 0.5px calc(100% - 25px), 0.5px calc(100% - 25px), 0.820663px calc(100% - 21.025967px), 1.749024px calc(100% - 17.256096px), 3.234641px calc(100% - 13.740829px), 5.227072px calc(100% - 10.530608px), 7.675875px calc(100% - 7.675875px), 10.530608px calc(100% - 5.227072px), 13.740829px calc(100% - 3.234641px), 17.256096px calc(100% - 1.749024px), 21.025967px calc(100% - 0.82066299999997px), 25px calc(100% - 0.50000000000006px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 50.436px) calc(100% - 0.5px), calc(100% - 46.76347px) calc(100% - 0.77443699999998px), calc(100% - 43.25264px) calc(100% - 1.5724159999999px), calc(100% - 39.94605px) calc(100% - 2.855939px), calc(100% - 36.88624px) calc(100% - 4.587008px), calc(100% - 34.11575px) calc(100% - 6.727625px), calc(100% - 31.67712px) calc(100% - 9.239792px), calc(100% - 29.61289px) calc(100% - 12.085511px), calc(100% - 27.9656px) calc(100% - 15.226784px), calc(100% - 26.77779px) calc(100% - 18.625613px), calc(100% - 26.092px) calc(100% - 22.244px), calc(100% - 1.526px) 27.756px, calc(100% - 1.526px) 27.756px, calc(100% - 1.4131029999999px) 23.4620906px, calc(100% - 2.0223839999999px) 19.3419328px, calc(100% - 3.295301px) 15.4610622px, calc(100% - 5.173312px) 11.8850144px, calc(100% - 7.597875px) 8.679325px, calc(100% - 10.510448px) 5.9095296px, calc(100% - 13.852489px) 3.6411638px, calc(100% - 17.565456px) 1.9397632px, calc(100% - 21.590807px) 0.8708634px, calc(100% - 25.87px) 0.5px); } /* =================================================================== */ /* Comman Banner All pages Starts */ /* =================================================================== */ .second-banner { width: 100%; height: 480px; background: #0F1E4C; clip-path: polygon(0% 0%, 100% 0%, 100% 87.516%, 69.928% 99.471%, 69.928% 99.471%, 69.569% 99.601%, 69.208% 99.709%, 68.846% 99.794%, 68.482% 99.856%, 68.118% 99.896%, 67.753% 99.912%, 67.388% 99.905%, 67.023% 99.875%, 66.659% 99.822%, 66.295% 99.746%, 5.42% 85.076%, 5.42% 85.076%, 4.514% 84.735%, 3.664% 84.171%, 2.881% 83.405%, 2.171% 82.454%, 1.546% 81.338%, 1.014% 80.076%, 0.584% 78.686%, 0.266% 77.188%, 0.068% 75.599%, 0% 73.94%, 0% 0%); position: relative; background-repeat: no-repeat; background-size: cover; background-position: bottom center; z-index: 1; } .second-banner .home-slider { height: 100%; } .second-banner .home-slider .slider-text-image { height: 100%; } .second-banner .home-slider .slider-text-image .slider-image { position: absolute; right: 0; top: 245px; bottom: 0; } .second-banner .home-slider .slider-text-image .slider-image img { width: 100%; height: 285px; } .hero-Banner-heading { color: #FFF; font-family: "Poppins", sans-serif; font-size: 82.656px !important; font-style: normal; font-weight: 700 !important; line-height: 85.087px !important; text-transform: uppercase; position: relative; z-index: 1; padding: 0px 0px 95px 0px; } @media (min-width: 576px) { .second-banner { width: 100%; height: 400px; background: url('/storage/bg-blue.png'); position: relative; background-repeat: no-repeat; background-size: cover; background-position: bottom center; } .second-banner .home-slider .slider-text-image .slider-image { position: absolute; right: 0; top: 0; bottom: 0; } .second-banner .home-slider .slider-text-image .slider-image img { width: 100%; height: 350px; clip-path: polygon(0.389% 0%, 100% 0%, 100% 78.808%, 41.362% 99.275%, 41.362% 99.275%, 40.684% 99.396%, 40.002% 99.495%, 39.317% 99.572%, 38.631% 99.628%, 37.942% 99.661%, 37.253% 99.671%, 36.564% 99.66%, 35.875% 99.627%, 35.187% 99.571%, 34.501% 99.494%, 0% 95.018%, 0.389% 0%); } } @media (min-width: 768px) { .second-banner { width: 100%; height: 450px; } .second-banner .home-slider .slider-text-image .slider-image img { width: 100%; height: 400px; } } @media (min-width: 992px) { .second-banner { width: 100%; height: 550px; } .second-banner .home-slider .slider-text-image .slider-image img { width: 100%; height: 500px; } } @media (min-width: 1200px) { .second-banner { width: 100%; height: 650px; } .second-banner .home-slider .slider-text-image .slider-image img { width: 100%; height: 580px; } } @media(max-width:1200px) { .hero-Banner-heading { font-size: 64px !important; } } @media(max-width:992px) { .hero-Banner-heading { font-size: 50px !important; line-height: 55.087px !important; } } @media(max-width:576px) { .hero-Banner-heading { font-size: 40px !important; transform: translateY(-100px); padding: 0px; line-height: 45.087px !important; } } @media(max-width:480px) { .hero-Banner-heading { font-size: 38px !important; } } /* =================================================================== */ /* Comman Banner All pages Ends */ /* =================================================================== */ /* =================================================================== */ /* About Page Starts */ /* =================================================================== */ .about_paygite_section { padding: 100px 0px 0px 0px; } .about_paygite_section .text_About_Phygitalxp { padding: 10px 0; } .about_paygite_section .text_lorem_02 { color: #333; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; padding: 10px 0; } /* archive section starts */ .Our_Achievement_section { padding: 100px 10px 100px 10px; background: #FAFAFA; } .Our_Achievement_section .text_Our_Achievement { color: #333; font-family: 'Poppins', sans-serif; font-size: 50px; font-weight: 300; line-height: 42px; text-transform: capitalize; text-align: center; padding: 20px 0; } .Our_Achievement_section .Achievement-text { font-weight: 700; } .Our_Achievement_section .text-loame_03 { color: #333; text-align: center; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 26px; width: 86%; } @media(max-width:1200px) { .Our_Achievement_section { padding: 80px 10px 70px 10px; } .Our_Achievement_section .text-loame_03 { width: 100%; } } @media(max-width:992px) { .about_paygite_section { padding: 80px 0px 0px 0px; } .Our_Achievement_section { padding: 50px 10px 40px 10px; } .Our_Achievement_section .text_Our_Achievement { font-size: 40px; padding: 15px 0; } } @media(max-width:768px) { .Our_Achievement_section .text_Our_Achievement { font-size: 34px; } .about_paygite_section { padding: 50px 10px; } } @media(max-width:576px) { .Our_Achievement_section .text_Our_Achievement { font-size: 34px; } .about_paygite_section { padding: 25px 10px; } .Our_Achievement_section { padding: 25px 10px 20px 10px; } } /* counter section */ .counting_section { padding: 100px 10px; background: url(/storage/phygital-about.jpg) center center no-repeat !important; background-size: cover !important; position: relative !important; background-attachment: fixed !important; padding: 120px 0 120px 0; color: #f1f1f1; } .counting_section .number { color: #fff; font-family: 'Poppins', sans-serif; font-size: 75px; font-style: normal; font-weight: 700; line-height: 85px; letter-spacing: 3.75px; text-transform: capitalize; } .counting_section .conting_div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .counting_section .text_project { color: #bdd800; font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 600; line-height: 28px; text-transform: uppercase; } @media (max-width: 992px) { .counting_section .number { font-size: 55px; line-height: 60px; letter-spacing: 1.75px; } } @media(max-width:768px) { .counting_section { padding: 50px 10px; } .counting_section .conting_div { justify-content: center; gap: 50px; } .counting_section .conting_div .project { width: 45%; text-align: center; } } @media(max-width:576px) { .counting_section .number { font-size: 50px; } .counting_section { padding: 25px 10px; } .counting_section .conting_div { justify-content: center; gap: 20px; } } @media(max-width:480px) { .counting_section .number { font-size: 40px; line-height: 52px; margin: 0; } .counting_section .text_project { margin: 0; } .counting_section .conting_div { flex-direction: column; gap: 40px; } } /* leader ship section */ .Our_Leadership_section { padding: 100px 10px; } .Our_Leadership_section .text-loame_04 { color: #333; padding: 10px 0; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; line-height: 25px; opacity: 0.5; } .Our_Leadership_section .Achievement-text { font-weight: 700; } .Our_Leadership_section .row { align-items: center; } .Our_Leadership_section .Richard_Thompson_text { color: #000; font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 600; line-height: 40px; text-transform: capitalize; } .Our_Leadership_section .Richard_Thompson_lorem_text { color: #3E3E3E; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 26px; } .Our_Leadership_section .ime-size_div { max-width: 380px; height: auto; } .Our_Leadership_section .ime-size_div img { width: 100%; height: 100%; border: 1px solid #ADADAD; border-radius: 24px; box-shadow: 0px 10px 24px 0px rgba(57, 57, 57, 0.06); } .Our_Leadership_section .div_padding { padding: 20px 0; } @media(max-width:992px) { .Our_Leadership_section .flex_oder_01 { order: 1 !important; } .Our_Leadership_section .flex_oder_02 { order: 2 !important; } .Our_Leadership_section .pading_responcive { padding: 20px 0; } } @media(max-width:768px) { .lorem_responcive_fontsize { font-size: 15px !important; } } /* =================================================================== */ /* About Page Ends */ /* =================================================================== */ /* =================================================================== */ /* Service Page Starts */ /* =================================================================== */ .service-page { background-color: #fafafa; } /* Forom */ .Quick_Enquiry_form_section_02 { padding: 100px 20px; } .Quick_Enquiry_form_section_02 .forme_and_text { display: flex; justify-content: center; align-items: center; gap: 50px; } .Quick_Enquiry_form_section_02 .text { max-width: 550px; min-width: 400px; padding: 10px 10px; } .Quick_Enquiry_form_section_02 .Richard_text { color: #000; font-family: 'Poppins', sans-serif; font-size: 34px; font-weight: 600; line-height: 40px; text-transform: capitalize; } .Quick_Enquiry_form_section_02 .lorem_01 { color: #3E3E3E; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; line-height: 26px; } .Quick_Enquiry_form_section_02 .lerem_01_sub { padding: 20px 0 0 0; } .reade_more_button { display: ruby-text; color: #FFF; margin: 20px 0 0 0; padding: 10px 20px; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; clip-path: polygon(99.63% 24.319%, 99.63% 24.319%, 99.756% 20.604%, 99.698% 16.996%, 99.472% 13.56%, 99.092% 10.365%, 98.572% 7.478%, 97.926% 4.965%, 97.17% 2.893%, 96.317% 1.331%, 95.382% 0.344%, 94.38% 0%, 5.376% 0%, 5.376% 0%, 4.504% 0.262%, 3.677% 1.02%, 2.906% 2.232%, 2.201% 3.859%, 1.575% 5.858%, 1.037% 8.188%, 0.6% 10.809%, 0.274% 13.678%, 0.07% 16.756%, 0% 20%, 0% 80%, 0% 80%, 0.07% 83.244%, 0.274% 86.322%, 0.6% 89.191%, 1.037% 91.812%, 1.575% 94.142%, 2.201% 96.141%, 2.906% 97.768%, 3.677% 98.98%, 4.504% 99.738%, 5.376% 100%, 90.812% 100%, 90.812% 100%, 91.558% 99.808%, 92.274% 99.249%, 92.956% 98.344%, 93.593% 97.118%, 94.179% 95.595%, 94.705% 93.796%, 95.164% 91.746%, 95.549% 89.467%, 95.851% 86.984%, 96.062% 84.319%, 99.63% 24.319%); background-color: #0F1E4C; border: none; min-width: 190px; min-height: 50px; } .reade_more_button { transition: 0.3s all ease-in-out; } .reade_more_button:hover { background-color: #B0C600; color: #0F1E4C; } .Quick_Enquiry_form_section_02 .Quick_Enquiry_form { max-width: 600px; min-width: 400px; padding: 50px 40px; border-radius: 24px; border: 1px solid #DBDBDB; background: #FFF; box-shadow: 0px 0px 56px 0px rgba(57, 57, 57, 0.12); } .Quick_Enquiry_form_section_02 .Quick_Enquiry_form_text { color: #333; font-family: 'Poppins', sans-serif; font-size: 40px; font-weight: 400; line-height: 124%; text-transform: capitalize; } .Quick_Enquiry_form_section_02 .Enquiry_text { font-weight: 700; } .Quick_Enquiry_form_section_02 .input_box { margin: 10px 0; border: 1px solid #A6CE39; border-radius: 10px; width: 100%; background-color: #fff; padding: 12px 15px; font-family: 'Poppins', sans-serif; } .Quick_Enquiry_form_section_02 .input_box::placeholder { color: #333; } .Quick_Enquiry_form_section_02 .input_box:focus { outline: none; } .Quick_Enquiry_form_section_02 input[type=text] { color: #4453837a; } .Quick_Enquiry_form_section_02 .Submit_button { width: 178px; height: 50px; } @media(max-width:992px) { .Quick_Enquiry_form_section_02 .forme_and_text { flex-direction: column; } .Quick_Enquiry_form_section_02 .Quick_Enquiry_form { width: 100% !important; min-width: 100px; } .Quick_Enquiry_form_section_02 .text { width: 100% !important; min-width: 100px; } } @media(max-width:992px) { .Quick_Enquiry_form_section_02 .Richard_text { font-size: 30px; } .Quick_Enquiry_form_section_02 .Quick_Enquiry_form_text { font-size: 33px; } } @media(max-width:576px) { .Quick_Enquiry_form_section_02 { padding: 50px 10px; } .Quick_Enquiry_form_section_02 .Richard_text { font-size: 25px; } .Quick_Enquiry_form_section_02 .Quick_Enquiry_form_text { font-size: 28px; } .Quick_Enquiry_form_section_02 .lorem_01 { font-size: 15px; } .Quick_Enquiry_form_section_02 .Quick_Enquiry_form { padding: 30px 20px; } .Quick_Enquiry_form_section_02 .input_box::placeholder { font-size: 15px; } } /* faq section */ .faqs_section { padding: 100px 10px; } .faqs_section .accordium_marggine { margin: 40px 0; } .faqs_section .faqs_text { color: #333; font-family: 'Poppins', sans-serif; font-size: 50px; font-style: normal; font-weight: 700; text-transform: capitalize; } .faqs_section .text_s { color: #333; font-family: 'Poppins', sans-serif; font-size: 40px; font-style: normal; font-weight: 400; text-transform: capitalize; } .faqs_section .faqs_text_sub { color: #000; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 26px; } .faqs_section .faqs_text-div { width: 53% } @media(max-width:992px) { .faqs_section .faqs_text-div { width: 80% } .faqs_section { padding: 50px 10px; } .faqs_section .accordium_marggine { margin: 20px 0; } } @media(max-width:576px) { .faqs_section .faqs_text_sub { font-size: 15px; } .faqs_section { padding: 25px 10px; } .faqs_section .accordium_marggine { margin: 20px 0; } } .faqs_section .text_established { color: rgba(0, 0, 0, 0.5); font-family: 'Poppins', sans-serif; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; } .faqs_section .accordion-item { margin: 20px 0 !important; box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.12); border: 1px solid #DEDEDE; border-radius: 10px; } .faqs_section .accordion-button { border-radius: 10px; background-color: transparent !important; border: none; box-shadow: none; justify-content: space-between; } .accordion { --bs-accordion-bg: transparent; } .accordion-item { margin: 15px 0px; } .accordion-item { border-radius: 10px; border: 1px solid #DEDEDE; background: rgba(255, 255, 255, 0.50); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.06); padding: 7px; } .accordion-item.active { border-radius: 12px; border: 1px solid #6D7AE8; background: #FFF; box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.12); } .accordion-item.active .text_established { color: #2A348B; } button.accordion-button.collapsed { color: rgb(0, 0, 0, 0.5); font-size: 20px; font-weight: 500; text-transform: capitalize; } .accordion-button::after { background-image: url('data:image/svg+xml,'); margin-left: 20px; } .accordion-button:not(.collapsed)::after { background-image: url('data:image/svg+xml,'); } .accordion-button:not(.collapsed) { color: #2A348B; font-size: 20px; font-weight: 500; text-transform: capitalize; border: none; box-shadow: none; background: transparent; } .accordion-body { padding-top: 0px; } .accordion-body p { color: #3E3E3E; font-size: 16px; font-weight: 300; line-height: 26px; font-family: 'Poppins', sans-serif; } .accordion-button:focus { box-shadow: none; } @media (max-width: 576px) { .faqs_section .text_established { font-size: 16px; } .accordion-body p { font-size: 14px; line-height: 22px; } } /* =================================================================== */ /* Service Page Ends */ /* =================================================================== */ /* =================================================================== */ /* Portfoilio Page Starts */ /* =================================================================== */ .tabs_section0_02 { padding: 100px 10px 50px 10px; } .tabs_section0_02 .text_show_all { color: #171717; font-family: Poppins, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } @media(max-width:768px) { .tabs_section0_02 { padding: 50px 10px 25px 10px; } .tabs_section0_02 .text_show_all { font-size: 15px; } .tabs_section0_02 .tabs_clip_path { padding: 10px 20px; } } @media(max-width:576px) { .tabs_section0_02 .text_show_all { font-size: 14px; } .tabs_section0_02 .tabs_clip_path { padding: 8px 18px; } } /* tab content */ .img_container_section_03 { padding: 50px 0px 100px 0px } .img_container_section_03 .container { padding: 0px; } .img_container_section_03 .my_div_01 { max-width: 201px; height: auto; } .img_container_section_03 .my_div_01 img { width: 100%; height: 100%; } @media(max-width:576px) { .img_container_section_03 { padding: 10px 0px; } } @media(max-width:480px) { .img_container_section_03 .my_div_01 { width: 100% !important; height: auto; max-width: 100%; } } /* tabs css */ [data-tab-content] { display: none; } .active[data-tab-content] { display: block; } body { padding: 0; margin: 0; } .tabs { display: flex; justify-content: space-around; list-style-type: none; margin: 0; padding: 0; } .tab { cursor: pointer; padding: 10px; } .tab-content { margin-left: 20px; margin-right: 20px; } .tabs_border { border-bottom: 1px solid #00000025; } .title-filter { font-size: 24px; line-height: 30px; margin-bottom: 20px; font-weight: 500; color: #a6ce39; font-family: "Poppins", sans-serif; } .fillter_contain { border-radius: 0px 24px 24px 0px; border: 1px solid #D2D2D2; padding: 30px 0 100px; padding-left: 100px !important; max-width: 400px !important; height: 100%; background: linear-gradient(148deg, rgba(15,30,76,1) 0%, rgba(30,30,30,1) 100%); } .tabs_section0_02_new { padding: 50px 0px 50px 0px !important; height: 100%; } .text_img { padding: 20px 0 0 0; } .main-section-tabs { padding: 100px 0px; } .img_pagination_poratfolia_page { padding: 50px 10px 40px 10px !important; } @media(max-width:1400px) { .main-section-tabs { padding: 100px 0px; } .fillter_contain { max-width: 300px !important; padding: 30px 0 100px; padding-left: 40px !important; } } @media(max-width:992px) { .main-section-tabs { padding: 50px 0px; } .tabs_section0_02_new { padding: 25px 10px !important; } .main-section-tabs { display: block; } .fillter_contain { width: 100% !important; } } /* .text_all_tabs { opacity: 0.5; } */ li.tab { padding: 17px 0px; display: flex; align-items: center; gap: 10px; cursor: pointer; font-family: 'Poppins', sans-serif; color: #fff; } li.tab input[type="checkbox"] { background-color: #DEDEDE; border: 1px solid #ACACAC; border-radius: 5px; width: 20px; height: 20px; appearance: none; } li.tab input[type="checkbox"]:checked { background-image: url('data:image/svg+xml; utf8, '); background-position: center; background-repeat: no-repeat; background-size: 15px; background-color: #a6ce39; } .interiors_text { color: #222; font-family: 'Poppins', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; line-height: 30px; margin: 0; padding: 0; } .interiors_text_lorem { color: rgba(51, 51, 51, 0.5); font-family: 'Poppins', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 0; } .date_img_01 { display: flex !important; justify-content: start; gap: 5px; } .date_img_01 .img_width_01 { width: 16px; height: 16px; } .date_text { color: #000; font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; opacity: 0.7; } /* Pagination Starts */ .pagination li.page-item { margin: 10px 8px; } .pagination li.page-item .page-link { border-radius: 5px !important; padding: 7px 14.7px; font-size: 14px; color: rgb(51, 51, 51, 40%); border: 1px solid #BEBEBE; font-family: "Poppins", sans-serif; font-weight: 500; width: 40px; height: 40px; display: flex; align-items: center; justify-content: baseline; z-index: 1; } .pagination li.page-item.active .page-link { background-color: #E4EBFF; border-color: #96A4CF; color: #0F1E4C; } .pagination li.page-item .page-link:focus { box-shadow: none; } /* =================================================================== */ /* Portfoilio Page Ends */ /* =================================================================== */ /* =================================================================== */ /* Wild Craf Page Starts */ /* =================================================================== */ .wildcraft_section_01 { padding: 100px 20px 100px 20px; } .wildcraft_section_01 .display_flex { display: flex; justify-content: center; gap: 50px; } .wildcraft_section_01 .img_size_wildcard { max-width: 640px; height: auto; } .wildcraft_section_01 .img_size { width: 100% !important; height: auto; } .wildcraft_section_01 .img_text { max-width: 439px; height: auto; } .wildcraft_section_01 .img_text_size { width: 100%; height: auto; } .wildcraft_section_01 .only-text-sction { max-width: 500px; } .wildcraft_section_01 .Sarjapur_text { padding: 20px 0 20px 0; color: #333; opacity: 0.5; font-family: "Poppins", sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 27px; letter-spacing: -0.16px; } .wildcraft_section_01 .text_Established { opacity: 0.5; color: #333; font-family: 'Poppins', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 27px; letter-spacing: -0.16px; } .wildcraft_section_01 .peiview_img_section { max-width: 145px; height: auto; } .wildcraft_section_01 .peiview_img_section img { width: 100%; height: 100%; } .wildcraft_section_01 .img-gallery-magnific { display: grid; grid-template-columns: repeat(4, 3fr); gap: 20px; padding: 20px 0px; } @media(max-width:992px) { .wildcraft_section_01 .img_size_wildcard { max-width: 100% !important; } .wildcraft_section_01 .display_flex { display: flex !important; flex-wrap: wrap-reverse; justify-content: center; gap: 50px; } } @media(max-width:576px) { .wildcraft_section_01 .text_Established { font-size: 15px; } .wildcraft_section_01 .img-gallery-magnific { grid-template-columns: repeat(3, 3fr); } .magnific-img { max-width: 162px; } } /* Image Popup Style */ .magnific-img { max-width: 145px; height: auto; } .magnific-img img { width: 100%; height: auto; } a.image-popup-vertical-fit { cursor: -webkit-zoom-in; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.98; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-arrow-left:before { border-right: none !important; } .mfp-arrow-right:before { border-left: none !important; } .mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter { opacity: 1 !important; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; width: 576px; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } @media(max-width:992px) { img.mfp-img { width: 576px !important; } } @media(max-width:768px) { img.mfp-img { width: 400px !important; } } @media(max-width:576px) { img.mfp-img { width: 280px !important; } } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /* Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media(max-width:992px) { .wildcraft_section_01 .img-gallery-magnific { padding: 15px 0px; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .pd-0 { padding-bottom: 20px !important; } .sec-verticals { background: linear-gradient(148deg, rgba(15,30,76,1) 0%, rgba(30,30,30,1) 100%); padding: 60px 0px; } .sec-verticals .new-headings { font-size: 50px; font-weight: 300; line-height: 42px; text-transform: capitalize; padding: 20px 0; color:#fff; } .sec-verticals .new-headings span { font-weight: 700; } .sec-verticals span { color: #fff; } .breadcrumbs { background: #0f1e4c; padding: 30px; color: #d2d2d2; } .breadcrumbs h2 { font-size: 46px; color: #fff; font-weight: 700; } .breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding-top: 10px; margin: 0; font-size: 15px; } .breadcrumbs ol li+li::before { display: inline-block; padding-right: 5px; color: #676775; content: "/"; } .breadcrumbs li { padding-right: 5px; } .breadcrumbs a { font-size: 16px; font-family: Poppins; color: #d2d2d2; } .breadcrumbs .aactive { color: #bdd800; } @media(max-width:576px) { .footer .footer-top { padding: 40px 20px; } .magnific-img { width: 100%; } .wildcraft_section_01 { padding: 50px 0px; } .breadcrumbs h2 { font-size: 32px; } .details-content { padding: 50px; } }