.p_28_s195{ #tsparticles{ position: fixed; top: 0px; z-index: -1; } }.p_28_s195{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s197{ .aboutMain { padding: 80px 0px; } .smallHead { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--themeColor1); } .mainHeading { font-size: 40px; font-weight: 600; margin: 20px 0px; color: var(--headingColor1); } .subPara { font-size: 15px; line-height: 30px; } .belowGrid { grid-template-columns: 170px 1fr; } .leftBelowSec { margin-top: 30px; } .circleOuter { position: relative; } .cicleSecMain { width: 170px; height: 170px; border: 1px solid #E5E5E5; border-radius: 50%; background-color: var(--themeBg4); } .cicleSecMain svg { position: relative; /* z-index: -1; */ display: block; height: 140px; width: 140px; margin: 0 auto; top: 14px; } .cicleSecMain text { font-size: 10px; transform-origin: center; letter-spacing: 3.6px; font-weight: 600; animation: rotate-btn 15s linear infinite; } @keyframes rotate-btn { 100% { transform: rotate(360deg); } } .play_btn { width: 78px; height: 78px; border-radius: 50%; cursor: pointer; background-color: var(--themeColor1); cursor: pointer; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); z-index: 9; transition: 0.3s; } .play_btn svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: white; stroke: none; height: 30px; width: 30px; cursor: pointer; } .play_btn::after { position: absolute; content: ""; top: 50%; left: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); border-radius: 50%; border: 10px solid rgba(255, 255, 255, 0.85); z-index: 8; } .circleOuter:hover .play_btn { transform: translate(-50%, -50%) rotate(46deg); } .counterSecMain { border-left: 1px solid var(--themeColor1); padding-left: 35px; margin: 20px 0px; } .cardHeading { font-size: 50px; font-weight: 700; line-height: 50px; color: var(--headingColor1); } .cardPara { font-size: 16px; line-height: 26px; margin-top: 4px; } .rightSec img { transition: 0.3s; } .aboutMain:hover .rightSec img { transform: rotate(10deg); } @media only screen and (max-width:1000px) { .rightSec img { width: 100%; } } @media only screen and (max-width: 900px) { .aboutMain:hover .rightSec img { transform: rotate(0deg); } .counterSecMain .grid2 { grid-template-columns: 1fr 1fr; } .aboutMain { padding: 20px 0px; } .mainHeading { font-size: 30px; } .belowGrid { grid-template-columns: 1fr; gap: 0px; } .cicleSecMain { margin: 0 auto; } .cardHeading { font-size: 25px; line-height: 35px; } .leftBelowSec{ margin-top: 10px; } } }.p_28_s197{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s198{ .sosMain { padding: 80px 0px; } .sosGrid { grid-template-columns: 1fr 2fr; } .imgSec { overflow: hidden; } .imgSec img { border-radius: 30px; object-fit: cover; } .textSec { width: 90%; max-width: 300px; bottom: -45px; left: 50%; transform: translateX(-50%); background-color: var(--themeColor1); padding: 20px; border-radius: 15px; } .customGrid { grid-template-columns: 60px 1fr; } .iconSec { width: 60px; height: 60px; background-color: var(--themeColor2); border-radius: 50%; } .iconSec i { font-size: 20px; color: var(--themeColor1); } .cardHead { color: var(--headingColor1); font-size: 16px; font-weight: 600; } .cardPara { color: var(--paragraphColorWhite); font-size: 15px; margin-top: 10px; } .rightSec { background-color: var(--themeBg1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px; } .line { width: 4px; height: 17px; display: inline-block; background-color: var(--themeColor1); position: relative; top: 2px; margin-right: 10px; } .line::after { position: absolute; right: -5px; top: 0; bottom: 0; margin: auto; width: 0px; height: 0px; border-style: solid; border-width: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent var(--themeColor1); content: ""; animation: zump 1.5s linear infinite; } @keyframes zump { 0% { transform: translateY(-5px); } 50% { transform: translateY(6px); } 100% { transform: translateY(-5px); } } .abtHead { font-size: 20px; letter-spacing: 2.2px; margin-bottom: 16px; font-family: var(--o1Font); color: var(--themeColor1); text-transform: uppercase; display: inline-block; font-weight: 700; line-height: 1em; } .abtSubHead { font-size: 30px; line-height: 40px; font-weight: 600; color: var(--headingColor1); padding-bottom: 10px; } .abtPara { color: var(--paragraphColorBlack); line-height: 25px; font-size: 15px; } .pointGrid { grid-template-columns: 18px 1fr; } .pointIcon { width: 18px; height: 18px; } .pointIcon i { color: var(--themeColor1); } .points { color: var(--paragraphColorBlack); line-height: 30px; } .pointSec { margin-top: 30px; } @media only screen and (max-width: 1000px) { .sosGrid { grid-template-columns: 1fr; } .imgSec { max-width: 500px; } .rightSec { margin-top: 40px; } .sosMain { padding: 20px 0px; } .rightSec { padding: 20px; } } }.p_28_s198{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s200{ .aboutMain { padding: 80px 0px; } .aboutMain2 { padding: 80px 0px; background-color: var(--themeBg1); } .smallText { font-size: 14px; color: var(--themeColor); } .mainHeading { font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: 600; color: var(--headingColor2); font-family: var(--hFont); } .mainSubPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .imgSec { border-radius: 20px; overflow: hidden; line-height: 0px; } .aboutMain .imgSec { box-shadow: 0px 0px 20px 20px #e5e5e514; } .pointsSec { margin-top: 10px; } .points i { font-size: 18px; color: var(--themeColor1); } .points { margin-bottom: 10px; } .pointPara { font-size: 18px; font-weight: 500; color: var(--paragraphColorBlack); } .pointHead{ margin-top: 30px; font-size: 18px; font-weight: 600; line-height: 26px; } @media only screen and (max-width: 900px) { .aboutMain { padding: 40px 0px; } .mainHeading { font-size: 30px; } } }.p_28_s200{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s201{ .aboutMain { padding: 80px 0px; } .aboutMain2 { padding: 80px 0px; background-color: var(--themeBg1); } .smallText { font-size: 14px; color: var(--themeColor); } .mainHeading { font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: 600; color: var(--headingColor2); font-family: var(--hFont); } .mainSubPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .imgSec { border-radius: 20px; overflow: hidden; line-height: 0px; } .aboutMain .imgSec { box-shadow: 0px 0px 20px 20px #e5e5e514; } .pointsSec { margin-top: 10px; } .points i { font-size: 18px; color: var(--themeColor1); } .points { margin-bottom: 10px; } .pointPara { font-size: 18px; font-weight: 500; color: var(--paragraphColorBlack); } .pointHead{ margin-top: 30px; font-size: 18px; font-weight: 600; line-height: 26px; } @media only screen and (max-width: 900px) { .aboutMain { padding: 40px 0px; } .mainHeading { font-size: 30px; } } }.p_28_s201{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s202{ .aboutMain { padding: 80px 0px; } .aboutMain2 { padding: 80px 0px; background-color: var(--themeBg1); } .smallText { font-size: 14px; color: var(--themeColor); } .mainHeading { font-size: 40px; line-height: 50px; margin-bottom: 20px; font-weight: 600; color: var(--headingColor2); font-family: var(--hFont); } .mainSubPara { font-size: 15px; line-height: 25px; color: var(--paragraphColorBlack); font-family: var(--pFont); } .imgSec { border-radius: 20px; overflow: hidden; line-height: 0px; } .aboutMain .imgSec { box-shadow: 0px 0px 20px 20px #e5e5e514; } .pointsSec { margin-top: 10px; } .points i { font-size: 18px; color: var(--themeColor1); } .points { margin-bottom: 10px; } .pointPara { font-size: 18px; font-weight: 500; color: var(--paragraphColorBlack); } .pointHead{ margin-top: 30px; font-size: 18px; font-weight: 600; line-height: 26px; } @media only screen and (max-width: 900px) { .aboutMain { padding: 40px 0px; } .mainHeading { font-size: 30px; } } }.p_28_s202{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s203{ .about_section_19 { padding: 80px 0px; background-color: var(--themeBg1); } .maxWidth1000 { max-width: 900px; } .line { width: 4px; height: 17px; display: inline-block; background-color: var(--themeColor1); position: relative; top: 2px; margin-right: 10px; } .line::after { position: absolute; right: -5px; top: 0; bottom: 0; margin: auto; width: 0px; height: 0px; border-style: solid; border-width: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent var(--themeColor1); content: ""; animation: zump 1.5s linear infinite; } @keyframes zump { 0% { transform: translateY(-5px); } 50% { transform: translateY(6px); } 100% { transform: translateY(-5px); } } .abtHead { font-size: 20px; letter-spacing: 2.2px; font-family: var(--o1Font); color: var(--themeColor1); text-transform: uppercase; display: inline-block; font-weight: 700; line-height: 1em; } .abtSubHead { font-size: 30px; line-height: 40px; font-weight: 600; color: var(--headingColor1); margin-bottom: 20px; } .imgSec { width: 250px; margin-bottom: 30px; } .abtPara { font-size: 18px; line-height: 28px; } .pointSec { margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 30px; flex-wrap: wrap; } .pointGrid { grid-template-columns: 20px 1fr; } .pointText { text-align: left; } .pointIcon i { font-size: 20px; color: var(--themeColor1); } .points { font-size: 20px; } .btn { background-color: var(--btnColor); color: var(--btnTextColor); padding: 12px 10px; width: 200px; border-radius: 5px; box-shadow: 0px 0px 10px 0px #d505527d; transition: 0.3s; letter-spacing: 2px; border: none; width: fit-content; } .btnOut { width: fit-content; margin-bottom: 20px; } .btn:hover { background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } @media only screen and (max-width: 900px) { .about_section_19 { padding: 40px 0px; } .abtSubHead { font-size: 25px; line-height: 35px; } .abtPara { font-size: 15px; line-height: 25px; } .imgSec { margin-bottom: 20px; } .pointSec { gap: 10px; } .points { font-size: 15px; } .pointIcon i { font-size: 15px; } } }.p_28_s203{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_28_s204{ .about_section_20 { padding: 80px 0px; background-color: var(--themeBg1); background-position: center; background-repeat: no-repeat; background-size: cover; } .mainHeading { font-size: 58px; font-weight: 600; line-height: 70px; color: var(--headingColor2); } @media only screen and (max-width: 900px) { .about_section_20 { padding: 40px 0px; } .mainHeading { font-size: 30px; line-height: 40px; } } }.p_28_s204{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }