/*---------|| Landing Page Css Start ||-----------*/
:root {
    --fs16: 16px;
    --fs18: 18px;
    --fs20: 20px;
    --fs22: 22px;
    --fs30: 30px;
    --fs34: 34px;
    --fs40: 40px;
    --fs46: 46px;
    --fs50: 50px;
    --fs68: 68px;
    --ptb100: 100px;
    --lightgreen: #F7FCFC;
    --black: #233D63;
    --green: #27ADA6;
    --white: #fff;
}
.pt100,.ptb100 {
    padding-top: var(--ptb100);
}
.pb100,.ptb100 {
    padding-bottom: var(--ptb100);
}
.pt80,.ptb80 {
    padding-top: var(--ptb80);
}
.pb80,.ptb80 {
    padding-bottom: var(--ptb80);
}
.hero_sec {
    /* margin-top: 104px; */
    background-color: var(--lightgreen);
}
.custom_container{
     padding-right: 10%;
    padding-left: 10%;
    max-width: 95%;
    margin: 0px auto;
}
.hero_containt h1 {
    font-size: var(--fs50);
    color: var(--black);
    font-family: 'CircularStd-book';
    font-weight: 400;
}
.hero_containt h1 span{
    font-weight: 800;
    color: #26ADA5;
}
.hero_containt p {
    font-size: var(--fs16);
    color: var(--black);
    font-family: 'CircularStd-book';
    opacity: 0.75;
    margin: 15px 0px;
}
.hero_btn a {
    background-color: var(--white);
    border: 2px solid var(--black);
    border-radius: 8px;
    height: 42px;
    display: grid;
    align-items: center;
    min-width: 132px;
    font-size: var(--fs16);
    letter-spacing: 0px;
    font-family: 'CircularStd-book';
    color: var(--black);
    padding: 2px 20px;
    transition: all 0.3s linear;
    text-align: center;
}
.hero_btn a:first-child,.hero_btn a:hover {
    background: var(--green);
    border: 2px solid var(--green);
}
.hero_btn a:first-child span,.hero_btn a:hover span {
    color: var(--white);
}
.hero_btn a span {
    color: var(--black);
    transition: all 0.3s linear;
}
.hero_btn {
    display: flex;
    grid-gap: 15px;
    margin-top: 30px;
}
.hero_btn a:hover span,.hero_btn a.active span {
    left: 90px;
    left: unset;
    right: 20px;
}
.hero_btn a.hand:hover span,.hero_btn a.hand.active span {
    left: 50px;
    left: unset;
    right: 20px;
}
.hero_box {
    display: flex;
    grid-gap: 15px;
    align-items: center;
    max-width: fit-content;
    padding-right: 20px;
}
.hero_box img {
    max-width: 93px;
    max-height: 93px;
}
.hero_content h4{
    font-size:var(--fs18);
    color:var(--black);
    font-weight: 500;
}
.gartner_sec {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}
.hero_content a,.sec_head a {
    letter-spacing: 0px;
    color: var(--green);
    opacity: 0.75;
    font-size: var(--fs16);
    display: inline-block;
    margin-top: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MjQiIGhlaWdodD0iOS4xNDIiIHZpZXdCb3g9IjAgMCAxMy41MjQgOS4xNDIiPgogIDxnIGlkPSJJY29uX2ZlYXRoZXItYXJyb3ctbGVmdCIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItYXJyb3ctbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43NSAxLjA2MSkiPgogICAgPHBhdGggaWQ9IlBhdGhfNDMyMTAiIGRhdGEtbmFtZT0iUGF0aCA0MzIxMCIgZD0iTTcuNSwxOEgxOS41MjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjUgLTE0LjQ5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNWRjMWJiIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF80MzIxMSIgZGF0YS1uYW1lPSJQYXRoIDQzMjExIiBkPSJNNy41LDE0LjUyMWwzLjUxLTMuNTFMNy41LDcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMTMgLTcuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzVkYzFiYiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
    background-size: var(--fs16);
}
.sec_head h2 {
    font-size: var(--fs40);
}
.sec_head h4,.sec_head h2{
    display: flex;
    font-weight: 600;
    color:var(--black);
    justify-content: center;
    align-items: center;
    grid-gap: 15px;
    flex-flow: wrap;
}
.sec_head h4 {
    font-size: var(--fs20);
    margin-top: 20px;
}
.sec_head h2 img {
    width: 40px;
    height: 40px;
}
.sec_head p{
    font-size: var(--fs16);
    color:var(--black);
    opacity: 0.75;
    margin-top: 20px;
    font-weight: 500;
}
.recooty_box {
    width: 477px;
    height: 188px;
    background-color: var(--white);
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: 0px 6px 24px -1px rgb(35 61 99 / 10%);
    border-radius: 16px;
    border: 1px solid rgb(227 233 237 / 50%);
}
.recooty_box:first-child{
    transform: rotate(-6deg)  translate(4px,-4px);
}
.recooty_box:nth-child(2){
    transform: rotate(6deg) translate(-4px,4px);
}
.recooty_box h3 {
    letter-spacing: 0px;
    color: var(--black);
    font-size:var(--fs30);
    font-weight: 600;
    max-width: 80%;
    line-height: inherit;
    margin: 0 auto;
}
.recooty_box h3 span{
    color: var(--green);
}
.recooty_grid {
     display: flex;
     justify-content: center;
     align-items: center;
}
.trial_box img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.trial_box h3 {
    letter-spacing: 0px;
    color: var(--green);
    font-size: var(--fs22);
    font-weight: 500;
    margin: 15px 0px;
}
.trial_box p {
    text-align: center;
    font-size: var(--fs16);
    letter-spacing: 0px;
    color: var(
    --black);
    opacity: 0.75;
    font-weight: 500;
}
.trial_box {
    padding: 20% 10%;
    background-image: url(../images/landing_page/box_img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    min-height: 310px;
    border-radius: 16px;
    box-shadow: 0 25px 40px -15px rgb(39 173 166 / 20%);
    position: relative;
}
.trial_sec .about_grid > div:first-child .trial_box::before {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OC4wNzQiIGhlaWdodD0iNzQuMjg0IiB2aWV3Qm94PSIwIDAgNjguMDc0IDc0LjI4NCI+CiAgPHBhdGggaWQ9IlBhdGhfNDMxOTMiIGRhdGEtbmFtZT0iUGF0aCA0MzE5MyIgZD0iTS0zODAwLjEyMSwxNzE5LjI0NmwxMi4yNjgsMTMuODgyczIuNTc5LDIuNDkzLDUuMiwxLjU4OSwzLjEyOC0zLjkxMywzLjEyOC0zLjkxM2w1LjgxMS00OC44NzlhNS4xMTUsNS4xMTUsMCwwLDAtMS45MzEtNC4zNTljLTIuMjM4LTEuNzQxLTUuMDQyLS4xLTUuMDQyLS4xbC0zOC44MDcsMjkuMDU2cy0zLjI0MiwxLjktMi43NjcsNS4yOSwzLjk5NCwzLjg3OSwzLjk5NCwzLjg3OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNzMuMjcyIC00MTEuNTMxKSByb3RhdGUoMTgpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiMyN2FkYTYiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: -45px;
    bottom: -20px;
    width: 70px;
    height: 70px;
    z-index: 2;
}
.recruit_table table th,.recruit_table table td {
    border-color: #E0E9EF;
    border-width: 1px;
    padding: 20px 30px;
    color: var(--black);
    font-weight: 500;
    vertical-align: middle;
}
.recruit_table th {
    font-size:var(--fs30);
}
.recruit_table td {
    font-size:var(--fs16);
}
.recruit_table th img{
    height: 37px;
}
.recruit_table td img{
    height: 18px;
    object-fit: contain;
    width: 18px;
}
.recruit_table th img,.recruit_table td img{
    text-align: center;
    margin: 0 auto;
    object-fit: contain;
}
.recruit_table tbody tr:nth-child(odd) {
    background: #EEF9F8;
}
.product_sec .sec_head,.product_img img{
     max-width: 85%;
}
.product_img img {
    /* box-shadow: 0px 2px 16px 2px rgb(39 173 166 / 20%); */
    /* border-radius: 16px; */
    display: block;
    object-fit: cover;
}
.product_sec .row:nth-child(odd) > div img{
    margin-left: auto;
}
.product_sec .row:nth-child(even) .sec_head{
     margin-left: auto;
}
.product_sec .row:nth-child(even) > div:nth-child(1){
    order: 2;
}
.product_sec .row:nth-child(even) > div:nth-child(2){
    order: 1;
}
.product_sec .sec_head h4,.product_sec .sec_head h2{
    justify-content: left;
}
.product_sec .sec_head  h4{
    font-weight: 500;
}
.sec_head h2 span,.partner_sec .sec_head p span {
    color: var(--green);
}
.sec_head.text-center p{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.annually_sec .recruit_table tbody tr:nth-child(odd) {
    background: transparent;
}
.annually_sec .recruit_table tr td,.annually_sec .recruit_table tr th{
    text-align: center;
}
.partner_list {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 20px;
    align-items: center;
    list-style: none;
}
.partner_list li a,.partner_list li a img {
    display: block;
}
.partner_list li a img {
    filter: grayscale(1);
    transition: all 0.4s linear;
    height: 75px;
    object-fit: contain;
}
.partner_list li a:hover img{
     filter: grayscale(0);
}
.product_sec .sec_head h2 {
    font-size: var(--fs34);
}
.testimonial_sec .bg_green {
    background: rgb(39 172 165 / 8%);
    border-radius: 12px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.testimonial_box > img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
}
.testimonial_box .sec_head h2 {
    font-size: var(--fs46);
    line-height: initial;
    margin-bottom: 24px;
    justify-content: left;
}
.video_img {
    position: relative;
}
.video_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.video_img a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 56px;
    height: 56px;
}
.testimonial_sec .sec_head h4 {
    justify-content: left;
}
.testimonial_sec .sec_head.testimonial_box{
    max-width: 80%;
    margin-left: auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjEiIGhlaWdodD0iMTA0LjE1IiB2aWV3Qm94PSIwIDAgMTIxIDEwNC4xNSI+CiAgPGcgaWQ9Ikdyb3VwXzEwMzUiIGRhdGEtbmFtZT0iR3JvdXAgMTAzNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiIG9wYWNpdHk9IjAuMDQiPgogICAgPHBhdGggaWQ9IlBhdGhfNDI4ODEiIGRhdGEtbmFtZT0iUGF0aCA0Mjg4MSIgZD0iTTU2LjA3NSw2MC45YTI5LjQwOCwyOS40MDgsMCwwLDEsMi42LDIyLjA0NSwyOC41NTUsMjguNTU1LDAsMCwxLTI3LjMsMjEuMmMtLjA0MywwLS4wODQsMC0uMTI2LDAtMTAuMjYtLjQwOS0xOC4yMzMtNC41MDgtMjMuNy0xMi4xODMtOS43NjYtMTMuNzE2LTguNi0zNS41MDgtNC42MzgtNTBDOS42NjgsMTcuMjU0LDI1LjY3NCwwLDQxLjgzNSwwYTIxLjc2OCwyMS43NjgsMCwwLDEsMy4wMTEuMjA4LDMuMTk0LDMuMTk0LDAsMCwxLDIuMjM4LDEuNDQ2LDMuMzMzLDMuMzMzLDAsMCwxLC40MDYsMi42NzRMNDQuNTQ4LDE1LjFBMy4yMjQsMy4yMjQsMCwwLDEsNDEuOTQsMTcuNDVDMjguNDc1LDE5LjUsMjEuNzE2LDM3LjY3NywxOC45LDQ4LjIxM0EyNy41MTYsMjcuNTE2LDAsMCwxLDMwLjEsNDUuODY3LDMxLjYsMzEuNiwwLDAsMSwzOS4wMjIsNDcuMiwyOC41NTYsMjguNTU2LDAsMCwxLDU2LjA3NSw2MC45WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogICAgPHBhdGggaWQ9IlBhdGhfNDI4ODIiIGRhdGEtbmFtZT0iUGF0aCA0Mjg4MiIgZD0iTTk4LjY3Niw4Mi45NDZhMjguNTU4LDI4LjU1OCwwLDAsMS0yNy4zLDIxLjJjLS4wNDQsMC0uMDg0LDAtLjEyNywwLTEwLjI1Ny0uNDA3LTE4LjIzMy00LjUwOC0yMy43LTEyLjE4MS05Ljc2Ny0xMy43MTktOC42LTM1LjUxMS00LjY0MS01MC4wMDVDNDkuNjY4LDE3LjI1NCw2NS42NzQsMCw4MS44MzUsMGEyMS43MTksMjEuNzE5LDAsMCwxLDMuMDExLjIwOCwzLjE4NSwzLjE4NSwwLDAsMSwyLjIzOCwxLjQ0NiwzLjMyNywzLjMyNywwLDAsMSwuNDA3LDIuNjc0TDg0LjU0OCwxNS4xYTMuMjI0LDMuMjI0LDAsMCwxLTIuNjA4LDIuMzUzQzY4LjQ3MywxOS41LDYxLjcxNCwzNy42NzcsNTguOSw0OC4yMTNBMjcuNTMsMjcuNTMsMCwwLDEsNzAuMSw0NS44NjcsMzEuNjQ2LDMxLjY0NiwwLDAsMSw3OS4wMiw0Ny4yLDI4LjU0MiwyOC41NDIsMCwwLDEsOTYuMDc0LDYwLjksMjkuNDE4LDI5LjQxOCwwLDAsMSw5OC42NzYsODIuOTQ2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuMjY2KSIgZmlsbC1ydWxlPSJldmVub2RkIi8+CiAgPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto;
    padding-top: 30px;
}
.feature_list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 24px;
    align-items: center;
    opacity: 1;
    max-width: 75%;
    margin: 0 auto;
}
.feature_list li {
    border: 1px solid #E0E9EF;
    border-radius: 8px;
    opacity: 1;
    display: grid;
    align-items: center;
    font-weight: 600;
    padding: 20px;
    justify-content: center;
    grid-gap: 17px;
    text-align: center;
}
.feature_list li img{
	width: 80px;
	height: 80px;
	margin:0px auto;
}
.smart_inner .sec_head h2 {
    justify-content: left;
    font-size: var(--fs68);
}
.smart_sec {
    position: relative;
}
.faq_sec .panel-title a {
    border-radius: 8px;
        color: var(--black);
        font-size: var(--fs18);
        font-weight: 600;
}
.faq_sec .panel-body p {
    line-height: 30px;
    padding: 0 90px 38px 65px;
    font-size: var(--fs16);
    color: var(--black);
    opacity: 0.75;
}
.trial_sec  {
    background-image: url(../images/landing_page/overlay.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.faq_sec .panel:last-child {
    margin: 0px !important;
}
.smart_sec .bg_green {
    background-color: rgb(39 172 165 / 8%);
    border-radius: 0px 12px 12px 0px;
    border-left: 3px solid var(--green);
    padding: 20px 30px !important;
}
/*---------|| Landing Page 2 Css Start ||-----------*/
.about_recooty_sec .sec_head.text-center p {
    max-width: 75%;
}
.about_product_sec .product_img img {
    box-shadow: unset;
}
.about_partner_sec .sec_head.text-center p,.about_annually_sec .sec_head.text-center p,.better_talent_sec  .sec_head.text-center p {
    max-width: 75%;
}
.about_hero_sec {
    background-image: url(../images/landing_page/hero_banner.png);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right bottom;
    padding-bottom: 80px;
    background-color: #EEF9F8;
}
.about_trial_sec .trial_box strong span {
    color: var(--green);
}
.about_smart_sec {
    margin: var(--ptb100) 0;
}
.about_grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 24px;
}
.partner_sec .partner-slider a {
    opacity: 1 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 82.6px;
}
.faq_sec .faq-tab-wrapper .faq-panel .panel{
    box-shadow:unset;
}
.faq_sec  .faq-tab-wrapper .faq-panel .panel .panel-body p {
    padding: 0 90px 0px 65px;
}
.faq_sec  .faq-tab-wrapper .faq-panel .panel .panel-heading .panel-title a {
    padding: 20px 10px 20px 65px;
    font-size: var(--fs22);
}
.bg_unset {
    margin: 0px;
    padding: 0px !important;
    background: unset !important;
}
/*---------|| Reponsive Start ||-----------*/
@media(min-width: 1800px) {
    :root {
        --fs40: 44px;
        --fs50: 55px;
        --fs16: 18px;
        --fs18: 20px;
        --fs20: 22px;
        --fs22: 24px;
        --fs30: 32px;
        --fs46: 48px;
        --fs68: 70px;
    }
    .trial_sec .row > div:first-child .trial_box::before {
        width: 75px;
        height:75px;
        right: -58px;
        bottom: -21px;
    }
    .partner_list li a img {
        height: 85px;
    }
}
@media(max-width: 1400px) {
	:root{
		--fs68: 66px;
	}
    .about_hero_sec {
        background-size: 52%;
    }
}
@media(max-width: 1200px){
    :root {
        --fs30: 28px;
        --fs34: 30px;
        --fs40: 35px;
        --fs46: 40px;
        --fs50: 45px;
        --fs68: 56px;
        --ptb100: 80px;
    }
    .custom_container {
        max-width: 100%;
        padding:0px 30px
    }
    .landing_page .container {
        max-width: 100% !important;
    }
    .trial_box {
        padding: 15% 10%;
    }
}
@media(max-width: 991px){
    :root {
        --fs30: 28px;
        --fs34: 30px;
        --fs40: 30px;
        --fs46: 35px;
        --fs50: 40px;
        --ptb100: 60px;
    }
   .landing_page .container{
        max-width:100%;
    }
    .about_grid {
        grid-template-columns: repeat(2,1fr);
    }
    .product_sec .sec_head, .product_img img {
        max-width: 100%;
    }
    .gartner_sec {
        flex-flow: wrap;
    }
    .hero_sec p br {
        display: none;
    }
    .about_hero_sec {
        background-size: 60%;
        background-position: bottom right;
        padding-bottom: 400px;
    }
    .hero_btn {
        flex-flow: wrap;
    }
    .sec_head.text-center p {
        max-width: 90%;
    }
    .testimonial_sec .sec_head.testimonial_box {
        max-width: 95%;
    }
      .feature_list {
	    max-width: 100%;
	}
}
@media(max-width: 767px) {
    :root {
        --fs30: 26px;
        --fs34: 28px;
        --fs40: 30px;
        --fs46: 35px;
        --fs50: 38px;
        --fs68: 46px;
        --ptb100: 50px;
    }
    .product_sec .row:nth-child(even) > div:nth-child(1){
        order: unset;
    }
    .product_sec .row:nth-child(even) > div:nth-child(2){
        order: unset;
    }
    .about_product_sec .product_img img {
        margin: unset !important;
    }
    .product_sec > div > div {
        grid-gap: 24px;
    }
    .testimonial_sec .sec_head.testimonial_box {
        margin-left: unset;
    }
    .sec_head.text-center p {
        max-width: 90%;
    }
   .about_recooty_sec  .hero_btn {
        margin: 0 auto;
    }
    .recruit_table table th, .recruit_table table td {
        padding: 15px 20px;
    }
    .about_smart_sec {
        margin-top: 0px;
    }
    .recruit_table table th, .recruit_table table td {
        padding: 10px 10px;
    }
    .testimonial_sec .bg_green {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .faq_sec .faq-tab-wrapper .faq-panel .panel .panel-body p {
        line-height: 30px;
        padding: 0px 15px 15px 40px;
    }
    .faq_sec .faq-tab-wrapper .faq-panel .panel .panel-heading .panel-title a {
        padding: 0px 15px 15px 40px;
    }
    .faq_sec .faq-tab-wrapper .faq-panel .panel .panel-heading .panel-title a:before {
        left: 0px;
        top: 30%;
    }
    .smart_sec::before {
        background-position: calc(100% + 15px) 65px;
    }
}
@media(max-width: 680px){
    .about_grid {
	    grid-template-columns: repeat(1,1fr);
	    max-width: fit-content;
	    margin: 0 auto;
	}
	.trial_sec .about_grid > div:first-child .trial_box::before {
	    right: -16px;
	    bottom: -52px;
	    transform: rotate(180deg);
	}
	.hero_sec br {
	    display: none;
	}
	.about_hero_sec {
	    padding-bottom: 55%;
	}
	.annually_sec .recruit_table td {
	    display: block;
	    width: 100% !important;
	 display: flex;
	    justify-content: space-between;
	    grid-gap: 20px;
	}
	.annually_sec .recruit_table td:last-child{
	  margin-bottom:20px;
	}
	.annually_sec .recruit_table thead {
	    display: none;
	}
	.annually_sec .recruit_table td::before {
	    display: block;
	    font-weight: 600;
	    font-size: var(--fs16);
	}
	.annually_sec .recruit_table tr td:nth-child(2),.recruit_table tr td:nth-child(3){
	 border-top:unset !important;
	}
	.annually_sec .recruit_table tr td:nth-child(1)::before {
	    content: "Pricing Plans";
	}   
	.annually_sec .recruit_table tr td:nth-child(2)::before {
	    content: "Recooty ATS";
	}   
	.annually_sec .recruit_table tr td:nth-child(3)::before {
	    content: "Freshteam";
	}   
	.annually_sec .recruit_table table{
	    border: unset;
	}
	.trial_sec .about_grid > div:first-child .trial_box::before {
	    width: 60px;
	    height: 60px;
	}
	.feature_list {
	    grid-template-columns: repeat(2,1fr);
	}
	.testimonial_box .sec_head h2 {
	    display: block;
	}
}
@media (max-width: 575px) {
	:root {
	    --fs30: 20px;
	    --fs34: 26px;
	    --fs40: 28px;
	    --fs46: 32px;
	    --fs50: 36px;
	    --fs68: 40px;
	    --ptb100: 40px;
	}
	    .about_hero_sec {
	        background-size: 95%;
	    }
	    .about_hero_sec {
	    padding-bottom: 50%;
	}
	.hero_box {
	    padding-right: 0px;
	    border-right: unset;
	    border-bottom: 1px solid #E3E9ED;
	    padding-bottom: 20px;
	    flex-flow: wrap;
	}
	.better_talent_sec .recruit_table tr td {
	    width: 100%;
	    display: block;
	     margin: 0px !important;
	}
	.better_talent_sec .recruit_table tr td::before{
	    display: none;
	}
	.sec_head h4, .sec_head h2 {
	    display: unset;
	}
	.recooty_sec .sec_head.sec_head.text-center h2,.smart_sec .sec_head.text-center h2{
	    display: flex;
	    margin-bottom: 10px;
	}
	.testimonial_box > img {
	    width: 60px;
	    height: 60px;
	}
	.recruit_table table th, .recruit_table table td {
	    padding: 6px 15px;
	    width: 16%;
	}
	.smart_sec::before {
	    background-size: 30%;
	}
	.testimonial_sec .sec_head.testimonial_box {
	    max-width: 100%;
	}
	.testimonial_sec .sec_head p {
	    margin-bottom: 15px;
	}
	.custom_container {
	    padding: 0px 15px;
	}
	.feature_list {
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 18px;
	}
	.hero_sec .row {
	    grid-row-gap: 30px;
	}
	.recooty_box {
	    height: 160px;
	}
	.feature_sec h2 br {
	    display: none;
	}
	.partner_sec .sec_head p {
	    margin-top: 0px;
	}
	.recooty_sec .sec_head h4 {
	    display: flex !important;
	}
	.faq_sec .faq-tab-wrapper h6 a {
	    font-size: var(--fs30) !important;
	}
	.smart_sec .bg_green {
	    padding: 20px 24px !important;
	}
}
/*---------|| Reponsive End ||-----------*/
/*---------|| Landing Page Css End ||-----------*/