﻿@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    cursor: none;
}
html, body {
    width: 100%;
    height: 100%;
    font-family: Arial, sans-serif;
	scroll-behavior:smooth;
}

::selection {
    color: black;
    background: #c8c8c8;
}
:root {
    --border: #a5b1d2;
    --text-color: #333;
    --bg-color: #334575;
}
.cursor {
    position: fixed;
    width: 15px;
    height: 15px;
    background:var(--border);
    z-index:99;
    border-radius:50%;
}
.newCursor {
    position: fixed;
    width: 20px;
    height: 20px;
    background: var(--border);
    border-radius: 50%;
    z-index: 99;
    opacity:0;
}
/*========== scrollbar s ============*/
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px var(--border); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #3d3a3a;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: gray; 
}
/*========== scrollbar e ============*/
h5 {
    letter-spacing: .1vw;
    font-size: 15px;
    color: var(--border);
    font-family: 'Josefin Sans', sans-serif;
}
h2 {
    font-family: "Spectral", serif;
    font-weight: 700 !important;
    color: #333 !important;
    font-size: 2.2vw !important;
    line-height: 133% !important;
    font-weight: 300 !important;
    letter-spacing: -0.02vw;
}
h3 {
    letter-spacing: .125vw;
    text-transform: uppercase;
    margin-top: 1.4vw !important;
    margin-bottom: 1.4vw !important;
    font-family: 'Futura PT', Tahoma, sans-serif;
    font-size: 1.4vw !important;
    font-weight: 400 !important;
    line-height: 152% !important;
}
h4 {
    font-family: "Spectral", serif;
    color: #333;
    font-size: 1.3vw !important;
    line-height: 147% !important;
    font-weight: 300 !important;
}
h6 {
    color: #333;
    letter-spacing: -.02vw;
    margin-top: 0 !important;
    margin-bottom: 1.4vw !important;
    font-family: 'Spectral', sans-serif;
    font-size: 1.3vw !important;
    font-weight: 300;
    line-height: 147%;
}
a, p {
    text-decoration: none !important;
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    color: var(--text-color) !important;
    letter-spacing: 0.1vw !important;
    font-size: 1.1vw !important;
}
a:hover{
    opacity:0.8;
}

.p {
    font-family: "PT Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 152% !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #363636 !important
}
a:focus-visible{
    outline:none;
}
span {
    margin: 0px;
    padding: 0px;
    font-family: 'Spectral', sans-serif;
    color: #333;
    font-size: 1.3vw;
    line-height: 147%;
    font-weight: 300;
    letter-spacing: -0.02vw;
}
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.extraLight{
    color:var(--border)!important;
}
.grayText {
    color: #9b9b9b !important;
}
/*.textCenter {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
.menuList {
    list-style: none;
    display: flex;
    gap: 1px;
    margin-top: 30px;
    font-family: 'Josefin Sans', sans-serif;
    z-index: 999;
}
.navbar{
    position:relative;
} 
nav {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 1rem 0 1rem;
    border-bottom: 1px solid var(--border);
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    z-index: 9;
}
nav .logoIcon{
    width:25%;
}
nav .logoIcon img{
    height:100%;
    width:100%;
    padding-left: 4rem;
}
.menuList li {
    position: relative;
    /*padding: 14px 10px;
    border-radius: 50%;*/
    letter-spacing: .1vw;
    /*font-family: Futura PT, Tahoma, sans-serif;*/
    font-size: 20px;
    color: var(--text-color);
    
}
.menuList a:hover,.menuList .active{
    border:1px solid var(--border);
}
.menuList li a {
    text-decoration: none;
    color: var(--text-color);
    padding: 14px 10px;
    border-radius: 50%;
    border: 1px solid transparent;
}
.menuList ul {
    position: absolute;
    left: 0;
    list-style: none;
    display:none;
    top: 103%;
    width: 200px;
    margin: 0;
    padding: 10px 0 10px;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    border: 1px solid var(--border);
    margin-bottom: 10px;
}
.resNav{
    display:none;
}

/*.menuList li:hover ul {
    display: block;
}
.menuList ul li {
    font-size: 18px;
    padding: 0 10px;
}
.menuList ul li:hover{
    border: 1px solid var(--border);
    border-radius: 0%;
    background:#e3e8f7;

}*/
nav .checkbtn {
    font-size: 30px;
    line-height: 80px;
    margin-right: 20px;
    cursor: pointer;
    display: none;
}

.sideMenu{
    position:fixed;
    top:100px;
    width:100%;
    height:100vh;
    z-index:8;
    display:flex;
}

.sideMenu .subMenu{
    position:fixed;
    width:40%;
    height:100vh;
    background:var(--bg-color);
    position:relative;
}
.subAbout, .subAbout2, .subAbout3 {
    position: absolute;
    top: 55vh;
    left: 5vw;
    display: flex;
    flex-direction: column;
    cursor:pointer;
}
.subAbout3 {
    top: 40vh !important;
}
.subAbout{
    top: 45vh !important;
}
/*.subAbout {
    opacity:0;
}
.subAbout2 {
    opacity:0;
}
.subAbout3{
    opacity:0;
}*/

.subService {
    position: absolute;
    top: 10vh;
    left: 5vw;
    display: flex;
    flex-direction: column;
    opacity: 0;
}
.sideMenu .sideMenuBack {
    width: 60%;
    height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}
.hideSideMenu {
    transform: translateX(-100%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

/*footer style*/
.footerPage {
    display: flex;
    border-top: 1px solid var(--border);
    margin-top: -2.5%;
}
.bordr, .mainBor {
    border: 1px solid var(--border);
}
.bgColor{
    background:var(--bg-color);
}
/*.footOne{
    width:100%;
    min-height:30vh;
}
.footOne .bordr{
    border-width:1px 1px 0 0;
}*/
.footTwo {
    width: 100%;
    min-height: 60vh;
}
.footTwo .bordr{
    border-width:1px 1px 1px 0px;
}
.rotate {
    transform: rotate(270deg);
}
.footThree {
    background: var(--bg-color);
    height: 10vh;
    color: white;
    display: flex;
    align-items: center;
    position: relative;
}
.footThree h5{
     color:white !important;
     padding-left:3rem;
}
.Btn {
    position: absolute;
    right: 5%;
    bottom: 2rem;
    height: 80px;
    width: 80px;
    background: var(--bg-color);
    border-radius: 50%;
    transform: rotate(360deg);
    border: 2px solid white;
}
.lgIcon {
    width: 70%;
}
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Btn a{
    font-weight:600 !important;
    color:white !important;
}
.bb-none{
    border-bottom:none !important;
}
.nextFooter{
    display:flex;
}
.First{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2vw;
    border-right: 1px solid var(--border);
    padding:0 3vw;
    width:50%;
}
.Second , .Third{
    border-right: 1px solid var(--border);
    padding: 3vw 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content:center;
    text-align: center;
    width:25%;
}
.Third {
    border-right: none !important;
}
    .Second a, .Third a{
    margin-bottom: 1.7vw;
}
/*========= index style =========*/
.mainContainer {
    margin-top: 2%;
    position: relative;
}
.pageOne{
    position:relative;
    overflow:hidden;
}
.pageOne .mainBox {
    min-height: 100vh;
    width: 100%;
    display: flex;
    border-bottom: 1px solid var(--border);
}
.pageOne .mainBox .boxOne, .rightClm .boxOne{
    width: 50%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 6vw 5vw;
    gap: 3rem;
}
.pageOne .mainBox .boxOne h2 , .rightClm .boxOne h2{
    text-align:center;
}
.pageOne .mainBox .boxOne p{
    text-transform:uppercase;
    color:#333;
}
.pageOne .mainBox .boxTwo , .rightClm .boxTwo{
    width:50%;
    height:auto;
}
.pageOne .mainBox .boxTwo img{
    opacity:0.7;
}
.curveImg{
    height:200px;
    position:absolute;
    top:0;
    left:0;
}

/*=====home line style start====*/
.line-header-hidden-mask {
    z-index: 7;
    width: 0%;
    height: 100%;
    border: 1px #a5b1d2;
    border-radius: 33vw 0% 0% 0;
    margin-top: 6vw;
    margin-left: 5.15vw;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    top: -2%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}
.line-header {
    z-index: 6;
    width: 100vw;
    height: 100vw;
    border: 1px #a5b1d2;
    border-style: solid none none solid;
    border-radius: 39vw 0% 0% 0;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}
/*=====home line style end ====*/
.submit {
    width: 8.33333vw;
    height: 8.33333vw;
    max-height: 8.33333vw;
    max-width: 8.33333vw;
    min-height: 8.33333vw;
    min-width: 8.33333vw;
    opacity: 1;
    text-align: center;
    display: flex;
    background-color: var(--bg-color);
    border-radius: 50%;
    justify-content: center;
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 7;
    transition: 0.15s;
}
 .submit span{
     display:flex;
     justify-content:center;
     align-items:center;
     color:white;
     text-transform:uppercase;
     line-height:25px;
     font-size: 1vw;
    font-weight: 400;
 }

.pageTwo {
    min-height: auto;
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--border);
}
.leftColumn {
    width: 5.22vw;
    max-width: 5.22vw;
    min-width: 5.22vw;
    min-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: none;
    border-top: none;
    border-left: none;
}
.v-text {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
   text-transform:uppercase;
}
.v-text .blue-light{
    color:var(--border) !important;
    font-size:1vw !important;
}
.rightColumn {
    min-height: 40vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items:center;
    gap: 3rem;
    margin: 5vw 0;
    padding: 0 6vw;
}
.rightColumn .newOne{
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: space-evenly;*/
    text-align:center;
    gap:1.5vw;
    height:100%;
}
.rightColumn .newOne .number{
    width: 2vw;
    height: 2vw;
    background: var(--bg-color);
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items:center;
}
.title {
    font-family: 'Futura PT', Tahoma, sans-serif;
    color: #333;
    font-size: 1.4vw;
    line-height: 152%;
    font-weight: 400;
    letter-spacing: 0.125vw;
    text-transform: uppercase;
}
.para {
    margin: 0px;
    padding: 0px;
    font-family: Spectral, sans-serif;
    color: #333;
    font-size: 1.3vw;
    line-height: 147%;
    font-weight: 300;
    letter-spacing: -0.02vw;
}
.pageThree {
    min-height: auto;
    width: 100%;
    border-bottom: 1px solid var(--border);
    display: flex;
}
.pageThree .leftColumn{
    min-height:auto !important;
}
.rightClm {
    width: 100%;
    min-height: auto;
    display: flex;
}
.rightClm .boxTwo, .rightClm .boxOne{
    height:auto;
}
.rightClm .boxOne{
    gap: 1rem !important;
    text-align:center;
}
.rightClm .boxTwo img{
    opacity:0.8;
}
.pageFour {
    min-height: auto;
    width: 100%;
    border-bottom: 1px solid var(--border);
    display: flex;
}
.pageFour .containerEgg{
    display: flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    margin-top: 6.7vw;
    margin-bottom: 6.7vw;
    position:relative;
}
.containerEgg .rightEgg {
    width: 32.36vw;
    height: 39.36vw;
    border-radius: 100%;
    overflow: hidden;
}

.containerEgg .leftEgg {
    width: 32.36vw;
    height: 39.36vw;
    border-radius: 100%;
    overflow: hidden;
    margin-left: -5.2vw;
}
.containerEgg .egg {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.egg .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 0.6s ease;
}
.arrowCon{
    position:relative;
    width:5vw;
    padding-top:2rem;
}
.arrowCon .dark{
    opacity:1;
}
.arrowCon .light{
    position:absolute;
    top: 0;
    left: 0;
    opacity:0;
}
.egg .eggImg, .egg .eggImg2 {
    position: absolute;
    opacity: 0;
    transform: scale(1);
}

.containerEgg .egg:hover p , .containerEgg .egg:hover .content h2 {
    color: white !important;
}

/*===== page 5 s=====*/
.pageFive {
    min-height: auto;
    width: 100%;
    border-bottom: 1px solid var(--border);
    display: flex;
    position:relative;
}
.pageFive .subFive , .pageSix .subFive{
    width: 100%;
    min-width: 85%;
    flex-direction: column;
    padding-top: 4.2vw;
    padding-right: 6.2vw;
    padding-bottom: 4.2vw;
    padding-left: 2.7vw;
    display: flex;
    overflow: hidden;
}
.textWhite {
    color: #fff !important;
}
.logContainer {
    width: 100%;
    position: relative;
}
.logContainer .logContain{
    width: 50%;
     
}
.logArrow {
    display: flex;
    gap:4vw;
}

.slider{
    margin-top:5vw;
}
.slider .slider-item{
    max-width: 25.625vw;
    min-height: 100%;
    min-width: 25.625vw;
    cursor: none;
    margin-right: 2.77778vw;
    background:white;
    border-bottom-right-radius: 6vw;
}
.slider .slider-item img {
    width: 100%;
    height: 20vw;
    max-width: none;
    min-height: 20vw;
    min-width: 100%;
}
.slider .slider-item .text {
    padding: 2vw 3vw 2vw 1.7361111111111112vw;
    width: 25.625vw;
    max-height: 100%;
    min-height: auto;
    min-width: 25.625vw;
    font-family: Spectral, sans-serif;
    color: #333;
    font-size: 1.3vw;
    line-height: 147%;
    font-weight: 300;
    letter-spacing: -0.02vw;
}
.leftWArrow {
    position: absolute;
    top: -75px;
    right: 100px;
}
.rightWArrow {
    position: absolute;
    top: -75px;
    right: 10px;
}
.sliderText {
    color: #333;
    letter-spacing: -.02vw;
    margin: 0;
    padding: 0;
    font-family: Spectral, sans-serif;
    font-size: 1.3vw;
    font-weight: 300;
    line-height: 147%
}
/*===== page 5 e=====*/
/*===== page six s=====*/
.pageSix {
    min-height: auto;
    width: 100%;
    border-bottom: 1px solid var(--border);
    display: flex;
}
.slideItem {
    width: 275.061px;
}
.sliderMain {
    margin-top: 4vw;
}
.sliderBox {
    width: 25.625vw;
    height: 26.3889vw;
    min-height: 26.3889vw;
    min-width: 25.625vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.08333vw;
    margin-right: 2vw;
}
.sliderBox .linkWebinar {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    cursor: none;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    display: flex;
}
.tLight {
    color: #9b9b9b!important;
}
.webContent{
    text-align:center;
}

/*===== page six e=====*/

/*===== page seven s=====*/
.pageSeven {
    min-height: auto;
    width: 100%;
    border-bottom: 1px solid var(--border);
    display: flex;
}
.aboutContainer {
    width: 100%;
    height: auto;
    margin-top: 6.25vw;
    margin-bottom: 6.25vw;
    padding-left: 2.77778vw;
    padding-right: 7.98611vw;
    overflow: hidden;
    position:relative;
}

.aboutSliderItem {
    display: flex !important;
}
.aboutSliderItem .leftSide {
    width: 37.6667vw;
    min-width: 37.6667vw;
    object-fit: cover;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
    overflow: hidden;
}
.aboutSliderItem .rightSide{
    padding-top: 1vw;
    padding-bottom: 4vw;
    padding-left: 5.55556vw;
    color:white !important;
}
.aboutSliderItem .rightSide h2{
    margin-top: 1.04167vw;
    margin-bottom: 2.08333vw;
    color:white !important;
}
.aboutSliderItem .rightSide p{
     color:white !important;
}
.aboutLeft {
    position: absolute;
    bottom:0;
    right:40%;
    z-index:7;
}
.aboutRight {
    position: absolute;
    bottom: 0;
    right: 30%;
    z-index: 7;
}
/*===== page seven e=====*/
/*===== page eight s=====*/
.pageEight {
    min-height: 100vh;
    width: 100%;
    border-bottom: 1px solid var(--border);
    display: flex;
}
.searchContainer {
    width: 100%;
    margin: 6.25vw 9.02778vw 14vw 2.77778vw;
    display: flex;
    position:relative;
}
.stickyContainer {
    width: 48vw;
    height: 102.5%;
    min-height: 102.5%;
    min-width: 48vw;
    margin-right: 7.77778vw;
   /* position:sticky;
    top:10%;
    left:0;*/
}
.cardContainer {
    transform: translate(0, 9vw);
}
.list .listItem {
    width: 28.1944vw;
    background-color: #334575;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.38889vw;
    padding: 2.08333vw 1.5vw 3.47222vw;
}
.list .listItem:hover .cursor{
    width: 20px;
    height: 20px;
    background:red;
    z-index:99;
}
.containP {
    margin-top: 1.04167vw;
    margin-bottom: 3.125vw;
}
.listItem .cardImg {
    width: 16.6667vw;
    height: 16.6667vw;
    min-height: 16.6667vw;
    min-width: 16.6667vw;
    border-radius: 100%;
}

/*===== page eight e=====*/
/*===== page Nine s=====*/
.pageNine {
    min-height: auto;
    width: 100%;
    border-bottom: 1px solid var(--border);
    display: flex;
}
.acoContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 6.25vw 5.20833vw 6.25vw 2.77778vw;
}
.accoItem {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-top: 1px solid #a5b1d2;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 3vw;
    padding-bottom: 3vw;
    position: relative;
    transition: 0.5s;
}
.accoItem .lSide {
    width: 50%;
    min-width: 50%;
    padding-right: 3.47222vw;
}
.accoItem .rSide {
    width: 50%;
    min-height: auto;
    min-width: 50%;
    padding-right: 7.63889vw;
    display:none;
}
.accoItem .cross {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
    transition: 0.5s;
    z-index: 3;
    width:3vw;
}
.acoContainer .shine {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    border-top: 1px solid #a5b1d2;
}
.acoContainer .shine .shineContent {
    width: 13.8889vw;
    height: 6.66667vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.51389vw;
    text-decoration: none;
    position: relative;
}
/*===== page Nine e=====*/
/*===== page ten s=====*/
.pageTen {
    width: 100%;
    padding: 6vw;
    padding-bottom: 0;
    padding-top: 2vw;
    border-bottom:1px solid var(--border);
}
.containPara .Img{
    height:70vh;
}
.containPara .Img img{
    border-radius:1vw;
}
.serContent {
    margin: 3vw 0;
}
.serContent h2{
    margin-bottom:2vw;
    text-transform:uppercase;
}
.logContain{
    margin-bottom:3vw;
}
/*===== page ten e=====*/
/*===== ivf s=====*/
.serContainer {
    width: 100%;
    margin-bottom: 5vw;
    display: flex;
    justify-content: center;
}
/*===== ivf e=====*/
/*===== formPage s=====*/
.formPage {
    width: 100%;
    display: flex;
    justify-content: center;
    /*border-bottom: 1px solid var(--border);*/
}
.formPage .formContainer{
    margin-top: 3vw !important;
    margin-bottom: 3vw !important;
    background-color: #F7F7F8 !important;
    border-bottom: none !important;
    width:70%;
    max-width: 905px !important;
}
.formContainer .formHeader {
    border-bottom: none !important;
    padding: 80px 70px 35px !important;
    text-align:center;
}
.description {
    font-family: 'Futura PT', Tahoma, sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 152% !important;
    text-align: center !important;
    letter-spacing: 0.1vw !important;
    text-transform: uppercase !important;
    color: #363636 !important;
}
.formContainer .mainForm{
    padding:0 4vw;
}
.radioContain .radioTittle {
    margin-bottom: 1vw;
}
.rLabel {
    border: none !important;
    border-radius: 0px !important;
    background-color: #F7F7F8 !important;
    padding: 0 30px 0 0 !important;
}
.rLabel input{
    margin-right: 15px ;
    margin-bottom: 20px;
}
.rLabel span{
    text-transform:uppercase;
}
.nameContain {
    margin-bottom: 30px;
}
    .nameContain input, .radioContain select, .nameContain textarea {
        width: 100%;
        background-color: #F7F7F8 !important;
        font-family: 'Spectral' !important;
        font-style: normal !important;
        font-weight: 300 !important;
        font-size: 18px !important;
        line-height: 149% !important;
        letter-spacing: -0.01em !important;
        color: #363636 !important;
        border-radius: 0px !important;
        border: none;
        border-bottom: 1px solid #A5B1D2 !important;
    }
input:focus-visible , select:focus-visible , textarea:focus-visible{
    outline:none;
}
.submitBtn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding:5px;
    padding-bottom: 65px;
}
.submitBtn button{
    width: 100%;
    border:none;
    background:var(--bg-color);
    min-height:52px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor: none !important;
}
.submitBtn button .p{
    color:white !important;
}
.bold{
    font-weight:bold !important;
}

/*===== formPage e=====*/
/*===== assisted  s=====*/
.contentImg {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:2vw;
}
.contentImg .realImg{
    width:60%;
}
/*===== assisted  e=====*/
/*===== contact  s=====*/
.contactDetails {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
}
.contactIcon {
    width: 4vw;
    height: 4vw;
    background: var(--bg-color);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactIcon svg{
    color:white;
    transform: scale(1.5);
}
.borderR{
    border-right:1px solid var(--border);
}
.borderT{
    border-top:1px solid var(--border);
}
.textLeft{
    text-align:start !important;
}
.pageForContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4.8056vw;
    padding-bottom: 4.63889vw;
    text-align:center;
}
.pageForContent .contentMsg{
    width:70%;
}
/*===== contact  e=====*/
/*===== low  s=====*/
.law {
    width: 100%;
    padding: 3vw 4vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.law .lawImg{
    width:80%;
}

.law .lawImg img{
    border-radius:20px;
}
.lawPdf{
    width:80%;
    padding-top:5vw;
}
/*===== low  e=====*/
/*===== intended  s=====*/
.process {
    width: 100%;
    padding: 6vw;
    padding-bottom: 0;
    padding-top: 2vw;
    border-bottom: 1px solid var(--border);
}
/*===== intended  e =====*/
/*===== submit alert  s =====*/
.checkGif video{
    width:40%;
}
/*===== submit alert  e =====*/
/*===== gallery  s =====*/
#gContain {
    margin-right: 20px;
}
.galleryContainer {
    display: grid;
    grid-template-columns: auto auto auto;
    padding:0 3rem;
}
.galleryItem{
    margin-bottom:20px;
}
.gallery{
    padding:3rem;
}
/*===== gallery  e =====*/
/*===== testimonals  s =====*/
.testimonalItem {
    display: flex;
    justify-content: center;
    width: 100%;
}
video{
    width:100%;
    height:100%;
    object-fit:cover;
}
/*===== testimonals  e =====*/


