.p_2_s202{ .shortBanMain { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0px; } .heading { font-size: 65px; font-weight: 700; line-height: 75px; font-family: var(--o1Font); color: var(--headingColorW1); margin-bottom: 10px; } .linksPara { font-size: 15px; color: var(--paragraphColorWhite); } .linksPara span { margin: 0px 10px; } .linksPara a { transition: 0.3s; } .linksPara a:hover { color: var(--themeColor1); } @media only screen and (max-width: 900px) { .heading { font-size: 40px; line-height: 50px; } } .shortBanMain{ padding: 150px 0px; } }.p_2_s202{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s204{ .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 button { background: var(--btnColor); color: var(--btnTextColor); font-size: 17px; font-style: normal; font-weight: 500; padding: 10px 20px; overflow: hidden; position: relative; display: flex; line-height: 28px; transition: all .3s ease 0s; border-radius: 10px 10px 10px 10px; border: none; outline: none; } .circleOuter button:hover{ background-color: var(--btnHoverColor); color: var(--btnHoverTextColor); } .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; } @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_2_s204{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s205{ .testimonial_section_12 { padding: 80px 0px; background-color: var(--themeBg2); background-position: bottom left; background-size: cover; background-repeat: no-repeat; overflow: hidden; } .custGrid3 { grid-template-columns: 1fr 300px; } .testiSlider12 { margin-top: 50px; } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); } .arrowMainSec { pointer-events: none; z-index: 2; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 20px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .arrowRightIconSec, .arrowLeftIconSec { pointer-events: all; cursor: pointer; width: 40px; height: 40px; background-color: var(--btnColor); border-radius: 8px; transition: 0.4s; } .arrowRightIconSec:hover, .arrowLeftIconSec:hover { background-color: var(--btnHoverColor); } .arrowRightIconSec i, .arrowLeftIconSec i { color: var(--btnTextColor); transition: 0.4s; } .arrowRightIconSec:hover i, .arrowLeftIconSec:hover i { color: var(--btnHoverTextColor); } .imgSec { overflow: hidden; border-radius: 20px; height: 400px; } .custGrid { grid-template-columns: 1.5fr 1fr; } .textSec { border-radius: 20px; padding: 30px; background-color: var(--themeBg1); margin-left: -200px; } .stars { gap: 5px; margin-bottom: 25px; } .stars i { font-size: 15px; color: #eea81f; } .comment { font-size: 16px; line-height: 26px; font-weight: 500; margin-bottom: 25px; } .custGrid2 { grid-template-columns: 70px 1fr; } .profile { font-size: 16px; line-height: 26px; font-weight: 600; border-radius: 50%; overflow: hidden; } .name { font-size: 18px; line-height: 30px; color: var(--headingColor1); } .desig { font-size: 15px; line-height: 26px; font-weight: 400; color: #252525; } @media only screen and (max-width: 900px) { .testimonial_section_12 { padding: 40px 0px; } .mainHeading { font-size: 30px; line-height: 40px; } .custGrid { grid-template-columns: 1fr; } .textSec { margin-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .imgSec { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; height: 270px; } .floatRight { margin: 0 auto; float: none; } .custGrid3 { grid-template-columns: 1fr; } .custGrid3 { text-align: center; } .arrowMainSec { justify-content: center; } .arrowMainSec{ display: none; } .testiSlider12{ margin-top: 0px; } } .floatRight{ float: none; margin: 0 auto; } }.p_2_s205{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s208{ .partMain { padding: 20px 0px; } .smallHead { font-size: 15px; line-height: 25px; font-weight: 400; letter-spacing: 2px; color: var(--headingColor1); font-family: var(--pFont); } .mainHeading { font-size: 40px; font-weight: 600; font-family: var(--hFont); color: var(--headingColor2); margin-bottom: 10px; } .subPara { font-size: 16px; line-height: 26px; font-weight: 400; margin-bottom: 50px; font-family: var(--pFont); color: var(--paragraphColorBlack); } .partIcon { padding: 15px; border: 2px solid transparent; border-radius: 30px; position: relative; transition: 0.3s; overflow: hidden; } .partIcon img { margin: 0 auto; max-width: 150px !important; } .imgHover { position: absolute; top: -100%; left: 50%; transform: translateX(-50%); transition: 0.3s; } .partIcon:hover { border: 2px solid var(--themeColor2); } .partIcon:hover .imgHover { top: 15px; } .mainLogo { transition: 0.3s; } .partIcon:hover .mainLogo { opacity: 0; } @media only screen and (max-width: 900px) { .partMain { padding: 20px 0px; } .partIcon { padding: 10px 5px; } } .maxWidth1300{ max-width: 1700px; } .partIcon img{ max-width: 200px !important; } .maxWidth1100{ width: 90%; max-width: none; } @media only screen and (max-width: 900px) { .mainHeading{ font-size: 25px; } } }.p_2_s208{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s234{ .supMain { padding: 80px 0px; } .supCard { padding: 20px 30px; background-color: var(--themeBg1); border-radius: 10px; position: relative; overflow: hidden; cursor: pointer; } .cardGrid { grid-template-columns: 60px 1fr; position: relative; z-index: 9; } .iconSec { width: 60px; height: 60px; } .iconSec i { font-size: 40px; color: var(--themeColor1); transition: 0.3s; } .cardTextSec { height: 100%; } .cardHead { height: 100%; display: flex; flex-direction: column; justify-content: center; border-left: 2px solid #dddddd; padding-left: 20px; font-size: 24px; font-weight: 800; color: var(--headingColor1); transition: 0.3s; } .hoverDiv { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0%; background-color: var(--themeColor1); transition: 0.3s; } .supCard:hover .hoverDiv { height: 100%; } .supCard:hover .iconSec i { color: var(--paragraphColorWhite); } .supCard:hover .cardHead { color: var(--paragraphColorWhite); } .topTabSec { margin-bottom: 50px; } .botTabSec { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 10px; border: 1px solid #dddddd; border-radius: 10px; display: none; } .botGrid { grid-template-columns: 500px 1fr; } .imgSec img { object-fit: cover; border-radius: 10px; } .botRightSec { padding: 30px 70px 30px 30px; } .botRightSec .cardHead { border: none; margin-bottom: 40px; padding-left: 0px; } .botCardSec { border-bottom: 1px solid #dddddd; padding-bottom: 30px; margin-bottom: 30px; transition: 0.3s; } .botCardGrid { grid-template-columns: 45px 1fr; } .botIConSec { width: 45px; height: 45px; background-color: var(--themeColor1); border-radius: 50%; } .botIConSec i { font-size: 20px; color: white; } .carInnerHead { font-size: 16px; font-weight: 800; margin: 0 0 5px; color: var(--headingColor3); } .carInnerPara { font-size: 15px; line-height: 25px; } .botCardSec:hover { border-bottom: 1px solid var(--themeColor1); } .supCard.activeTab .hoverDiv { height: 100%; } .supCard.activeTab .iconSec i { color: var(--paragraphColorWhite); } .supCard.activeTab .cardHead { color: var(--paragraphColorWhite); } .botTabSec.active { display: block; } .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: 22px; 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: 40px; line-height: 50px; font-weight: 600; color: var(--themeColor3); padding-bottom: 20px; /* font-family: va\; */ } @media only screen and (max-width: 1100px) { .botCardGrid.gap30 { gap: 10px; } .botGrid { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 900px) { .topTabSec .grid3 { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 700px) { .abtSubHead { font-size: 30px; } .cardHead { font-size: 20px; } .botGrid { grid-template-columns: 1fr; } .cardGrid { grid-template-columns: 40px 1fr; } .supCard { padding: 15px; } .iconSec { width: 40px; height: 40px; } .cardGrid.gap20 { gap: 10px; } .botRightSec { padding: 30px; } } @media only screen and (max-width: 550px) { .supMain { padding: 20px 0px; } .topTabSec .grid3 { grid-template-columns: 1fr; } .botRightSec { padding: 10px; } } }.p_2_s234{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s235{ .whyMain { overflow: hidden; padding: 80px 0px; background-position: left; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .whyGrid { grid-template-columns: 350px 1fr; } .rightSec { position: relative; } .animImg { width: 190px; height: 190px; top: 0px; right: -110px; opacity: 0.2; animation: rotate 3s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } } .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: 22px; 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: 40px; line-height: 50px; font-weight: 600; color: var(--headingColorW1); padding-bottom: 20px; } .abtPara { max-width: 500px; color: var(--paragraphColorWhite); line-height: 30px; } .whyCard { padding: 40px; margin-top: 30px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 20px; position: relative; overflow: hidden; } .hoverDiv { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 0%; background-color: var(--themeColor1); transition: 0.3s; z-index: 1; } .whyCard:hover .hoverDiv { height: 100%; } .cardGrid { position: relative; z-index: 2; grid-template-columns: 95px 1fr 55px; } .iconMainSec { width: 95px; height: 95px; border-radius: 50%; background-color: var(--themeColor1); transition: 0.3s; } .iconMainSec i { font-size: 35px; color: white; transition: 0.3s; } .cardHead { color: var(--headingColorW1); font-size: 24px; font-weight: 600; margin: 0 0 17px; } .points { margin-bottom: 10px; } .pointGrid { grid-template-columns: 15px 1fr; } .iconSec { width: 15px; height: 15px; } .iconSec i { font-size: 15px; color: var(--themeColor1); transition: 0.3s; } .cardPara { line-height: 25px; font-size: 15px; color: var(--paragraphColorWhite); } .linkIconMain { width: 55px; height: 55px; background-color: var(--themeBg2); border-radius: 50%; } .linkIconMain i { color: white; transform: rotate(-125deg); transition: 0.3s; } .linkIconMain:hover i { transform: rotate(0deg); } .whyCard:hover .iconMainSec { background-color: var(--themeColor2); } .whyCard:hover .iconMainSec i{ color: var(--themeColor1); } .whyCard:hover .iconSec i{ color: var(--themeColor2); } @media only screen and (max-width: 1170px) { .whyGrid { grid-template-columns: 1fr; gap: 0px; } .animImg { right: 0px; } } @media only screen and (max-width: 760px) { .animImg { display: none; } .cardGrid { grid-template-columns: 60px 1fr 55px; } .iconMainSec img{ width: 60%; } .iconMainSec i { font-size: 25px; } .whyHeadSec { text-align: center; } } @media only screen and (max-width: 550px) { .abtSubHead { font-size: 30px; } .cardGrid { grid-template-columns: 1fr; } .iconMainSec { margin: 0 auto; } .linkIconMain { margin: 0 auto; } .whyCard { padding: 20px; } } }.p_2_s235{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }.p_2_s237{ .why_choose_us_3 { padding: 70px 0px; } .mainHeading { color: var(--headingColor1); font-family: var(--hFont); font-size: 45px; font-weight: 800; margin: 0px 0px 10px; line-height: 60px; } .subPara { color: var(--paragraphColorBlack); font-size: 16px; line-height: 30px; font-family: var(--pFont); margin-bottom: 50px; } .botPara{ color: var(--paragraphColorBlack); font-size: 16px; line-height: 30px; font-family: var(--pFont); } .leftSec { background-color: var(--themeBg1); box-shadow: 0px 0px 10px 0px #efefef; padding: 50px; border-radius: 30px; } .rightSec { background-color: var(--themeBg1); box-shadow: 0px 0px 10px 0px #efefef; padding: 50px; border-radius: 30px; } .cardHeading { font-size: 30px; font-weight: 700; line-height: 40px; color: var(--headingColor2); font-family: var(--hFont); } .cardPara { color: var(--paragraphColorBlack); font-size: 16px; line-height: 26px; font-family: var(--pFont); padding: 10px 0px 20px; margin-bottom: 20px; border-bottom: 2px solid var(--themeColor2); } .iconSec { width: 40px; height: 40px; border-radius: 50%; background-color: var(--themeBg3); } /* .leftSec .iconSec i { font-size: 18px; color: red; } .rightSec .iconSec i { font-size: 18px; color: green; } */ .iconSec i { font-size: 18px; color: green; } .cardGridSec { grid-template-columns: 40px 1fr; } .cardInSec { font-size: 20px; font-weight: 700; line-height: 30px; color: var(--headingColor3); font-family: var(--hFont); } .cardInPara { font-size: 15px; line-height: 25px; } .cardSec { padding: 20px; background-color: var(--themeBg4); border-radius: 20px; margin-top: 20px; } .btnSec { display: inline-block; margin: 40px auto 20px; padding: 8px 10px 8px 8px; background-color: var(--btnColor); border-radius: 5px; width: fit-content; transition: 0.4s; border: none; } .btnSec:hover { background-color: var(--btnHoverColor); } .formBtnGrid { grid-template-columns: 50px 1fr 30px; } .imgSec { width: 50px; height: 50px; } .imgSec img { border-radius: 50%; } .btnText { color: var(--btnTextColor); font-weight: 600; transition: 0.4s; } .btnSec:hover .btnText { color: var(--btnHoverTextColor); } .btnIcon { width: 30px; height: 30px; } .btnIcon i { color: var(--btnTextColor); font-size: 25px; transform: rotate(45deg); transition: 0.4s; } .btnSec:hover .btnIcon i { color: var(--btnHoverTextColor); transform: rotate(90deg); } @media only screen and (max-width: 900px) { .why_choose_us_3 { padding: 20px 0px; } .subPara { margin-bottom: 30px; font-size: 15px; line-height: 25px; } .mainHeading { font-size: 25px; line-height: 35px; } .leftSec, .rightSec { padding: 20px; } .cardHeading { font-size: 25px; } .cardGridSec { grid-template-columns: 30px 1fr; gap: 10px; } .iconSec { margin-top: 5px; width: 30px; height: 30px; } } }.p_2_s237{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }