@media only screen and (min-width: 1340px) {
     @font-face {
         font-family: 'Gordita Medium';
         src: url('../Gordita-font/Gordita\ Medium.otf');
     }

     @font-face {
         font-family: 'Gordita Bold';
         src: url('../Gordita-font/Gordita\ Bold.otf');
     }

     @font-face {
         font-family: 'Gordita Regular';
         src: url('../Gordita-font/Gordita\ Regular.otf');
     }


     /* language switcher polylang */
     .pll-parent-menu-item {
         position: relative;
     }

     .pll-parent-menu-item a {
         color: #0000FF !important;
     }

     .pll-parent-menu-item .sub-menu {
         display: none;
         position: absolute;
         top: 0;
         left: 25px;
         background-color: #05FFD7;


         box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
         z-index: 20;
     }

     .pll-parent-menu-item .sub-menu li a {
         padding: 5px 10px;
         white-space: nowrap;
     }

     .pll-parent-menu-item .sub-menu li a {
         color: #0000FF;
         text-decoration: none;
         display: block;
         width: 40px;
         padding: 10px;
         text-align: center;
     }

     .pll-parent-menu-item .sub-menu li a:hover {
         background-color: #f7f7f7;
     }

     .pll-parent-menu-item>a::after {
         content: '';
         display: inline-block;
         margin-left: 5px;
         width: 0;
         height: 0;
         border-left: 5px solid transparent;
         border-right: 5px solid transparent;
         border-top: 5px solid #0000FF;
         vertical-align: middle;
     }

     .pll-parent-menu-item.active>a::after {
         border-top: none;
         border-bottom: 5px solid #000;
     }

     /* end */



     :root {
         --headerBottom-color: white;
         /* Default color */
     }

     body {
         margin: 0;
         font-family: 'Gordita Medium';

     }

     .logo {
         display: none;
     }

     /* Display the black logo when body has headerBlack class */
     body.headerBlack .logo.black {
         display: block;
     }

     /* Display the white logo by default */
     body:not(.headerBlack) .logo.white {
         display: block;
     }

     .mobileMenu,
     .mainEndImgDivMobile {
         display: none;
     }

     .mainEndImgDiv,
     .headerTop,
     .headerBottom,
     .logoDiv {
         display: block;
     }

     .intro {
         position: relative;
     }

     button {
         cursor: pointer;
         font-family: 'Gordita Bold';
     }

     header {
         height: 148px;

     }

     .headerTop {
         position: relative;
         z-index: 4;
         height: 25%;
         background-color: #05FFD7;
         font-family: 'Gordita Medium';
         font-weight: bolder;
         padding: .5rem 7.5rem 0 7.5rem;
     }



     .headerTopInfoList {
         display: flex;
         justify-content: flex-end;
         margin: 0;
     }

     ul {
         list-style-type: none;
         text-decoration: none;
         gap: 2rem;
     }

     a {
         text-decoration: none;
     }

     .headerTopInfoList a {
         text-decoration: none;
         font-family: 'Gordita Medium';
         color: black;
     }

     .headerBottom {
         background-color: transparent;
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: .5rem 7.5rem 0 7.5rem;
         position: relative;
         z-index: 3;

     }

     .logo {
         height: 45px;
         width: 140px;
     }



     .headerbottomInfoList {
         display: flex;
         justify-content: space-evenly;
         align-items: center;
         flex-grow: 1;
         gap: 0;


     }

     .headerbottomInfoListLinks {
         color: #FFFFFF;
     }

     .headerBlack .headerbottomInfoListLinks {
         color: black;
     }

     .dropbtn {
         background-color: transparent;
         padding: 16px;
         font-size: 16px;
         border: none;
         cursor: pointer;
         color: #FFFFFF;
     }

     .dropdown {
         display: flex;
         flex-direction: column;

     }

     #dropdown2 {
         width: 224px;
     }

     .dropdown-content {
         background-color: #05FFD7;
         padding: 7px 0 7px 7px;
         border-bottom-left-radius: 1rem;
         border-bottom-right-radius: 1rem;
         color: black !important;
         display: none;
         position: absolute;
         margin-top: 55px;
         /* min-width: 190px; */
         z-index: 1;
         font-size: 14px;
         width: 182px;
     }

     .dropdown-content a {
         padding: 12px 16px;
         color: black;
         text-decoration: none;
         display: block;
     }

     .dropdownLinks:hover {
         color: #0000FF;
     }

     #data .dropdownLinks:hover:after {
         content: " <";
     }

     #data .dropdownLinks:hover::before {
         content: unset;
     }

     .dropdownLinks:hover::before {
         content: "> ";
     }

     svg {
         stroke: #05FFD7;
     }


     .headerBlack svg {
         stroke: #0000FF;
     }

     .headerBlack .headerLinks {
         color: black;
     }

     .headerBlack .dropdownLinks {
         color: white;
     }

     .headerBlack .dropdownLinks:hover {
         color: #05FFD7;
     }

     .headerBlack .dropdown-content {
         background-color: #0000FF;
     }


     .headerBlack .dropdown:nth-child(1):hover #dropdownBtn {
         background-color: #0000FF;
         color: #05FFD7;
     }



     .headerBlack .dropdown:nth-child(1):hover #rotateImage {
         stroke: #05FFD7;
         background-color: inherit;
     }

     .dropdown:nth-child(1):hover .dropbtn {
         font-weight: bold;
     }

     .dropdown:nth-child(1):hover #dropdownBtn {
         background-color: #05FFD7;
         color: #0000FF;
         border-top-right-radius: 1rem;
         border-top-left-radius: 1rem;
     }

     #data:first-child {
         width: 150px;
         text-align: right;
     }

     #dropdownBtn:nth-child(2) {
         width: 192px !important;
     }

     .dropdown:nth-child(1):hover #dropdownBtn {
         width: 150px;
     }

     .dropdown:nth-child(2):hover #dropdownBtn {
         width: 192px !important;
     }

     .dropdown:nth-child(1):hover #dropdown1,
     .dropdown:nth-child(2):hover #dropdown2 {
         display: block;
     }

     .dropdown:hover #rotateImage {
         transform: rotate(180deg);
         transition: transform 0.3s ease;
         stroke: #0000FF;
     }

     .headerBottomButtons {
         display: flex;
         margin-left: 2rem;
         gap: 1rem;
         align-items: center;
     }



     .headerBottomButtons a {
         display: flex;
         justify-content: center;
         align-items: center;
         height: 3rem;
         text-decoration: none;
         transition: background-color 0.3s, color 0.3s, border 0.3s;
     }





     .headerBlack .headerBottomButtons li:first-child {
         border: 2px solid #0000FF;
     }

     .headerBlack .headerBottomButtons li:first-child a {
         color: #0000FF;
     }



     .headerBlack .headerBottomButtons li:nth-child(2) {
         background-color: #0000FF;
         border: 2px solid #0000FF;
     }

     .headerBlack .headerBottomButtons li:nth-child(2) a {
         color: #FFFFFF;
     }

     .headerBlack .headerBottomButtons li:nth-child(2):hover {
         background-color: white;
         border: 2px solid #0000FF;
     }

     .headerBlack .headerBottomButtons li:nth-child(2):hover a {
         color: #0000FF !important;
     }


     .headerBottomButtons li {
         display: flex;
         justify-content: center;
         align-items: center;
         height: 35px;
         width: 140px;
         font-family: 'Gordita Bold' !important;
         font-weight: 900;
         border-radius: 2rem;
     }

     .headerBottomButtons li:first-child a {
         color: white;
         font-size: small;
     }

     .headerBottomButtons li:first-child,
     .introBtn1 {
         background-color: transparent;
         color: white;
         border: 2px solid #FFFFFF;
     }

     .headerBottomButtons li:first-child:hover,
     .introBtn1:hover {
         background-color: #05FFD7;
         color: #0000FF;
         border: 2px solid #05FFD7;
     }

     .headerBottomButtons li:first-child:hover a {
         color: #0000FF;
     }



     .headerBottomButtons li:nth-child(2),
     .introBtn2 {
         background-color: #05FFD7;
         color: #0000FF;
         border: 2px solid #05FFD7;
     }

     .headerBottomButtons li:nth-child(2) a {
         color: #0000FF;
         font-size: small;
     }

     .headerBottomButtons li:nth-child(2):hover,
     .introBtn2:hover {
         background-color: transparent;
         color: #05FFD7;
         border: 2px solid #FFFFFF;
     }

     .headerBottomButtons li:nth-child(2):hover a {
         color: #05FFD7;
     }

     .introContent {
         width: 50%;
         margin: 0 auto;
     }



     .introTxt1 {
         font-size: 10rem;
     }

     .introTxt2 {
         font-size: 41px;
     }

     .introBtn {
         width: 100%;
         gap: 2rem;
     }

     .introBtn1,
     .introBtn2 {
         font-size: medium;
         border-radius: 2rem;
         font-family: 'Gordita Bold';
     }

     .introBtn1 {
         width: 30%;
     }

     .introBtn2 {
         width: 50%;
     }


     .mainFirstSection {
         position: relative;

     }

     .backgroundSympol svg {
         display: none;
     }

     .mainFirstSection::before {
         content: "";
         background-image: url(../Path\ 44.svg);
         background-size: cover;
         background-repeat: no-repeat;
         position: absolute;
         top: -4rem;
         width: 744px;
         left: -8rem;
         height: 921px;
         z-index: -1;
     }

     main {
         margin-bottom: -19rem;

     }

     .mainTxt {
         display: block;
         top: 0;
         height: 45rem;
     }

     .mainSympolTxt {
         top: 7rem;
         left: 12rem;
         float: left;
         font-size: 38px;
     }

     .mainTxtParaghraph {
         position: relative;
         top: 9rem;
         left: 30rem;
         float: right;

         max-width: 38.125rem;
         font-size: 22px;
     }

     .mainBtns {
         position: absolute;
         top: 23rem;
         left: 10rem;
         right: 10rem;
         gap: 1rem;
         width: 85%;
         z-index: 1;
     }

     .mainBtnDiv {
         height: 4rem;
         align-items: center;
         border-radius: .8rem;
         padding: 1rem;
         max-width: calc(25% - 1rem);
         font-weight: 'Gordita Bold';

     }

     .mainBtnDivTxt {
         font-family: 'Gordita Bold';
         font-size: large;

     }

     .meerInfoBtn {
         border-radius: 2rem;
         padding: 1rem;
         border: 2px solid;
     }

     .meerInfoBtn:hover {
         background-color: #0000FF;

         border: 2px solid #FFFFFF;
         color: #05FFD7 !important;
     }

     .DataWord {
         color: #05FFD7;
         font-family: 'Gordita Bold';
     }

     .mainBtnDivLink {
         position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: .5rem;
         height: 3rem;
         top: 0rem;
         width: 11rem;
         border-radius: 2rem;
         border: 2px solid #05FFD7;
     }

     .mainBtnDivLink:hover {
         background-color: #FFFFFF;
         color: #0000FF;
         border-color: #0000FF;
     }

     .mainTools {
         position: absolute;
         top: 41rem;
         left: 12rem;
         right: 15rem;
         font-family: 'Gordita Bold';
     }

     .mainTools h1 {
         font-size: xx-large;
     }

     .toolsImages {
         position: relative;
         flex-flow: row nowrap;


     }

     .toolsImageDiv2:hover::before,
     .toolsImageDiv1:hover::before {
         background-color: #05FFD7;
         z-index: 1;
     }


     .toolsImageDiv1,
     .toolsImageDiv2 {
         justify-content: start;
         padding-top: 7rem;
         margin-bottom: 2rem;
         z-index: 1;
         cursor: pointer;
     }


     /* .toolsImageLink:hover::before {
         content: attr(data-hover-text);
         transition: opacity 0.3s ease;
     } */


     .toolsImageDiv1 .toolsImageLink:hover::before,
     .toolsImageDiv2 .toolsImageLink:hover::before {
         opacity: 1;
     }

     .toolsImageDiv2 .toolsImageLink,
     .toolsImageDiv1 .toolsImageLink {
         border-radius: 2rem;
     }

     .toolsImageDiv2 .toolsImageLink:hover {
         font-size: 11px;
     }

     .toolsImageDiv2 a {
         margin-top: .2rem;
     }

     .mainEnd {
         min-height: 500px;
         margin-top: 450px;
         justify-content: center;
         align-items: start;
         flex-flow: row wrap;
         gap: 3rem;
     }

     .mainEndTxt {
         width: 25%;
         margin-left: 18rem;
         gap: 2rem;
         margin-top: 1rem;
         justify-content: space-between;
     }

     .mainEndTxt p {
         font-size: xx-large;
     }

     .mainEndImgDiv {

         margin-right: 15rem;
         padding-top: 1rem;
         width: auto;
         width: 420px;
         height: 300px;
     }

     .mainEndImg {
         height: 100%;
         width: auto;
         border-radius: 1rem;
     }

     .mainEndTxtLink {
         width: 50%;
     }

     .mainEndTxtLink:hover {
         background-color: #0000FF;
         color: #05FFD7;
     }

     /* .mainContact {
         top: -8rem;
     } */



     .contactDiv {
         width: 65%;
     }

     .contactDiv::before {
         width: 150px;
         height: 140px;
     }

     .contactDiv::after {
         width: 150px;
         height: 140px;
     }

     .contactDivElements {
         width: 50%;
     }

     .contactDivElements h1 {
         font-size: 2rem;
     }

     .contactDivElements p {
         font-size: small;
     }


     .formRow {
         flex-direction: row;
         margin-top: 2rem;
         gap: 4rem;
     }

     .formBtn:hover {
         background-color: #05FFD7;
         color: #0000FF;
     }

     .footer {
         margin: 0 12.5% 2rem 12.5%;

     }

     .footerTop {
         flex-flow: row nowrap;
     }

     .footerDownLogo {
         width: 75%;
         margin-bottom: 2rem;
     }


     .footerTopInfo {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         margin-left: 2rem;
         font-family: 'Gordita Bold' !important;
     }


     .footerTopInfoHeads:nth-child(3) {
         display: flex;
         flex-flow: column;
         justify-content: space-between;
     }

     .footerTopInfoHeads {
         margin-right: 20px;
     }

     .footerTopInfoHeads h5 a {
         color: #0000FF;
     }

     .footerTopInfoDataList1,
     .footerTopInfoDataList2 {
         list-style-type: none;
         padding: 0;
         margin: 0;
     }

     .footerTopInfoDataList1 {
         columns: 3;
         column-gap: 0;
     }

     .footerTopInfoDataList2 {
         columns: 2;
     }

     .footerTopInfoDataList1 li,
     .footerTopInfoDataList2 li {
         margin-bottom: 10px;

     }

     .footerTopInfoDataLinks {
         color: black;
         font-family: 'Gordita Regular' !important;
         font-size: 12px;
     }

     .footerTopInfoDataLinks:hover {
         color: #0000FF;
     }

     .footerDownLinksList {
         padding: 1.5rem 0 0 0;
     }

     .footerDownLinksList li a:hover {
         color: #0000FF;
     }

     .footerDownButtons {
         display: flex;
         text-align: center;
         gap: 1rem;
         margin-right: .3rem;
         font-family: 'Gordita Bold';
     }


     .footerDownBtn1,
     .footerDownBtn2 {
         border-radius: 1.5rem;
         height: auto !important;
         width: 8rem;
         padding: 1rem;
         color: #0000FF !important;
         font-size: smaller;
     }

     .footerDownBtn1 {
         border: 2px solid #0000FF;
         background-color: #FFFFFF !important;
     }

     .footerDownBtn2 {
         background-color: #05FFD7 !important;
         border: none;
     }

     .footerDownBtn1:hover {
         background-color: #05FFD7 !important;
         color: white !important;
         border: 2px solid #05FFD7 !important;
     }

     .footerDownBtn2:hover {
         background-color: #0000FF !important;
         color: #05FFD7 !important;
     }

     /* slice 2 styling :  */


     .slice2MainintroHeading h1 {
         font-size: 78px;
     }

     .mainIntroHeadingSymbol::after {
         top: 1.5rem;
         margin-left: 1rem;
         width: 89px;
         height: 120px;
     }

     .mainIntroHeadingSymbol::before {
         top: -1.5rem;
         margin-left: -19rem;
         width: 89px;
         height: 120px;
     }

     .slice2MainintroTxt p {
         font-size: xx-large;
         font-weight: normal;
         width: 50%;
     }

     .slice2MainCard {
         width: 400px;
         padding: 30px;
     }

     .slice2MainCard p {
         font-size: large;
     }



     .slice2MainCardBtn {
         background: linear-gradient(to right, #05FFD7 50%, #0000FF 50%);
         background-size: 200% 100%;
         background-position: right bottom;
         transition: all .5s ease-out;
     }

     .slice2MainCardBtn:hover {
         background-position: left;

     }

     .slice2MainCardBtn:hover {
         color: #0000FF !important;
     }

     .page2 .slice3MainContentBtns {
         margin: -12rem 0 5rem 12rem;
     }

     .slice2EndCard {
         height: 450px;
     }

     .slice2endCardContent {
         flex-flow: column wrap;
     }

     .slice2endCardContent h1 {

         font-size: xxx-large;
     }

     .slice2endCardContent p {
         width: 50%;
         height: 1px;
         font-size: larger;

     }

     .endCardBtn {
         align-self: flex-end;
     }

     .endCardBtn:hover {
         background-color: #0000FF !important;
     }

     .endCardBtn:hover {
         color: #05FFD7 !important;
     }

     /* slice 3 styling  */



     .slice3introCard2 p,
     .slice3introCard1 p {
         font-size: 15px;
     }

     .slice3introCard1Grid span {
         border: 2px solid #0000FF;
         font-size: medium;
     }

     .slice3introCard1,
     .slice3introCard2 {
         max-width: 33%;
         height: 515px;
     }

     .slice3MainContent::after {

         top: -2rem;
         right: -7rem;
         width: 650px;
         height: 813px;
         z-index: -1;

     }

     .slice3MainContent::before {
         top: 38rem;
         left: -9rem;
         width: 770px;
         height: 960px;
         z-index: -1;
     }

     .slice3MainContentDiv {
         margin-right: 7rem;
         margin-left: 7rem;
     }

     .slice3MainContentFirstDiv {
         display: flex;
         flex-flow: row nowrap;
     }

     .slice3MainContentTxt {
         width: 90%;
     }

     .slice3mainForm {
         max-width: 30%;
         align-self: flex-end;
     }

     .slice3MainContentBtns h1 {
         font-size: x-large;
     }

     .slice3 .mainBtns {
         position: static;
         margin: 0;
     }

     .slice3 .mainBtnDiv {
         padding: 2rem;
         max-width: 29%;
     }

     .slice3 .meerInfoBtn {
         margin-top: 0;
         padding: 1rem;
         width: auto;
     }

     .slice3 .mainBtnDivLink {
         width: 25%;
         margin: 1rem 0 0 0;
         border: 2px solid #0000FF;
     }

     .slice3 .mainBtnDivLink:hover {
         background-color: #FFFFFF;
         border-color: #0000FF;
         color: #0000FF !important;
     }

     .slice3 .mainBtnDivLink:hover {}


     /* slice 4 style  */

     .slice4Header {
         position: relative;
         z-index: 21;
     }

     .slice4contentTxt {
         position: static;
     }

     .slice4MainContent,
     .slice2End.slice3.slice4,
     .slice3MainContentBtns.slice4 {
         padding: 0.5rem 7.5rem 0 7.5rem;
     }

     .slice4Main::after {
         height: 970px;
         width: 690px;
     }

     .slice4MainBtns::before {
         width: 770px;
         height: 962px;
     }

     .slice4ContentBox {
         font-size: smaller;
     }

     .slice3 .wpcf7 br {
         display: none;
     }

     .slice4MainBtns .mainBtns {
         width: 100%;
     }

     .slice5 .slice4MainContent {
         padding: 0rem 9.5rem;
     }

     .slice5contentTxt h1 {
         font-size: xxx-large;
     }

     .slice5 .slice4MainBtns::before {
         width: 868px;
         top: -6rem;
         height: 1077px;
         left: -13rem;
     }


     /* slice6 style */
     .slice6ContentTxtImgDiv iframe {
         width: 500px;
     }

     .slider-container {
         height: 300px;
         width: 400px;
     }

     .slide img,
     .slide video {
         width: 100%;
         height: 100%;
         object-fit: contain;
     }

     .slice6ContentTxtImgDiv {
         height: 280px;
     }

     .prev,
     .next {

         position: absolute;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;


         bottom: 70px;
     }

     .prev {
         left: -50px;
     }

     .next {
         right: 127px;
     }

     /* slice7 style  */

     .slice7ContentBox {
         width: 50%;
     }

     .slice7 .slice4MainBtns::before {
         top: -4rem;
     }


     /* slice8 style */
     .slice8MainTxtContactDiv {
         display: flex;
         gap: 1rem;
     }

     .slice8FormDiv {
         display: block;
     }

     .slice8 .slice4MainContent {
         margin: 0 2rem;
     }

     .slice8 .slice4MainBtns::before {
         top: -7rem;
     }

     .slice8 .slice3mainForm {
         max-width: 100%;
         height: auto;
     }

     .slice8 .slice5contentTxt {
         margin: 0 0 2rem 2rem;
     }

     .slice8 .slice5contentTxt h1 {
         font-size: xxx-large;
     }

     .slice8 .slice3mainForm {
         margin-top: 0rem;
     }

     .slice8Maintxt {
         background-color: #FFFFFF;
         border-radius: 3rem;
         padding-left: 2rem;

     }

     .slice8Maintxt p {
         font-size: larger;
     }

     .slice8ListItem {
         font-size: 14px;
     }


     /* slice9 style  */

     .slice9 .slice4MainContent {
         padding: 3rem 9.5rem;
     }

     .slice9 .slice5contentTxt {
         width: 80%;
     }

     .slice9 .toolsImages,
     .slice10 .toolsImages {
         height: 400px;
         padding: 0.5rem 7.5rem 0 7.5rem;
         justify-content: center;
     }

     .slice9 .toolsImageDiv1 {
         width: 40%;
     }

     .slice9ToolsTxt h1 {
         font-size: xx-large !important;
     }

     .slice9 h3,
     .slice10Intro h3,
     .slice9ToolsTxt1 h3,
     .slice11MainHead h3 {
         font-size: 23px;
         width: 24rem;
     }

     .slice9 .slice5contentTxt h1 {
         font-size: xxx-large !important;
     }

     .slice9 h4 {
         font-size: 22px;
     }


     .slice10 .toolsImageDiv1:hover::before,
     .slice9 .toolsImageDiv1:hover::before {
         background-color: #0000FF !important;
         cursor: default;
     }

     .slice9MainTxtDiv p {
         font-size: 16px;
     }

     .slice9MainTxtBtn {
         width: 29rem;
     }

     .slice9ToolsTxtBtn {
         width: 22rem;
     }

     .slice9MainTxtBtn,
     .slice9ToolsTxtBtn {
         font-size: 14px;
     }

     /* slice 10 style */

     .slice10Intro {
         padding-top: 3rem;
     }

     .slice10Intro h1,
     .slice11MainHead h1 {
         font-size: xxx-large;
     }

     .slice10Intro>p {
         width: 40%;
         font-size: 20px;
     }

     .slice10Intro h4 {
         font-size: x-large;
     }

     .slice10IntroCard {
         min-width: 350px;
         max-width: 380px;
         min-height: 200px;
         max-height: 300px;
     }

     .slice10Intro p {
         font-size: 14px;
     }

     .slice10IntroBtn {
         width: 26rem;
         height: 4rem;
         font-size: large;
     }

     .slice10IntroBtn:hover,
     .slice9MainTxtBtn:hover,
     .slice9ToolsTxtBtn:hover {
         background-color: #05FFD7;
         color: #0000FF;

     }

     .slice10MainDiv::before {
         left: -14rem;
         top: -4rem;
         width: 1200px;
         height: 1200px;
     }

     .slice10MainDivContent h1 {
         font-size: 45px;
         top: 8.5rem;
         left: 11rem;
         width: 25rem;
         font-size: 50px;
     }

     .slice10MainDivContent {

         display: flex;
         align-items: end;
         flex-flow: column;
     }

     .slice10MainDivContent {
         padding-top: 5rem;
     }

     .slice10MainCardsDiv {
         margin-top: 12rem;
         /* margin-bottom: -4rem; */
         width: 75%;
     }

     .slice10MainCard:nth-child(2) {
         margin-bottom: 13rem;
     }

     /* slice 11 style */
     .slice11ContentMediaVid {
         margin-top: -3rem;
         width: 200%;
     }

     .slice11MainHead h1 {
         font-size: 70px;
     }

     .slice11MainContentFirst p {
         font-size: 20px;
     }

     .slice11ContentVid {
         width: 80%;
         max-width: 550px;
         height: 300px;
     }

     .slice11MainSecondContent {
         margin: 12rem 0 12rem;
         gap: 12rem;
     }

     .slice11MainContent p {
         font-size: larger;
     }

     .slice11ContentMedia {
         height: 300px;
         width: 500px;
     }

     .slice11ContentImg {
         width: 500px;
     }

     .slice11ContentImg {
         max-width: 750px;
     }

     .slice11.slice4Main::after,
     .slice11MainFirstContent::before,
     .slice11MainSecondContent::before,
     .slice11MainSecondContent::after {
         height: 970px;
         width: 790px;
     }

     .slice11.slice4Main::after {
         right: -14rem;
     }

     .slice11MainFirstContent::before {
         top: 24rem;
         left: -15rem;
     }

     .slice11MainSecondContent::after {
         right: -15rem;
         top: 25rem;
     }

     .slice11MainSecondContent::before {
         top: 60rem;
         left: -15rem;
     }

     /* .slice11.slice4MaiinIntro,
     .slice11 {
         overflow: auto;
     } */

     /* slice 12 style */
     .slice11.slice4Main::after,
     .slice11MainFirstContent::before,
     .slice11MainSecondContent::before,
     .slice11MainSecondContent::after {
         height: 970px;
         width: 790px;
     }

     .slice4Main.slice12::after {
         background-image: url(../shutterstock_2052590120.png);
     }

     .slice12 .slice11MainFirstContent::before {
         background-image: url(../shutterstock_2052590201.png);
         z-index: 1;
         top: 100%;
     }

     .slice12 .slice11MainSecondContent::before {
         background-image: url(../shutterstock_2042762741.png);
         z-index: 1;
         top: 56%;
     }

     .slice12 .slice11MainSecondContent::after {
         background-image: url(../shutterstock_2052712241.png);
         z-index: 1;
         top: 17%;
     }

     .slice11MainContentTxt h1 {
         font-size: 70px;
     }

     .slice11MainSecondContent {
         margin-top: 10rem;
     }

     /* .slice12Div1,
     .slice12Div2,
     .slice12Div3 {
         min-height: 80vh;
     } */

     /* .slice12Div3 {
         height: 170vh;
     } */

     .slice12 .slice11MainContent {
         width: 35%;
     }

     .slice12 .slice11MainSecondContent {
         gap: 0;
     }

     .slice12Div1,
     .slice12Div3 {
         justify-content: end;
         padding-right: 14rem;
     }



     .slice12Div2 {
         justify-content: start;
         padding-left: 15rem;
     }

     .slice12 .slice11MainContentTxt h2 {
         font-size: 35px;
     }

     .slice12 .slice11MainContent {
         margin-top: 3rem;
         z-index: 2;
     }

     .slice12 .slice11MainContentTxt {
         align-self: start;
     }

     .slice12Svg {
         margin-top: 1rem;
     }

     .slice12 .slice2End.slice3.slice4 {
         margin: -12rem 4rem 4rem 4rem;
     }

     /* slice13 13 style */
     .slice13ContentTxt p {
         font-size: large;
     }

     .mainBtns .slice13ContentTxt p {
         font-size: small;
     }

     .slice13 .slice4MainContent {
         margin: 6rem 2rem;
     }

     .slice13.slice4Main::after {
         height: 1085px;
         width: 887px;
     }

     .slice13MissieImgDiv {
         margin-top: 2rem;
         width: 90%;
         height: 250px;
     }

     .slice13.slice4Main::after {
         left: -19rem;
     }

     .slice13 .slice4MainBtns::before {
         width: 750px;
         height: 160%;
         top: -53%;
         right: -9rem;

     }

     /* slice 14 style  */

     .slice14 {
         height: 100vh;
         justify-content: flex-start;
         margin: 0rem 0 0 13rem;
     }

     .slice14>h1 {
         font-size: xxx-large;
     }

     .slice14>p {
         font-size: larger;
         width: 60%;
     }

     .slice14Content {
         display: flex;
         align-items: center;
         gap: 3rem;
     }

     .slice14ContactBox {
         width: 100%;
     }

     .checksDiv {
         max-width: 700px;
     }

     /* slice15 style  */


     /* slice16 style */
     .slice16 .mainIntroHeadingSymbol::before {
         margin-left: -35rem;
     }

     .slice16 .slice2MainintroTxt p {
         font-size: x-large;
     }

     .slice16 .slice2MainIntroCards {
         margin: 5rem;
     }

     .slice16 .slice2MainCard p {
         font-size: smaller;
     }

     .slice16 .slice2MainCard {
         width: 300px;
     }


     /* about style  */

     .about {
         align-items: unset;
     }

     .aboutText {
         justify-content: center;
         width: 50%;

     }

     .about .mainContact {
         margin-bottom: 24rem;
     }

     .about.slice13.slice4Main::after {
         z-index: -1;
     }


     /* 404 page style  */
 }

 @media only screen and (min-width: 1840px) {
     .slice12 .slice11MainFirstContent::before {
         top: 84%;
     }

     /* .slice12 .slice11MainSecondContent::before {

            top: 56%;
        } */

     .slice12 .slice11MainSecondContent::after {

         top: 10%;
     }
 }