.p_9_s209{ .footer_section_6 { background-color: var(--themeBg1); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } .leaf { width: 200px; position: absolute; top: 50%; left: 10%; transform: translateY(-50%); } .leaf img { animation: rotate2 5s linear infinite; } @keyframes rotate2 { 0% { transform: rotate(0deg); } 50% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } } .leaf2 { width: 200px; position: absolute; top: 50%; right: 10%; transform: translateY(-50%); } .leaf2 img { animation: rotate3 5s linear infinite; } @keyframes rotate3 { 0% { transform: rotate(0deg); } 50% { transform: rotate(15deg); } 100% { transform: rotate(0deg); } } .conSec { padding: 80px 0px; } .mainHeading { font-size: 140px; font-weight: 800; color: var(--headingColor1); line-height: 150px; max-width: 1000px; } .hireSec { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--themeBg2); border-radius: 50%; z-index: 2; } .blankDiv { width: 100px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--themeBg1); opacity: 0.5; border-radius: 50%; z-index: 1; animation: blink1 1s linear infinite; } @keyframes blink1 { 0% { width: 100px; height: 100px; opacity: 0.5; } 100% { width: 150px; height: 150px; opacity: 0; } } .hireSec p { font-size: 18px; font-weight: 600; color: var(--paragraphColorBlack); } .condetail { margin-top: 30px; } .conA { width: fit-content; padding: 10px; border-radius: 30px; border: 1px solid var(--anchorColor); color: var(--anchorColor); transition: 0.3s; } .conA:hover { border: 1px solid var(--anchorColorHover); color: var(--anchorColorHover); } .conPara { color: var(--anchorColor); } .conA:hover .conPara { color: var(--anchorColorHover); } .copySec { font-size: 14px; font-weight: 400; color: var(--paragraphColorWhite); line-height: 24px; } .ourLink { display: inline-block; font-size: 16px; font-weight: 500; color: var(--anchorColor); transition: 0.3s; } .ourLink:hover { transform: translateY(-3px); color: var(--themeBg2); } .socialIcon { border: 1px solid var(--anchorColor); border-radius: 50%; width: 35px; height: 35px; color: var(--anchorColor); transition: 0.3s; } .socialIcon:hover { border-color: var(--anchorColorHover); color: var(--themeBg2); } .socialIcon i { font-size: 15px; transition: 0.3s; color: var(--anchorColor); } .socialIcon:hover i { color: var(--anchorColorHover); } .socialLinks { float: right; } .copyRightSec { padding: 20px 0px; border: 1px solid transparent; border-bottom: 0px; border-image: linear-gradient( to right, transparent, var(--themeBg2), transparent ); border-image-slice: 1; } @media only screen and (max-width: 900px) { .mainHeading { font-size: 40px; line-height: 50px; } .hireSec { width: 120px; height: 120px; position: relative; left: 0px; transform: none; margin: 0 auto; } .hireAnch { position: relative; margin: 30px auto 10px; display: inline-block; } .blankDiv { width: 120px; height: 120px; } @keyframes blink1 { 0% { width: 120px; height: 120px; opacity: 0.5; } 100% { width: 170px; height: 170px; opacity: 0; } } .hireSec p { font-size: 15px; } .copyRightSec .justifyBetween { justify-content: center; gap: 10px; } .leaf { top: 10%; transform: none; } .leaf2 { top: auto; bottom: 10%; transform: none; } .gap20 { gap: 10px; } .conSec { padding: 40px 0px; } .centerSec { text-align: center; } } .footer_section_6{ background-color: var(--themeColor1); } .mainHeading{ font-size: 80px; line-height: 90px; } @media only screen and (max-width: 900px){ .mainHeading { font-size: 40px; line-height: 50px; } } }.p_9_s209{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }