div#hs_cos_wrapper_widget_1712062821236 .interactive-button-wrapper a.interactive-button:after {
    background: url(../image/arrow.png);
    content: "";
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 30px
}

.text-white {
    color: #fff
}

.text-black {
    color: #1e293b
}

.bg-blue-v2 {
    background-color: #22d3ee
}

.grey900 {
    color: #0f172a
}

.bggrey900 {
    background-color: #0f172a
}

.grey800 {
    color: #1e293b
}

.bggrey800 {
    background-color: #1e293b
}

.grey600 {
    color: #475569
}

.bggrey600 {
    background-color: #475569
}

.grey500 {
    color: #64748b
}

.bggrey500 {
    background-color: #64748b
}

.grey400 {
    color: #94a3b8
}

.bggrey400 {
    background-color: #94a3b8
}

.pink900 {
    color: #831843
}

.bgpink900 {
    background-color: #831843
}

.pink700 {
    color: #be185d
}

.bgpink700 {
    background-color: #be185d
}

.pink600 {
    color: #db2777
}

.bgpink600 {
    background-color: #db2777
}

.pink500 {
    color: #ec4899
}

.bgpink500 {
    background-color: #ec4899
}

.cyan900 {
    color: #164e63
}

.bgcyan900 {
    background-color: #164e63
}

.cyan700 {
    color: #0e7490
}

.bgcyan700 {
    background-color: #0e7490
}

.cyan600 {
    color: #0891b2
}

.bgcyan600 {
    background-color: #0891b2
}

.cyan300 {
    color: #67e8f9
}

.bgcyan300 {
    background-color: #67e8f9
}

.cyan50 {
    color: #cffafe
}

.bgcyan50 {
    background-color: #cffafe
}

.blue900 {
    color: #0c4a6e
}

.bgblue900 {
    background-color: #0c4a6e
}

.blue700 {
    color: #0369a1
}

.bgblue700 {
    background-color: #0369a1
}

.blue600 {
    color: #0284c7
}

.bgblue600 {
    background-color: #0284c7
}

.blue500 {
    color: #0ea5e9
}

.bgblue500 {
    background-color: #0ea5e9
}

.blue300 {
    color: #7dd3fc
}

.bgblue300 {
    background-color: #7dd3fc
}

.purple900 {
    color: #4c1d95
}

.bgpurple900 {
    background-color: #4c1d95
}

.purple700 {
    color: #6d28d9
}

.bgpurple700 {
    background-color: #6d28d9
}

.purple600 {
    color: #7c3aed
}

.bgpurple600 {
    background-color: #7c3aed
}

.purple500 {
    color: #8b5cf6
}

.bgpurple500 {
    background-color: #8b5cf6
}

.purple400 {
    color: #a78bfa
}

.bgpurple400 {
    background-color: #a78bfa
}

.purple300 {
    color: #c4b5fd
}

.bgpurple300 {
    background-color: #c4b5fd
}

.red900 {
    color: #7f1d1d
}

.bgred900 {
    background-color: #7f1d1d
}

.red700 {
    color: #b91c1c
}

.bgred700 {
    background-color: #b91c1c
}

.red600 {
    color: #dc2626
}

.bgred600 {
    background-color: #dc2626
}

.red500 {
    color: #ef4444
}

.bgred500 {
    background-color: #ef4444
}

.red400 {
    color: #fca5a5
}

.bgred400 {
    background-color: #fca5a5
}

.red300 {
    color: #fca5a5
}

.bgred300 {
    background-color: #fca5a5
}

.yellow900 {
    color: #78350f
}

.bgyellow900 {
    background-color: #78350f
}

.yellow700 {
    color: #b45309
}

.bgyellow700 {
    background-color: #b45309
}

.yellow600 {
    color: #d97706
}

.bgyellow600 {
    background-color: #d97706
}

.yellow400 {
    color: #fbbf24
}

.bgyellow400 {
    background-color: #fbbf24
}

.yellow300 {
    color: #fcd34d
}

.bgyellow300 {
    background-color: #fcd34d
}

.green900 {
    color: #064e3b
}

.bggreen900 {
    background-color: #064e3b
}

.green700 {
    color: #059669
}

.bggreen700 {
    background-color: #059669
}

.green600 {
    color: #059669
}

.bggreen600 {
    background-color: #059669
}

.green500 {
    color: #10b981
}

.bggreen500 {
    background-color: #10b981
}

.green400 {
    color: #34d399
}

.bggreen400 {
    background-color: #34d399
}

.green300 {
    color: #6ee7b7
}

.bggreen300 {
    background-color: #6ee7b7
}

.font-100 {
    font-weight: 100
}

.font-200 {
    font-weight: 200
}

.font-300 {
    font-weight: 300
}

.font-400 {
    font-weight: 400
}

.font-500 {
    font-weight: 500
}

.font-600 {
    font-weight: 600
}

.font-700 {
    font-weight: 700
}

.font-800 {
    font-weight: 800
}

.font-900 {
    font-weight: 900
}

.font-2 {
    font-size: 2px
}

.font-3 {
    font-size: 3px
}

.font-4 {
    font-size: 4px
}

.font-5 {
    font-size: 5px
}

.font-6 {
    font-size: 6px
}

.font-7 {
    font-size: 7px
}

.font-8 {
    font-size: 8px
}

.font-9 {
    font-size: 9px
}

.font-10 {
    font-size: 10px
}

.font-11 {
    font-size: 11px
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-15 {
    font-size: 15px
}

.font-16 {
    font-size: 16px
}

.font-17 {
    font-size: 17px
}

.font-18 {
    font-size: 18px
}

.font-19 {
    font-size: 19px
}

.font-20 {
    font-size: 20px
}

.font-21 {
    font-size: 21px
}

.font-22 {
    font-size: 22px
}

.font-23 {
    font-size: 23px
}

.font-24 {
    font-size: 24px
}

.font-25 {
    font-size: 25px
}

.font-26 {
    font-size: 26px
}

.font-27 {
    font-size: 27px
}

.font-28 {
    font-size: 28px
}

.font-29 {
    font-size: 29px
}

.font-30 {
    font-size: 30px
}

.font-31 {
    font-size: 31px
}

.font-32 {
    font-size: 32px
}

.font-33 {
    font-size: 33px
}

.font-34 {
    font-size: 34px
}

.font-35 {
    font-size: 35px
}

.font-36 {
    font-size: 36px
}

.font-37 {
    font-size: 37px
}

.font-38 {
    font-size: 38px
}

.font-39 {
    font-size: 39px
}

.font-40 {
    font-size: 40px
}

.line-10 {
    line-height: 10px
}

.line-11 {
    line-height: 11px
}

.line-12 {
    line-height: 12px
}

.line-13 {
    line-height: 13px
}

.line-14 {
    line-height: 14px
}

.line-15 {
    line-height: 15px
}

.line-16 {
    line-height: 16px
}

.line-17 {
    line-height: 17px
}

.line-18 {
    line-height: 18px
}

.line-19 {
    line-height: 19px
}

.line-20 {
    line-height: 20px
}

.line-21 {
    line-height: 21px
}

.line-22 {
    line-height: 22px
}

.line-23 {
    line-height: 23px
}

.line-24 {
    line-height: 24px
}

.line-25 {
    line-height: 25px
}

.line-26 {
    line-height: 26px
}

.line-27 {
    line-height: 27px
}

.line-28 {
    line-height: 28px
}

.line-29 {
    line-height: 29px
}

.line-30 {
    line-height: 30px
}

.line-31 {
    line-height: 31px
}

.line-32 {
    line-height: 32px
}

.line-33 {
    line-height: 33px
}

.line-34 {
    line-height: 34px
}

.line-35 {
    line-height: 35px
}

.line-36 {
    line-height: 36px
}

.line-37 {
    line-height: 37px
}

.line-38 {
    line-height: 38px
}

.line-39 {
    line-height: 39px
}

.line-40 {
    line-height: 40px
}

.line-41 {
    line-height: 41px
}

.line-42 {
    line-height: 42px
}

.line-43 {
    line-height: 43px
}

.line-44 {
    line-height: 44px
}

.line-45 {
    line-height: 45px
}

.line-46 {
    line-height: 46px
}

.line-47 {
    line-height: 47px
}

.line-48 {
    line-height: 48px
}

.line-49 {
    line-height: 49px
}

.line-50 {
    line-height: 50px
}

.col-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%
}

.col-2 {
    flex: 0 0 16.666%;
    max-width: 16.666%
}

.col-3 {
    flex: 0 0 24.999000000000002%;
    max-width: 24.999000000000002%
}

.col-4 {
    flex: 0 0 33.332%;
    max-width: 33.332%
}

.col-5 {
    flex: 0 0 41.665%;
    max-width: 41.665%
}

.col-6 {
    flex: 0 0 49.998000000000005%;
    max-width: 49.998000000000005%
}

.col-7 {
    flex: 0 0 58.331%;
    max-width: 58.331%
}

.col-8 {
    flex: 0 0 66.664%;
    max-width: 66.664%
}

.col-9 {
    flex: 0 0 74.997%;
    max-width: 74.997%
}

.col-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%
}

.col-11 {
    flex: 0 0 91.663%;
    max-width: 91.663%
}

.col-12 {
    flex: 0 0 99.99600000000001%;
    max-width: 99.99600000000001%
}

.p--0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.ml--0 {
    margin-left: 0
}

.mr--0 {
    margin-right: 0
}

.mt--0 {
    margin-top: 0
}

.p--5 {
    padding: 5px !important
}

.p-5 {
    padding: 5px
}

.pt-5 {
    padding-top: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.pl-5 {
    padding-left: 5px
}

.pr-5 {
    padding-right: 5px
}

.m-5 {
    margin: 5px
}

.mt-5 {
    margin-top: 5px
}

.mb-5 {
    margin-bottom: 5px
}

.ml-5 {
    margin-left: 5px
}

.mr-5 {
    margin-right: 5px
}

.ml--5 {
    margin-left: -5px
}

.mr--5 {
    margin-right: -5px
}

.mt--5 {
    margin-top: -5px
}

.p--10 {
    padding: 10px !important
}

.p-10 {
    padding: 10px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pl-10 {
    padding-left: 10px
}

.pr-10 {
    padding-right: 10px
}

.m-10 {
    margin: 10px
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.ml-10 {
    margin-left: 10px
}

.mr-10 {
    margin-right: 10px
}

.ml--10 {
    margin-left: -10px
}

.mr--10 {
    margin-right: -10px
}

.mt--10 {
    margin-top: -10px
}

.p--15 {
    padding: 15px !important
}

.p-15 {
    padding: 15px
}

.pt-15 {
    padding-top: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pl-15 {
    padding-left: 15px
}

.pr-15 {
    padding-right: 15px
}

.m-15 {
    margin: 15px
}

.mt-15 {
    margin-top: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

.mr-15 {
    margin-right: 15px
}

.ml--15 {
    margin-left: -15px
}

.mr--15 {
    margin-right: -15px
}

.mt--15 {
    margin-top: -15px
}

.p--20 {
    padding: 20px !important
}

.p-20 {
    padding: 20px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pl-20 {
    padding-left: 20px
}

.pr-20 {
    padding-right: 20px
}

.m-20 {
    margin: 20px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

.mr-20 {
    margin-right: 20px
}

.ml--20 {
    margin-left: -20px
}

.mr--20 {
    margin-right: -20px
}

.mt--20 {
    margin-top: -20px
}

.p--25 {
    padding: 25px !important
}

.p-25 {
    padding: 25px
}

.pt-25 {
    padding-top: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.pl-25 {
    padding-left: 25px
}

.pr-25 {
    padding-right: 25px
}

.m-25 {
    margin: 25px
}

.mt-25 {
    margin-top: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.ml-25 {
    margin-left: 25px
}

.mr-25 {
    margin-right: 25px
}

.ml--25 {
    margin-left: -25px
}

.mr--25 {
    margin-right: -25px
}

.mt--25 {
}

.p--30 {
    padding: 30px !important
}

.p-30 {
    padding: 30px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-30 {
    padding-left: 30px
}

.pr-30 {
    padding-right: 30px
}

.m-30 {
    margin: 30px
}

.mt-30 {
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.ml-30 {
    margin-left: 30px
}

.mr-30 {
    margin-right: 30px
}

.ml--30 {
    margin-left: -30px
}

.mr--30 {
    margin-right: -30px
}

.mt--30 {
    margin-top: -30px
}

.p--35 {
    padding: 35px !important
}

.p-35 {
    padding: 35px
}

.pt-35 {
    padding-top: 35px
}

.pb-35 {
    padding-bottom: 35px
}

.pl-35 {
    padding-left: 35px
}

.pr-35 {
    padding-right: 35px
}

.m-35 {
    margin: 35px
}

.mt-35 {
    margin-top: 35px
}

.mb-35 {
    margin-bottom: 35px
}

.ml-35 {
    margin-left: 35px
}

.mr-35 {
    margin-right: 35px
}

.ml--35 {
    margin-left: -35px
}

.mr--35 {
    margin-right: -35px
}

.mt--35 {
    margin-top: -35px
}

.p--40 {
    padding: 40px !important
}

.p-40 {
    padding: 40px
}

.pt-40 {
    padding-top: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.pl-40 {
    padding-left: 40px
}

.pr-40 {
    padding-right: 40px
}

.m-40 {
    margin: 40px
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.mr-40 {
    margin-right: 40px
}

.ml--40 {
    margin-left: -40px
}

.mr--40 {
    margin-right: -40px
}

.mt--40 {
    margin-top: -40px
}

.p--45 {
    padding: 45px !important
}

.p-45 {
    padding: 45px
}

.pt-45 {
    padding-top: 45px
}

.pb-45 {
    padding-bottom: 45px
}

.pl-45 {
    padding-left: 45px
}

.pr-45 {
    padding-right: 45px
}

.m-45 {
    margin: 45px
}

.mt-45 {
    margin-top: 45px
}

.mb-45 {
    margin-bottom: 45px
}

.ml-45 {
    margin-left: 45px
}

.mr-45 {
    margin-right: 45px
}

.ml--45 {
    margin-left: -45px
}

.mr--45 {
    margin-right: -45px
}

.mt--45 {
    margin-top: -45px
}

.p--50 {
    padding: 50px !important
}

.p-50 {
    padding: 50px
}

.pt-50 {
    padding-top: 50px
}

.pb-50 {
    padding-bottom: 50px
}

.pl-50 {
    padding-left: 50px
}

.pr-50 {
    padding-right: 50px
}

.m-50 {
    margin: 50px
}

.mt-50 {
    margin-top: 50px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-50 {
    margin-left: 50px
}

.mr-50 {
    margin-right: 50px
}

.ml--50 {
    margin-left: -50px
}

.mr--50 {
    margin-right: -50px
}

.mt--50 {
    margin-top: -50px
}

.p--55 {
    padding: 55px !important
}

.p-55 {
    padding: 55px
}

.pt-55 {
    padding-top: 55px
}

.pb-55 {
    padding-bottom: 55px
}

.pl-55 {
    padding-left: 55px
}

.pr-55 {
    padding-right: 55px
}

.m-55 {
    margin: 55px
}

.mt-55 {
    margin-top: 55px
}

.mb-55 {
    margin-bottom: 55px
}

.ml-55 {
    margin-left: 55px
}

.mr-55 {
    margin-right: 55px
}

.ml--55 {
    margin-left: -55px
}

.mr--55 {
    margin-right: -55px
}

.mt--55 {
    margin-top: -55px
}

.p--60 {
    padding: 60px !important
}

.p-60 {
    padding: 60px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.pl-60 {
    padding-left: 60px
}

.pr-60 {
    padding-right: 60px
}

.m-60 {
    margin: 60px
}

.mt-60 {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.ml-60 {
    margin-left: 60px
}

.mr-60 {
    margin-right: 60px
}

.ml--60 {
    margin-left: -60px
}

.mr--60 {
    margin-right: -60px
}

.mt--60 {
    margin-top: -60px
}

.p--65 {
    padding: 65px !important
}

.p-65 {
    padding: 65px
}

.pt-65 {
    padding-top: 65px
}

.pb-65 {
    padding-bottom: 65px
}

.pl-65 {
    padding-left: 65px
}

.pr-65 {
    padding-right: 65px
}

.m-65 {
    margin: 65px
}

.mt-65 {
    margin-top: 65px
}

.mb-65 {
    margin-bottom: 65px
}

.ml-65 {
    margin-left: 65px
}

.mr-65 {
    margin-right: 65px
}

.ml--65 {
    margin-left: -65px
}

.mr--65 {
    margin-right: -65px
}

.mt--65 {
    margin-top: -65px
}

.p--70 {
    padding: 70px !important
}

.p-70 {
    padding: 70px
}

.pt-70 {
    padding-top: 70px
}

.pb-70 {
    padding-bottom: 70px
}

.pl-70 {
    padding-left: 70px
}

.pr-70 {
    padding-right: 70px
}

.m-70 {
    margin: 70px
}

.mt-70 {
    margin-top: 70px
}

.mb-70 {
    margin-bottom: 70px
}

.ml-70 {
    margin-left: 70px
}

.mr-70 {
    margin-right: 70px
}

.ml--70 {
    margin-left: -70px
}

.mr--70 {
    margin-right: -70px
}

.mt--70 {
    margin-top: -70px
}

.p--75 {
    padding: 75px !important
}

.p-75 {
    padding: 75px
}

.pt-75 {
    padding-top: 75px
}

.pb-75 {
    padding-bottom: 75px
}

.pl-75 {
    padding-left: 75px
}

.pr-75 {
    padding-right: 75px
}

.m-75 {
    margin: 75px
}

.mt-75 {
    margin-top: 75px
}

.mb-75 {
    margin-bottom: 75px
}

.ml-75 {
    margin-left: 75px
}

.mr-75 {
    margin-right: 75px
}

.ml--75 {
    margin-left: -75px
}

.mr--75 {
    margin-right: -75px
}

.mt--75 {
    margin-top: -75px
}

.p--80 {
    padding: 80px !important
}

.p-80 {
    padding: 80px
}

.pt-80 {
    padding-top: 80px
}

.pb-80 {
    padding-bottom: 80px
}

.pl-80 {
    padding-left: 80px
}

.pr-80 {
    padding-right: 80px
}

.m-80 {
    margin: 80px
}

.mt-80 {
    margin-top: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.ml-80 {
    margin-left: 80px
}

.mr-80 {
    margin-right: 80px
}

.ml--80 {
    margin-left: -80px
}

.mr--80 {
    margin-right: -80px
}

.mt--80 {
    margin-top: -80px
}

.p--85 {
    padding: 85px !important
}

.p-85 {
    padding: 85px
}

.pt-85 {
    padding-top: 85px
}

.pb-85 {
    padding-bottom: 85px
}

.pl-85 {
    padding-left: 85px
}

.pr-85 {
    padding-right: 85px
}

.m-85 {
    margin: 85px
}

.mt-85 {
    margin-top: 85px
}

.mb-85 {
    margin-bottom: 85px
}

.ml-85 {
    margin-left: 85px
}

.mr-85 {
    margin-right: 85px
}

.ml--85 {
    margin-left: -85px
}

.mr--85 {
    margin-right: -85px
}

.mt--85 {
    margin-top: -85px
}

.p--90 {
    padding: 90px !important
}

.p-90 {
    padding: 90px
}

.pt-90 {
    padding-top: 90px
}

.pb-90 {
    padding-bottom: 90px
}

.pl-90 {
    padding-left: 90px
}

.pr-90 {
    padding-right: 90px
}

.m-90 {
    margin: 90px
}

.mt-90 {
    margin-top: 90px
}

.mb-90 {
    margin-bottom: 90px
}

.ml-90 {
    margin-left: 90px
}

.mr-90 {
    margin-right: 90px
}

.ml--90 {
    margin-left: -90px
}

.mr--90 {
    margin-right: -90px
}

.mt--90 {
    margin-top: -90px
}

.p--95 {
    padding: 95px !important
}

.p-95 {
    padding: 95px
}

.pt-95 {
    padding-top: 95px
}

.pb-95 {
    padding-bottom: 95px
}

.pl-95 {
    padding-left: 95px
}

.pr-95 {
    padding-right: 95px
}

.m-95 {
    margin: 95px
}

.mt-95 {
    margin-top: 95px
}

.mb-95 {
    margin-bottom: 95px
}

.ml-95 {
    margin-left: 95px
}

.mr-95 {
    margin-right: 95px
}

.ml--95 {
    margin-left: -95px
}

.mr--95 {
    margin-right: -95px
}

.mt--95 {
    margin-top: -95px
}

.p--100 {
    padding: 100px !important
}

.p-100 {
    padding: 100px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pl-100 {
    padding-left: 100px
}

.pr-100 {
    padding-right: 100px
}

.m-100 {
    margin: 100px
}

.mt-100 {
    margin-top: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-100 {
    margin-left: 100px
}

.mr-100 {
    margin-right: 100px
}

.ml--100 {
    margin-left: -100px
}

.mr--100 {
    margin-right: -100px
}

.mt--100 {
    margin-top: -100px
}

.p--105 {
    padding: 105px !important
}

.p-105 {
    padding: 105px
}

.pt-105 {
    padding-top: 105px
}

.pb-105 {
    padding-bottom: 105px
}

.pl-105 {
    padding-left: 105px
}

.pr-105 {
    padding-right: 105px
}

.m-105 {
    margin: 105px
}

.mt-105 {
    margin-top: 105px
}

.mb-105 {
    margin-bottom: 105px
}

.ml-105 {
    margin-left: 105px
}

.mr-105 {
    margin-right: 105px
}

.ml--105 {
    margin-left: -105px
}

.mr--105 {
    margin-right: -105px
}

.mt--105 {
    margin-top: -105px
}

.p--110 {
    padding: 110px !important
}

.p-110 {
    padding: 110px
}

.pt-110 {
    padding-top: 110px
}

.pb-110 {
    padding-bottom: 110px
}

.pl-110 {
    padding-left: 110px
}

.pr-110 {
    padding-right: 110px
}

.m-110 {
    margin: 110px
}

.mt-110 {
    margin-top: 110px
}

.mb-110 {
    margin-bottom: 110px
}

.ml-110 {
    margin-left: 110px
}

.mr-110 {
    margin-right: 110px
}

.ml--110 {
    margin-left: -110px
}

.mr--110 {
    margin-right: -110px
}

.mt--110 {
    margin-top: -110px
}

.p--115 {
    padding: 115px !important
}

.p-115 {
    padding: 115px
}

.pt-115 {
    padding-top: 115px
}

.pb-115 {
    padding-bottom: 115px
}

.pl-115 {
    padding-left: 115px
}

.pr-115 {
    padding-right: 115px
}

.m-115 {
    margin: 115px
}

.mt-115 {
    margin-top: 115px
}

.mb-115 {
    margin-bottom: 115px
}

.ml-115 {
    margin-left: 115px
}

.mr-115 {
    margin-right: 115px
}

.ml--115 {
    margin-left: -115px
}

.mr--115 {
    margin-right: -115px
}

.mt--115 {
    margin-top: -115px
}

.p--120 {
    padding: 120px !important
}

.p-120 {
    padding: 120px
}

.pt-120 {
    padding-top: 120px
}

.pb-120 {
    padding-bottom: 120px
}

.pl-120 {
    padding-left: 120px
}

.pr-120 {
    padding-right: 120px
}

.m-120 {
    margin: 120px
}

.mt-120 {
    margin-top: 120px
}

.mb-120 {
    margin-bottom: 120px
}

.ml-120 {
    margin-left: 120px
}

.mr-120 {
    margin-right: 120px
}

.ml--120 {
    margin-left: -120px
}

.mr--120 {
    margin-right: -120px
}

.mt--120 {
    margin-top: -120px
}

.p--125 {
    padding: 125px !important
}

.p-125 {
    padding: 125px
}

.pt-125 {
    padding-top: 125px
}

.pb-125 {
    padding-bottom: 125px
}

.pl-125 {
    padding-left: 125px
}

.pr-125 {
    padding-right: 125px
}

.m-125 {
    margin: 125px
}

.mt-125 {
    margin-top: 125px
}

.mb-125 {
    margin-bottom: 125px
}

.ml-125 {
    margin-left: 125px
}

.mr-125 {
    margin-right: 125px
}

.ml--125 {
    margin-left: -125px
}

.mr--125 {
    margin-right: -125px
}

.mt--125 {
    margin-top: -125px
}

.p--130 {
    padding: 130px !important
}

.p-130 {
    padding: 130px
}

.pt-130 {
    padding-top: 130px
}

.pb-130 {
    padding-bottom: 130px
}

.pl-130 {
    padding-left: 130px
}

.pr-130 {
    padding-right: 130px
}

.m-130 {
    margin: 130px
}

.mt-130 {
    margin-top: 130px
}

.mb-130 {
    margin-bottom: 130px
}

.ml-130 {
    margin-left: 130px
}

.mr-130 {
    margin-right: 130px
}

.ml--130 {
    margin-left: -130px
}

.mr--130 {
    margin-right: -130px
}

.mt--130 {
    margin-top: -130px
}

.p--135 {
    padding: 135px !important
}

.p-135 {
    padding: 135px
}

.pt-135 {
    padding-top: 135px
}

.pb-135 {
    padding-bottom: 135px
}

.pl-135 {
    padding-left: 135px
}

.pr-135 {
    padding-right: 135px
}

.m-135 {
    margin: 135px
}

.mt-135 {
    margin-top: 135px
}

.mb-135 {
    margin-bottom: 135px
}

.ml-135 {
    margin-left: 135px
}

.mr-135 {
    margin-right: 135px
}

.ml--135 {
    margin-left: -135px
}

.mr--135 {
    margin-right: -135px
}

.mt--135 {
    margin-top: -135px
}

.p--140 {
    padding: 140px !important
}

.p-140 {
    padding: 140px
}

.pt-140 {
    padding-top: 140px
}

.pb-140 {
    padding-bottom: 140px
}

.pl-140 {
    padding-left: 140px
}

.pr-140 {
    padding-right: 140px
}

.m-140 {
    margin: 140px
}

.mt-140 {
    margin-top: 140px
}

.mb-140 {
    margin-bottom: 140px
}

.ml-140 {
    margin-left: 140px
}

.mr-140 {
    margin-right: 140px
}

.ml--140 {
    margin-left: -140px
}

.mr--140 {
    margin-right: -140px
}

.mt--140 {
    margin-top: -140px
}

.p--145 {
    padding: 145px !important
}

.p-145 {
    padding: 145px
}

.pt-145 {
    padding-top: 145px
}

.pb-145 {
    padding-bottom: 145px
}

.pl-145 {
    padding-left: 145px
}

.pr-145 {
    padding-right: 145px
}

.m-145 {
    margin: 145px
}

.mt-145 {
    margin-top: 145px
}

.mb-145 {
    margin-bottom: 145px
}

.ml-145 {
    margin-left: 145px
}

.mr-145 {
    margin-right: 145px
}

.ml--145 {
    margin-left: -145px
}

.mr--145 {
    margin-right: -145px
}

.mt--145 {
    margin-top: -145px
}

.p--150 {
    padding: 150px !important
}

.p-150 {
    padding: 150px
}

.pt-150 {
    padding-top: 150px
}

.pb-150 {
    padding-bottom: 150px
}

.pl-150 {
    padding-left: 150px
}

.pr-150 {
    padding-right: 150px
}

.m-150 {
    margin: 150px
}

.mt-150 {
    margin-top: 150px
}

.mb-150 {
    margin-bottom: 150px
}

.ml-150 {
    margin-left: 150px
}

.mr-150 {
    margin-right: 150px
}

.ml--150 {
    margin-left: -150px
}

.mr--150 {
    margin-right: -150px
}

.mt--150 {
    margin-top: -150px
}

.mt-200 {
    margin-top: 200px
}

.mt--210 {
    margin-top: -210px
}

@media(min-width:768px) {
    .sm\:p-0 {
        padding: 0
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pr-0 {
        padding-right: 0
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:ml--0 {
        margin-left: 0
    }

    .sm\:mr--0 {
        margin-right: 0
    }

    .sm\:mt--0 {
        margin-top: 0
    }

    .sm\:mb--0 {
        margin-bottom: 0
    }

    .sm\:p-5 {
        padding: 5px
    }

    .sm\:pt-5 {
        padding-top: 5px
    }

    .sm\:pb-5 {
        padding-bottom: 5px
    }

    .sm\:pl-5 {
        padding-left: 5px
    }

    .sm\:pr-5 {
        padding-right: 5px
    }

    .sm\:m-5 {
        margin: 5px
    }

    .sm\:mt-5 {
        margin-top: 5px
    }

    .sm\:mb-5 {
        margin-bottom: 5px
    }

    .sm\:ml-5 {
        margin-left: 5px
    }

    .sm\:mr-5 {
        margin-right: 5px
    }

    .sm\:ml--5 {
        margin-left: -5px
    }

    .sm\:mr--5 {
        margin-right: -5px
    }

    .sm\:mt--5 {
        margin-top: -5px
    }

    .sm\:mb--5 {
        margin-bottom: -5px
    }

    .sm\:p-10 {
        padding: 10px
    }

    .sm\:pt-10 {
        padding-top: 10px
    }

    .sm\:pb-10 {
        padding-bottom: 10px
    }

    .sm\:pl-10 {
        padding-left: 10px
    }

    .sm\:pr-10 {
        padding-right: 10px
    }

    .sm\:m-10 {
        margin: 10px
    }

    .sm\:mt-10 {
        margin-top: 10px
    }

    .sm\:mb-10 {
        margin-bottom: 10px
    }

    .sm\:ml-10 {
        margin-left: 10px
    }

    .sm\:mr-10 {
        margin-right: 10px
    }

    .sm\:ml--10 {
        margin-left: -10px
    }

    .sm\:mr--10 {
        margin-right: -10px
    }

    .sm\:mt--10 {
        margin-top: -10px
    }

    .sm\:mb--10 {
        margin-bottom: -10px
    }

    .sm\:p-15 {
        padding: 15px
    }

    .sm\:pt-15 {
        padding-top: 15px
    }

    .sm\:pb-15 {
        padding-bottom: 15px
    }

    .sm\:pl-15 {
        padding-left: 15px
    }

    .sm\:pr-15 {
        padding-right: 15px
    }

    .sm\:m-15 {
        margin: 15px
    }

    .sm\:mt-15 {
        margin-top: 15px
    }

    .sm\:mb-15 {
        margin-bottom: 15px
    }

    .sm\:ml-15 {
        margin-left: 15px
    }

    .sm\:mr-15 {
        margin-right: 15px
    }

    .sm\:ml--15 {
        margin-left: -15px
    }

    .sm\:mr--15 {
        margin-right: -15px
    }

    .sm\:mt--15 {
        margin-top: -15px
    }

    .sm\:mb--15 {
        margin-bottom: -15px
    }

    .sm\:p-20 {
        padding: 20px
    }

    .sm\:pt-20 {
        padding-top: 20px
    }

    .sm\:pb-20 {
        padding-bottom: 20px
    }

    .sm\:pl-20 {
        padding-left: 20px
    }

    .sm\:pr-20 {
        padding-right: 20px
    }

    .sm\:m-20 {
        margin: 20px
    }

    .sm\:mt-20 {
        margin-top: 20px
    }

    .sm\:mb-20 {
        margin-bottom: 20px
    }

    .sm\:ml-20 {
        margin-left: 20px
    }

    .sm\:mr-20 {
        margin-right: 20px
    }

    .sm\:ml--20 {
        margin-left: -20px
    }

    .sm\:mr--20 {
        margin-right: -20px
    }

    .sm\:mt--20 {
        margin-top: -20px
    }

    .sm\:mb--20 {
        margin-bottom: -20px
    }

    .sm\:p-25 {
        padding: 25px
    }

    .sm\:pt-25 {
        padding-top: 25px
    }

    .sm\:pb-25 {
        padding-bottom: 25px
    }

    .sm\:pl-25 {
        padding-left: 25px
    }

    .sm\:pr-25 {
        padding-right: 25px
    }

    .sm\:m-25 {
        margin: 25px
    }

    .sm\:mt-25 {
        margin-top: 25px
    }

    .sm\:mb-25 {
        margin-bottom: 25px
    }

    .sm\:ml-25 {
        margin-left: 25px
    }

    .sm\:mr-25 {
        margin-right: 25px
    }

    .sm\:ml--25 {
        margin-left: -25px
    }

    .sm\:mr--25 {
        margin-right: -25px
    }

    .sm\:mt--25 {
        margin-top: -25px
    }

    .sm\:mb--25 {
        margin-bottom: -25px
    }

    .sm\:p-30 {
        padding: 30px
    }

    .sm\:pt-30 {
        padding-top: 30px
    }

    .sm\:pb-30 {
        padding-bottom: 30px
    }

    .sm\:pl-30 {
        padding-left: 30px
    }

    .sm\:pr-30 {
        padding-right: 30px
    }

    .sm\:m-30 {
        margin: 30px
    }

    .sm\:mt-30 {
        margin-top: 30px
    }

    .sm\:mb-30 {
        margin-bottom: 30px
    }

    .sm\:ml-30 {
        margin-left: 30px
    }

    .sm\:mr-30 {
        margin-right: 30px
    }

    .sm\:ml--30 {
        margin-left: -30px
    }

    .sm\:mr--30 {
        margin-right: -30px
    }

    .sm\:mt--30 {
        margin-top: -30px
    }

    .sm\:mb--30 {
        margin-bottom: -30px
    }

    .sm\:p-35 {
        padding: 35px
    }

    .sm\:pt-35 {
        padding-top: 35px
    }

    .sm\:pb-35 {
        padding-bottom: 35px
    }

    .sm\:pl-35 {
        padding-left: 35px
    }

    .sm\:pr-35 {
        padding-right: 35px
    }

    .sm\:m-35 {
        margin: 35px
    }

    .sm\:mt-35 {
        margin-top: 35px
    }

    .sm\:mb-35 {
        margin-bottom: 35px
    }

    .sm\:ml-35 {
        margin-left: 35px
    }

    .sm\:mr-35 {
        margin-right: 35px
    }

    .sm\:ml--35 {
        margin-left: -35px
    }

    .sm\:mr--35 {
        margin-right: -35px
    }

    .sm\:mt--35 {
        margin-top: -35px
    }

    .sm\:mb--35 {
        margin-bottom: -35px
    }

    .sm\:p-40 {
        padding: 40px
    }

    .sm\:pt-40 {
        padding-top: 40px
    }

    .sm\:pb-40 {
        padding-bottom: 40px
    }

    .sm\:pl-40 {
        padding-left: 40px
    }

    .sm\:pr-40 {
        padding-right: 40px
    }

    .sm\:m-40 {
        margin: 40px
    }

    .sm\:mt-40 {
        margin-top: 40px
    }

    .sm\:mb-40 {
        margin-bottom: 40px
    }

    .sm\:ml-40 {
        margin-left: 40px
    }

    .sm\:mr-40 {
        margin-right: 40px
    }

    .sm\:ml--40 {
        margin-left: -40px
    }

    .sm\:mr--40 {
        margin-right: -40px
    }

    .sm\:mt--40 {
        margin-top: -40px
    }

    .sm\:mb--40 {
        margin-bottom: -40px
    }

    .sm\:p-45 {
        padding: 45px
    }

    .sm\:pt-45 {
        padding-top: 45px
    }

    .sm\:pb-45 {
        padding-bottom: 45px
    }

    .sm\:pl-45 {
        padding-left: 45px
    }

    .sm\:pr-45 {
        padding-right: 45px
    }

    .sm\:m-45 {
        margin: 45px
    }

    .sm\:mt-45 {
        margin-top: 45px
    }

    .sm\:mb-45 {
        margin-bottom: 45px
    }

    .sm\:ml-45 {
        margin-left: 45px
    }

    .sm\:mr-45 {
        margin-right: 45px
    }

    .sm\:ml--45 {
        margin-left: -45px
    }

    .sm\:mr--45 {
        margin-right: -45px
    }

    .sm\:mt--45 {
        margin-top: -45px
    }

    .sm\:mb--45 {
        margin-bottom: -45px
    }

    .sm\:p-50 {
        padding: 50px
    }

    .sm\:pt-50 {
        padding-top: 50px
    }

    .sm\:pb-50 {
        padding-bottom: 50px
    }

    .sm\:pl-50 {
        padding-left: 50px
    }

    .sm\:pr-50 {
        padding-right: 50px
    }

    .sm\:m-50 {
        margin: 50px
    }

    .sm\:mt-50 {
        margin-top: 50px
    }

    .sm\:mb-50 {
        margin-bottom: 50px
    }

    .sm\:ml-50 {
        margin-left: 50px
    }

    .sm\:mr-50 {
        margin-right: 50px
    }

    .sm\:ml--50 {
        margin-left: -50px
    }

    .sm\:mr--50 {
        margin-right: -50px
    }

    .sm\:mt--50 {
        margin-top: -50px
    }

    .sm\:mb--50 {
        margin-bottom: -50px
    }

    .sm\:p-55 {
        padding: 55px
    }

    .sm\:pt-55 {
        padding-top: 55px
    }

    .sm\:pb-55 {
        padding-bottom: 55px
    }

    .sm\:pl-55 {
        padding-left: 55px
    }

    .sm\:pr-55 {
        padding-right: 55px
    }

    .sm\:m-55 {
        margin: 55px
    }

    .sm\:mt-55 {
        margin-top: 55px
    }

    .sm\:mb-55 {
        margin-bottom: 55px
    }

    .sm\:ml-55 {
        margin-left: 55px
    }

    .sm\:mr-55 {
        margin-right: 55px
    }

    .sm\:ml--55 {
        margin-left: -55px
    }

    .sm\:mr--55 {
        margin-right: -55px
    }

    .sm\:mt--55 {
        margin-top: -55px
    }

    .sm\:mb--55 {
        margin-bottom: -55px
    }

    .sm\:p-60 {
        padding: 60px
    }

    .sm\:pt-60 {
        padding-top: 60px
    }

    .sm\:pb-60 {
        padding-bottom: 60px
    }

    .sm\:pl-60 {
        padding-left: 60px
    }

    .sm\:pr-60 {
        padding-right: 60px
    }

    .sm\:m-60 {
        margin: 60px
    }

    .sm\:mt-60 {
        margin-top: 60px
    }

    .sm\:mb-60 {
        margin-bottom: 60px
    }

    .sm\:ml-60 {
        margin-left: 60px
    }

    .sm\:mr-60 {
        margin-right: 60px
    }

    .sm\:ml--60 {
        margin-left: -60px
    }

    .sm\:mr--60 {
        margin-right: -60px
    }

    .sm\:mt--60 {
        margin-top: -60px
    }

    .sm\:mb--60 {
        margin-bottom: -60px
    }

    .sm\:p-65 {
        padding: 65px
    }

    .sm\:pt-65 {
        padding-top: 65px
    }

    .sm\:pb-65 {
        padding-bottom: 65px
    }

    .sm\:pl-65 {
        padding-left: 65px
    }

    .sm\:pr-65 {
        padding-right: 65px
    }

    .sm\:m-65 {
        margin: 65px
    }

    .sm\:mt-65 {
        margin-top: 65px
    }

    .sm\:mb-65 {
        margin-bottom: 65px
    }

    .sm\:ml-65 {
        margin-left: 65px
    }

    .sm\:mr-65 {
        margin-right: 65px
    }

    .sm\:ml--65 {
        margin-left: -65px
    }

    .sm\:mr--65 {
        margin-right: -65px
    }

    .sm\:mt--65 {
        margin-top: -65px
    }

    .sm\:mb--65 {
        margin-bottom: -65px
    }

    .sm\:p-70 {
        padding: 70px
    }

    .sm\:pt-70 {
        padding-top: 70px
    }

    .sm\:pb-70 {
        padding-bottom: 70px
    }

    .sm\:pl-70 {
        padding-left: 70px
    }

    .sm\:pr-70 {
        padding-right: 70px
    }

    .sm\:m-70 {
        margin: 70px
    }

    .sm\:mt-70 {
        margin-top: 70px
    }

    .sm\:mb-70 {
        margin-bottom: 70px
    }

    .sm\:ml-70 {
        margin-left: 70px
    }

    .sm\:mr-70 {
        margin-right: 70px
    }

    .sm\:ml--70 {
        margin-left: -70px
    }

    .sm\:mr--70 {
        margin-right: -70px
    }

    .sm\:mt--70 {
        margin-top: -70px
    }

    .sm\:mb--70 {
        margin-bottom: -70px
    }

    .sm\:p-75 {
        padding: 75px
    }

    .sm\:pt-75 {
        padding-top: 75px
    }

    .sm\:pb-75 {
        padding-bottom: 75px
    }

    .sm\:pl-75 {
        padding-left: 75px
    }

    .sm\:pr-75 {
        padding-right: 75px
    }

    .sm\:m-75 {
        margin: 75px
    }

    .sm\:mt-75 {
        margin-top: 75px
    }

    .sm\:mb-75 {
        margin-bottom: 75px
    }

    .sm\:ml-75 {
        margin-left: 75px
    }

    .sm\:mr-75 {
        margin-right: 75px
    }

    .sm\:ml--75 {
        margin-left: -75px
    }

    .sm\:mr--75 {
        margin-right: -75px
    }

    .sm\:mt--75 {
        margin-top: -75px
    }

    .sm\:mb--75 {
        margin-bottom: -75px
    }

    .sm\:p-80 {
        padding: 80px
    }

    .sm\:pt-80 {
        padding-top: 80px
    }

    .sm\:pb-80 {
        padding-bottom: 80px
    }

    .sm\:pl-80 {
        padding-left: 80px
    }

    .sm\:pr-80 {
        padding-right: 80px
    }

    .sm\:m-80 {
        margin: 80px
    }

    .sm\:mt-80 {
        margin-top: 80px
    }

    .sm\:mb-80 {
        margin-bottom: 80px
    }

    .sm\:ml-80 {
        margin-left: 80px
    }

    .sm\:mr-80 {
        margin-right: 80px
    }

    .sm\:ml--80 {
        margin-left: -80px
    }

    .sm\:mr--80 {
        margin-right: -80px
    }

    .sm\:mt--80 {
        margin-top: -80px
    }

    .sm\:mb--80 {
        margin-bottom: -80px
    }

    .sm\:p-85 {
        padding: 85px
    }

    .sm\:pt-85 {
        padding-top: 85px
    }

    .sm\:pb-85 {
        padding-bottom: 85px
    }

    .sm\:pl-85 {
        padding-left: 85px
    }

    .sm\:pr-85 {
        padding-right: 85px
    }

    .sm\:m-85 {
        margin: 85px
    }

    .sm\:mt-85 {
        margin-top: 85px
    }

    .sm\:mb-85 {
        margin-bottom: 85px
    }

    .sm\:ml-85 {
        margin-left: 85px
    }

    .sm\:mr-85 {
        margin-right: 85px
    }

    .sm\:ml--85 {
        margin-left: -85px
    }

    .sm\:mr--85 {
        margin-right: -85px
    }

    .sm\:mt--85 {
        margin-top: -85px
    }

    .sm\:mb--85 {
        margin-bottom: -85px
    }

    .sm\:p-90 {
        padding: 90px
    }

    .sm\:pt-90 {
        padding-top: 90px
    }

    .sm\:pb-90 {
        padding-bottom: 90px
    }

    .sm\:pl-90 {
        padding-left: 90px
    }

    .sm\:pr-90 {
        padding-right: 90px
    }

    .sm\:m-90 {
        margin: 90px
    }

    .sm\:mt-90 {
        margin-top: 90px
    }

    .sm\:mb-90 {
        margin-bottom: 90px
    }

    .sm\:ml-90 {
        margin-left: 90px
    }

    .sm\:mr-90 {
        margin-right: 90px
    }

    .sm\:ml--90 {
        margin-left: -90px
    }

    .sm\:mr--90 {
        margin-right: -90px
    }

    .sm\:mt--90 {
        margin-top: -90px
    }

    .sm\:mb--90 {
        margin-bottom: -90px
    }

    .sm\:p-95 {
        padding: 95px
    }

    .sm\:pt-95 {
        padding-top: 95px
    }

    .sm\:pb-95 {
        padding-bottom: 95px
    }

    .sm\:pl-95 {
        padding-left: 95px
    }

    .sm\:pr-95 {
        padding-right: 95px
    }

    .sm\:m-95 {
        margin: 95px
    }

    .sm\:mt-95 {
        margin-top: 95px
    }

    .sm\:mb-95 {
        margin-bottom: 95px
    }

    .sm\:ml-95 {
        margin-left: 95px
    }

    .sm\:mr-95 {
        margin-right: 95px
    }

    .sm\:ml--95 {
        margin-left: -95px
    }

    .sm\:mr--95 {
        margin-right: -95px
    }

    .sm\:mt--95 {
        margin-top: -95px
    }

    .sm\:mb--95 {
        margin-bottom: -95px
    }

    .sm\:p-100 {
        padding: 100px
    }

    .sm\:pt-100 {
        padding-top: 100px
    }

    .sm\:pb-100 {
        padding-bottom: 100px
    }

    .sm\:pl-100 {
        padding-left: 100px
    }

    .sm\:pr-100 {
        padding-right: 100px
    }

    .sm\:m-100 {
        margin: 100px
    }

    .sm\:mt-100 {
        margin-top: 100px
    }

    .sm\:mb-100 {
        margin-bottom: 100px
    }

    .sm\:ml-100 {
        margin-left: 100px
    }

    .sm\:mr-100 {
        margin-right: 100px
    }

    .sm\:ml--100 {
        margin-left: -100px
    }

    .sm\:mr--100 {
        margin-right: -100px
    }

    .sm\:mt--100 {
        margin-top: -100px
    }

    .sm\:mb--100 {
        margin-bottom: -100px
    }

    .sm\:p-105 {
        padding: 105px
    }

    .sm\:pt-105 {
        padding-top: 105px
    }

    .sm\:pb-105 {
        padding-bottom: 105px
    }

    .sm\:pl-105 {
        padding-left: 105px
    }

    .sm\:pr-105 {
        padding-right: 105px
    }

    .sm\:m-105 {
        margin: 105px
    }

    .sm\:mt-105 {
        margin-top: 105px
    }

    .sm\:mb-105 {
        margin-bottom: 105px
    }

    .sm\:ml-105 {
        margin-left: 105px
    }

    .sm\:mr-105 {
        margin-right: 105px
    }

    .sm\:ml--105 {
        margin-left: -105px
    }

    .sm\:mr--105 {
        margin-right: -105px
    }

    .sm\:mt--105 {
        margin-top: -105px
    }

    .sm\:mb--105 {
        margin-bottom: -105px
    }

    .sm\:p-110 {
        padding: 110px
    }

    .sm\:pt-110 {
        padding-top: 110px
    }

    .sm\:pb-110 {
        padding-bottom: 110px
    }

    .sm\:pl-110 {
        padding-left: 110px
    }

    .sm\:pr-110 {
        padding-right: 110px
    }

    .sm\:m-110 {
        margin: 110px
    }

    .sm\:mt-110 {
        margin-top: 110px
    }

    .sm\:mb-110 {
        margin-bottom: 110px
    }

    .sm\:ml-110 {
        margin-left: 110px
    }

    .sm\:mr-110 {
        margin-right: 110px
    }

    .sm\:ml--110 {
        margin-left: -110px
    }

    .sm\:mr--110 {
        margin-right: -110px
    }

    .sm\:mt--110 {
        margin-top: -110px
    }

    .sm\:mb--110 {
        margin-bottom: -110px
    }

    .sm\:p-115 {
        padding: 115px
    }

    .sm\:pt-115 {
        padding-top: 115px
    }

    .sm\:pb-115 {
        padding-bottom: 115px
    }

    .sm\:pl-115 {
        padding-left: 115px
    }

    .sm\:pr-115 {
        padding-right: 115px
    }

    .sm\:m-115 {
        margin: 115px
    }

    .sm\:mt-115 {
        margin-top: 115px
    }

    .sm\:mb-115 {
        margin-bottom: 115px
    }

    .sm\:ml-115 {
        margin-left: 115px
    }

    .sm\:mr-115 {
        margin-right: 115px
    }

    .sm\:ml--115 {
        margin-left: -115px
    }

    .sm\:mr--115 {
        margin-right: -115px
    }

    .sm\:mt--115 {
        margin-top: -115px
    }

    .sm\:mb--115 {
        margin-bottom: -115px
    }

    .sm\:p-120 {
        padding: 120px
    }

    .sm\:pt-120 {
        padding-top: 120px
    }

    .sm\:pb-120 {
        padding-bottom: 120px
    }

    .sm\:pl-120 {
        padding-left: 120px
    }

    .sm\:pr-120 {
        padding-right: 120px
    }

    .sm\:m-120 {
        margin: 120px
    }

    .sm\:mt-120 {
        margin-top: 120px
    }

    .sm\:mb-120 {
        margin-bottom: 120px
    }

    .sm\:ml-120 {
        margin-left: 120px
    }

    .sm\:mr-120 {
        margin-right: 120px
    }

    .sm\:ml--120 {
        margin-left: -120px
    }

    .sm\:mr--120 {
        margin-right: -120px
    }

    .sm\:mt--120 {
        margin-top: -120px
    }

    .sm\:mb--120 {
        margin-bottom: -120px
    }

    .sm\:p-125 {
        padding: 125px
    }

    .sm\:pt-125 {
        padding-top: 125px
    }

    .sm\:pb-125 {
        padding-bottom: 125px
    }

    .sm\:pl-125 {
        padding-left: 125px
    }

    .sm\:pr-125 {
        padding-right: 125px
    }

    .sm\:m-125 {
        margin: 125px
    }

    .sm\:mt-125 {
        margin-top: 125px
    }

    .sm\:mb-125 {
        margin-bottom: 125px
    }

    .sm\:ml-125 {
        margin-left: 125px
    }

    .sm\:mr-125 {
        margin-right: 125px
    }

    .sm\:ml--125 {
        margin-left: -125px
    }

    .sm\:mr--125 {
        margin-right: -125px
    }

    .sm\:mt--125 {
        margin-top: -125px
    }

    .sm\:mb--125 {
        margin-bottom: -125px
    }

    .sm\:p-130 {
        padding: 130px
    }

    .sm\:pt-130 {
        padding-top: 130px
    }

    .sm\:pb-130 {
        padding-bottom: 130px
    }

    .sm\:pl-130 {
        padding-left: 130px
    }

    .sm\:pr-130 {
        padding-right: 130px
    }

    .sm\:m-130 {
        margin: 130px
    }

    .sm\:mt-130 {
        margin-top: 130px
    }

    .sm\:mb-130 {
        margin-bottom: 130px
    }

    .sm\:ml-130 {
        margin-left: 130px
    }

    .sm\:mr-130 {
        margin-right: 130px
    }

    .sm\:ml--130 {
        margin-left: -130px
    }

    .sm\:mr--130 {
        margin-right: -130px
    }

    .sm\:mt--130 {
        margin-top: -130px
    }

    .sm\:mb--130 {
        margin-bottom: -130px
    }

    .sm\:p-135 {
        padding: 135px
    }

    .sm\:pt-135 {
        padding-top: 135px
    }

    .sm\:pb-135 {
        padding-bottom: 135px
    }

    .sm\:pl-135 {
        padding-left: 135px
    }

    .sm\:pr-135 {
        padding-right: 135px
    }

    .sm\:m-135 {
        margin: 135px
    }

    .sm\:mt-135 {
        margin-top: 135px
    }

    .sm\:mb-135 {
        margin-bottom: 135px
    }

    .sm\:ml-135 {
        margin-left: 135px
    }

    .sm\:mr-135 {
        margin-right: 135px
    }

    .sm\:ml--135 {
        margin-left: -135px
    }

    .sm\:mr--135 {
        margin-right: -135px
    }

    .sm\:mt--135 {
        margin-top: -135px
    }

    .sm\:mb--135 {
        margin-bottom: -135px
    }

    .sm\:p-140 {
        padding: 140px
    }

    .sm\:pt-140 {
        padding-top: 140px
    }

    .sm\:pb-140 {
        padding-bottom: 140px
    }

    .sm\:pl-140 {
        padding-left: 140px
    }

    .sm\:pr-140 {
        padding-right: 140px
    }

    .sm\:m-140 {
        margin: 140px
    }

    .sm\:mt-140 {
        margin-top: 140px
    }

    .sm\:mb-140 {
        margin-bottom: 140px
    }

    .sm\:ml-140 {
        margin-left: 140px
    }

    .sm\:mr-140 {
        margin-right: 140px
    }

    .sm\:ml--140 {
        margin-left: -140px
    }

    .sm\:mr--140 {
        margin-right: -140px
    }

    .sm\:mt--140 {
        margin-top: -140px
    }

    .sm\:mb--140 {
        margin-bottom: -140px
    }

    .sm\:p-145 {
        padding: 145px
    }

    .sm\:pt-145 {
        padding-top: 145px
    }

    .sm\:pb-145 {
        padding-bottom: 145px
    }

    .sm\:pl-145 {
        padding-left: 145px
    }

    .sm\:pr-145 {
        padding-right: 145px
    }

    .sm\:m-145 {
        margin: 145px
    }

    .sm\:mt-145 {
        margin-top: 145px
    }

    .sm\:mb-145 {
        margin-bottom: 145px
    }

    .sm\:ml-145 {
        margin-left: 145px
    }

    .sm\:mr-145 {
        margin-right: 145px
    }

    .sm\:ml--145 {
        margin-left: -145px
    }

    .sm\:mr--145 {
        margin-right: -145px
    }

    .sm\:mt--145 {
        margin-top: -145px
    }

    .sm\:mb--145 {
        margin-bottom: -145px
    }

    .sm\:p-150 {
        padding: 150px
    }

    .sm\:pt-150 {
        padding-top: 150px
    }

    .sm\:pb-150 {
        padding-bottom: 150px
    }

    .sm\:pl-150 {
        padding-left: 150px
    }

    .sm\:pr-150 {
        padding-right: 150px
    }

    .sm\:m-150 {
        margin: 150px
    }

    .sm\:mt-150 {
        margin-top: 150px
    }

    .sm\:mb-150 {
        margin-bottom: 150px
    }

    .sm\:ml-150 {
        margin-left: 150px
    }

    .sm\:mr-150 {
        margin-right: 150px
    }

    .sm\:ml--150 {
        margin-left: -150px
    }

    .sm\:mr--150 {
        margin-right: -150px
    }

    .sm\:mt--150 {
        margin-top: -150px
    }

    .sm\:mb--150 {
        margin-bottom: -150px
    }

    .sm\:col-1 {
        flex: 0 0 8.333%;
        max-width: 8.333%
    }

    .sm\:col-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%
    }

    .sm\:col-3 {
        flex: 0 0 24.999000000000002%;
        max-width: 24.999000000000002%
    }

    .sm\:col-4 {
        flex: 0 0 33.332%;
        max-width: 33.332%
    }

    .sm\:col-5 {
        flex: 0 0 41.665%;
        max-width: 41.665%
    }

    .sm\:col-6 {
        flex: 0 0 49.998000000000005%;
        max-width: 49.998000000000005%
    }

    .sm\:col-7 {
        flex: 0 0 58.331%;
        max-width: 58.331%
    }

    .sm\:col-8 {
        flex: 0 0 66.664%;
        max-width: 66.664%
    }

    .sm\:col-9 {
        flex: 0 0 74.997%;
        max-width: 74.997%
    }

    .sm\:col-10 {
        flex: 0 0 83.33%;
        max-width: 83.33%
    }

    .sm\:col-11 {
        flex: 0 0 91.663%;
        max-width: 91.663%
    }

    .sm\:col-12 {
        flex: 0 0 99.99600000000001%;
        max-width: 99.99600000000001%
    }

    .sm\:font-100 {
        font-weight: 100
    }

    .sm\:font-200 {
        font-weight: 200
    }

    .sm\:font-300 {
        font-weight: 300
    }

    .sm\:font-400 {
        font-weight: 400
    }

    .sm\:font-500 {
        font-weight: 500
    }

    .sm\:font-600 {
        font-weight: 600
    }

    .sm\:font-700 {
        font-weight: 700
    }

    .sm\:font-800 {
        font-weight: 800
    }

    .sm\:font-900 {
        font-weight: 900
    }

    .sm\:font-2 {
        font-size: 2px
    }

    .sm\:font-3 {
        font-size: 3px
    }

    .sm\:font-4 {
        font-size: 4px
    }

    .sm\:font-5 {
        font-size: 5px
    }

    .sm\:font-6 {
        font-size: 6px
    }

    .sm\:font-7 {
        font-size: 7px
    }

    .sm\:font-8 {
        font-size: 8px
    }

    .sm\:font-9 {
        font-size: 9px
    }

    .sm\:font-10 {
        font-size: 10px
    }

    .sm\:font-11 {
        font-size: 11px
    }

    .sm\:font-12 {
        font-size: 12px
    }

    .sm\:font-13 {
        font-size: 13px
    }

    .sm\:font-14 {
        font-size: 14px
    }

    .sm\:font-15 {
        font-size: 15px
    }

    .sm\:font-16 {
        font-size: 16px
    }

    .sm\:font-17 {
        font-size: 17px
    }

    .sm\:font-18 {
        font-size: 18px
    }

    .sm\:font-19 {
        font-size: 19px
    }

    .sm\:font-20 {
        font-size: 20px
    }

    .sm\:font-21 {
        font-size: 21px
    }

    .sm\:font-22 {
        font-size: 22px
    }

    .sm\:font-23 {
        font-size: 23px
    }

    .sm\:font-24 {
        font-size: 24px
    }

    .sm\:font-25 {
        font-size: 25px
    }

    .sm\:font-26 {
        font-size: 26px
    }

    .sm\:font-27 {
        font-size: 27px
    }

    .sm\:font-28 {
        font-size: 28px
    }

    .sm\:font-29 {
        font-size: 29px
    }

    .sm\:font-30 {
        font-size: 30px
    }

    .sm\:font-31 {
        font-size: 31px
    }

    .sm\:font-32 {
        font-size: 32px
    }

    .sm\:font-33 {
        font-size: 33px
    }

    .sm\:font-34 {
        font-size: 34px
    }

    .sm\:font-35 {
        font-size: 35px
    }

    .sm\:font-36 {
        font-size: 36px
    }

    .sm\:font-37 {
        font-size: 37px
    }

    .sm\:font-38 {
        font-size: 38px
    }

    .sm\:font-39 {
        font-size: 39px
    }

    .sm\:font-40 {
        font-size: 40px
    }

    .sm\:line-10 {
        line-height: 10px
    }

    .sm\:line-11 {
        line-height: 11px
    }

    .sm\:line-12 {
        line-height: 12px
    }

    .sm\:line-13 {
        line-height: 13px
    }

    .sm\:line-14 {
        line-height: 14px
    }

    .sm\:line-15 {
        line-height: 15px
    }

    .sm\:line-16 {
        line-height: 16px
    }

    .sm\:line-17 {
        line-height: 17px
    }

    .sm\:line-18 {
        line-height: 18px
    }

    .sm\:line-19 {
        line-height: 19px
    }

    .sm\:line-20 {
        line-height: 20px
    }

    .sm\:line-21 {
        line-height: 21px
    }

    .sm\:line-22 {
        line-height: 22px
    }

    .sm\:line-23 {
        line-height: 23px
    }

    .sm\:line-24 {
        line-height: 24px
    }

    .sm\:line-25 {
        line-height: 25px
    }

    .sm\:line-26 {
        line-height: 26px
    }

    .sm\:line-27 {
        line-height: 27px
    }

    .sm\:line-28 {
        line-height: 28px
    }

    .sm\:line-29 {
        line-height: 29px
    }

    .sm\:line-30 {
        line-height: 30px
    }

    .sm\:line-31 {
        line-height: 31px
    }

    .sm\:line-32 {
        line-height: 32px
    }

    .sm\:line-33 {
        line-height: 33px
    }

    .sm\:line-34 {
        line-height: 34px
    }

    .sm\:line-35 {
        line-height: 35px
    }

    .sm\:line-36 {
        line-height: 36px
    }

    .sm\:line-37 {
        line-height: 37px
    }

    .sm\:line-38 {
        line-height: 38px
    }

    .sm\:line-39 {
        line-height: 39px
    }

    .sm\:line-40 {
        line-height: 40px
    }

    .sm\:line-41 {
        line-height: 41px
    }

    .sm\:line-42 {
        line-height: 42px
    }

    .sm\:line-43 {
        line-height: 43px
    }

    .sm\:line-44 {
        line-height: 44px
    }

    .sm\:line-45 {
        line-height: 45px
    }

    .sm\:line-46 {
        line-height: 46px
    }

    .sm\:line-47 {
        line-height: 47px
    }

    .sm\:line-48 {
        line-height: 48px
    }

    .sm\:line-49 {
        line-height: 49px
    }

    .sm\:line-50 {
        line-height: 50px
    }
}

@media(min-width:992px) {
    .md\:p-0 {
        padding: 0
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:m-0 {
        margin: 0
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:ml--0 {
        margin-left: 0
    }

    .md\:mr--0 {
        margin-right: 0
    }

    .md\:mt--0 {
        margin-top: 0
    }

    .md\:mb--0 {
        margin-bottom: 0
    }

    .md\:p-5 {
        padding: 5px
    }

    .md\:pt-5 {
        padding-top: 5px
    }

    .md\:pb-5 {
        padding-bottom: 5px
    }

    .md\:pl-5 {
        padding-left: 5px
    }

    .md\:pr-5 {
        padding-right: 5px
    }

    .md\:m-5 {
        margin: 5px
    }

    .md\:mt-5 {
        margin-top: 5px
    }

    .md\:mb-5 {
        margin-bottom: 5px
    }

    .md\:ml-5 {
        margin-left: 5px
    }

    .md\:mr-5 {
        margin-right: 5px
    }

    .md\:ml--5 {
        margin-left: -5px
    }

    .md\:mr--5 {
        margin-right: -5px
    }

    .md\:mt--5 {
        margin-top: -5px
    }

    .md\:mb--5 {
        margin-bottom: -5px
    }

    .md\:p-10 {
        padding: 10px
    }

    .md\:pt-10 {
        padding-top: 10px
    }

    .md\:pb-10 {
        padding-bottom: 10px
    }

    .md\:pl-10 {
        padding-left: 10px
    }

    .md\:pr-10 {
        padding-right: 10px
    }

    .md\:m-10 {
        margin: 10px
    }

    .md\:mt-10 {
        margin-top: 10px
    }

    .md\:mb-10 {
        margin-bottom: 10px
    }

    .md\:ml-10 {
        margin-left: 10px
    }

    .md\:mr-10 {
        margin-right: 10px
    }

    .md\:ml--10 {
        margin-left: -10px
    }

    .md\:mr--10 {
        margin-right: -10px
    }

    .md\:mt--10 {
        margin-top: -10px
    }

    .md\:mb--10 {
        margin-bottom: -10px
    }

    .md\:p-15 {
        padding: 15px
    }

    .md\:pt-15 {
        padding-top: 15px
    }

    .md\:pb-15 {
        padding-bottom: 15px
    }

    .md\:pl-15 {
        padding-left: 15px
    }

    .md\:pr-15 {
        padding-right: 15px
    }

    .md\:m-15 {
        margin: 15px
    }

    .md\:mt-15 {
        margin-top: 15px
    }

    .md\:mb-15 {
        margin-bottom: 15px
    }

    .md\:ml-15 {
        margin-left: 15px
    }

    .md\:mr-15 {
        margin-right: 15px
    }

    .md\:ml--15 {
        margin-left: -15px
    }

    .md\:mr--15 {
        margin-right: -15px
    }

    .md\:mt--15 {
        margin-top: -15px
    }

    .md\:mb--15 {
        margin-bottom: -15px
    }

    .md\:p-20 {
        padding: 20px
    }

    .md\:pt-20 {
        padding-top: 20px
    }

    .md\:pb-20 {
        padding-bottom: 20px
    }

    .md\:pl-20 {
        padding-left: 20px
    }

    .md\:pr-20 {
        padding-right: 20px
    }

    .md\:m-20 {
        margin: 20px
    }

    .md\:mt-20 {
        margin-top: 20px
    }

    .md\:mb-20 {
        margin-bottom: 20px
    }

    .md\:ml-20 {
        margin-left: 20px
    }

    .md\:mr-20 {
        margin-right: 20px
    }

    .md\:ml--20 {
        margin-left: -20px
    }

    .md\:mr--20 {
        margin-right: -20px
    }

    .md\:mt--20 {
        margin-top: -20px
    }

    .md\:mb--20 {
        margin-bottom: -20px
    }

    .md\:p-25 {
        padding: 25px
    }

    .md\:pt-25 {
        padding-top: 25px
    }

    .md\:pb-25 {
        padding-bottom: 25px
    }

    .md\:pl-25 {
        padding-left: 25px
    }

    .md\:pr-25 {
        padding-right: 25px
    }

    .md\:m-25 {
        margin: 25px
    }

    .md\:mt-25 {
        margin-top: 25px
    }

    .md\:mb-25 {
        margin-bottom: 25px
    }

    .md\:ml-25 {
        margin-left: 25px
    }

    .md\:mr-25 {
        margin-right: 25px
    }

    .md\:ml--25 {
        margin-left: -25px
    }

    .md\:mr--25 {
        margin-right: -25px
    }

    .md\:mt--25 {
        margin-top: -25px
    }

    .md\:mb--25 {
        margin-bottom: -25px
    }

    .md\:p-30 {
        padding: 30px
    }

    .md\:pt-30 {
        padding-top: 30px
    }

    .md\:pb-30 {
        padding-bottom: 30px
    }

    .md\:pl-30 {
        padding-left: 30px
    }

    .md\:pr-30 {
        padding-right: 30px
    }

    .md\:m-30 {
        margin: 30px
    }

    .md\:mt-30 {
        margin-top: 30px
    }

    .md\:mb-30 {
        margin-bottom: 30px
    }

    .md\:ml-30 {
        margin-left: 30px
    }

    .md\:mr-30 {
        margin-right: 30px
    }

    .md\:ml--30 {
        margin-left: -30px
    }

    .md\:mr--30 {
        margin-right: -30px
    }

    .md\:mt--30 {
        margin-top: -30px
    }

    .md\:mb--30 {
        margin-bottom: -30px
    }

    .md\:p-35 {
        padding: 35px
    }

    .md\:pt-35 {
        padding-top: 35px
    }

    .md\:pb-35 {
        padding-bottom: 35px
    }

    .md\:pl-35 {
        padding-left: 35px
    }

    .md\:pr-35 {
        padding-right: 35px
    }

    .md\:m-35 {
        margin: 35px
    }

    .md\:mt-35 {
        margin-top: 35px
    }

    .md\:mb-35 {
        margin-bottom: 35px
    }

    .md\:ml-35 {
        margin-left: 35px
    }

    .md\:mr-35 {
        margin-right: 35px
    }

    .md\:ml--35 {
        margin-left: -35px
    }

    .md\:mr--35 {
        margin-right: -35px
    }

    .md\:mt--35 {
        margin-top: -35px
    }

    .md\:mb--35 {
        margin-bottom: -35px
    }

    .md\:p-40 {
        padding: 40px
    }

    .md\:pt-40 {
        padding-top: 40px
    }

    .md\:pb-40 {
        padding-bottom: 40px
    }

    .md\:pl-40 {
        padding-left: 40px
    }

    .md\:pr-40 {
        padding-right: 40px
    }

    .md\:m-40 {
        margin: 40px
    }

    .md\:mt-40 {
        margin-top: 40px
    }

    .md\:mb-40 {
        margin-bottom: 40px
    }

    .md\:ml-40 {
        margin-left: 40px
    }

    .md\:mr-40 {
        margin-right: 40px
    }

    .md\:ml--40 {
        margin-left: -40px
    }

    .md\:mr--40 {
        margin-right: -40px
    }

    .md\:mt--40 {
        margin-top: -40px
    }

    .md\:mb--40 {
        margin-bottom: -40px
    }

    .md\:p-45 {
        padding: 45px
    }

    .md\:pt-45 {
        padding-top: 45px
    }

    .md\:pb-45 {
        padding-bottom: 45px
    }

    .md\:pl-45 {
        padding-left: 45px
    }

    .md\:pr-45 {
        padding-right: 45px
    }

    .md\:m-45 {
        margin: 45px
    }

    .md\:mt-45 {
        margin-top: 45px
    }

    .md\:mb-45 {
        margin-bottom: 45px
    }

    .md\:ml-45 {
        margin-left: 45px
    }

    .md\:mr-45 {
        margin-right: 45px
    }

    .md\:ml--45 {
        margin-left: -45px
    }

    .md\:mr--45 {
        margin-right: -45px
    }

    .md\:mt--45 {
        margin-top: -45px
    }

    .md\:mb--45 {
        margin-bottom: -45px
    }

    .md\:p-50 {
        padding: 50px
    }

    .md\:pt-50 {
        padding-top: 50px
    }

    .md\:pb-50 {
        padding-bottom: 50px
    }

    .md\:pl-50 {
        padding-left: 50px
    }

    .md\:pr-50 {
        padding-right: 50px
    }

    .md\:m-50 {
        margin: 50px
    }

    .md\:mt-50 {
        margin-top: 50px
    }

    .md\:mb-50 {
        margin-bottom: 50px
    }

    .md\:ml-50 {
        margin-left: 50px
    }

    .md\:mr-50 {
        margin-right: 50px
    }

    .md\:ml--50 {
        margin-left: -50px
    }

    .md\:mr--50 {
        margin-right: -50px
    }

    .md\:mt--50 {
        margin-top: -50px
    }

    .md\:mb--50 {
        margin-bottom: -50px
    }

    .md\:p-55 {
        padding: 55px
    }

    .md\:pt-55 {
        padding-top: 55px
    }

    .md\:pb-55 {
        padding-bottom: 55px
    }

    .md\:pl-55 {
        padding-left: 55px
    }

    .md\:pr-55 {
        padding-right: 55px
    }

    .md\:m-55 {
        margin: 55px
    }

    .md\:mt-55 {
        margin-top: 55px
    }

    .md\:mb-55 {
        margin-bottom: 55px
    }

    .md\:ml-55 {
        margin-left: 55px
    }

    .md\:mr-55 {
        margin-right: 55px
    }

    .md\:ml--55 {
        margin-left: -55px
    }

    .md\:mr--55 {
        margin-right: -55px
    }

    .md\:mt--55 {
        margin-top: -55px
    }

    .md\:mb--55 {
        margin-bottom: -55px
    }

    .md\:p-60 {
        padding: 60px
    }

    .md\:pt-60 {
        padding-top: 60px
    }

    .md\:pb-60 {
        padding-bottom: 60px
    }

    .md\:pl-60 {
        padding-left: 60px
    }

    .md\:pr-60 {
        padding-right: 60px
    }

    .md\:m-60 {
        margin: 60px
    }

    .md\:mt-60 {
        margin-top: 60px
    }

    .md\:mb-60 {
        margin-bottom: 60px
    }

    .md\:ml-60 {
        margin-left: 60px
    }

    .md\:mr-60 {
        margin-right: 60px
    }

    .md\:ml--60 {
        margin-left: -60px
    }

    .md\:mr--60 {
        margin-right: -60px
    }

    .md\:mt--60 {
        margin-top: -60px
    }

    .md\:mb--60 {
        margin-bottom: -60px
    }

    .md\:p-65 {
        padding: 65px
    }

    .md\:pt-65 {
        padding-top: 65px
    }

    .md\:pb-65 {
        padding-bottom: 65px
    }

    .md\:pl-65 {
        padding-left: 65px
    }

    .md\:pr-65 {
        padding-right: 65px
    }

    .md\:m-65 {
        margin: 65px
    }

    .md\:mt-65 {
        margin-top: 65px
    }

    .md\:mb-65 {
        margin-bottom: 65px
    }

    .md\:ml-65 {
        margin-left: 65px
    }

    .md\:mr-65 {
        margin-right: 65px
    }

    .md\:ml--65 {
        margin-left: -65px
    }

    .md\:mr--65 {
        margin-right: -65px
    }

    .md\:mt--65 {
        margin-top: -65px
    }

    .md\:mb--65 {
        margin-bottom: -65px
    }

    .md\:p-70 {
        padding: 70px
    }

    .md\:pt-70 {
        padding-top: 70px
    }

    .md\:pb-70 {
        padding-bottom: 70px
    }

    .md\:pl-70 {
        padding-left: 70px
    }

    .md\:pr-70 {
        padding-right: 70px
    }

    .md\:m-70 {
        margin: 70px
    }

    .md\:mt-70 {
        margin-top: 70px
    }

    .md\:mb-70 {
        margin-bottom: 70px
    }

    .md\:ml-70 {
        margin-left: 70px
    }

    .md\:mr-70 {
        margin-right: 70px
    }

    .md\:ml--70 {
        margin-left: -70px
    }

    .md\:mr--70 {
        margin-right: -70px
    }

    .md\:mt--70 {
        margin-top: -70px
    }

    .md\:mb--70 {
        margin-bottom: -70px
    }

    .md\:p-75 {
        padding: 75px
    }

    .md\:pt-75 {
        padding-top: 75px
    }

    .md\:pb-75 {
        padding-bottom: 75px
    }

    .md\:pl-75 {
        padding-left: 75px
    }

    .md\:pr-75 {
        padding-right: 75px
    }

    .md\:m-75 {
        margin: 75px
    }

    .md\:mt-75 {
        margin-top: 75px
    }

    .md\:mb-75 {
        margin-bottom: 75px
    }

    .md\:ml-75 {
        margin-left: 75px
    }

    .md\:mr-75 {
        margin-right: 75px
    }

    .md\:ml--75 {
        margin-left: -75px
    }

    .md\:mr--75 {
        margin-right: -75px
    }

    .md\:mt--75 {
        margin-top: -75px
    }

    .md\:mb--75 {
        margin-bottom: -75px
    }

    .md\:p-80 {
        padding: 80px
    }

    .md\:pt-80 {
        padding-top: 80px
    }

    .md\:pb-80 {
        padding-bottom: 80px
    }

    .md\:pl-80 {
        padding-left: 80px
    }

    .md\:pr-80 {
        padding-right: 80px
    }

    .md\:m-80 {
        margin: 80px
    }

    .md\:mt-80 {
        margin-top: 80px
    }

    .md\:mb-80 {
        margin-bottom: 80px
    }

    .md\:ml-80 {
        margin-left: 80px
    }

    .md\:mr-80 {
        margin-right: 80px
    }

    .md\:ml--80 {
        margin-left: -80px
    }

    .md\:mr--80 {
        margin-right: -80px
    }

    .md\:mt--80 {
        margin-top: -80px
    }

    .md\:mb--80 {
        margin-bottom: -80px
    }

    .md\:p-85 {
        padding: 85px
    }

    .md\:pt-85 {
        padding-top: 85px
    }

    .md\:pb-85 {
        padding-bottom: 85px
    }

    .md\:pl-85 {
        padding-left: 85px
    }

    .md\:pr-85 {
        padding-right: 85px
    }

    .md\:m-85 {
        margin: 85px
    }

    .md\:mt-85 {
        margin-top: 85px
    }

    .md\:mb-85 {
        margin-bottom: 85px
    }

    .md\:ml-85 {
        margin-left: 85px
    }

    .md\:mr-85 {
        margin-right: 85px
    }

    .md\:ml--85 {
        margin-left: -85px
    }

    .md\:mr--85 {
        margin-right: -85px
    }

    .md\:mt--85 {
        margin-top: -85px
    }

    .md\:mb--85 {
        margin-bottom: -85px
    }

    .md\:p-90 {
        padding: 90px
    }

    .md\:pt-90 {
        padding-top: 90px
    }

    .md\:pb-90 {
        padding-bottom: 90px
    }

    .md\:pl-90 {
        padding-left: 90px
    }

    .md\:pr-90 {
        padding-right: 90px
    }

    .md\:m-90 {
        margin: 90px
    }

    .md\:mt-90 {
        margin-top: 90px
    }

    .md\:mb-90 {
        margin-bottom: 90px
    }

    .md\:ml-90 {
        margin-left: 90px
    }

    .md\:mr-90 {
        margin-right: 90px
    }

    .md\:ml--90 {
        margin-left: -90px
    }

    .md\:mr--90 {
        margin-right: -90px
    }

    .md\:mt--90 {
        margin-top: -90px
    }

    .md\:mb--90 {
        margin-bottom: -90px
    }

    .md\:p-95 {
        padding: 95px
    }

    .md\:pt-95 {
        padding-top: 95px
    }

    .md\:pb-95 {
        padding-bottom: 95px
    }

    .md\:pl-95 {
        padding-left: 95px
    }

    .md\:pr-95 {
        padding-right: 95px
    }

    .md\:m-95 {
        margin: 95px
    }

    .md\:mt-95 {
        margin-top: 95px
    }

    .md\:mb-95 {
        margin-bottom: 95px
    }

    .md\:ml-95 {
        margin-left: 95px
    }

    .md\:mr-95 {
        margin-right: 95px
    }

    .md\:ml--95 {
        margin-left: -95px
    }

    .md\:mr--95 {
        margin-right: -95px
    }

    .md\:mt--95 {
        margin-top: -95px
    }

    .md\:mb--95 {
        margin-bottom: -95px
    }

    .md\:p-100 {
        padding: 100px
    }

    .md\:pt-100 {
        padding-top: 100px
    }

    .md\:pb-100 {
        padding-bottom: 100px
    }

    .md\:pl-100 {
        padding-left: 100px
    }

    .md\:pr-100 {
        padding-right: 100px
    }

    .md\:m-100 {
        margin: 100px
    }

    .md\:mt-100 {
        margin-top: 100px
    }

    .md\:mb-100 {
        margin-bottom: 100px
    }

    .md\:ml-100 {
        margin-left: 100px
    }

    .md\:mr-100 {
        margin-right: 100px
    }

    .md\:ml--100 {
        margin-left: -100px
    }

    .md\:mr--100 {
        margin-right: -100px
    }

    .md\:mt--100 {
        margin-top: -100px
    }

    .md\:mb--100 {
        margin-bottom: -100px
    }

    .md\:p-105 {
        padding: 105px
    }

    .md\:pt-105 {
        padding-top: 105px
    }

    .md\:pb-105 {
        padding-bottom: 105px
    }

    .md\:pl-105 {
        padding-left: 105px
    }

    .md\:pr-105 {
        padding-right: 105px
    }

    .md\:m-105 {
        margin: 105px
    }

    .md\:mt-105 {
        margin-top: 105px
    }

    .md\:mb-105 {
        margin-bottom: 105px
    }

    .md\:ml-105 {
        margin-left: 105px
    }

    .md\:mr-105 {
        margin-right: 105px
    }

    .md\:ml--105 {
        margin-left: -105px
    }

    .md\:mr--105 {
        margin-right: -105px
    }

    .md\:mt--105 {
        margin-top: -105px
    }

    .md\:mb--105 {
        margin-bottom: -105px
    }

    .md\:p-110 {
        padding: 110px
    }

    .md\:pt-110 {
        padding-top: 110px
    }

    .md\:pb-110 {
        padding-bottom: 110px
    }

    .md\:pl-110 {
        padding-left: 110px
    }

    .md\:pr-110 {
        padding-right: 110px
    }

    .md\:m-110 {
        margin: 110px
    }

    .md\:mt-110 {
        margin-top: 110px
    }

    .md\:mb-110 {
        margin-bottom: 110px
    }

    .md\:ml-110 {
        margin-left: 110px
    }

    .md\:mr-110 {
        margin-right: 110px
    }

    .md\:ml--110 {
        margin-left: -110px
    }

    .md\:mr--110 {
        margin-right: -110px
    }

    .md\:mt--110 {
        margin-top: -110px
    }

    .md\:mb--110 {
        margin-bottom: -110px
    }

    .md\:p-115 {
        padding: 115px
    }

    .md\:pt-115 {
        padding-top: 115px
    }

    .md\:pb-115 {
        padding-bottom: 115px
    }

    .md\:pl-115 {
        padding-left: 115px
    }

    .md\:pr-115 {
        padding-right: 115px
    }

    .md\:m-115 {
        margin: 115px
    }

    .md\:mt-115 {
        margin-top: 115px
    }

    .md\:mb-115 {
        margin-bottom: 115px
    }

    .md\:ml-115 {
        margin-left: 115px
    }

    .md\:mr-115 {
        margin-right: 115px
    }

    .md\:ml--115 {
        margin-left: -115px
    }

    .md\:mr--115 {
        margin-right: -115px
    }

    .md\:mt--115 {
        margin-top: -115px
    }

    .md\:mb--115 {
        margin-bottom: -115px
    }

    .md\:p-120 {
        padding: 120px
    }

    .md\:pt-120 {
        padding-top: 120px
    }

    .md\:pb-120 {
        padding-bottom: 120px
    }

    .md\:pl-120 {
        padding-left: 120px
    }

    .md\:pr-120 {
        padding-right: 120px
    }

    .md\:m-120 {
        margin: 120px
    }

    .md\:mt-120 {
        margin-top: 120px
    }

    .md\:mb-120 {
        margin-bottom: 120px
    }

    .md\:ml-120 {
        margin-left: 120px
    }

    .md\:mr-120 {
        margin-right: 120px
    }

    .md\:ml--120 {
        margin-left: -120px
    }

    .md\:mr--120 {
        margin-right: -120px
    }

    .md\:mt--120 {
        margin-top: -120px
    }

    .md\:mb--120 {
        margin-bottom: -120px
    }

    .md\:p-125 {
        padding: 125px
    }

    .md\:pt-125 {
        padding-top: 125px
    }

    .md\:pb-125 {
        padding-bottom: 125px
    }

    .md\:pl-125 {
        padding-left: 125px
    }

    .md\:pr-125 {
        padding-right: 125px
    }

    .md\:m-125 {
        margin: 125px
    }

    .md\:mt-125 {
        margin-top: 125px
    }

    .md\:mb-125 {
        margin-bottom: 125px
    }

    .md\:ml-125 {
        margin-left: 125px
    }

    .md\:mr-125 {
        margin-right: 125px
    }

    .md\:ml--125 {
        margin-left: -125px
    }

    .md\:mr--125 {
        margin-right: -125px
    }

    .md\:mt--125 {
        margin-top: -125px
    }

    .md\:mb--125 {
        margin-bottom: -125px
    }

    .md\:p-130 {
        padding: 130px
    }

    .md\:pt-130 {
        padding-top: 130px
    }

    .md\:pb-130 {
        padding-bottom: 130px
    }

    .md\:pl-130 {
        padding-left: 130px
    }

    .md\:pr-130 {
        padding-right: 130px
    }

    .md\:m-130 {
        margin: 130px
    }

    .md\:mt-130 {
        margin-top: 130px
    }

    .md\:mb-130 {
        margin-bottom: 130px
    }

    .md\:ml-130 {
        margin-left: 130px
    }

    .md\:mr-130 {
        margin-right: 130px
    }

    .md\:ml--130 {
        margin-left: -130px
    }

    .md\:mr--130 {
        margin-right: -130px
    }

    .md\:mt--130 {
        margin-top: -130px
    }

    .md\:mb--130 {
        margin-bottom: -130px
    }

    .md\:p-135 {
        padding: 135px
    }

    .md\:pt-135 {
        padding-top: 135px
    }

    .md\:pb-135 {
        padding-bottom: 135px
    }

    .md\:pl-135 {
        padding-left: 135px
    }

    .md\:pr-135 {
        padding-right: 135px
    }

    .md\:m-135 {
        margin: 135px
    }

    .md\:mt-135 {
        margin-top: 135px
    }

    .md\:mb-135 {
        margin-bottom: 135px
    }

    .md\:ml-135 {
        margin-left: 135px
    }

    .md\:mr-135 {
        margin-right: 135px
    }

    .md\:ml--135 {
        margin-left: -135px
    }

    .md\:mr--135 {
        margin-right: -135px
    }

    .md\:mt--135 {
        margin-top: -135px
    }

    .md\:mb--135 {
        margin-bottom: -135px
    }

    .md\:p-140 {
        padding: 140px
    }

    .md\:pt-140 {
        padding-top: 140px
    }

    .md\:pb-140 {
        padding-bottom: 140px
    }

    .md\:pl-140 {
        padding-left: 140px
    }

    .md\:pr-140 {
        padding-right: 140px
    }

    .md\:m-140 {
        margin: 140px
    }

    .md\:mt-140 {
        margin-top: 140px
    }

    .md\:mb-140 {
        margin-bottom: 140px
    }

    .md\:ml-140 {
        margin-left: 140px
    }

    .md\:mr-140 {
        margin-right: 140px
    }

    .md\:ml--140 {
        margin-left: -140px
    }

    .md\:mr--140 {
        margin-right: -140px
    }

    .md\:mt--140 {
        margin-top: -140px
    }

    .md\:mb--140 {
        margin-bottom: -140px
    }

    .md\:p-145 {
        padding: 145px
    }

    .md\:pt-145 {
        padding-top: 145px
    }

    .md\:pb-145 {
        padding-bottom: 145px
    }

    .md\:pl-145 {
        padding-left: 145px
    }

    .md\:pr-145 {
        padding-right: 145px
    }

    .md\:m-145 {
        margin: 145px
    }

    .md\:mt-145 {
        margin-top: 145px
    }

    .md\:mb-145 {
        margin-bottom: 145px
    }

    .md\:ml-145 {
        margin-left: 145px
    }

    .md\:mr-145 {
        margin-right: 145px
    }

    .md\:ml--145 {
        margin-left: -145px
    }

    .md\:mr--145 {
        margin-right: -145px
    }

    .md\:mt--145 {
        margin-top: -145px
    }

    .md\:mb--145 {
        margin-bottom: -145px
    }

    .md\:p-150 {
        padding: 150px
    }

    .md\:pt-150 {
        padding-top: 150px
    }

    .md\:pb-150 {
        padding-bottom: 150px
    }

    .md\:pl-150 {
        padding-left: 150px
    }

    .md\:pr-150 {
        padding-right: 150px
    }

    .md\:m-150 {
        margin: 150px
    }

    .md\:mt-150 {
        margin-top: 150px
    }

    .md\:mb-150 {
        margin-bottom: 150px
    }

    .md\:ml-150 {
        margin-left: 150px
    }

    .md\:mr-150 {
        margin-right: 150px
    }

    .md\:ml--150 {
        margin-left: -150px
    }

    .md\:mr--150 {
        margin-right: -150px
    }

    .md\:mt--150 {
        margin-top: -150px
    }

    .md\:mb--150 {
        margin-bottom: -150px
    }

    .md\:col-1 {
        flex: 0 0 8.333%;
        max-width: 8.333%
    }

    .md\:col-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%
    }

    .md\:col-3 {
        flex: 0 0 24.999000000000002%;
        max-width: 24.999000000000002%
    }

    .md\:col-4 {
        flex: 0 0 33.332%;
        max-width: 33.332%
    }

    .md\:col-5 {
        flex: 0 0 41.665%;
        max-width: 41.665%
    }

    .md\:col-6 {
        flex: 0 0 49.998000000000005%;
        max-width: 49.998000000000005%
    }

    .md\:col-7 {
        flex: 0 0 58.331%;
        max-width: 58.331%
    }

    .md\:col-8 {
        flex: 0 0 66.664%;
        max-width: 66.664%
    }

    .md\:col-9 {
        flex: 0 0 74.997%;
        max-width: 74.997%
    }

    .md\:col-10 {
        flex: 0 0 83.33%;
        max-width: 83.33%
    }

    .md\:col-11 {
        flex: 0 0 91.663%;
        max-width: 91.663%
    }

    .md\:col-12 {
        flex: 0 0 99.99600000000001%;
        max-width: 99.99600000000001%
    }

    .md\:font-100 {
        font-weight: 100
    }

    .md\:font-200 {
        font-weight: 200
    }

    .md\:font-300 {
        font-weight: 300
    }

    .md\:font-400 {
        font-weight: 400
    }

    .md\:font-500 {
        font-weight: 500
    }

    .md\:font-600 {
        font-weight: 600
    }

    .md\:font-700 {
        font-weight: 700
    }

    .md\:font-800 {
        font-weight: 800
    }

    .md\:font-900 {
        font-weight: 900
    }

    .md\:font-2 {
        font-size: 2px
    }

    .md\:font-3 {
        font-size: 3px
    }

    .md\:font-4 {
        font-size: 4px
    }

    .md\:font-5 {
        font-size: 5px
    }

    .md\:font-6 {
        font-size: 6px
    }

    .md\:font-7 {
        font-size: 7px
    }

    .md\:font-8 {
        font-size: 8px
    }

    .md\:font-9 {
        font-size: 9px
    }

    .md\:font-10 {
        font-size: 10px
    }

    .md\:font-11 {
        font-size: 11px
    }

    .md\:font-12 {
        font-size: 12px
    }

    .md\:font-13 {
        font-size: 13px
    }

    .md\:font-14 {
        font-size: 14px
    }

    .md\:font-15 {
        font-size: 15px
    }

    .md\:font-16 {
        font-size: 16px
    }

    .md\:font-17 {
        font-size: 17px
    }

    .md\:font-18 {
        font-size: 18px
    }

    .md\:font-19 {
        font-size: 19px
    }

    .md\:font-20 {
        font-size: 20px
    }

    .md\:font-21 {
        font-size: 21px
    }

    .md\:font-22 {
        font-size: 22px
    }

    .md\:font-23 {
        font-size: 23px
    }

    .md\:font-24 {
        font-size: 24px
    }

    .md\:font-25 {
        font-size: 25px
    }

    .md\:font-26 {
        font-size: 26px
    }

    .md\:font-27 {
        font-size: 27px
    }

    .md\:font-28 {
        font-size: 28px
    }

    .md\:font-29 {
        font-size: 29px
    }

    .md\:font-30 {
        font-size: 30px
    }

    .md\:font-31 {
        font-size: 31px
    }

    .md\:font-32 {
        font-size: 32px
    }

    .md\:font-33 {
        font-size: 33px
    }

    .md\:font-34 {
        font-size: 34px
    }

    .md\:font-35 {
        font-size: 35px
    }

    .md\:font-36 {
        font-size: 36px
    }

    .md\:font-37 {
        font-size: 37px
    }

    .md\:font-38 {
        font-size: 38px
    }

    .md\:font-39 {
        font-size: 39px
    }

    .md\:font-40 {
        font-size: 40px
    }

    .md\:line-10 {
        line-height: 10px
    }

    .md\:line-11 {
        line-height: 11px
    }

    .md\:line-12 {
        line-height: 12px
    }

    .md\:line-13 {
        line-height: 13px
    }

    .md\:line-14 {
        line-height: 14px
    }

    .md\:line-15 {
        line-height: 15px
    }

    .md\:line-16 {
        line-height: 16px
    }

    .md\:line-17 {
        line-height: 17px
    }

    .md\:line-18 {
        line-height: 18px
    }

    .md\:line-19 {
        line-height: 19px
    }

    .md\:line-20 {
        line-height: 20px
    }

    .md\:line-21 {
        line-height: 21px
    }

    .md\:line-22 {
        line-height: 22px
    }

    .md\:line-23 {
        line-height: 23px
    }

    .md\:line-24 {
        line-height: 24px
    }

    .md\:line-25 {
        line-height: 25px
    }

    .md\:line-26 {
        line-height: 26px
    }

    .md\:line-27 {
        line-height: 27px
    }

    .md\:line-28 {
        line-height: 28px
    }

    .md\:line-29 {
        line-height: 29px
    }

    .md\:line-30 {
        line-height: 30px
    }

    .md\:line-31 {
        line-height: 31px
    }

    .md\:line-32 {
        line-height: 32px
    }

    .md\:line-33 {
        line-height: 33px
    }

    .md\:line-34 {
        line-height: 34px
    }

    .md\:line-35 {
        line-height: 35px
    }

    .md\:line-36 {
        line-height: 36px
    }

    .md\:line-37 {
        line-height: 37px
    }

    .md\:line-38 {
        line-height: 38px
    }

    .md\:line-39 {
        line-height: 39px
    }

    .md\:line-40 {
        line-height: 40px
    }

    .md\:line-41 {
        line-height: 41px
    }

    .md\:line-42 {
        line-height: 42px
    }

    .md\:line-43 {
        line-height: 43px
    }

    .md\:line-44 {
        line-height: 44px
    }

    .md\:line-45 {
        line-height: 45px
    }

    .md\:line-46 {
        line-height: 46px
    }

    .md\:line-47 {
        line-height: 47px
    }

    .md\:line-48 {
        line-height: 48px
    }

    .md\:line-49 {
        line-height: 49px
    }

    .md\:line-50 {
        line-height: 50px
    }
}

@media(min-width:1200px) {
    .lg\:p-0 {
        padding: 0
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:ml--0 {
        margin-left: 0
    }

    .lg\:mr--0 {
        margin-right: 0
    }

    .lg\:mt--0 {
        margin-top: 0
    }

    .lg\:mb--0 {
        margin-bottom: 0
    }

    .lg\:p-5 {
        padding: 5px
    }

    .lg\:pt-5 {
        padding-top: 5px
    }

    .lg\:pb-5 {
        padding-bottom: 5px
    }

    .lg\:pl-5 {
        padding-left: 5px
    }

    .lg\:pr-5 {
        padding-right: 5px
    }

    .lg\:m-5 {
        margin: 5px
    }

    .lg\:mt-5 {
        margin-top: 5px
    }

    .lg\:mb-5 {
        margin-bottom: 5px
    }

    .lg\:ml-5 {
        margin-left: 5px
    }

    .lg\:mr-5 {
        margin-right: 5px
    }

    .lg\:ml--5 {
        margin-left: -5px
    }

    .lg\:mr--5 {
        margin-right: -5px
    }

    .lg\:mt--5 {
        margin-top: -5px
    }

    .lg\:mb--5 {
        margin-bottom: -5px
    }

    .lg\:p-10 {
        padding: 10px
    }

    .lg\:pt-10 {
        padding-top: 10px
    }

    .lg\:pb-10 {
        padding-bottom: 10px
    }

    .lg\:pl-10 {
        padding-left: 10px
    }

    .lg\:pr-10 {
        padding-right: 10px
    }

    .lg\:m-10 {
        margin: 10px
    }

    .lg\:mt-10 {
        margin-top: 10px
    }

    .lg\:mb-10 {
        margin-bottom: 10px
    }

    .lg\:ml-10 {
        margin-left: 10px
    }

    .lg\:mr-10 {
        margin-right: 10px
    }

    .lg\:ml--10 {
        margin-left: -10px
    }

    .lg\:mr--10 {
        margin-right: -10px
    }

    .lg\:mt--10 {
        margin-top: -10px
    }

    .lg\:mb--10 {
        margin-bottom: -10px
    }

    .lg\:p-15 {
        padding: 15px
    }

    .lg\:pt-15 {
        padding-top: 15px
    }

    .lg\:pb-15 {
        padding-bottom: 15px
    }

    .lg\:pl-15 {
        padding-left: 15px
    }

    .lg\:pr-15 {
        padding-right: 15px
    }

    .lg\:m-15 {
        margin: 15px
    }

    .lg\:mt-15 {
        margin-top: 15px
    }

    .lg\:mb-15 {
        margin-bottom: 15px
    }

    .lg\:ml-15 {
        margin-left: 15px
    }

    .lg\:mr-15 {
        margin-right: 15px
    }

    .lg\:ml--15 {
        margin-left: -15px
    }

    .lg\:mr--15 {
        margin-right: -15px
    }

    .lg\:mt--15 {
        margin-top: -15px
    }

    .lg\:mb--15 {
        margin-bottom: -15px
    }

    .lg\:p-20 {
        padding: 20px
    }

    .lg\:pt-20 {
        padding-top: 20px
    }

    .lg\:pb-20 {
        padding-bottom: 20px
    }

    .lg\:pl-20 {
        padding-left: 20px
    }

    .lg\:pr-20 {
        padding-right: 20px
    }

    .lg\:m-20 {
        margin: 20px
    }

    .lg\:mt-20 {
        margin-top: 20px
    }

    .lg\:mb-20 {
        margin-bottom: 20px
    }

    .lg\:ml-20 {
        margin-left: 20px
    }

    .lg\:mr-20 {
        margin-right: 20px
    }

    .lg\:ml--20 {
        margin-left: -20px
    }

    .lg\:mr--20 {
        margin-right: -20px
    }

    .lg\:mt--20 {
        margin-top: -20px
    }

    .lg\:mb--20 {
        margin-bottom: -20px
    }

    .lg\:p-25 {
        padding: 25px
    }

    .lg\:pt-25 {
        padding-top: 25px
    }

    .lg\:pb-25 {
        padding-bottom: 25px
    }

    .lg\:pl-25 {
        padding-left: 25px
    }

    .lg\:pr-25 {
        padding-right: 25px
    }

    .lg\:m-25 {
        margin: 25px
    }

    .lg\:mt-25 {
        margin-top: 25px
    }

    .lg\:mb-25 {
        margin-bottom: 25px
    }

    .lg\:ml-25 {
        margin-left: 25px
    }

    .lg\:mr-25 {
        margin-right: 25px
    }

    .lg\:ml--25 {
        margin-left: -25px
    }

    .lg\:mr--25 {
        margin-right: -25px
    }

    .lg\:mt--25 {
        margin-top: -25px
    }

    .lg\:mb--25 {
        margin-bottom: -25px
    }

    .lg\:p-30 {
        padding: 30px
    }

    .lg\:pt-30 {
        padding-top: 30px
    }

    .lg\:pb-30 {
        padding-bottom: 30px
    }

    .lg\:pl-30 {
        padding-left: 30px
    }

    .lg\:pr-30 {
        padding-right: 30px
    }

    .lg\:m-30 {
        margin: 30px
    }

    .lg\:mt-30 {
        margin-top: 30px
    }

    .lg\:mb-30 {
        margin-bottom: 30px
    }

    .lg\:ml-30 {
        margin-left: 30px
    }

    .lg\:mr-30 {
        margin-right: 30px
    }

    .lg\:ml--30 {
        margin-left: -30px
    }

    .lg\:mr--30 {
        margin-right: -30px
    }

    .lg\:mt--30 {
        margin-top: -30px
    }

    .lg\:mb--30 {
        margin-bottom: -30px
    }

    .lg\:p-35 {
        padding: 35px
    }

    .lg\:pt-35 {
        padding-top: 35px
    }

    .lg\:pb-35 {
        padding-bottom: 35px
    }

    .lg\:pl-35 {
        padding-left: 35px
    }

    .lg\:pr-35 {
        padding-right: 35px
    }

    .lg\:m-35 {
        margin: 35px
    }

    .lg\:mt-35 {
        margin-top: 35px
    }

    .lg\:mb-35 {
        margin-bottom: 35px
    }

    .lg\:ml-35 {
        margin-left: 35px
    }

    .lg\:mr-35 {
        margin-right: 35px
    }

    .lg\:ml--35 {
        margin-left: -35px
    }

    .lg\:mr--35 {
        margin-right: -35px
    }

    .lg\:mt--35 {
        margin-top: -35px
    }

    .lg\:mb--35 {
        margin-bottom: -35px
    }

    .lg\:p-40 {
        padding: 40px
    }

    .lg\:pt-40 {
        padding-top: 40px
    }

    .lg\:pb-40 {
        padding-bottom: 40px
    }

    .lg\:pl-40 {
        padding-left: 40px
    }

    .lg\:pr-40 {
        padding-right: 40px
    }

    .lg\:m-40 {
        margin: 40px
    }

    .lg\:mt-40 {
        margin-top: 40px
    }

    .lg\:mb-40 {
        margin-bottom: 40px
    }

    .lg\:ml-40 {
        margin-left: 40px
    }

    .lg\:mr-40 {
        margin-right: 40px
    }

    .lg\:ml--40 {
        margin-left: -40px
    }

    .lg\:mr--40 {
        margin-right: -40px
    }

    .lg\:mt--40 {
        margin-top: -40px
    }

    .lg\:mb--40 {
        margin-bottom: -40px
    }

    .lg\:p-45 {
        padding: 45px
    }

    .lg\:pt-45 {
        padding-top: 45px
    }

    .lg\:pb-45 {
        padding-bottom: 45px
    }

    .lg\:pl-45 {
        padding-left: 45px
    }

    .lg\:pr-45 {
        padding-right: 45px
    }

    .lg\:m-45 {
        margin: 45px
    }

    .lg\:mt-45 {
        margin-top: 45px
    }

    .lg\:mb-45 {
        margin-bottom: 45px
    }

    .lg\:ml-45 {
        margin-left: 45px
    }

    .lg\:mr-45 {
        margin-right: 45px
    }

    .lg\:ml--45 {
        margin-left: -45px
    }

    .lg\:mr--45 {
        margin-right: -45px
    }

    .lg\:mt--45 {
        margin-top: -45px
    }

    .lg\:mb--45 {
        margin-bottom: -45px
    }

    .lg\:p-50 {
        padding: 50px
    }

    .lg\:pt-50 {
        padding-top: 50px
    }

    .lg\:pb-50 {
        padding-bottom: 50px
    }

    .lg\:pl-50 {
        padding-left: 50px
    }

    .lg\:pr-50 {
        padding-right: 50px
    }

    .lg\:m-50 {
        margin: 50px
    }

    .lg\:mt-50 {
        margin-top: 50px
    }

    .lg\:mb-50 {
        margin-bottom: 50px
    }

    .lg\:ml-50 {
        margin-left: 50px
    }

    .lg\:mr-50 {
        margin-right: 50px
    }

    .lg\:ml--50 {
        margin-left: -50px
    }

    .lg\:mr--50 {
        margin-right: -50px
    }

    .lg\:mt--50 {
        margin-top: -50px
    }

    .lg\:mb--50 {
        margin-bottom: -50px
    }

    .lg\:p-55 {
        padding: 55px
    }

    .lg\:pt-55 {
        padding-top: 55px
    }

    .lg\:pb-55 {
        padding-bottom: 55px
    }

    .lg\:pl-55 {
        padding-left: 55px
    }

    .lg\:pr-55 {
        padding-right: 55px
    }

    .lg\:m-55 {
        margin: 55px
    }

    .lg\:mt-55 {
        margin-top: 55px
    }

    .lg\:mb-55 {
        margin-bottom: 55px
    }

    .lg\:ml-55 {
        margin-left: 55px
    }

    .lg\:mr-55 {
        margin-right: 55px
    }

    .lg\:ml--55 {
        margin-left: -55px
    }

    .lg\:mr--55 {
        margin-right: -55px
    }

    .lg\:mt--55 {
        margin-top: -55px
    }

    .lg\:mb--55 {
        margin-bottom: -55px
    }

    .lg\:p-60 {
        padding: 60px
    }

    .lg\:pt-60 {
        padding-top: 60px
    }

    .lg\:pb-60 {
        padding-bottom: 60px
    }

    .lg\:pl-60 {
        padding-left: 60px
    }

    .lg\:pr-60 {
        padding-right: 60px
    }

    .lg\:m-60 {
        margin: 60px
    }

    .lg\:mt-60 {
        margin-top: 60px
    }

    .lg\:mb-60 {
        margin-bottom: 60px
    }

    .lg\:ml-60 {
        margin-left: 60px
    }

    .lg\:mr-60 {
        margin-right: 60px
    }

    .lg\:ml--60 {
        margin-left: -60px
    }

    .lg\:mr--60 {
        margin-right: -60px
    }

    .lg\:mt--60 {
        margin-top: -60px
    }

    .lg\:mb--60 {
        margin-bottom: -60px
    }

    .lg\:p-65 {
        padding: 65px
    }

    .lg\:pt-65 {
        padding-top: 65px
    }

    .lg\:pb-65 {
        padding-bottom: 65px
    }

    .lg\:pl-65 {
        padding-left: 65px
    }

    .lg\:pr-65 {
        padding-right: 65px
    }

    .lg\:m-65 {
        margin: 65px
    }

    .lg\:mt-65 {
        margin-top: 65px
    }

    .lg\:mb-65 {
        margin-bottom: 65px
    }

    .lg\:ml-65 {
        margin-left: 65px
    }

    .lg\:mr-65 {
        margin-right: 65px
    }

    .lg\:ml--65 {
        margin-left: -65px
    }

    .lg\:mr--65 {
        margin-right: -65px
    }

    .lg\:mt--65 {
        margin-top: -65px
    }

    .lg\:mb--65 {
        margin-bottom: -65px
    }

    .lg\:p-70 {
        padding: 70px
    }

    .lg\:pt-70 {
        padding-top: 70px
    }

    .lg\:pb-70 {
        padding-bottom: 70px
    }

    .lg\:pl-70 {
        padding-left: 70px
    }

    .lg\:pr-70 {
        padding-right: 70px
    }

    .lg\:m-70 {
        margin: 70px
    }

    .lg\:mt-70 {
        margin-top: 70px
    }

    .lg\:mb-70 {
        margin-bottom: 70px
    }

    .lg\:ml-70 {
        margin-left: 70px
    }

    .lg\:mr-70 {
        margin-right: 70px
    }

    .lg\:ml--70 {
        margin-left: -70px
    }

    .lg\:mr--70 {
        margin-right: -70px
    }

    .lg\:mt--70 {
        margin-top: -70px
    }

    .lg\:mb--70 {
        margin-bottom: -70px
    }

    .lg\:p-75 {
        padding: 75px
    }

    .lg\:pt-75 {
        padding-top: 75px
    }

    .lg\:pb-75 {
        padding-bottom: 75px
    }

    .lg\:pl-75 {
        padding-left: 75px
    }

    .lg\:pr-75 {
        padding-right: 75px
    }

    .lg\:m-75 {
        margin: 75px
    }

    .lg\:mt-75 {
        margin-top: 75px
    }

    .lg\:mb-75 {
        margin-bottom: 75px
    }

    .lg\:ml-75 {
        margin-left: 75px
    }

    .lg\:mr-75 {
        margin-right: 75px
    }

    .lg\:ml--75 {
        margin-left: -75px
    }

    .lg\:mr--75 {
        margin-right: -75px
    }

    .lg\:mt--75 {
        margin-top: -75px
    }

    .lg\:mb--75 {
        margin-bottom: -75px
    }

    .lg\:p-80 {
        padding: 80px
    }

    .lg\:pt-80 {
        padding-top: 80px
    }

    .lg\:pb-80 {
        padding-bottom: 80px
    }

    .lg\:pl-80 {
        padding-left: 80px
    }

    .lg\:pr-80 {
        padding-right: 80px
    }

    .lg\:m-80 {
        margin: 80px
    }

    .lg\:mt-80 {
        margin-top: 80px
    }

    .lg\:mb-80 {
        margin-bottom: 80px
    }

    .lg\:ml-80 {
        margin-left: 80px
    }

    .lg\:mr-80 {
        margin-right: 80px
    }

    .lg\:ml--80 {
        margin-left: -80px
    }

    .lg\:mr--80 {
        margin-right: -80px
    }

    .lg\:mt--80 {
        margin-top: -80px
    }

    .lg\:mb--80 {
        margin-bottom: -80px
    }

    .lg\:p-85 {
        padding: 85px
    }

    .lg\:pt-85 {
        padding-top: 85px
    }

    .lg\:pb-85 {
        padding-bottom: 85px
    }

    .lg\:pl-85 {
        padding-left: 85px
    }

    .lg\:pr-85 {
        padding-right: 85px
    }

    .lg\:m-85 {
        margin: 85px
    }

    .lg\:mt-85 {
        margin-top: 85px
    }

    .lg\:mb-85 {
        margin-bottom: 85px
    }

    .lg\:ml-85 {
        margin-left: 85px
    }

    .lg\:mr-85 {
        margin-right: 85px
    }

    .lg\:ml--85 {
        margin-left: -85px
    }

    .lg\:mr--85 {
        margin-right: -85px
    }

    .lg\:mt--85 {
        margin-top: -85px
    }

    .lg\:mb--85 {
        margin-bottom: -85px
    }

    .lg\:p-90 {
        padding: 90px
    }

    .lg\:pt-90 {
        padding-top: 90px
    }

    .lg\:pb-90 {
        padding-bottom: 90px
    }

    .lg\:pl-90 {
        padding-left: 90px
    }

    .lg\:pr-90 {
        padding-right: 90px
    }

    .lg\:m-90 {
        margin: 90px
    }

    .lg\:mt-90 {
        margin-top: 90px
    }

    .lg\:mb-90 {
        margin-bottom: 90px
    }

    .lg\:ml-90 {
        margin-left: 90px
    }

    .lg\:mr-90 {
        margin-right: 90px
    }

    .lg\:ml--90 {
        margin-left: -90px
    }

    .lg\:mr--90 {
        margin-right: -90px
    }

    .lg\:mt--90 {
        margin-top: -90px
    }

    .lg\:mb--90 {
        margin-bottom: -90px
    }

    .lg\:p-95 {
        padding: 95px
    }

    .lg\:pt-95 {
        padding-top: 95px
    }

    .lg\:pb-95 {
        padding-bottom: 95px
    }

    .lg\:pl-95 {
        padding-left: 95px
    }

    .lg\:pr-95 {
        padding-right: 95px
    }

    .lg\:m-95 {
        margin: 95px
    }

    .lg\:mt-95 {
        margin-top: 95px
    }

    .lg\:mb-95 {
        margin-bottom: 95px
    }

    .lg\:ml-95 {
        margin-left: 95px
    }

    .lg\:mr-95 {
        margin-right: 95px
    }

    .lg\:ml--95 {
        margin-left: -95px
    }

    .lg\:mr--95 {
        margin-right: -95px
    }

    .lg\:mt--95 {
        margin-top: -95px
    }

    .lg\:mb--95 {
        margin-bottom: -95px
    }

    .lg\:p-100 {
        padding: 100px
    }

    .lg\:pt-100 {
        padding-top: 100px
    }

    .lg\:pb-100 {
        padding-bottom: 100px
    }

    .lg\:pl-100 {
        padding-left: 100px
    }

    .lg\:pr-100 {
        padding-right: 100px
    }

    .lg\:m-100 {
        margin: 100px
    }

    .lg\:mt-100 {
        margin-top: 100px
    }

    .lg\:mb-100 {
        margin-bottom: 100px
    }

    .lg\:ml-100 {
        margin-left: 100px
    }

    .lg\:mr-100 {
        margin-right: 100px
    }

    .lg\:ml--100 {
        margin-left: -100px
    }

    .lg\:mr--100 {
        margin-right: -100px
    }

    .lg\:mt--100 {
        margin-top: -100px
    }

    .lg\:mb--100 {
        margin-bottom: -100px
    }

    .lg\:p-105 {
        padding: 105px
    }

    .lg\:pt-105 {
        padding-top: 105px
    }

    .lg\:pb-105 {
        padding-bottom: 105px
    }

    .lg\:pl-105 {
        padding-left: 105px
    }

    .lg\:pr-105 {
        padding-right: 105px
    }

    .lg\:m-105 {
        margin: 105px
    }

    .lg\:mt-105 {
        margin-top: 105px
    }

    .lg\:mb-105 {
        margin-bottom: 105px
    }

    .lg\:ml-105 {
        margin-left: 105px
    }

    .lg\:mr-105 {
        margin-right: 105px
    }

    .lg\:ml--105 {
        margin-left: -105px
    }

    .lg\:mr--105 {
        margin-right: -105px
    }

    .lg\:mt--105 {
        margin-top: -105px
    }

    .lg\:mb--105 {
        margin-bottom: -105px
    }

    .lg\:p-110 {
        padding: 110px
    }

    .lg\:pt-110 {
        padding-top: 110px
    }

    .lg\:pb-110 {
        padding-bottom: 110px
    }

    .lg\:pl-110 {
        padding-left: 110px
    }

    .lg\:pr-110 {
        padding-right: 110px
    }

    .lg\:m-110 {
        margin: 110px
    }

    .lg\:mt-110 {
        margin-top: 110px
    }

    .lg\:mb-110 {
        margin-bottom: 110px
    }

    .lg\:ml-110 {
        margin-left: 110px
    }

    .lg\:mr-110 {
        margin-right: 110px
    }

    .lg\:ml--110 {
        margin-left: -110px
    }

    .lg\:mr--110 {
        margin-right: -110px
    }

    .lg\:mt--110 {
        margin-top: -110px
    }

    .lg\:mb--110 {
        margin-bottom: -110px
    }

    .lg\:p-115 {
        padding: 115px
    }

    .lg\:pt-115 {
        padding-top: 115px
    }

    .lg\:pb-115 {
        padding-bottom: 115px
    }

    .lg\:pl-115 {
        padding-left: 115px
    }

    .lg\:pr-115 {
        padding-right: 115px
    }

    .lg\:m-115 {
        margin: 115px
    }

    .lg\:mt-115 {
        margin-top: 115px
    }

    .lg\:mb-115 {
        margin-bottom: 115px
    }

    .lg\:ml-115 {
        margin-left: 115px
    }

    .lg\:mr-115 {
        margin-right: 115px
    }

    .lg\:ml--115 {
        margin-left: -115px
    }

    .lg\:mr--115 {
        margin-right: -115px
    }

    .lg\:mt--115 {
        margin-top: -115px
    }

    .lg\:mb--115 {
        margin-bottom: -115px
    }

    .lg\:p-120 {
        padding: 120px
    }

    .lg\:pt-120 {
        padding-top: 120px
    }

    .lg\:pb-120 {
        padding-bottom: 120px
    }

    .lg\:pl-120 {
        padding-left: 120px
    }

    .lg\:pr-120 {
        padding-right: 120px
    }

    .lg\:m-120 {
        margin: 120px
    }

    .lg\:mt-120 {
        margin-top: 120px
    }

    .lg\:mb-120 {
        margin-bottom: 120px
    }

    .lg\:ml-120 {
        margin-left: 120px
    }

    .lg\:mr-120 {
        margin-right: 120px
    }

    .lg\:ml--120 {
        margin-left: -120px
    }

    .lg\:mr--120 {
        margin-right: -120px
    }

    .lg\:mt--120 {
        margin-top: -120px
    }

    .lg\:mb--120 {
        margin-bottom: -120px
    }

    .lg\:p-125 {
        padding: 125px
    }

    .lg\:pt-125 {
        padding-top: 125px
    }

    .lg\:pb-125 {
        padding-bottom: 125px
    }

    .lg\:pl-125 {
        padding-left: 125px
    }

    .lg\:pr-125 {
        padding-right: 125px
    }

    .lg\:m-125 {
        margin: 125px
    }

    .lg\:mt-125 {
        margin-top: 125px
    }

    .lg\:mb-125 {
        margin-bottom: 125px
    }

    .lg\:ml-125 {
        margin-left: 125px
    }

    .lg\:mr-125 {
        margin-right: 125px
    }

    .lg\:ml--125 {
        margin-left: -125px
    }

    .lg\:mr--125 {
        margin-right: -125px
    }

    .lg\:mt--125 {
        margin-top: -125px
    }

    .lg\:mb--125 {
        margin-bottom: -125px
    }

    .lg\:p-130 {
        padding: 130px
    }

    .lg\:pt-130 {
        padding-top: 130px
    }

    .lg\:pb-130 {
        padding-bottom: 130px
    }

    .lg\:pl-130 {
        padding-left: 130px
    }

    .lg\:pr-130 {
        padding-right: 130px
    }

    .lg\:m-130 {
        margin: 130px
    }

    .lg\:mt-130 {
        margin-top: 130px
    }

    .lg\:mb-130 {
        margin-bottom: 130px
    }

    .lg\:ml-130 {
        margin-left: 130px
    }

    .lg\:mr-130 {
        margin-right: 130px
    }

    .lg\:ml--130 {
        margin-left: -130px
    }

    .lg\:mr--130 {
        margin-right: -130px
    }

    .lg\:mt--130 {
        margin-top: -130px
    }

    .lg\:mb--130 {
        margin-bottom: -130px
    }

    .lg\:p-135 {
        padding: 135px
    }

    .lg\:pt-135 {
        padding-top: 135px
    }

    .lg\:pb-135 {
        padding-bottom: 135px
    }

    .lg\:pl-135 {
        padding-left: 135px
    }

    .lg\:pr-135 {
        padding-right: 135px
    }

    .lg\:m-135 {
        margin: 135px
    }

    .lg\:mt-135 {
        margin-top: 135px
    }

    .lg\:mb-135 {
        margin-bottom: 135px
    }

    .lg\:ml-135 {
        margin-left: 135px
    }

    .lg\:mr-135 {
        margin-right: 135px
    }

    .lg\:ml--135 {
        margin-left: -135px
    }

    .lg\:mr--135 {
        margin-right: -135px
    }

    .lg\:mt--135 {
        margin-top: -135px
    }

    .lg\:mb--135 {
        margin-bottom: -135px
    }

    .lg\:p-140 {
        padding: 140px
    }

    .lg\:pt-140 {
        padding-top: 140px
    }

    .lg\:pb-140 {
        padding-bottom: 140px
    }

    .lg\:pl-140 {
        padding-left: 140px
    }

    .lg\:pr-140 {
        padding-right: 140px
    }

    .lg\:m-140 {
        margin: 140px
    }

    .lg\:mt-140 {
        margin-top: 140px
    }

    .lg\:mb-140 {
        margin-bottom: 140px
    }

    .lg\:ml-140 {
        margin-left: 140px
    }

    .lg\:mr-140 {
        margin-right: 140px
    }

    .lg\:ml--140 {
        margin-left: -140px
    }

    .lg\:mr--140 {
        margin-right: -140px
    }

    .lg\:mt--140 {
        margin-top: -140px
    }

    .lg\:mb--140 {
        margin-bottom: -140px
    }

    .lg\:p-145 {
        padding: 145px
    }

    .lg\:pt-145 {
        padding-top: 145px
    }

    .lg\:pb-145 {
        padding-bottom: 145px
    }

    .lg\:pl-145 {
        padding-left: 145px
    }

    .lg\:pr-145 {
        padding-right: 145px
    }

    .lg\:m-145 {
        margin: 145px
    }

    .lg\:mt-145 {
        margin-top: 145px
    }

    .lg\:mb-145 {
        margin-bottom: 145px
    }

    .lg\:ml-145 {
        margin-left: 145px
    }

    .lg\:mr-145 {
        margin-right: 145px
    }

    .lg\:ml--145 {
        margin-left: -145px
    }

    .lg\:mr--145 {
        margin-right: -145px
    }

    .lg\:mt--145 {
        margin-top: -145px
    }

    .lg\:mb--145 {
        margin-bottom: -145px
    }

    .lg\:p-150 {
        padding: 150px
    }

    .lg\:pt-150 {
        padding-top: 150px
    }

    .lg\:pb-150 {
        padding-bottom: 150px
    }

    .lg\:pl-150 {
        padding-left: 150px
    }

    .lg\:pr-150 {
        padding-right: 150px
    }

    .lg\:m-150 {
        margin: 150px
    }

    .lg\:mt-150 {
        margin-top: 150px
    }

    .lg\:mb-150 {
        margin-bottom: 150px
    }

    .lg\:ml-150 {
        margin-left: 150px
    }

    .lg\:mr-150 {
        margin-right: 150px
    }

    .lg\:ml--150 {
        margin-left: -150px
    }

    .lg\:mr--150 {
        margin-right: -150px
    }

    .lg\:mt--150 {
        margin-top: -150px
    }

    .lg\:mb--150 {
        margin-bottom: -150px
    }

    .lg\:col-1 {
        flex: 0 0 8.333%;
        max-width: 8.333%
    }

    .lg\:col-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%
    }

    .lg\:col-3 {
        flex: 0 0 24.999000000000002%;
        max-width: 24.999000000000002%
    }

    .lg\:col-4 {
        flex: 0 0 33.332%;
        max-width: 33.332%
    }

    .lg\:col-5 {
        flex: 0 0 41.665%;
        max-width: 41.665%
    }

    .lg\:col-6 {
        flex: 0 0 49.998000000000005%;
        max-width: 49.998000000000005%
    }

    .lg\:col-7 {
        flex: 0 0 58.331%;
        max-width: 58.331%
    }

    .lg\:col-8 {
        flex: 0 0 66.664%;
        max-width: 66.664%
    }

    .lg\:col-9 {
        flex: 0 0 74.997%;
        max-width: 74.997%
    }

    .lg\:col-10 {
        flex: 0 0 83.33%;
        max-width: 83.33%
    }

    .lg\:col-11 {
        flex: 0 0 91.663%;
        max-width: 91.663%
    }

    .lg\:col-12 {
        flex: 0 0 99.99600000000001%;
        max-width: 99.99600000000001%
    }

    .lg\:font-100 {
        font-weight: 100
    }

    .lg\:font-200 {
        font-weight: 200
    }

    .lg\:font-300 {
        font-weight: 300
    }

    .lg\:font-400 {
        font-weight: 400
    }

    .lg\:font-500 {
        font-weight: 500
    }

    .lg\:font-600 {
        font-weight: 600
    }

    .lg\:font-700 {
        font-weight: 700
    }

    .lg\:font-800 {
        font-weight: 800
    }

    .lg\:font-900 {
        font-weight: 900
    }

    .lg\:font-2 {
        font-size: 2px
    }

    .lg\:font-3 {
        font-size: 3px
    }

    .lg\:font-4 {
        font-size: 4px
    }

    .lg\:font-5 {
        font-size: 5px
    }

    .lg\:font-6 {
        font-size: 6px
    }

    .lg\:font-7 {
        font-size: 7px
    }

    .lg\:font-8 {
        font-size: 8px
    }

    .lg\:font-9 {
        font-size: 9px
    }

    .lg\:font-10 {
        font-size: 10px
    }

    .lg\:font-11 {
        font-size: 11px
    }

    .lg\:font-12 {
        font-size: 12px
    }

    .lg\:font-13 {
        font-size: 13px
    }

    .lg\:font-14 {
        font-size: 14px
    }

    .lg\:font-15 {
        font-size: 15px
    }

    .lg\:font-16 {
        font-size: 16px
    }

    .lg\:font-17 {
        font-size: 17px
    }

    .lg\:font-18 {
        font-size: 18px
    }

    .lg\:font-19 {
        font-size: 19px
    }

    .lg\:font-20 {
        font-size: 20px
    }

    .lg\:font-21 {
        font-size: 21px
    }

    .lg\:font-22 {
        font-size: 22px
    }

    .lg\:font-23 {
        font-size: 23px
    }

    .lg\:font-24 {
        font-size: 24px
    }

    .lg\:font-25 {
        font-size: 25px
    }

    .lg\:font-26 {
        font-size: 26px
    }

    .lg\:font-27 {
        font-size: 27px
    }

    .lg\:font-28 {
        font-size: 28px
    }

    .lg\:font-29 {
        font-size: 29px
    }

    .lg\:font-30 {
        font-size: 30px
    }

    .lg\:font-31 {
        font-size: 31px
    }

    .lg\:font-32 {
        font-size: 32px
    }

    .lg\:font-33 {
        font-size: 33px
    }

    .lg\:font-34 {
        font-size: 34px
    }

    .lg\:font-35 {
        font-size: 35px
    }

    .lg\:font-36 {
        font-size: 36px
    }

    .lg\:font-37 {
        font-size: 37px
    }

    .lg\:font-38 {
        font-size: 38px
    }

    .lg\:font-39 {
        font-size: 39px
    }

    .lg\:font-40 {
        font-size: 40px
    }

    .lg\:line-10 {
        line-height: 10px
    }

    .lg\:line-11 {
        line-height: 11px
    }

    .lg\:line-12 {
        line-height: 12px
    }

    .lg\:line-13 {
        line-height: 13px
    }

    .lg\:line-14 {
        line-height: 14px
    }

    .lg\:line-15 {
        line-height: 15px
    }

    .lg\:line-16 {
        line-height: 16px
    }

    .lg\:line-17 {
        line-height: 17px
    }

    .lg\:line-18 {
        line-height: 18px
    }

    .lg\:line-19 {
        line-height: 19px
    }

    .lg\:line-20 {
        line-height: 20px
    }

    .lg\:line-21 {
        line-height: 21px
    }

    .lg\:line-22 {
        line-height: 22px
    }

    .lg\:line-23 {
        line-height: 23px
    }

    .lg\:line-24 {
        line-height: 24px
    }

    .lg\:line-25 {
        line-height: 25px
    }

    .lg\:line-26 {
        line-height: 26px
    }

    .lg\:line-27 {
        line-height: 27px
    }

    .lg\:line-28 {
        line-height: 28px
    }

    .lg\:line-29 {
        line-height: 29px
    }

    .lg\:line-30 {
        line-height: 30px
    }

    .lg\:line-31 {
        line-height: 31px
    }

    .lg\:line-32 {
        line-height: 32px
    }

    .lg\:line-33 {
        line-height: 33px
    }

    .lg\:line-34 {
        line-height: 34px
    }

    .lg\:line-35 {
        line-height: 35px
    }

    .lg\:line-36 {
        line-height: 36px
    }

    .lg\:line-37 {
        line-height: 37px
    }

    .lg\:line-38 {
        line-height: 38px
    }

    .lg\:line-39 {
        line-height: 39px
    }

    .lg\:line-40 {
        line-height: 40px
    }

    .lg\:line-41 {
        line-height: 41px
    }

    .lg\:line-42 {
        line-height: 42px
    }

    .lg\:line-43 {
        line-height: 43px
    }

    .lg\:line-44 {
        line-height: 44px
    }

    .lg\:line-45 {
        line-height: 45px
    }

    .lg\:line-46 {
        line-height: 46px
    }

    .lg\:line-47 {
        line-height: 47px
    }

    .lg\:line-48 {
        line-height: 48px
    }

    .lg\:line-49 {
        line-height: 49px
    }

    .lg\:line-50 {
        line-height: 50px
    }
}

.normalbtn a {
    color: #0f172a;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.normalbtn a:before {
    background: #0f172a;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .5s ease-in-out;
    width: 0
}

.normalbtn a:hover:before {
    width: 100%
}

.normalbtn a:after {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    top: 3px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.greenbtn a {
    background-color: #059669;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.greenbtn a:hover {
    background-color: #10b981;
    color: #1e293b
}

.greenbtn a:after {
    background: url("../image/Path 60.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.greenbtn a:before {
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.greenbtn a:before,
.greenbtn a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.greenbtn a:hover:before {
    right: 16px
}

.greenbtn a:hover:after {
    background: url("../image/Path 120.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.greenbtn-dark a {
    background-color: #10b981;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.greenbtn-dark a:hover {
    background-color: #059669;
    color: #fff
}

.greenbtn-dark a:after {
    background: url("../image/green-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.greenbtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.greenbtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.yellowbtn a {
    background-color: #b45309;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.yellowbtn a:hover {
    background-color: #d97706;
    color: #1e293b
}

.yellowbtn a:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.yellowbtn a:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.yellowbtn a:hover:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.yellowbtn-dark a {
    background-color: #f59e0b;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.yellowbtn-dark a:hover {
    background-color: #b45309;
    color: #fff
}

.yellowbtn-dark a:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.yellowbtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.yellowbtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.redbtn a {
    background-color: #dc2626;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.redbtn a:hover {
    background-color: #f87171;
    color: #1e293b
}

.redbtn a:after {
    background: url("../image/red-500.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.redbtn a:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.redbtn a:hover:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.redbtn-dark a {
    background-color: #f87171;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.redbtn-dark a:hover {
    background-color: #dc2626;
    color: #fff
}

.redbtn-dark a:after {
    background: url("../image/red-500.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.redbtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.redbtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.purplebtn .dummy-cta,
.purplebtn a {
    background-color: #7c3aed;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.purplebtn .dummy-cta:hover,
.purplebtn a:hover {
    background-color: #a78bfa;
    color: #1e293b
}

.purplebtn .dummy-cta:after,
.purplebtn a:after {
    background: url("../image/purple-500.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.purplebtn .dummy-cta:before,
.purplebtn a:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.purplebtn .dummy-cta:hover:before,
.purplebtn a:hover:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.purplebtn-dark a {
    background-color: #a78bfa;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.purplebtn-dark a:hover {
    background-color: #7c3aed;
    color: #fff
}

.purplebtn-dark a:after {
    background: url("../image/purple-500.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.purplebtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.purplebtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.bluebtn a {
    background-color: #0369a1;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.bluebtn a:hover {
    background-color: #0ea5e9;
    color: #1e293b
}

.bluebtn a:after {
    background: url("../image/blue-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.bluebtn a:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.bluebtn a:hover:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.bluebtn.inverted a {
    background-color: #0ea5e9;
    color: #1e293b
}

.bluebtn.inverted a:before {
    background-image: url("../image/right-icon-black.svg")
}

.bluebtn.inverted a:hover {
    background-color: #1e293b;
    color: #fff
}

.bluebtn.inverted a:hover:before {
    background-image: url("../image/right-icon-white.svg")
}

.arrow-down a:after,
.arrow-down a:before {
    transform: rotate(90deg)
}

.arrow-down a:before {
    right: 17px;
    top: 10px
}

.arrow-down a:hover:before {
    right: 17px;
    top: 14px
}

.bluebtn-dark a {
    background-color: #0ea5e9;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.bluebtn-dark a:hover {
    background-color: #0369a1;
    color: #fff
}

.bluebtn-dark a:after {
    background: url("../image/blue-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.bluebtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.bluebtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.cyanbtn a {
    background-color: #0e7490;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.cyanbtn a:hover {
    background-color: #67e8f9;
    color: #1e293b
}

.cyanbtn a:after {
    background: url("../image/cyan-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.cyanbtn a:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.cyanbtn a:hover:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.cyanbtn-dark a {
    background-color: #67e8f9;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.cyanbtn-dark a:hover {
    background-color: #0e7490;
    color: #fff
}

.cyanbtn-dark a:after {
    background: url("../image/cyan-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.cyanbtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.cyanbtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.graybtn a {
    background-color: #1e293b;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.graybtn a:hover {
    background-color: #94a3b8;
    color: #1e293b
}

.graybtn a:after {
    background: url("../image/grey-700.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.graybtn a:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.graybtn a:hover:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.graybtn-dark a {
    background-color: #94a3b8;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.graybtn-dark a:hover {
    background-color: #1e293b;
    color: #fff
}

.graybtn-dark a:after {
    background: url("../image/grey-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.graybtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.graybtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.pinkbtn a {
    background-color: #be185d;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.pinkbtn a:hover {
    background-color: #f472b6;
    color: #1e293b
}

.pinkbtn a:after {
    background: url("../image/pink-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.pinkbtn a:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.pinkbtn a:hover:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.pinkbtn-dark a {
    background-color: #f472b6;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #1e293b;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 44px 11px 30px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: all .5s ease-in-out
}

.pinkbtn-dark a:hover {
    background-color: #be185d;
    color: #fff
}

.pinkbtn-dark a:after {
    background: url("../image/pink-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 9px;
    width: 20px
}

.pinkbtn-dark a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.pinkbtn-dark a:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.container {
    margin: auto;
    max-width: 1232px;
    padding: 0 17px;
    width: 100%
}

.content-wrapper--vertical-spacing,
.dnd-section {
    padding: 0
}

.content-wrapper {
    position: relative;
    z-index: 100
}

..integration-pattern-main-wrap {
    z-index: 1
}

@media (min-width:992px) and (max-width:1199px) {
    .container {
        max-width: 950px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .container {
        max-width: 720px
    }
}

@media (max-width:767px) {
    .container {
        max-width: 100%
    }
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 17px
}

body {
    color: #1e293b;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22.6px;
    text-decoration: none
}

body,
ul {
    margin: 0;
    padding: 0
}

ul {
    list-style-type: none
}

p {
    font-family: Sen, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 15px;
    text-decoration: none
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

ol,
ul {
    list-style: none
}

.row-fluid [class*=span] {
    min-height: 1px
}

.header-container-wrapper .row-fluid [class*=span] {
    min-height: 0
}

.row-fluid a.cta_button,
a.cta_button {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.w100 {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.dis-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.align-center {
    align-items: center
}

.align-end {
    align-items: flex-end
}

.align-start {
    align-items: flex-start
}

.row-reverse {
    flex-direction: row-reverse
}

.col-reverse {
    flex-direction: column-reverse
}

.justify-center {
    justify-content: center
}

.justify-space-between {
    justify-content: space-between
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.h1,
h1 {
    color: #1e293b;
    font-family: Sen, sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 54px;
    margin: 0 0 15px;
    text-decoration: none;
    text-transform: none
}

.h2,
h2 {
    font-size: 30px;
    letter-spacing: -.3px
}

.h2,
.h3,
h2,
h3 {
    color: #1e293b;
    font-family: Sen, sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 15px;
    text-decoration: none;
    text-transform: none
}

.h3,
h3 {
    font-size: 22px
}

.h4,
h4 {
    font-size: 17px;
    font-weight: 800
}

.h4,
.h5,
h4,
h5 {
    color: #1e293b;
    font-family: Sen, sans-serif;
    font-style: normal;
    line-height: 1.2;
    margin: 0 0 15px;
    text-decoration: none;
    text-transform: none
}

.h5,
h5 {
    font-size: 16px
}

.h5,
.h6,
h5,
h6 {
    font-weight: 400
}

.h6,
h6 {
    color: #7d869c;
    font-family: Sen, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 1.2;
    margin: 0 0 15px;
    text-decoration: none;
    text-transform: none
}

blockquote {
    border-left-color: #475569
}

ul.special-bullets {
    margin-top: 30px;
    padding-left: 40px
}

ul.special-bullets li {
    margin-bottom: 17px;
    position: relative
}

ul.special-bullets li:before {
    background-image: url(../image/Allstacks_Trial-Revamp_1_Purple-Bullet-Triangle.svg);
    content: "";
    display: block;
    height: 20px;
    left: -40px;
    position: absolute;
    width: 20px
}

ul.special-bullets.blue li:before {
    background-image: url(../image/Allstacks_Trial-Revamp_1_Blue-Bullet-Triangle.svg)
}

.btn1 a {
    background-color: #059669;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    padding: 11px 44px 11px 30px;
    text-decoration: none;
    text-transform: none
}

.btn1 a:hover {
    background-color: #10b981;
    color: #1e293b
}

.btn2 a {
    display: inline-block
}

.btn3 a {
    display: inline-block
}

.btn4 a {
    color: #003087;
    font-weight: 700;
    position: relative
}

.btn4 a:hover {
    color: #26a96c
}

.btn4 a:before {
    border-bottom: 5px solid transparent;
    border-left: 8px solid;
    border-top: 5px solid transparent;
    content: " ";
    height: 0;
    left: auto;
    position: absolute;
    right: -16px;
    top: 9px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 0
}

.btn4 a:hover:before {
    border-left-color: #26a96c
}

.btn a {
    background-color: #059669;
    border: 0 solid #003087;
    border-radius: 17px;
    color: #f8fafc;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    padding: 11px 44px 11px 30px;
    text-decoration: none;
    text-transform: none
}

.btn a:hover {
    background-color: #10b981;
    color: #1e293b
}

.btn-small .btn1 a,
.btn-small .btn2 a,
.btn-small .btn3 a {
    border: 2px solid;
    padding: 12px 30px
}

.submitted-message,
form {
    font-family: Sen, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none
}

.form-title {
    color: #1e293b
}

form label {
    color: #475569
}

form input[type=email],
form input[type=file],
form input[type=number],
form input[type=password],
form input[type=tel],
form input[type=text],
form select,
form textarea {
    background-color: #f1f5f9;
    border: 0 solid #7f869a;
    border-radius: 12px;
    color: #475569;
    height: 45px;
    padding: 15px
}

::-webkit-input-placeholder {
    color: #94a3b8;
    font-family: Sen
}

::-moz-placeholder {
    color: #94a3b8;
    font-family: Sen
}

:-ms-input-placeholder {
    color: #94a3b8;
    font-family: Sen
}

::placeholder {
    color: #94a3b8;
    font-family: Sen
}

.hs-fieldtype-date .input .hs-dateinput:before {
    color: #94a3b8
}

.fn-date-picker td.is-selected .pika-button {
    background: #1e293b
}

.fn-date-picker td .pika-button:hover {
    background-color: #1e293b !important
}

.fn-date-picker td.is-today .pika-button {
    color: #1e293b
}

form .hs-button,
form input[type=submit] {
    background-color: #f59e0b;
    border-radius: 17px;
    color: #1e293b;
    cursor: pointer;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    padding: 11px 49px 11px 27px;
    text-decoration: none;
    text-transform: none
}

form .hs-button:active,
form .hs-button:focus,
form .hs-button:hover,
form input[type=submit]:active,
form input[type=submit]:focus,
form input[type=submit]:hover {
    background-color: #b45309;
    color: #fff
}

.submitted-message {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: .25rem;
    color: #155724;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative;
    text-align: center
}

.field.hs-form-field+.hs_error_rollup,
.hs_error_rollup {
    display: none
}

.hs-form input:focus,
.hs-form input:focus-visible {
    border: 0 solid #7f869a;
    outline: none
}

.hs-form .input {
    margin: 0
}

.hs-form .hs-form-field {
    padding: 0 0 15px
}

.row-fluid .hs-form fieldset.form-columns-2 .input,
.row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input {
    margin-right: 0
}

.row-fluid .hs-form fieldset.form-columns-2 .field {
    padding: 0 0 10px 10px
}

.row-fluid .hs-form fieldset.form-columns-2 .field:first-child {
    padding: 0 10px 10px 0
}

.row-fluid .hs-form fieldset.form-columns-3 .field {
    padding: 0 0 10px 10px
}

.row-fluid .hs-form fieldset.form-columns-3 .field:first-child {
    padding: 0 10px 10px 0
}

.row-fluid .hs-form fieldset.form-columns-3 .field:first-child+.field {
    padding: 0 5px 10px
}

.row-fluid .hs-form fieldset .hs-input {
    width: 100% !important
}

.row-fluid .hs-form fieldset {
    max-width: none
}

@media (max-device-width:480px) and (min-device-width:320px),
(max-width:400px) {

    .row-fluid .hs-form fieldset.form-columns-2 .field,
    .row-fluid .hs-form fieldset.form-columns-2 .field:first-child,
    .row-fluid .hs-form fieldset.form-columns-3 .field,
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child,
    .row-fluid .hs-form fieldset.form-columns-3 .field:first-child+.field {
        padding: 0 0 10px
    }
}

.hs-form fieldset input[type=checkbox],
.row-fluid .hs-form fieldset input[type=radio] {
    width: auto !important
}

.inputs-list .hs-form-booleancheckbox,
.inputs-list .hs-form-checkbox-display,
.inputs-list li.hs-form-radio {
    display: block;
    padding: 0 0 8px 25px;
    position: relative
}

.inputs-list input[type=checkbox],
.row-fluid .inputs-list input[type=radio] {
    height: 20px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.inputs-list input[type=radio] {
    top: 3px
}

.inputs-list input[type=checkbox]+span {
    display: block;
    line-height: 22px;
    position: relative
}

.inputs-list input[type=checkbox]+span:before {
    background: #fafafa;
    border: 1px solid #dadada;
    color: #fafafa;
    content: "";
    height: 20px;
    left: -25px;
    position: absolute;
    top: 0;
    width: 20px
}

.inputs-list input[type=checkbox]:checked+span:before {
    background: #333;
    border-color: #333;
    color: #fff
}

.inputs-list input[type=checkbox]:checked+span:after {
    color: #fff;
    content: "\f00c";
    font-family: FontAwesome;
    left: -25px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px
}

.inputs-list input[type=radio]+span:before {
    background: #fafafa;
    border: 1px solid #dadada;
    border-radius: 100%;
    content: "";
    height: 20px;
    left: -2px;
    position: absolute;
    top: 2px;
    width: 20px
}

.inputs-list input[type=radio]:checked+span:after {
    background: #3333;
    border-color: #333;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: 2px;
    position: absolute;
    top: 6px;
    width: 12px
}

.footer {
    background-color: #1e293b
}

.footer p {
    color: #cbd5e1
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer img,
.footer label,
.footer li,
.footer span {
    color: #f8fafc
}

body,
html {
    scroll-behavior: smooth
}

.hs-blog-post {
    overflow-x: unset
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list,
.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-arrow {
    background-color: transparent;
    background-image: url("../image/slick-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 0;
    cursor: pointer;
    font-size: 0;
    height: 38px;
    margin-top: 0;
    position: absolute;
    width: 45px
}

.slick-arrow.slick-next {
    transform: rotate(180deg)
}

.keyfeature-main-section .slick-arrow {
    background-image: url("../image/blue-cyan-left-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

ul.slick-dots {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 10px 0 0;
    text-align: center;
    width: 100%
}

ul.slick-dots li {
    display: inline-block;
    padding: 0 5px
}

ul.slick-dots li button {
    background: #0096d9;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 15px;
    padding: 0;
    width: 15px
}

ul.slick-dots li button:hover,
ul.slick-dots li.slick-active button {
    background: #111850
}

.leadinModal {
    z-index: 99999999999 !important
}

header.header {
    height: auto;
    left: 0;
    position: fixed;
    top: 41px;
    transition: all .5s ease-in-out;
    width: 100%;
    z-index: 9999
}

.innerpage header.header.fixed,
header.header.fixed {
    background: #fff;
    box-shadow: 0 0 3px 0 rgb(0 0 0/7%), 0 2px 2px 0 rgb(0 0 0/4%);
    top: 0
}

.mobile-open {
    overflow: hidden
}

header.header.fixed .inner-header-wrap {
    border: 1px solid transparent;
    box-shadow: unset
}

header.header .inner-header-wrap {
    background: #fff;
    border: 1px solid #f8fafc;
    border-radius: 21px;
    box-shadow: 0 2px 4px #00000029;
    padding: 0 16px;
    position: relative
}

header.header .inner-header-wrap .logo-part {
    width: 173px
}

header.header .inner-header-wrap .logo-part .logo {
    padding: 9px 15px
}

header.header .inner-header-wrap .navigation {
    width: calc(100% - 173px)
}

header.header .inner-header-wrap .navigation ul {
    display: flex;
    flex-wrap: wrap
}

header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li>a {
    border-radius: 16px;
    color: #475569;
    font-size: 16px;
    padding: 12px 18px;
    text-decoration: none;
    transition: all .5s ease-in-out
}

header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li.hs-item-has-children>a {
    padding-right: 28px
}

header.header .inner-header-wrap .navigation ul>li>a:hover {
    background: #f1f5f9
}

header.header .inner-header-wrap .navigation ul>li {
    margin-right: 16px;
    padding: 28px 0
}

header.header .inner-header-wrap .header-cta-group .btn-loop-group {
    background: #334155;
    border-radius: 25px;
    box-shadow: 0 2px 4px #00000029;
    opacity: 0;
    padding: 30px 22px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(100% + 23px);
    transition: all .5s ease-in-out;
    visibility: hidden;
    width: 230px
}

header.header .inner-header-wrap .header-cta-group .btn-loop-group:before {
    border-bottom: 11px solid #334155;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -11px;
    transform: translateX(-50%);
    width: 0
}

header.header .inner-header-wrap .header-cta-group .btns .greenbtn-dark a {
    background: #34d399;
    font-size: 16px
}

header.header .inner-header-wrap .header-cta-group .btns .greenbtn-dark a:hover {
    background: #334155
}

header.header .inner-header-wrap .header-cta-group .btn-loop-group .btn-loop-cta:not(:last-child) {
    margin-bottom: 12px
}

header.header .inner-header-wrap .header-cta-group {
    padding: 17px 0
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a {
    border-radius: 16px;
    display: flex;
    padding: 15px 15px 16px;
    text-decoration: none;
    transition: all .5s ease-in-out
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a .icon-menu-img {
    align-items: center;
    background: #475569;
    border-radius: 12px;
    display: flex;
    height: 37px;
    justify-content: center;
    width: 37px
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a .icon-menu-img img {
    width: 23px
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a .icon-menu-desc {
    padding-left: 18px;
    width: calc(100% - 37px)
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a .icon-menu-desc h5 {
    color: #475569;
    font-weight: 700;
    margin: 0 0 4px
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a .icon-menu-desc p {
    color: #64748b;
    font-size: 12px;
    line-height: 14PX;
    margin: 0
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a:hover {
    background: #f1f5f9
}

header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap:not(:last-child) {
    margin-bottom: 16px
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-title a {
    border-radius: 16px;
    color: #475569;
    display: block;
    font-weight: 700;
    margin-bottom: 3px;
    padding: 12px 9px;
    text-decoration: none;
    transition: all .5s ease-in-out;
    width: 100%
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-title a:hover {
    background: #f1f5f9
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a {
    border-radius: 16px;
    color: #475569;
    display: block;
    font-size: 16px;
    line-height: 19px;
    padding: 5px 9px;
    position: relative;
    text-decoration: none;
    transition: all .5s ease-in-out;
    width: 100%
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a:hover {
    background: #f1f5f9
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li:not(:last-child) {
    margin-bottom: 5px
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-title h5 {
    border-bottom: 1px solid #e2e8f0
}

header.header .inner-header-wrap .navigation ul>li .megamenu {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #f8fafc;
    border-radius: 0 0 21px 21px;
    box-shadow: 0 2px 4px #00000029;
    left: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 30px 25px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: calc(100% + 2px);
    z-index: 99
}

header.header .inner-header-wrap .header-cta-group .btn-loop-group.open {
    opacity: 1;
    pointer-events: unset;
    visibility: visible
}

@media screen and (min-width:992px) {
    header.header .inner-header-wrap .navigation ul>li:hover .megamenu {
        opacity: 1;
        pointer-events: inherit;
        visibility: visible
    }
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li {
    margin-right: 0;
    padding: 0
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul {
    display: block
}

header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li.hs-item-has-children>a {
    position: relative
}

header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li.hs-item-has-children>a:after {
    background: url("../image/chevron-down-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 9px;
    content: "";
    height: 6px;
    position: absolute;
    right: 11px;
    top: 20px;
    transition: all .5s ease-in-out;
    width: 10px
}

header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li.hs-item-has-children>a:hover:after {
    transform: rotate(180deg)
}

.header-cta-group.mbbtngroup {
    display: none
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a:after {
    background: url("../image/grey-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a:before {
    background: url("../image/black-previous-arrow-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 8px;
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    width: 13px;
    z-index: 1
}

header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a:hover:after,
header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a:hover:before {
    opacity: 1;
    right: 8px
}

header.header .inner-header-wrap .header-cta-group .btn-loop-group .btn-loop-cta a {
    width: 100%
}

header.header .inner-header-wrap.result_hover {
    border-radius: 21px 21px 0 0
}

.header-main-cta-group .header-cta-group:first-child a:before,
header.header .inner-header-wrap .header-cta-group .greenbtn-dark a:before {
    right: 21px;
    transform: rotate(90deg);
    width: 11px
}

.header-main-cta-group .header-cta-group:first-child a:after,
header.header .inner-header-wrap .header-cta-group .greenbtn-dark a:after {
    height: 16px;
    opacity: .5;
    right: 19px;
    top: 14px;
    transform: rotate(90deg);
    width: 16px
}

.header-main-cta-group .header-cta-group:first-child a:hover:after,
header.header .inner-header-wrap .header-cta-group .greenbtn-dark a:hover:before {
    transform: rotate(270deg)
}

header.header .inner-header-wrap .header-cta-group .greenbtn-dark a:hover:after {
    background: url("../image/grey-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transform: rotate(270deg)
}

.innerpage header.header {
    top: 21px
}

.header-main-cta-group .header-cta-group:first-child {
    margin-right: 15px
}

header.header .inner-header-wrap .header-cta-group.mbbtn {
    display: none
}

.footer .footer-menu ul li a,
.footer .footer-menu ul li a:hover,
.footer-col-inner .footer-col-menu ul li a,
.footer-col-inner .footer-col-menu ul li a:hover {
    color: #cbd5e1
}

.footer {
    padding: 50px 0 42px
}

.footer .footer-top .site-footer-top-wrap {
    border-bottom: 1px solid #64748b;
    margin-bottom: 54px;
    padding-bottom: 50px
}

.footer .footer-top .site-footer-top-text h2 {
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    margin: 0
}

.footer .footer-top a {
    text-decoration: none
}

.footer .footer-top .site-footer-top-wrap .site-footer-top-icon-link {
    position: relative
}

.footer .footer-top .site-footer-top-wrap .site-footer-top-icon-link svg {
    display: block;
    height: 35px;
    width: 35px;
    fill: #f8fafc;
    position: relative;
    right: 21px;
    top: -5px;
    transition: all .5s ease-in-out;
    z-index: 2
}

.footer .footer-top .site-footer-top-wrap .site-footer-top-icon-link:after {
    background: url("../image/grey-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 56px;
    position: absolute;
    right: 0;
    top: -15px;
    width: 49px;
    z-index: 1
}

.footer .footer-top .site-footer-top-wrap .site-footer-top-text-row>a:hover {
    text-decoration: underline;
    text-decoration-color: #fff;
    text-decoration-thickness: from-font
}

.footer .footer-top .site-footer-top-wrap .site-footer-top-text-row>a:hover .site-footer-top-icon-link svg {
    right: 9px
}

.footer-col-inner .footer-logo img {
    width: 113px !important
}

.footer-col-inner .footer-social-media-links ul li {
    margin-right: 17px
}

.footer-col-inner .footer-social-media-links ul li svg {
    height: 21px;
    position: relative;
    top: 3px;
    width: 21px
}

.footer-col-inner .footer-social-media-links ul li a {
    align-items: center;
    background: #64748b;
    border-radius: 50%;
    display: flex;
    height: 45px;
    justify-content: center;
    transition: all .5s ease-in-out;
    width: 45px
}

.footer-col-inner .footer-social-media-links ul li a:hover {
    background: #fff;
    transform: rotate(1turn)
}

.footer-col-inner .footer-col-menu ul li a {
    position: relative;
    text-decoration: none
}

.footer-col-inner .footer-col-menu ul li a:after {
    background: #cbd5e1;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .5s ease-in-out;
    width: 0
}

.footer-col-inner .footer-col-menu ul li a:hover:after {
    width: 100%
}

.footer-col-inner .footer-col-menu ul li:not(:last-child) {
    margin-bottom: 12px
}

.footer-col-inner .footer-col-title h2 {
    font-weight: 700
}

footer .footer-middle {
    border-bottom: 1px solid #64748b;
    margin-bottom: 30px;
    padding-bottom: 46px
}

footer .footer-middle .footer-bottom-menu ul {
    display: flex
}

footer .footer-bottom .footer-bottom-menu ul li a {
    color: #cbd5e1;
    font-size: 16px;
    text-decoration: none
}

footer .footer-bottom .footer-bottom-menu ul {
    display: flex
}

footer .footer-bottom .footer-bottom-menu ul li {
    margin-left: 25px
}

footer .footer-bottom .footer-bottom-menu ul li a:hover {
    text-decoration: underline
}

footer .footer-copyright-text p {
    font-size: 16px;
    margin: 0
}

.footer-col-title h4 {
    font-weight: 700
}

.footer-col-title h4 a {
    color: #fff;
    text-decoration: none
}

.footer-col-title h4 a:hover {
    text-decoration: underline
}

.footer-col-inner .footer-col-title h2 a {
    color: #fff;
    text-decoration: none
}

.site-ready-to-powerup-inner {
    border-radius: 17px;
    padding: 77px 54px
}

.site-ready-to-powerup-inner .site-ready-to-powerup-heading-text {
    padding-right: 50px
}

.site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner {
    background: #4c1d95;
    border-radius: 17px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 69px 35px 45px
}

.site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner h3 {
    margin-bottom: 17px
}

.site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner .cta-group {
    margin-top: auto
}

.site-product-teams-inner .team-column-inner {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    padding: 51px 29px 48px
}

.site-product-teams-inner .team-column-inner .team-img img {
    border-radius: 50%;
    height: auto;
    width: 226px
}

.site-product-teams-inner a {
    color: #475569;
    text-decoration: none
}

.site-product-teams-inner .team-column-inner .team-content p {
    margin: 0 0 2px
}

.site-product-teams-inner .team-column-inner .team-content p:first-child {
    letter-spacing: 1.36px
}

.site-product-teams-inner .team-column-inner .team-content h3 {
    margin-bottom: 15px
}

.site-product-teams-inner .team-column-inner .team-icon svg {
    fill: #fbbf24;
    display: block;
    margin: 0 auto;
    width: 23px
}

.section-heading p {
    color: #475569
}

.twoclmnlogoinnerleft .section-heading p:first-child {
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.custom-blog-listing-main-wrap .custom-blog-listing-details {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 29px 27px 56px
}

.custom-blog-listing-main-wrap .custom-blog-listing-details .purplebtn {
    margin-top: auto;
    padding-top: 44px
}

.custom-blog-listing-details .fetur-img img {
    border-radius: 13px;
    height: 173px !important;
    width: 100%
}

.custom-blog-listing-details .blog-tags ul {
    display: flex;
    flex-wrap: wrap
}

.custom-blog-listing-details .blog-tags ul li a {
    color: #475569;
    font-size: 13px;
    letter-spacing: 1.04px;
    text-decoration: none;
    text-transform: uppercase
}

.custom-blog-listing-details .blog-content h2 a {
    color: #1e293b;
    display: block;
    font-size: 23px;
    line-height: 30px;
    text-decoration: none
}

.custom-blog-listing-details .blog-content p {
    color: #1e293b;
    font-size: 13px !important;
    line-height: 21px;
    margin: 0;
    text-align: left !important
}

.custom-blog-listing-details .blog-tags ul li {
    margin-right: 15px;
    position: relative
}

.custom-blog-listing-details .blog-tags ul li:not(:last-child):after {
    background: #ec4899;
    border-radius: 50%;
    bottom: 8px;
    content: "";
    height: 3px;
    position: absolute;
    right: -9px;
    width: 3px
}

.site-slide-listing-section .column-inner {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    height: 100%;
    padding: 56px 47px 61px
}

.best-listing-list {
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 32.5px;
    padding-bottom: 25px
}

.best-listing-list .image {
    width: 46px
}

.best-listing-list .content {
    padding-left: 21px;
    width: calc(100% - 46px)
}

.best-listing-list a {
    color: #475569;
    text-decoration: none
}

.best-listing-list .content * {
    margin: 0
}

.best-listing-list:nth-last-child(2) {
    border: 0
}

.best-listing-list a:hover h3 {
    text-decoration: underline;
    text-decoration-color: #6d28d9
}

.keyfeature-main-section .best-listing-list a:hover h3 {
    text-decoration: underline;
    text-decoration-color: #0e7490
}

.site-slide-listing-section .column-inner .box-top-icon {
    background: #7c3aed;
    border-radius: 0 19px 19px 0;
    left: 0;
    padding: 17px 34px 17px 52px;
    position: absolute;
    top: 60px
}

.site-slide-listing-section .column-inner .site-slide-inner {
    margin-top: 139px
}

.site-slide-listing-section .column-inner .site-slide-inner .site-slide-item-content h3 {
    font-weight: 700;
    line-height: 30px
}

.site-slide-listing-section .column-inner .site-slide-inner .aut-img {
    width: 82px
}

.site-slide-listing-section .column-inner .site-slide-inner .aut-img img {
    width: 100%
}

.site-slide-listing-section .column-inner .site-slide-inner .aut-content {
    color: #475569;
    padding-left: 23px;
    width: calc(100% - 82px)
}

.site-slide-listing-section .column-inner .site-slide-inner .aut-content * {
    margin: 0
}

.blog-margin-class {
}

.tabs-content-wrap {
    background: #ecfeff;
    height: 100%;
    padding: 125px 0 0 60px
}

.tabs-content-main-wrap .tabs-content-wrap p {
    font-size: 22.66px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding-right: 70px
}

.tabs-content-main-wrap .tabs-content-wrap img {
    margin-top: 0;
    position: relative
}

.tabs-content-wrap .tab-content .media-wrap {
    max-width: 105% !important;
    position: relative;
    top: 60px
}

.tabs-content-main-wrap .title-tabs-wrap .tab-link-inner p {
    color: #475569;
    letter-spacing: 1.36px;
    margin: 0
}

.tabs-content-main-wrap .title-tabs-wrap .tab-link-inner .btns,
.tabs-content-main-wrap .title-tabs-wrap .tab-link-inner .title {
    display: none
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link {
    border-bottom: 1px solid #e2e8f0;
    cursor: pointer;
    padding: 33px 51px;
    position: relative
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link:last-child {
    border-bottom: 0
}

.tabs-content-wrap .tab-content {
    display: none
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current .title,
.tabs-content-wrap .tab-content.current {
    display: block
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current {
    cursor: default
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current .btns {
    display: block
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link:after {
    background: url("../image/plus-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 25px;
    position: absolute;
    right: 30px;
    top: 32px;
    width: 25px
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current:after {
    display: none
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current .subtitle * {
    color: #06b6d4
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link .subtitle {
    text-transform: uppercase
}

.tabs-content-main-wrap {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    overflow: hidden
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current {
    padding-bottom: 120px;
    padding-top: 85px
}

.tabs-content-main-wrap .tabs-content-wrap p a {
    color: #1e293b;
    font-weight: 800;
    text-decoration: underline
}

.tabs-content-main-wrap .tabs-content-wrap p a:hover {
    text-decoration: none
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link:not(.current):hover {
    background: #e2e8f0
}

.tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link:not(.current):hover:after {
    background: url("../image/plus-icon-hover.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.tabs-content-wrap .tab-content .media-wrap .iframe_wrapper iframe {
    width: 100%
}

.sliderbox .slidervalue {
    background: linear-gradient(#5b21b6, #5b21b6) 0 no-repeat, #6d28d9;
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 0 100%;
    font-size: 200px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 8px;
    -webkit-text-fill-color: transparent;
    transition: 1s ease-in-out
}

.keyfeature-main-section .sliderbox .slidervalue {
    background: linear-gradient(#5b21b6, #5b21b6) 0 no-repeat, #fff;
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 0 100%;
    -webkit-text-fill-color: transparent
}

.sliderbox .slidervalue:hover {
    background-size: 100% 100%
}

.sliderbox .slidercontent * {
    color: #6d28d9
}

.sliderbginner .slick-arrow {
    left: 200px;
    top: 39%
}

.sliderbginner .slick-arrow.slick-next {
    left: unset;
    right: 200px
}

.slider-bottom-fixed-text * {
    margin: 0
}

.slider-count-main-wrap {
    position: relative
}

body,
html {
    overflow-x: hidden
}

.slider-count-main-wrap .pattern-images .img {
    position: absolute
}

.slider-count-main-wrap .pattern-left-images .img2 {
    left: 12px;
    top: 53px
}

.slider-count-main-wrap .pattern-left-images .img1 {
    left: 84px;
    top: -218px;
    z-index: 1
}

.slider-count-main-wrap .pattern-left-images .img3 {
    left: 149px;
    top: -81px;
    z-index: 1
}

.slider-count-main-wrap .pattern-left-images .img4 {
    left: -80px;
    top: 143px
}

.slider-count-main-wrap .pattern-left-images .img5 {
    bottom: -245px;
    transform: rotate(8deg)
}

.slider-count-main-wrap .pattern-right-images .img1 {
    right: -38px;
    top: -100px;
    width: 340.04px
}

.slider-count-main-wrap .pattern-right-images .img1 img {
    width: 100%
}

.slider-count-main-wrap .pattern-right-images .img2 {
    right: 329px;
    top: -55px
}

.slider-count-main-wrap .pattern-right-images .img3 {
    bottom: 37px;
    right: 0
}

.slider-count-main-wrap .pattern-right-images .img4 {
    bottom: -100px;
    right: 167px
}

.slider-count-main-wrap .pattern-right-images .img5 {
    bottom: -161px;
    right: -77px
}

.contact-main-section .contact-page .section-heading h1,
.site-hero-banner-section .site-hero-banner-title h1 {
    font-size: 71px;
    line-height: 1
}

.site-hero-banner-section .site-hero-banner-desc {
    max-width: 55%
}

.site-hero-banner-section .cta-group-loop .btns {
    margin-right: 34px
}

.site-hero-banner-section .cta-group-loop .btns .normalbtn a {
    color: #f8fafc
}

.site-hero-banner-section .cta-group-loop .btns .normalbtn a:after {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.site-hero-banner-section .cta-group-loop .btns .normalbtn a:before {
    background: #fff
}

.site-hero-media-section {
    position: relative
}

.site-hero-media-section .site-hero-media-second {
    position: absolute;
    right: 0;
    text-align: right;
    top: 115px
}

.site-hero-media-section .site-hero-media-wrap {
    width: 100%
}

.site-hero-media-section .site-hero-media-wrap iframe,
.site-hero-media-section .site-hero-media-wrap img,
.site-hero-media-section .site-hero-media-wrap video {
    border-radius: 9px;
    width: 70%
}

.site-hero-media-section .site-hero-media-second iframe {
    height: 491px;
    object-fit: cover
}

.logo-imag img {
    width: 100%
}

.section-pattern-wrap .img {
    position: absolute
}

.section-pattern-wrap .img.img-1 {
    right: 104px;
    top: -95px
}

.section-pattern-wrap .img.img-2 {
    right: 241px;
    top: -22px
}

.section-pattern-wrap .img.img-3 {
    right: -31px;
    top: 47px;
    z-index: 1
}

.site-home-tabing-wrap {
    background-color: transparent;
    margin-top: -81px
}

.site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 28px
}

.site-animation-main-wrap .traingle-shap {
    height: 100%;
    left: 41%;
    position: absolute;
    top: 20px;
    transition: all 1s ease-in-out;
    width: 494px
}

.site-animation-main-wrap:hover .traingle-shap {
    transform: translateY(-50px) translateX(-50px)
}

.site-animation-main-wrap .traingle-shap.traingle-shap1 {
    left: 34%;
    top: -113px;
    width: 761px
}

.site-animation-main-wrap:hover .traingle-shap.traingle-shap1 {
    transform: translateY(-20px) translateX(-50px)
}

.site-animation-main-wrap .traingle-shap.traingle-shap2 {
    left: 26%;
    top: -236px;
    width: 1046px
}

.site-animation-main-wrap .traingle-shap.traingle-shap3 {
    left: 14%;
    top: -463px;
    width: 1427px
}

.site-animation-main-wrap:hover .traingle-shap.traingle-shap2,
.site-animation-main-wrap:hover .traingle-shap.traingle-shap3 {
    transform: translateY(-10px) translateX(-50px) scale(1.01)
}

.logo-image-wrap .slick-slide .logo-imag {
    text-align: center
}

.logo-image-wrap .slick-slide>div:last-child .logo-imag {
    padding: 0;
    text-align: right
}

.logo-image-wrap .slick-slide .logo-imag img {
    height: 47px !important;
    object-fit: contain;
    width: 155px
}

.logo-image-wrap .slick-slide>div:last-child img {
    margin-left: auto;
    margin-top: 22px
}

.site-hero-banner-section .site-hero-banner-desc p {
    font-weight: 700
}

.tabs-content-wrap .tab-content .tab-content-title-wrap {
    display: none
}

.site-hero-logo-listing-wrap .section-heading .heart {
    position: relative;
    top: 6px
}

.site-ready-to-powerup-inner .site-ready-to-powerup-heading-text .section-heading h2 {
    letter-spacing: -.15px
}

.site-breadcrumbs-wrap ul .hs-menu-item {
    align-items: center;
    display: flex
}

.site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper li {
    display: none;
    margin-left: 20px;
    position: relative
}

.site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper li.active-branch {
    display: flex
}

.site-breadcrumbs-wrap ul a {
    color: #1e293b;
    font-size: 13px;
    letter-spacing: 1.04px;
    text-decoration: none;
    text-transform: uppercase
}

.site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper li:before {
    background: #ec4899;
    border-radius: 50%;
    bottom: 8px;
    content: "";
    height: 3px;
    left: -12px;
    position: absolute;
    width: 3px
}

.inner-hero-banner-main-wrap .hero-img img {
    display: block;
    margin: 0 auto -90px;
    position: relative;
    width: 87%;
    z-index: 2
}

.inner-hero-banner-main-wrap .patterns-img .img {
    position: absolute
}

.inner-hero-banner-main-wrap .column-inner {
    position: relative
}

.software-del-section .inner-hero-banner-main-wrap .patterns-img .img1 {
    height: 90px;
    left: 115px;
    top: 68px;
    width: 90px;
    z-index: 1
}

.software-del-section .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: 184px;
    right: 22px;
    width: 79px;
    z-index: 2
}

.software-del-section .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: 0;
    left: -30px;
    width: 172px;
    z-index: 2
}

.inner-hero-banner-main-wrap .traingle-shap {
    opacity: .05;
    position: absolute;
    right: -55px;
    top: -21px;
    transform: rotate(15deg);
    transition: all 1s ease-in-out;
    width: 725px
}

.inner-hero-banner-main-wrap .traingle-shap img,
.inner-hero-banner-main-wrap .traingle-shap1 img,
.inner-hero-banner-main-wrap .traingle-shap2 img {
    margin: 0;
    width: 100%
}

.inner-hero-banner-main-wrap .traingle-shap1 {
    opacity: .05;
    position: absolute;
    right: -215px;
    top: -223px;
    transform: rotate(15deg);
    transition: all 1s ease-in-out;
    width: 1000px
}

.inner-hero-banner-main-wrap .traingle-shap2 {
    opacity: .05;
    position: absolute;
    right: -415px;
    top: -501px;
    transform: rotate(15deg);
    transition: all 1s ease-in-out;
    width: 1375.27px
}

.circle-shap-wrap .circle-sh {
    opacity: .1;
    position: absolute;
    transition: all 1s ease-in-out
}

.circle-shap-wrap .circle-sh.circle-shap {
    right: 14px;
    top: -25px;
    width: 668px
}

.circle-shap-wrap .circle-sh.circle-shap1 {
    right: -99px;
    top: -127px;
    width: 880px
}

.circle-shap-wrap .circle-sh.circle-shap2 {
    position: absolute;
    right: -285px;
    top: -340px;
    width: 1244px
}

.site-common-inner-hero-section:hover .circle-shap-wrap .circle-sh {
    transform: translateY(-50px) scale(1.01)
}

.site-common-inner-hero-section:hover .inner-hero-banner-main-wrap .traingle-shap,
.site-common-inner-hero-section:hover .inner-hero-banner-main-wrap .traingle-shap1,
.site-common-inner-hero-section:hover .inner-hero-banner-main-wrap .traingle-shap2 {
    transform: rotate(15deg) translateY(-50px) scale(1.01)
}

.site-slide-listing-section .column-inner.full-width-box-wrap {
    padding: 82px 100px 87px
}

.site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

.site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list {
    border: 0;
    margin: 0;
    padding: 0 9px;
    width: 50%
}

.site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list a {
    border-bottom: 2px solid #e2e8f0;
    display: block;
    margin-bottom: 31px;
    padding-bottom: 28px
}

.site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list:nth-last-child(2) a,
.site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list:nth-last-child(3) a {
    border: 0;
    margin: 0;
    padding: 0
}

.site-slide-listing-section .column-inner.full-width-box-wrap .cta-group {
    position: absolute;
    right: 78px;
    top: 87px
}

.notwanted {
    display: none !important
}

.site-ready-to-powerup-heading-text .section-heading h2 {
    margin-bottom: 33px
}

.logobox img {
    height: auto;
    width: 99px
}

.customer_story.mt--60 {
    margin-top: -60px
}

.site-breadcrumbs-wrap {
    position: relative;
    z-index: 9
}

.site-icon-box-inner .inner-link-wrap[href=""] {
    cursor: default;
    pointer-events: none
}

.customer_story .sub_title {
    margin-bottom: 19px
}

.circle-pattern .patterns-img .img1 {
    height: 90px;
    left: 0;
    top: 68px;
    width: 73px;
    z-index: 1
}

.circle-pattern .patterns-img .img1 img {
    transform: rotate(-15deg)
}

.circle-pattern .inner-hero-banner-main-wrap .hero-img img {
    margin: 0 auto -115px;
    width: 542px
}

.circle-pattern .patterns-img .img2 {
    right: 50px;
    top: 68px;
    width: 51.32px
}

.circle-pattern .patterns-img .img3 {
    bottom: 0;
    right: 0;
    width: 220px;
    z-index: 2
}

.circle-pattern .patterns-img .img3 img {
    transform: rotate(90deg);
    width: 100%
}

.white-box-iframe-wrap .site-iframe-box-main-inner {
    border-radius: 17px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    margin-top: -72px;
    padding: 87px 78px 39px
}

.by-initiative-del-section .inner-hero-banner-main-wrap h1,
.keyfeature-main-section .inner-hero-banner-main-wrap h1 {
    font-size: 71px;
    line-height: 1
}

.keyfeature-main-section .inner-hero-banner-main-wrap .section-heading .mb-40 {
    margin-bottom: 24px
}

.white-box-iframe-wrap .site-iframe-box-main-inner .bottom_buttom {
    margin-top: 28px
}

.site-two-column-integration-main-wrap .subtitle * {
    letter-spacing: 1.36px;
    margin: 0;
    text-transform: uppercase
}

.site-two-column-integration-main-wrap .description-content * {
    margin: 0
}

.integration-item-list .integration-item-list-inner a {
    align-items: center;
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    color: #1e293b;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 32px 31px;
    position: relative;
    text-decoration: none;
    top: 0
}

.integration-item-list .integration-item-list-inner a[href=""] {
    cursor: default;
    pointer-events: none
}

.integration-item-list .integration-item-list-inner a .img {
    width: 53px
}

.integration-item-list .integration-item-list-inner a .title {
    padding-left: 17px;
    width: calc(100% - 53px)
}

.integration-item-list .integration-item-list-inner a .title * {
    font-size: 13px;
    line-height: 20.8px;
    margin: 0
}

.integration-item-list .integration-item-list-inner a .icon-img {
    position: absolute;
    right: 29px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease-in-out;
    width: 27px
}

.integration-item-list .integration-item-list-inner a:hover .icon-img {
    right: -50px
}

.site-two-column-integration-item .integration-item-list .integration-item-list-item {
    margin-bottom: 21px
}

.site-two-column-integration-main-wrap .site-two-column-integration-item:not(:last-child) {
    border-bottom: 3px solid #e2e8f0;
    margin-bottom: 78px;
    padding-bottom: 78px
}

.integration-herobanner-section-wrap .site-breadcrumbs-wrap ul {
    align-items: center;
    display: flex;
    justify-content: center
}

.integration-pattern-main-wrap .img {
    position: absolute
}

.integration-pattern-main-wrap .left-side-img .img1 {
    left: 17px;
    top: 17px;
    width: 63px
}

.integration-pattern-main-wrap .left-side-img .img2 {
    left: 133px;
    top: 188px;
    width: 96px
}

.integration-pattern-main-wrap .right-side-img .img2 {
    right: 153px;
    top: 49px;
    width: 50px
}

.integration-pattern-main-wrap .right-side-img .img3 {
    right: -50px;
    top: 122px;
    width: 255px
}

.integration-pattern-main-wrap .left-side-img .img4 {
    left: -50px;
    top: 490px;
    width: 116.93px
}

.integration-pattern-main-wrap .left-side-img .img3 {
    left: 0;
    top: 270px;
    width: 302.14px
}

.integration-pattern-main-wrap .right-side-img .img1 {
    right: -153px;
    top: -20px;
    width: 342.04px
}

.integration-pattern-main-wrap .right-side-img .img4 {
    right: -55px;
    top: 590px;
    width: 201.38px;
    z-index: 1
}

.site-two-column-integration-main-wrap .site-two-column-integration-item .content-main-wrap {
    padding-right: 32px
}

.site-integration-inner-inner .integration-pattern-main-wrap .right-side-img .img4 {
    right: 30px;
    top: 650px;
    transform: rotate(-45deg);
    width: 232px
}

.site-integration-inner-inner .integration-pattern-main-wrap .left-side-img .img3 {
    top: 337px;
    width: 315px
}

.site-integration-inner-inner .integration-pattern-main-wrap .left-side-img .img5 {
    left: -60px;
    width: 230px
}

.site-integration-inner-inner .sm\:mb-60 {
    margin-bottom: 40px
}

.site-integration-inner-inner .integration-herobanner-section-wrap .section-logo-image img {
    width: 80px
}

.site-integration-inner-inner .section-heading .title-wrap {
    margin-bottom: 35px
}

.integration-pattern-main-wrap .left-side-img .img5 {
    left: -50px;
    top: 249px;
    width: 215px
}

.integration-pattern-main-wrap .right-side-img .img5 {
    right: 119px;
    top: 390px
}

.Section_pattern_img .left_img_1.pattern_img {
    left: 126px;
    top: 0
}

.Section_pattern_img .left_img_1.pattern_img img {
    left: 202px;
    top: -23px;
    width: 50px
}

.Section_pattern_img .left_img_2.pattern_img img {
    object-fit: cover;
    width: 275px
}

.Section_pattern_img .left_img_2.pattern_img {
    bottom: -70px;
    left: -78px;
    transform: rotate(62deg);
    width: 250px
}

.Section_pattern_img .right_img_1.pattern_img img {
    object-fit: cover;
    width: 367px
}

.Section_pattern_img .right_img_1.pattern_img {
    bottom: 95px;
    right: -125px;
    top: unset;
    transform: rotate(65deg)
}

.Section_pattern_img .right_img_2.pattern_img img {
    object-fit: cover;
    width: 63px
}

.Section_pattern_img .right_img_2.pattern_img {
    bottom: -42px;
    right: 37px
}

.site-like-magic-section {
    position: relative
}

.site-like-magic-section:after {
    height: 3px;
    top: -28px;
    width: 74px
}

.site-like-magic-section:after,
.site-like-magic-section:before {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.site-like-magic-section:before {
    height: 64px;
    top: -89px;
    width: 3px
}

.site-integration-inner-inner:after {
    border-radius: 50%;
    bottom: 88px;
    height: 15px;
    width: 15px
}

.site-integration-inner-inner:after,
.site-keep-data-last-section:after {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.site-keep-data-last-section:after {
    height: 151px;
    top: 0;
    width: 3px
}

.site-keep-data-last-section:before {
    background: #e2e8f0;
    border-radius: 50%;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: 151px;
    transform: translateX(-50%);
    width: 15px
}

.site-tabbing-main-wrap .site-top-title-wrap {
    padding-bottom: 140px;
    position: relative;
    text-align: center
}

.site-tabbing-main-wrap .site-top-title-wrap:after {
    background: #e2e8f0;
    bottom: 17px;
    content: "";
    height: 105px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 3px
}

.site-tabbing-main-wrap .site-top-title-wrap * {
    margin: 0
}

.site-tabbing-content-section-main-wrap .site-tabbing-content-inner.current ul.tabs {
    display: flex
}

.site-tabbing-content-section-main-wrap .site-tabbing-content-inner ul.tabs {
    display: none
}

.site-tabbing-content-main-wrap .tabs {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 123px
}

.site-tabbing-content-main-wrap .tabs .tab-link {
    background: #94a3b8;
    border-radius: 17px;
    color: #1e293b;
    cursor: pointer;
    font-size: 17px;
    line-height: 20px;
    margin: 0 18px;
    min-width: 300px;
    padding: 12px 53px 12px 32px;
    position: relative;
    text-align: center;
    transition: all .5s ease-in-out
}

.site-tabbing-content-main-wrap .tabs .tab-link * {
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.site-tabbing-content-main-wrap .tabs .tab-link.current,
.site-tabbing-content-main-wrap .tabs .tab-link:hover {
    background: #1e293b;
    color: #fff
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link.current,
.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:hover {
    background: #1a3a4d;
    color: #fff
}

.site-tabbing-content-inner .tab-content-inner {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    overflow: hidden
}

.site-tabbing-content-inner .tab-content-inner .tab-content-img img {
    height: 100% !important;
    object-fit: cover;
    width: 100%
}

.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner {
    padding: 130px 79px;
    position: relative
}

.tab-content-inner .slider-item-wrap-inner .slider-subtitle {
    color: #64748b;
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.tab-content-inner .slider-item-wrap-inner .slider-content {
    color: #475569;
    max-width: 500px
}

.site-tabbing-content-inner .slick-list .slick-slide {
    height: auto !important
}

.site-tabbing-content-inner .tab-content-inner .tab-content-img {
    height: 100%;
    width: 100%
}

.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls {
    flex-direction: column;
    position: absolute;
    right: 55px;
    top: 50%;
    transform: translateY(-50%)
}

.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots1 .slick-dots,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots2 .slick-dots,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots3 .slick-dots,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots4 .slick-dots {
    display: flex !important;
    flex-direction: column
}

.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev1,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev2,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev3,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev4 {
    margin-bottom: 10px;
    transform: rotate(-90deg)
}

.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next1,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next2,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next3,
.site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next4 {
    margin-top: 10px;
    transform: rotate(90deg)
}

.site-tabbing-content-inner .tab-content-inner .slider-controls ul.slick-dots li.slick-active button {
    right: -2px;
    transform: rotate(90deg)
}

.site-tabbing-content-main-wrap .tab-content {
    display: block;
    height: 0;
    opacity: 0
}

.site-tabbing-content-main-wrap .tab-content.current {
    height: auto;
    opacity: 1
}

.site-tabbing-content-inner .tabs-custom-inner {
    position: relative
}

.site-tabbing-content-inner .tabs-custom-inner:after {
    background: #e2e8f0;
    content: "";
    height: 110px;
    left: 50%;
    position: absolute;
    top: -65px;
    transform: translateX(-50%);
    width: 3px
}

.site-tabbing-content-inner .tabs-custom-inner:before {
    background: #e2e8f0;
    border-radius: 50%;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: 45px;
    transform: translateX(-50%);
    width: 15px
}

.site-tabbing-content-main-wrap .tabs li.tab-link:after {
    background: #e2e8f0;
    content: "";
    display: block;
    height: 42px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: calc(100% + 17px);
    transform: translateX(-50%);
    width: 3px
}

.site-tabbing-content-main-wrap .tabs .tab-link p {
    display: inline-block;
    padding-right: 0;
    position: relative
}

.site-tabbing-content-main-wrap .tabs .tab-link p:after {
    background: url("../image/grey-700.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    opacity: .4;
    position: absolute;
    right: -30px;
    top: 0;
    transform: rotate(90deg);
    width: 23px
}

.site-tabbing-content-main-wrap .tabs .tab-link p:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: -26px;
    top: 0;
    transform: rotate(90deg);
    transition: all .5s ease-in-out;
    width: 15px;
    z-index: 1
}

.site-tabbing-content-main-wrap .tabs .tab-link.current p:before,
.site-tabbing-content-main-wrap .tabs .tab-link:hover p:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px
}

.site-tabbing-content-main-wrap .tabs .tab-link.current p:after,
.site-tabbing-content-main-wrap .tabs .tab-link:hover p:after {
    background: url("../image/grey-700.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1
}

.site-tabbing-main-wrap {
    position: relative
}

.site-tabbing-main-wrap:after {
    height: 3px;
    top: -76px;
    width: 74px
}

.site-tabbing-main-wrap:after,
.site-tabbing-main-wrap:before {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.site-tabbing-main-wrap:before {
    height: 59px;
    top: -75px;
    width: 3px
}

.site-tabbing-content-inner .tab-content-inner .tab-content-img .slick-list,
.site-tabbing-content-inner .tab-content-inner .tab-content-img .slick-list .slick-track,
.site-tabbing-content-inner .tab-content-inner .tab-content-img .slick-list .slick-track div {
    height: 100%
}

.integration-herobanner-section-wrap .section-heading .conntent-wrap p,
.integration-herobanner-section-wrap .section-heading .title-wrap h1 {
    color: #0f172a
}

.white-box-iframe-wrap .site-iframe-box-main-inner .site-common-title p {
    color: #475569
}

.common-integration-subclass .site-tabbing-content-main-wrap .tabs li.tab-link:before {
    background: #e2e8f0;
    bottom: -62px;
    content: "";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateY(-50%);
    width: 337px
}

.common-integration-subclass .site-tabbing-content-main-wrap .tabs li.tab-link:nth-child(2):before {
    display: none
}

.site-tabbing-content-main-wrap .tabs li.tab-link:nth-child(3):before {
    background: #e2e8f0;
    bottom: -62px;
    content: "";
    height: 3px;
    left: unset;
    opacity: 0;
    position: absolute;
    right: 50%;
    width: 337px
}

.site-tabbing-content-main-wrap .tabs li.tab-link.current:after,
.site-tabbing-content-main-wrap .tabs li.tab-link.current:before {
    opacity: 1
}

.takeproduct-tour-main-section .integration-herobanner-section-wrap .site-breadcrumbs-wrap ul a,
.testimonial_section .content_section h2 a {
    color: #fff
}

.testimonial_section .content_section h2 a:hover {
    text-decoration: none
}

.takeproduct-tour-main-section .site-tabbing-main-wrap:after,
.takeproduct-tour-main-section .site-tabbing-main-wrap:before {
    display: none
}

.takeproduct-tour-main-section .site-tabbing-content-inner .tabs-custom-inner:after {
    height: 66px;
    top: -93px
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs {
    padding-bottom: 151px
}

.takeproduct-tour-main-section .site-tabbing-content-inner .tabs-custom-inner:before {
    top: -35px
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs li.tab-link:after {
    height: 60px;
    top: 100%
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link {
    min-width: 181px;
    text-align: center
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:before {
    background: #e2e8f0;
    bottom: -62px;
    content: "";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateY(-50%);
    width: 327px
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:nth-child(2):before {
    width: 110px
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:nth-child(3):before {
    left: -19px;
    transform: unset;
    width: 109px
}

.takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:nth-child(4):before {
    left: unset;
    right: 50%;
    transform: unset
}

.takeproduct-tour-main-section .tab-content-inner .slider-item-wrap-inner .slider-content {
    height: 90px
}

.takeproduct-tour-main-section .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner {
    padding: 95px 79px;
    position: relative
}

.takeproduct-tour-main-section .site-tabbing-main-wrap .site-tabbing-content-main-wrap:after {
    background: #e2e8f0;
    bottom: -100px;
    content: "";
    height: 100px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 3px
}

.takeproduct-tour-main-section .site-tabbing-main-wrap .site-tabbing-content-main-wrap:before {
    background: #e2e8f0;
    border-radius: 50%;
    bottom: -100px;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 15px
}

.jenkins-main-section .tab-content-inner .slider-item-wrap-inner .slider-content {
    height: 135px
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img1 {
    left: 105px;
    top: -55px
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img4 {
    bottom: -191px;
    left: -55px;
    top: unset;
    z-index: 9
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img1 {
    right: -172px;
    top: 10px;
    width: 350px
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img2 {
    top: 29px
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img3 {
    right: 50px;
    width: 68px
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img5 {
    right: 0;
    top: 0
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img4 {
    bottom: 119px;
    right: 0;
    top: unset;
    width: 260px
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img2 {
    left: -200px;
    top: 0;
    width: 182px
}

.takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img3 {
    left: -75px;
    top: 143px
}

.takeproduct-tour-main-section .software_lifeCycle .icon-column-inner .icon-col-content h3 {
    min-height: 60px
}

.byrole-common-inner-hero-section {
    position: relative
}

.byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common {
    bottom: 0;
    opacity: .36;
    position: absolute;
    right: 0;
    transition: all .5s ease-in-out
}

.byrole-common-inner-hero-section .polygon-shap-wrap.bordered-traingle .polygon-shap-common {
    opacity: .6
}

.byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap3 {
    left: 72%;
    width: 1017px
}

.byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap2 {
    left: 58%;
    width: 851px
}

.byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap1 {
    left: 48%;
    width: 686px
}

.byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap {
    left: 40%;
    right: unset;
    width: 509px
}

.byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common img {
    width: 100%
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap .polygon-shap-common {
    opacity: .5
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap .polygon-shap1 {
    left: calc(48% + 10px)
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap .polygon-shap2 {
    left: calc(58% + 10px)
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap .polygon-shap3 {
    left: calc(72% + 10px)
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap .polygon-shap {
    left: calc(40% + 10px)
}

.by-role-section .inner-hero-banner-main-wrap h1 {
    font-size: 71px;
    line-height: 1
}

.role-page .one-col-wrap-section .box-wrap-section {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    padding: 51px 78px 60px;
    position: relative;
    text-decoration: none;
    z-index: 2
}

.role-page .one-col-wrap-section .box-wrap-section .left-img-section {
    width: 225px
}

.role-page .one-col-wrap-section .box-wrap-section .left-img-section img {
    width: 100%
}

.role-page .one-col-wrap-section .box-wrap-section .content-section {
    padding-left: 57px;
    width: calc(80% - 225px)
}

.role-page .box-wrap-section .icons-section .icons-inner svg {
    height: 42px;
    width: 50px
}

.role-page .one-col-wrap-section .box-wrap-section:not(:last-child) {
    margin-bottom: 20px
}

.role-page .one-col-wrap-section .box-wrap-section .icons-section {
    text-align: right;
    width: 20%
}

.role-page .one-col-wrap-section .box-wrap-section .icons-section img {
    left: 0;
    opacity: .5;
    position: relative;
    transition: all .5s ease-in-out;
    width: 50px
}

.role-page .one-col-wrap-section .box-wrap-section:hover .icons-section img {
    left: 20px;
    opacity: 1
}

.role-page .one-col-wrap-section .box-wrap-section .content-section .sub-title * {
    color: #d97706;
    letter-spacing: 1.36px;
    margin: 0;
    text-transform: uppercase
}

.role-page .one-col-wrap-section .box-wrap-section .content-section .title * {
    margin: 0
}

.role-page .one-col-wrap-section .box-wrap-section .content,
.role-page .one-col-wrap-section .box-wrap-section .content * {
    color: #475569
}

.site-slide-listing-section .slider-controls .slide-m-prevs.slick-arrow {
    transform: rotate(180deg)
}

.site-slider-with-only-content .column-inner.site-slider-box {
    margin-top: -42px;
    z-index: 1
}

.site-slider-with-only-content {
    background: linear-gradient(#f8fafc 80%, #fff 0) !important
}

.role-page .section-pattern-images .img {
    bottom: 0;
    position: absolute;
    z-index: 1
}

.role-page .section-pattern-images .img-1 {
    bottom: -35px;
    left: -110px;
    width: 63px
}

.role-page .section-pattern-images .img img {
    width: 100%
}

.role-page .section-pattern-images .img-2 {
    bottom: -280px;
    left: 0;
    width: 300px
}

.role-page .section-pattern-images .img-3 {
    bottom: -125px;
    left: 30%
}

.role-page .baseModuleParent {
    z-index: unset !important
}

.role-page .section-pattern-images .img-4 {
    bottom: 291px;
    left: 80%;
    width: 108px
}

.role-page .section-pattern-images .img-5 {
    bottom: -270px;
    left: 78%;
    transform: rotate(45deg);
    width: 250px
}

.role-page .section-pattern-images .img-6 {
    bottom: 66px;
    right: -200px;
    width: 350px
}

.site-slider-with-only-content .section-pattern-images .img {
    bottom: 0;
    left: 0;
    position: absolute
}

.site-slider-with-only-content .section-pattern-images .img-2 {
    bottom: -84px;
    left: 35%;
    width: 63px
}

.site-slider-with-only-content .section-pattern-images .img img {
    width: 100%
}

.site-slider-with-only-content .section-pattern-images .img-3 {
    bottom: 0;
    left: unset;
    right: -135px;
    width: 255px
}

.site-slider-with-only-content .section-pattern-images .img-1 {
    bottom: -60px;
    left: 15px;
    width: 250px
}

.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner {
    height: 100%;
    width: 100%
}

.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
    bottom: -131px;
    margin: 0;
    position: absolute;
    width: 100%
}

.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: 78px;
    top: 20px;
    width: 85px
}

.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: -35px;
    left: 25px;
    width: 68px
}

.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -187px;
    right: 10px;
    width: 200px;
    z-index: 2
}

.product-leaders-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
    width: 120px
}

.product-leaders-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 img {
    width: 100%
}

.product-leaders-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
    right: 20px;
    width: 124px
}

.product-leaders-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 img {
    width: 100%
}

.product-leaders-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
    left: 45px;
    z-index: 2
}

.byrole-common-inner-hero-section .container {
    position: relative
}

.byrole-common-inner-hero-section .container .site-hero-img-right-wrap {
    bottom: 0;
    height: 100%;
    max-width: 100%;
    position: absolute;
    right: -20px;
    width: 587px
}

.engineering-managers-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
    left: 20px;
    width: 120px;
    z-index: 2
}

.engineering-managers-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 img {
    width: 100%
}

.engineering-managers-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
    right: 40px;
    width: 101px
}

.engineering-managers-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 img {
    width: 100%
}

.engineering-managers-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
    bottom: -140px
}

.engineering-metrics-subpage .inner-hero-banner-main-wrap .column-inner .section-heading {
    max-width: 82%;
    width: 100%
}

.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
    bottom: -146px
}

.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: 29px;
    top: 140px;
    z-index: 2
}

.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: unset;
    left: 0;
    top: 160px;
    width: 115px;
    z-index: 2
}

.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -185px;
    right: 43px;
    width: 101px
}

.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 img {
    width: 100%
}

.space-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: -17px;
    top: 55px;
    width: 100px
}

.space-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
    left: 14px;
    top: 160px;
    width: 68px
}

.okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
    bottom: -84px
}

.okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: 20px;
    top: unset
}

.okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: 70px;
    top: 60px;
    width: 85px
}

.okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -130px;
    right: 0;
    width: 180px
}

.site-slide-listing-section .full-width-flex-column {
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center
}

.site-slide-listing-section .full-width-flex-column .badgeicon-listing-wrap.column-inner {
    margin-bottom: 30px
}

.pricing-page .section-mian-box {
    position: relative
}

.input-throughput p {
    background-color: #f1f5f9;
    border: unset;
    border-radius: 12PX;
    box-shadow: none;
    color: #334155;
    display: inline-block;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    margin-bottom: 0;
    margin: 0 15px 0 0;
    max-width: 100%;
    padding: .7rem;
    width: 60px
}

.input-throughput-range {
    width: calc(100% - 79px)
}

.input.input-throughput {
    align-items: center
}

.allstacks-ent-content.key-result-topics {
    border-bottom: unset
}

.allstacks-ent-content-fea-topics.allstacks-ent-content.key-result-topics ul li:before {
    background-image: url(../image/Path 756.svg) !important;
    top: 11px !important
}

.allstacks-ent-content-fea-topics li {
    padding-bottom: 7px !important;
    padding-top: 7px !important
}

.pricing-page ul.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pricing-page .site-tabbing-content-inner ul.tabs li {
    background-color: #94a3b8;
    border-radius: 17px;
    font-weight: 600;
    margin: 0 10px 83px;
    padding: 11px 85px 11px 49px;
    position: relative
}

.pricing-page .site-tabbing-content-inner ul.tabs li p {
    font-weight: 700;
    margin-bottom: 0
}

.pricing-page .site-tabbing-content-inner ul.tabs li.current {
    background-color: #eda116
}

.pricing-page .site-tabbing-content-inner .tabs li.tab-link:after {
    background: #e2e8f0;
    content: "";
    display: block;
    height: 42px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: calc(100% + 17px);
    transform: translateX(-50%);
    width: 3px
}

.pricing-page .site-tabbing-content-inner .tabs li.tab-link.current:after {
    opacity: 1
}

.pricing-page .site-tabbing-content-inner .tabs .tab-link:before {
    background: #e2e8f0;
    bottom: -62px;
    content: "";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateY(-50%);
    width: 159px
}

.pricing-page .site-tabbing-content-inner .tabs .tab-link.current:before {
    opacity: 1
}

.pricing-page .site-tabbing-content-inner .tabs-custom-inner:before {
    background: #e2e8f0;
    border-radius: 50%;
    content: "";
    height: 11px;
    left: 50%;
    position: absolute;
    top: 13px;
    transform: translateX(-50%);
    width: 11px;
    z-index: 1
}

.pricing-page .site-tabbing-content-inner .tabs-custom-inner:after {
    background: #e2e8f0;
    content: "";
    height: 40px;
    left: 50%;
    position: absolute;
    top: -25px;
    transform: translateX(-50%);
    width: 3px
}

.pricing-page .site-tabbing-content-inner .tabs .tab-link:nth-child(2):before {
    left: 6% !important;
    width: 130px
}

.input-throughput-range {
    -webkit-appearance: none;
    background: #ddd6fe;
    border-radius: 5px;
    height: 10px;
    opacity: .7;
    outline: 0;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.input-throughput-range:hover {
    opacity: 1
}

.input-throughput-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #7c3aed;
    border-radius: 50%;
    cursor: pointer;
    height: 25px;
    width: 25px
}

.input-throughput-range::-moz-range-thumb {
    background: #7c3aed;
    cursor: pointer;
    height: 25px;
    width: 25px
}

input.per-con-dd {
    background-color: #fff;
    border: 0;
    color: #1e293b;
    font-family: Sen, sans-serif;
    font-size: 30px;
    font-weight: 800;
    padding: 0;
    width: 56px
}

.pricing-page .tab-content.current {
    display: block
}

.pricing-page .tab-content {
    display: none
}

.allstacks-ent-content.key-result-topics ul li:before {
    background-image: url("../image/Path 756.svg") !important
}

.pricing-page .site-tabbing-content-inner .tab-link {
    cursor: pointer
}

.pricing-page .site-tabbing-content-inner .tab-link p {
    position: relative
}

.pricing-page .site-tabbing-content-inner .tab-link p:after {
    background: url("../image/Path 384.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: -33px;
    top: 0;
    transform: rotate(0deg);
    width: 23px
}

.pricing-page .site-tabbing-content-inner .tab-link p:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 16px;
    position: absolute;
    right: -29px;
    top: -2px;
    transform: rotate(90deg);
    transition: all .5s ease-in-out;
    width: 16px;
    z-index: 1
}

.pricing-page .site-tabbing-content-inner ul.tabs li.current p:after {
    background: url("../image/newPath384.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.section-box-top .calc-part {
    position: relative
}

.section-box-top .calc-part .error-msgs-wrap p {
    background: 0 0;
    color: #dc2626;
    display: block;
    font-size: 13px;
    line-height: 20.8px;
    padding: 0;
    width: 100%
}

.section-box-top .calc-part .error-msgs-wrap {
    display: none;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%
}

.common-disable.disble * {
    color: #cbd5e1;
    pointer-events: none
}

.pricing-main-result-dd h2 {
    margin-bottom: 3px
}

.common-disable.disble a {
    background: #cbd5e1;
    color: #f8fafc
}

.common-disable.disble a:after {
    display: none
}

.pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img1 {
    left: -191px;
    top: -67px;
    width: 182px
}

.pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img2 {
    left: -75px;
    top: 134px;
    width: 250px
}

.pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img3 {
    left: 105px;
    top: 428px;
    width: 96px
}

.pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img4 {
    bottom: unset;
    left: -58px;
    top: 724px;
    width: 116.93px;
    z-index: 1
}

.pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img4 {
    right: 15%;
    top: 549px;
    width: unset;
    z-index: 1
}

.pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img5 {
    bottom: -113%;
    right: -50px;
    top: unset;
    width: 135px
}

.pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img1 {
    right: -200px;
    top: 0
}

.pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img2 {
    top: 24px
}

.pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img4 {
    right: 196px;
    top: 600px
}

.pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img5 {
    bottom: unset;
    right: -20px;
    top: 575px
}

.site-slide-listing-section .full-width-flex-column .btns-wrap {
    margin-top: 19px;
    text-align: center
}

.pricing-page .section-bottom-content .list-heading p {
    color: #475569;
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.pricing-page .lsiting-box .wrap-sec .left-icons-img {
    position: relative;
    top: -2px;
    width: 12px
}

.pricing-page .lsiting-box .wrap-sec .right-content {
    width: calc(100% - 12px)
}

.section-box-top .allstacks-ent-content.key-result-topics ul li {
    color: #475569;
    font-size: 17px;
    font-weight: 700
}

.clac-title *,
.pricing-page .section-mian-box .section-box-top .sub-title p {
    letter-spacing: 1.36px
}

.bottom-below-note * {
    background: 0 0;
    color: #dc2626;
    font-size: 13px;
    line-height: 20.8px;
    padding: 0;
    width: 100%
}

.bottom-below-note {
    margin-top: 15px
}

.jobpost-page .box-wrap-section {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    margin: 0 auto 22px;
    max-width: 791px;
    padding: 42px 52px 42px 46px;
    text-decoration: none;
    width: 100%
}

.jobpost-page .box-wrap-section .left-img-section {
    align-items: center;
    background: #ec4899;
    border-radius: 50%;
    display: flex;
    height: 84px;
    justify-content: center;
    width: 84px
}

.jobpost-page .box-wrap-section .content-section {
    padding-left: 50px;
    width: calc(85% - 84px)
}

.jobpost-page .box-wrap-section .icons-section {
    text-align: right;
    width: 15%
}

.jobpost-page .box-wrap-section .left-img-section img {
    height: 40px;
    object-fit: contain;
    width: 51px
}

.jobpost-page .box-wrap-section .content-section .sub-title * {
    color: #9d174d;
    letter-spacing: 1.36px;
    margin: 0;
    text-transform: uppercase
}

.jobpost-page .box-wrap-section .content-section .title * {
    margin: 0
}

.jobpost-page .box-wrap-section .content-section .content * {
    color: #475569;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    margin: 0
}

.jobpost-page .main-title-section {
    text-align: center
}

.jobpost-page .main-title-section h2 {
    margin-bottom: 26px
}

.jobpost-page:before {
    border-radius: 50px;
    height: 3px;
    width: 74px
}

.jobpost-page:after,
.jobpost-page:before {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    top: 10px;
    transform: translateX(-50%)
}

.jobpost-page:after {
    height: 162px;
    width: 3px
}

.jobpost-page .container {
    position: relative
}

.jobpost-page .container:after {
    border-radius: 50px;
    height: 15px;
    top: -69px;
    width: 15px
}

.career-section .site-tour-main-wrap:after,
.jobpost-page .container:after {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.career-section .site-tour-main-wrap:after {
    bottom: 30px;
    height: 64px;
    width: 3px
}

.career-section .site-tour-main-wrap:before {
    border-radius: 50%;
    bottom: 85px;
    height: 15px;
    width: 15px
}

.SiteAcmedia-gallery:after,
.career-section .site-tour-main-wrap:before {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.SiteAcmedia-gallery:after {
    height: 3px;
    top: -30px;
    width: 70px
}

.site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper li.active-branch.active>a {
    pointer-events: none
}

.site-breadcrumbs-wrap ul .hs-menu-item ul {
    display: flex
}

.career-section .software_lifeCycle.Metrics-subpages:after {
    background: #fff;
    content: "";
    height: 200px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 3px
}

.career-section .software_lifeCycle.Metrics-subpages .site-common-title h2 {
    margin: 0 0 10px
}

.career-section .software_lifeCycle.Metrics-subpages:before {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 11px;
    left: 50%;
    position: absolute;
    top: 191px;
    transform: translateX(-50%);
    width: 11px
}

.site-ImageWidthSet:after {
    height: 100px;
    top: 0;
    width: 3px
}

.site-ImageWidthSet:after,
.site-ImageWidthSet:before {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.site-ImageWidthSet:before {
    border-radius: 50px;
    height: 3px;
    top: 99px;
    width: 74px
}

.career-section .integration-pattern-main-wrap .left-side-img .img1 {
    left: 105px;
    top: -45px
}

.career-section .integration-pattern-main-wrap .left-side-img .img2 {
    left: -208px;
    top: 0;
    width: 200px
}

.career-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img3 {
    left: -80px;
    top: 145px;
    width: 230px
}

.career-section .integration-pattern-main-wrap .left-side-img .img4 {
    left: 190px;
    top: 520px;
    width: 96px
}

.career-section .integration-pattern-main-wrap .right-side-img .img1 {
    top: 0
}

.career-section .integration-pattern-main-wrap .right-side-img .img3 {
    right: -115px
}

.career-section .integration-pattern-main-wrap .right-side-img .img4 {
    right: 140px;
    top: 590px;
    z-index: 6
}

.career-section .integration-pattern-main-wrap .right-side-img .img5 {
    right: 10px;
    top: 550px
}

.career-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img5 {
    left: -50px;
    top: 725px;
    width: 116px;
    z-index: 9
}

.jobpost-page .box-wrap-section:hover .content-section .title * {
    text-decoration: underline
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="0"],
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="4"] {
    margin-top: 50px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"],
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] {
    margin-top: 30px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] {
    margin-top: 120px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="0"] .slide-item,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="4"] .slide-item {
    align-items: center;
    display: flex !important;
    justify-content: center
}

.slide-pattern-wrap .slide-pattern-img {
    position: absolute;
    right: 0;
    top: 0
}

.slide-pattern-wrap .slide-pattern-img img {
    height: auto;
    width: 100%
}

.slide-pattern-wrap .slide-pattern-img.patimg-1 {
    width: 72px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide {
    margin-bottom: 100px;
    position: relative
}

.slide-pattern-wrap .slide-pattern-img.patimg-2 {
    right: 0;
    top: 200px;
    width: 78px
}

.slide-pattern-wrap .slide-pattern-img.patimg-3 {
    bottom: -73px;
    right: 138px;
    top: unset;
    width: 56px;
    z-index: 9
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-1,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
    right: 120px;
    top: 30px;
    width: 56px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-2,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
    bottom: -21px;
    top: unset;
    width: 160px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-3,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
    bottom: -115px;
    left: 92px;
    right: unset;
    top: unset;
    width: 136px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-1,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
    bottom: -62px;
    left: -7px;
    right: unset;
    top: unset;
    width: 85px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-2,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
    bottom: -115px;
    left: 155px;
    right: unset;
    top: unset;
    width: 76px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-3,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
    bottom: -105px;
    right: 10px;
    top: unset;
    transform: rotate(45deg);
    width: 170px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
    bottom: unset;
    left: 21px;
    right: unset;
    top: -90px;
    width: 80px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
    left: -19px;
    right: unset;
    top: 15px;
    width: 34px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
    left: -127px;
    right: unset;
    top: -72px;
    width: 110px
}

.site-infinity-slider-wrap {
    z-index: 9
}

.career-page-margin-class {
    margin-top: -227px
}

.site-infinity-slider-wrap:after {
    height: 85px;
    width: 3px
}

.site-infinity-slider-wrap:after,
.site-infinity-slider-wrap:before {
    background: #e2e8f0;
    content: "";
    left: 50%;
    position: absolute;
    top: 35px;
    transform: translateX(-50%)
}

.site-infinity-slider-wrap:before {
    height: 3px;
    width: 74px
}

.career-section .software_lifeCycle.Metrics-subpages .site-common-title h2 {
    margin: 0
}

.career-section .software_lifeCycle.Metrics-subpages .site-common-title h2:first-child {
    margin: 0 0 10px
}

.site-ImageWidthSet .site-slide-listing-section .column-inner .site-slide-inner .aut-img {
    border-radius: 41px
}

.site-ImageWidthSet .site-slide-listing-section .column-inner .box-top-icon {
    background: #ec4899
}

.site-ImageWidthSet .column-inner {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    height: auto;
    margin: 0 auto 30px;
    opacity: 1;
    padding: 56px 47px 61px;
    position: relative;
    width: 586px
}

.site-ImageWidthSet .site-bottomImage {
    margin: 0 auto;
    max-width: 427px;
    width: 100%
}

.site-ImageWidthSet .site-bottomImage img {
    width: 100%
}

.site-ImageWidthSet .site-slide-listing-section .column-inner .site-slide-inner .aut-content,
.site-ImageWidthSet .site-slide-listing-section .column-inner .site-slide-inner .site-slide-item-content {
    text-align: left
}

.plr10 {
    padding: 0 10px
}

.career-section .integration-herobanner-section-wrap .btns .yellowbtn-dark a:after,
.career-section .integration-herobanner-section-wrap .btns .yellowbtn-dark a:before {
    transform: rotate(90deg)
}

.career-section .integration-herobanner-section-wrap .btns .yellowbtn-dark a:after {
    right: 31px;
    top: 11px
}

.career-section .integration-herobanner-section-wrap .btns .yellowbtn-dark a:before {
    right: 34px;
    top: 11px
}

.career-section .integration-herobanner-section-wrap .btns .yellowbtn-dark a {
    padding-right: 60px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="0"] .slide-item:before,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="4"] .slide-item:before {
    background: url("../image/Ellipse 222.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 70px;
    left: 25px;
    position: absolute;
    top: 0;
    width: 70px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="0"] .slide-item:after,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="4"] .slide-item:after {
    background: url("../image/Path 852.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 150px;
    left: -151px;
    position: absolute;
    top: 121px;
    width: 150px
}

.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="0"] .slide-item .slide-pattern-wrap:after,
.slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="4"] .slide-item .slide-pattern-wrap:after {
    background: url("../image/Ellipse 219.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -45px;
    content: "";
    height: 70px;
    left: 0;
    position: absolute;
    width: 70px
}

.pricing-main-result-dd h2 {
    line-height: 54px
}

.resourece-contnet-tag-name p {
    font-size: 13px;
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.site-job-post-main-wrapper {
    padding: 135px 0 99px
}

.job-post-all-details-main-wrap .job-post-title * {
    font-size: 50px;
    font-weight: 800;
    line-height: 60px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap {
    max-width: 689px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .img {
    align-items: center;
    background: #ec4899;
    border-radius: 50%;
    display: flex;
    height: 58px;
    justify-content: center;
    width: 58px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .img img {
    width: 35px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .job-post-cate {
    display: inline-flex;
    padding-left: 21px;
    width: calc(100% - 58px)
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .job-post-cate * {
    color: #64748b;
    display: block;
    font-size: 17px;
    letter-spacing: 1.36px;
    line-height: 22.66px;
    margin: 0 20px 0 0;
    position: relative;
    text-transform: uppercase
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .job-post-cate :not(:last-child):after {
    background: #f472b6;
    border-radius: 50%;
    bottom: 6px;
    content: "";
    height: 3px;
    position: absolute;
    right: -12px;
    width: 3px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .dis-flex {
    align-items: center
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .first-short-description {
    color: #6d28d9;
    font-size: 30px;
    line-height: 40px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details p:first-child {
    margin-bottom: 76px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details h2 {
    margin: 50px 0 26px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 30px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details ul li {
    font-size: 17px;
    font-weight: 700;
    line-height: 28px;
    padding-left: 25px;
    position: relative
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details ul li:not(:last-child) {
    margin-bottom: 8px
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details ul li:after {
    background: #1e293b;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 5px
}

.job-post-all-details-main-wrap {
    margin-top: 24px;
    padding-left: 100px
}

.job-detail-section .site-breadcrumbs-wrap ul .hs-menu-item>a {
    display: none
}

.job-detail-section .site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper .active-branch>a {
    display: block
}

.job-detail-section .site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper .active-branch .active-branch {
    display: none !important
}

.job-detail-section .site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper .active-branch:before {
    background: 0 0;
    color: #ec4899;
    content: "<";
    font-size: 19px;
    height: auto;
    left: -18px;
    top: -1px;
    width: auto
}

.form-job-wrap {
    background: #6b30db;
    border-radius: 12px;
    padding: 39px 50px
}

.form-job-wrap form {
    background: #4c1d95;
    border-radius: 17px;
    padding: 45px 45px 74px
}

.form-job-wrap form .hs-form-field {
    margin-bottom: 25px;
    padding: 0
}

.form-job-wrap form .hs-form-field label {
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1.36px;
    line-height: 22.66px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.form-job-wrap form .hs-form-field input,
.form-job-wrap form .hs-form-field select {
    color: #94a3b8;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    height: 50px;
    margin: 0 !important;
    outline: 0;
    padding: 14px 16px;
    width: 100%
}

.form-job-wrap form .hs-form-field legend.hs-field-desc {
    color: #ede9fe;
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 22.66px;
    margin-bottom: 6px
}

.form-job-wrap form p,
.form-job-wrap form p a {
    color: #ede9fe;
    font-size: 17px;
    line-height: 22px
}

.form-job-wrap form .hs-main-font-element p {
    margin-bottom: 30px
}

.form-job-wrap form p a {
    color: #ddd6fe
}

.form-job-wrap form h5 {
    color: #ede9fe;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 0
}

.form-job-wrap form ul li {
    color: #ede9fe;
    font-size: 17px;
    line-height: 22px;
    padding-left: 25px;
    position: relative
}

.form-job-wrap form ul li:after {
    background: #ede9fe;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 4px
}

.form-job-wrap form ul {
    margin-bottom: 37px
}

.form-job-wrap form .hs-form-field select {
    appearance: none;
    -webkit-appearance: none;
    background: url("../image/Icon ionic-md-arrow-dropdown.svg") #f1f5f9;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 11px
}

.form-job-wrap form .hs-form-field.hs_linkedinbio.hs-linkedinbio {
    border-top: 3px solid #8b5cf6;
    margin-top: 45px;
    padding-top: 44px
}

.form-job-wrap form .hs-form-field.hs_do_you_now__or_will_you_in_the_future__need_visa_sponsorship_in_order_to_continue_to_be_eligible_to.hs-do_you_now__or_will_you_in_the_future__need_visa_sponsorship_in_order_to_continue_to_be_eligible_to {
    border-bottom: 3px solid #8b5cf6;
    margin-bottom: 46px;
    padding-bottom: 46px
}

.form-job-wrap form .hs-form-field.hs_do_you_now__or_will_you_in_the_future__need_visa_sponsorship_in_order_to_continue_to_be_eligible_to.hs-do_you_now__or_will_you_in_the_future__need_visa_sponsorship_in_order_to_continue_to_be_eligible_to+div .hs-richtext.hs-main-font-element p,
.form-job-wrap form .hs-main-font-element p.custom-normla-text {
    letter-spacing: 1.36px;
    margin-bottom: 13px;
    text-transform: uppercase
}

.form-job-wrap form .hs-form-field.hs_veteran_status {
    border-bottom: 3px solid #8b5cf6;
    margin-bottom: 46px;
    padding-bottom: 46px
}

.form-job-wrap form .hs-main-font-element p.custom-normla-text {
    margin-bottom: 37px
}

.form-job-wrap form .hs_submit.hs-submit {
    border-top: 3px solid #8b5cf6;
    margin-top: 51px;
    padding-top: 34px;
    position: relative
}

.form-job-wrap form .hs_submit.hs-submit .actions {
    display: inline-block;
    position: relative
}

.form-job-wrap form .hs-form-field.hs-fieldtype-file .input {
    position: relative
}

.form-job-wrap form .hs-form-field.hs-fieldtype-file .input input {
    cursor: pointer;
    height: 87px;
    line-height: 58px;
    padding-left: 63px
}

.form-job-wrap form .hs-form-field label.choose-file {
    align-items: center;
    background: #94a3b8;
    border-radius: 17px;
    color: #1e293b;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    left: 16px;
    letter-spacing: normal;
    margin: 0;
    pointer-events: none;
    position: absolute;
    text-transform: unset;
    top: 50%;
    transform: translateY(-50%);
    width: 155px
}

.form-job-wrap form .hs_submit.hs-submit .actions:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 28px;
    top: 14px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.form-job-wrap form .hs_submit.hs-submit .actions:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 20px
}

.form-job-wrap form .hs-form-field .hs-error-msgs li {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.form-job-wrap form .hs-form-field .hs-error-msgs li:after {
    display: none
}

.form-job-wrap form .hs-form-field .hs-error-msgs li label {
    font-size: 13px
}

.career-section .about-page-banner-dd .site-breadcrumbs-wrap ul li a {
    color: #1e293b !important
}

.job-detail-section .hs-form .hs-form-field .hs-error-msgs {
    margin-top: 10px
}

.rd-webinar-lp .integration-pattern-main-wrap .left-side-img .img1 {
    left: -39px;
    top: -78px;
    width: 98px
}

.rd-webinar-lp .integration-pattern-main-wrap .left-side-img .img2 {
    top: 300px
}

.rd-webinar-lp .integration-pattern-main-wrap .left-side-img .img4 {
    bottom: 0;
    top: unset
}

.rd-webinar-lp .integration-pattern-main-wrap .left-side-img .img5 {
    left: 360px !important;
    top: 86px !important
}

.rd-webinar-lp .integration-pattern-main-wrap .right-side-img .img5 {
    right: 0;
    top: 508px
}

.rd-webinar-lp.white-box-iframe-wrap .site-iframe-box-main-inner .site-common-title.mb-50 {
    margin: 0
}

.contact-main-section .circle-shap-wrap .circle-sh.circle-shap {
    right: -38px;
    top: 95px
}

.contact-main-section .circle-shap-wrap .circle-sh.circle-shap1 {
    right: -150px;
    top: 0
}

.contact-main-section .circle-shap-wrap .circle-sh.circle-shap2 {
    right: -340px;
    top: -155px
}

.contact-main-section .software_lifeCycle {
    z-index: 1
}

.contact-page .baseModuleParent {
    z-index: unset !important
}

.form-contact-wrap {
    position: relative;
    z-index: 9
}

.form-job-wrap form .hs-form-field label {
    pointer-events: none
}

.software_delivery_page .background_inner {
    box-shadow: 0 2px 4px #00000029
}

.software_delivery_page.text-no-bold .testimonial_section h2 {
    font-weight: 400
}

.main-blog-listing-main-wrap {
    padding: 132px 0 115px
}

.main-blog-listing-main-wrap .site-blog-first-content h1 {
    color: #6d28d9;
    font-size: 40px;
    font-weight: 800;
    line-height: 44px;
    margin-bottom: 18px
}

.main-blog-listing-main-wrap .site-blog-first-content p {
    color: #1e293b;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 41px
}

.main-blog-listing-main-wrap .site-blog-first-content a {
    color: #0f172a;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    text-decoration: none
}

.main-blog-listing-main-wrap .site-blog-first-content a:after {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    position: absolute;
    right: -15px;
    top: 2px;
    width: 11px
}

.main-blog-listing-main-wrap .site-featured-images img {
    border-radius: 20px;
    width: 100%
}

.blog-custom-listing-section {
    background: #f1f5f9;
    padding: 60px 0 85px
}

.blog-custom-listing-section .blog-first-three-blog-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.blog-custom-listing-section .blog-first-three-blog-wrap article {
    padding: 0 10px 30px;
    width: 33.33%
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    height: 100%;
    padding: 29px 27px 36px
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 13px;
    display: block;
    height: 173px;
    margin-bottom: 24px;
    width: 100%
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content h3 a {
    text-decoration: none
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-indexmain-wrap {
    color: #1e293b;
    text-decoration: none
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content .blog-index__post-preheader {
    display: block;
    margin-bottom: 20px
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content h3 {
    line-height: 30.21px;
    margin-bottom: 20px
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content p {
    font-size: 13px;
    line-height: 20px;
    margin: 0
}

.blog-custom-listing-section .blog-first-three-blog-wrap article.hide {
    display: none
}

.form-job-wrap .apply-job-title {
    color: #fff;
    margin-bottom: 35px
}

.form-job-wrap .hs-embed-wrapper {
    max-width: 100% !important
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content h3 a {
    color: #1e293b
}

.blog-index__post-content .ac-blog__sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 19px
}

.blog-index__post-content .ac-blog__sidebar-tags li {
    line-height: normal;
    margin-right: 15px;
    position: relative
}

.blog-index__post-content .ac-blog__sidebar-tags li a {
    color: #475569;
    font-size: 13px;
    letter-spacing: 1.04px;
    line-height: 22.66px;
    text-decoration: none;
    text-transform: uppercase
}

.blog-index__post-content .ac-blog__sidebar-tags li:not(:last-child):after {
    background: #ec4899;
    border-radius: 50%;
    bottom: 8px;
    content: "";
    height: 3px;
    position: absolute;
    right: -9px;
    width: 3px
}

.blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post:hover .blog-index__post-content h3 a {
    text-decoration: underline
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap {
    padding: 0 10px 32px;
    width: 33.33%
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt {
    align-items: center;
    background: #fcd34d;
    border-radius: 17px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 47px 41px;
    text-align: center
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt p {
    font-size: 13px;
    line-height: 20px
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form {
    margin-top: 36px
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form label {
    font-size: 13px;
    letter-spacing: 1.36px;
    margin-bottom: 0
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form .input input {
    font-family: Sen, sans-serif;
    font-size: 17px;
    margin: 6px 0 0;
    text-align: center
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form .field.hs-form-field {
    padding-bottom: 20px
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form .hs_submit .actions {
    display: inline-block;
    position: relative
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form .hs_submit .actions:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 10px;
    width: 20px
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form .hs_submit .actions:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 22px;
    top: 15px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.blog-listing-list-item .blog-pagination {
    margin-top: 28px
}

.blog-listing-list-item .blog-pagination ul {
    align-items: center;
    display: flex;
    justify-content: center
}

.blog-listing-list-item .blog-pagination ul .previous-posts-link img {
    transform: rotate(180deg)
}

.blog-listing-list-item .blog-pagination ul li {
    margin: 0 8px
}

.blog-listing-list-item .blog-pagination ul li,
.blog-listing-list-item .blog-pagination ul li a {
    align-items: center;
    display: flex;
    justify-content: center
}

.blog-listing-list-item .blog-pagination ul li.hide {
    filter: grayscale(1) invert(.9);
    opacity: .5;
    pointer-events: none
}

.blog-listing-list-item .blog-pagination ul .pg li a {
    color: #6d28d9;
    font-size: 13px;
    text-decoration: none
}

.blog-listing-list-item .blog-pagination ul .pg .active a {
    background: url("../image/Polygon 16-1.svg");
    background-position: 0 -2px;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    height: 28px;
    width: 25px
}

.blog-filter-menu-main-wrap {
    background: #f1f5f9;
    border-bottom: 2px solid #64748b;
    padding: 22px 0 19px
}

.blog-filter-menu-main-wrap ul {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.blog-filter-menu-main-wrap ul li a {
    border-radius: 16px;
    color: #475569;
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 27px;
    text-decoration: none;
    transition: all .5s ease-in-out
}

.blog-filter-menu-main-wrap ul li a:hover,
.blog-filter-menu-main-wrap ul li.active-item a {
    background: #e2e8f0
}

.headerNavigation .expandMenu {
    display: none
}

.blog-section-main-wrap {
    padding: 135px 0 115px
}

.blog-section-main-wrap .blog-section-inner-wrap {
    padding-left: 100px
}

.blog-post-body-content-wrap .blog-post-content {
    padding-right: 30px;
    width: calc(100% - 282px)
}

.blog-post-body-content-wrap .blog-post-author {
    padding-left: 0;
    position: sticky;
    top: 100px;
    width: 282px
}

.content-and-feature-image-main-wrap .content h2 {
    color: #6d28d9;
    font-family: Sen, sans-serif !important;
    font-weight: 400;
    line-height: 40px;
    margin: 0;
    padding-right: 50px
}

.content-and-feature-image-main-wrap .feature-image img {
    border-radius: 13px;
    display: block;
    height: auto;
    width: 100%
}

.content-and-feature-image-main-wrap.centered .feature-image img {
    max-height: 400px;
    object-fit: cover
}

.blog-post-body-content-wrap .blog-post-content p {
    font-family: Sen, sans-serif !important;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 30px
}

.blog-post-body-content-wrap .blog-post-content a,
.blog-post-body-content-wrap .blog-post-content p a {
    color: #be185d !important;
    text-decoration: underline
}

.blog-post-body-content-wrap .blog-post-content a:hover,
.blog-post-body-content-wrap .blog-post-content p a:hover {
    text-decoration: none
}

.blog-post-body-content-wrap .blog-post-content p:last-child {
    margin-bottom: 0
}

.blog-post-body-content-wrap .blog-post-author .share-it-wrap p {
    color: #64748b;
    font-size: 17px;
    letter-spacing: 1.36px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.blog-post-body-content-wrap .blog-post-author .hs_cos_wrapper_type_social_sharing {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.blog-post-body-content-wrap .blog-post-author .hs_cos_wrapper_type_social_sharing a {
    align-items: center;
    background: #db2777;
    border-radius: 50%;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    margin-right: 11px;
    width: 46px !important
}

.blog-post-body-content-wrap .blog-post-author .hs_cos_wrapper_type_social_sharing a:first-child {
    order: 2
}

.blog-post-body-content-wrap .blog-post-author .hs_cos_wrapper_type_social_sharing a:last-child {
    order: 1
}

.blog-post-body-content-wrap .blog-post-author .hs_cos_wrapper_type_social_sharing a:nth-child(2) {
    order: 3
}

.blog-post-body-content-wrap .blog-post-author .author-img {
    height: 50px;
    width: 50px
}

.blog-post-body-content-wrap .blog-post-author .author-img img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.blog-post-body-content-wrap .blog-post-author .author-content {
    padding-left: 16px
}

.blog-post-body-content-wrap .blog-post-author .author-content p {
    color: #475569;
    margin: 0
}

.blog-post-body-content-wrap .blog-post-author .hubspot-author_data {
    border-bottom: 2px solid #e2e8f0;
    border-top: 2px solid #e2e8f0;
    margin-bottom: 40px;
    padding: 18px 0 15px
}

.blog-post-body-content-wrap .blog-post-author .author-content h3 {
    color: #0e7490;
    margin: 0
}

.blog-post-body-content-wrap .blog-post-content .blog-post-content-inner {
    font-size: 17px;
    line-height: 30px;
    max-width: 689px;
    width: 100%
}

.blog-post-body-content-wrap .blog-post-content .blog-post-content-inner ol {
    list-style: decimal
}

.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap,
.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul {
    align-items: center;
    display: flex
}

.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul li {
    display: none;
    margin-right: 19px;
    position: relative
}

.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul li:first-child,
.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul li:nth-child(2) {
    display: inline
}

.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul li a {
    color: #64748b;
    font-size: 17px;
    letter-spacing: 1.04px;
    text-decoration: none;
    text-transform: uppercase
}

.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul li:after {
    background: #f472b6;
    border-radius: 50%;
    bottom: 7px;
    content: "";
    height: 3px;
    position: absolute;
    right: -10px;
    width: 3px
}

.blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap .date-list {
    color: #64748b;
    font-size: 17px;
    letter-spacing: 1.04px;
    text-decoration: none;
    text-transform: uppercase
}

.blog-post-body-content-wrap .blog-post-content ul li {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 3px;
    padding-left: 15px;
    position: relative
}

.blog-post-body-content-wrap .blog-post-content ul {
    margin-bottom: 30px
}

.blog-post-body-content-wrap .blog-post-content ul li:after {
    background: #1e293b;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 4px
}

.blog-filter-menu-main-wrap ul li .megaMenu {
    background: #64748b;
    left: 0;
    opacity: 0;
    padding: 39px 0 41px;
    position: absolute;
    top: 84px;
    transition: all .5s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 9
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item {
    padding: 0 10px 20px;
    width: 50%
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link {
    background: rgba(71, 85, 105, .5);
    display: block;
    line-height: normal;
    padding: 15px 60px 17px 15px;
    position: relative;
    width: 100%
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link .icon-wrap {
    align-items: center;
    background: #f8fafc;
    border-radius: 12px;
    display: flex;
    height: 37px;
    justify-content: center;
    width: 37px
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link .icon-wrap img {
    height: 22px;
    object-fit: contain;
    width: 22px
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link .content-wrap {
    padding-left: 18px;
    width: calc(100% - 37px)
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link .content-wrap * {
    color: #f8fafc;
    margin: 0
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link .content-wrap h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 4px
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link .content-wrap p {
    font-size: 12px;
    line-height: 14px
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link:hover {
    background: #475569
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item:last-child {
    padding-bottom: 0
}

.blog-filter-menu-main-wrap ul li.has-submenu.focus .megaMenu,
.blog-filter-menu-main-wrap ul li.has-submenu:hover .megaMenu {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.blog-filter-menu-main-wrap ul li.has-submenu .menu-link {
    position: relative
}

.blog-filter-menu-main-wrap ul li.has-submenu .menu-link:after {
    background: url("../image/chevron-down-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 9px;
    content: "";
    height: 6px;
    position: absolute;
    right: 10px;
    top: 20px;
    transition: all .5s ease-in-out;
    width: 10px
}

.blog-filter-menu-main-wrap ul li.has-submenu input[type=checkbox] {
    display: none
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link:after {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    -webkit-filter: invert(100%);
    filter: invert(100%);
    height: 14px;
    position: absolute;
    right: 27px;
    top: 43%;
    transform: rotate(90deg) translateX(-50%);
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link:before {
    background: url("../image/Path 14.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 25px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: rotate(90deg) translateX(-50%);
    width: 25px
}

.blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link:hover:after {
    top: 47%
}

.blog-section-main-wrap .blog-breadcrumbs-main-wrap a {
    color: #64748b;
    font-size: 13px;
    letter-spacing: 1.36px;
    text-decoration: none;
    text-transform: uppercase
}

.blog-section-main-wrap .blog-breadcrumbs-main-wrap .breadcrumb-link {
    padding-left: 17px;
    position: relative
}

.blog-section-main-wrap .blog-breadcrumbs-main-wrap .breadcrumb-link:after {
    background: 0 0;
    color: #ec4899;
    content: "<";
    font-size: 16px;
    height: auto;
    left: 0;
    position: absolute;
    top: 2px;
    width: auto
}

.site-related-blog-post-main-wrap {
    background: #f1f5f9;
    padding: 69px 0 47px
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items {
    padding: 0 12px;
    width: 33.33%
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items .related-post-items-inner {
    background: #7c3aed;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    height: 202px;
    overflow: hidden;
    padding: 19px 33px 34px;
    position: relative
}

.related-post-items-inner .tag-name-post li a {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1.36px;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase
}

.related-post-items-inner .title {
    margin-top: auto
}

.related-post-items-inner .title a {
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    text-decoration: none
}

.related-post-items-inner .read-it-link {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: 4px 9px;
    position: absolute;
    right: 17px;
    top: 12px;
    transition: all .5s ease-in-out
}

.related-post-items-inner .read-it-link p {
    font-size: 0;
    font-weight: 700;
    line-height: 15px;
    margin: 0;
    transition: all .5s ease-in-out
}

.related-post-items-inner .read-it-link a {
    align-items: center;
    display: flex;
    font-size: 24px;
    justify-content: center;
    text-decoration: none
}

.related-post-items-inner:hover .read-it-link p {
    font-size: 13px;
    margin-right: 7px
}

.related-post-items-inner .tag-name-post li {
    padding-right: 85px
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items:last-child .related-post-items-inner {
    background: #1e293b
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items:nth-child(2) .related-post-items-inner {
    background: #be185d
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items .related-post-items-inner:after {
    background: url("../image/Mask Group 11.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out;
    width: 330px
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items .related-post-items-inner * {
    z-index: 1
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items .related-post-items-inner:hover:after {
    background-position: -40px 50%
}

.job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details h2 strong {
    font-weight: 800
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items:nth-child(2) .related-post-items-inner:after {
    background: url("../image/Mask Group 12.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items:nth-child(3) .related-post-items-inner:after {
    background: url("../image/Group 246.svg");
    background-position: 35px 80%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.related-post-items-inner .read-it-link a {
    color: #0f172a
}

.blog-post-body-content-wrap .blog-post-author .author-img .hs-author-avatar {
    height: 100%
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items:nth-child(2) .related-post-items-inner:hover:after {
    background-position: -20px 50%
}

.site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items:nth-child(3) .related-post-items-inner:hover:after {
    background-position: 15px 80%
}

.blog-post-body-content-wrap>.dis-flex {
    align-items: flex-start
}

.blog-post__meta {
    display: flex
}

.blog-post__meta .pub-date {
    margin-right: 20px;
    position: relative
}

@media only screen and (max-width:1200px) {
    .blog-post__meta {
        display: block
    }
}

.roi-calc-parent .accordion-title-calc.active:after,
.roi-calc-parent .accordion-title-calc.active:before {
    display: none
}

.roi-calc-parent .accordion-title-calc.active {
    background: transparent !important
}

.roi-calc-parent .accordion-title-calc:before {
    background: #e2e8f0
}

.roi-calc-parent .accordion-title-calc:hover:before {
    background: #cbd5e1
}

.roi-calc-parent .roi-calculator .form .input input {
    font-family: Sen, sans-serif;
    font-style: normal;
    font-weight: 400
}

.roi-calculator .form label>div>svg {
    position: absolute;
    right: 0;
    top: 4px
}

.roi-calculator .form label>div:first-child {
    display: inline-block;
    padding-right: 20px;
    position: relative
}

.roi-calculator .form .reporting-manager-parent-dd label>div:first-child {
    display: inline
}

.roi-calculator .form .reporting-manager-parent-dd label>div:first-child svg {
    bottom: 4px;
    top: unset
}

.hs-form .hs-form-field .hs-error-msgs {
    margin-top: 4px
}

.hs-form .hs-form-field .hs-error-msgs .hs-error-msg {
    font-size: 13px;
    line-height: normal
}

.hs-form .hs-form-field.hs-fieldtype-textarea .input {
    height: 131px
}

.bottom-cta-main-wrap a {
    color: #0f172a;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    padding-right: 20px;
    position: relative;
    text-decoration: none
}

.bottom-cta-main-wrap {
    text-align: right
}

.bottom-cta-main-wrap a:after {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 11px
}

.bottom-cta-main-wrap a:before {
    background: #0f172a;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .5s ease-in-out;
    width: 0
}

.bottom-cta-main-wrap a:hover:before {
    width: 100%
}

.site-bottom-form-main-wrap .site-ready-to-powerup-inner .form-info-title h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 25px
}

.site-bottom-form-main-wrap .about-page-form-dd.form-contact-srt.formResetStyling {
    background: #4c1d95;
    border-radius: 17px;
    padding: 75px 81px;
    width: 100%
}

.site-bottom-form-main-wrap .about-page-form-dd input {
    border-radius: 17px !important;
    margin-bottom: 0
}

.start-trial-short .form-contact-info .hs-richtext p strong {
    font-weight: 800
}

.start-trial-short.demo-page .actions:before {
    right: 23px;
    top: 15px
}

.start-trial-short.demo-page .actions:after {
    right: 15px
}

.start-trial-short.demo-page .actions:hover:before {
    right: 21px
}

.site-bottom-form-main-wrap .site-ready-to-powerup-inner .form-info-title p {
    margin-bottom: 0
}

.site-blog-first-details-wrap .site-blog-first-content {
    padding-right: 47px
}

.blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form .hs_submit .actions:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 18px;
    top: 14px
}

.error-page-content-dd>h2 {
    margin-bottom: 30px
}

.error-page-content-dd p {
    color: #0f172a
}

.hero-img.four-hero-img img {
    width: 542px
}

.site-int-main-logo .logo-box {
    padding: 0 17px;
    width: 124px
}

.site-int-main-logo .logo-box img {
    width: 100%
}

.start-trial-long-banner-wrap .inner-hero-banner-main-wrap .col-12 {
    flex: 0 0 50%;
    max-width: 50%
}

.start-trial-long-banner-wrap.start-trial-long .hero-img {
    left: -55px;
    margin-top: 60px;
    position: relative
}

.start-trial-long-banner-wrap.start-trial-long .hero-img img {
    margin: 0;
    width: 100%
}

.start-trial-long-banner-wrap.circle-pattern .patterns-img .img1 {
    left: -50px;
    top: -20px;
    width: 65px
}

.start-trial-long-banner-wrap.circle-pattern .patterns-img .img1 img {
    transform: unset
}

.start-trial-long-banner-wrap.circle-pattern .patterns-img .img2 {
    right: 45px;
    top: 0
}

.start-trial-long-banner-wrap.circle-pattern .patterns-img .img3 {
    bottom: -116px;
    right: 40px;
    width: 110px;
    z-index: 8
}

.start-trial-long-banner-wrap.circle-pattern .patterns-img .img3 img {
    transform: unset
}

.start-trial-long-banner-wrap {
    overflow: hidden
}

.start-trial-long-banner-wrap .baseModuleParent {
    z-index: unset !important
}

.start-trial-long-banner-wrap .baseModuleParent .col-12:last-child {
    z-index: 9
}

.software_lifeCycle .inner-link-wrap {
    text-decoration: none
}

.customer-stories-two-clmn .site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner .cta-group:last-child {
    margin-top: 15px
}

.hs-content-id-110763887371 .star-trial-short-main-section.start-trial-long-main-section .baseModuleStyle.start-trial-short {
    margin-bottom: 0
}

.blog-post-body-content-wrap .blog-post-content a#cta_button_4263459_ffce20e5-a010-4181-95db-e42963fae799 {
    background-color: #f59e0b;
    border-radius: 17px;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block;
    font-family: Sen, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    padding: 7px 60px 7px 27px;
    position: relative;
    text-decoration: none;
    text-transform: none
}

.blog-post-body-content-wrap .blog-post-content .cta_button {
    color: #fff !important
}

.blog-post-body-content-wrap .blog-post-content a#cta_button_4263459_ffce20e5-a010-4181-95db-e42963fae799:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 30px;
    top: 16px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.blog-post-body-content-wrap .blog-post-content a#cta_button_4263459_ffce20e5-a010-4181-95db-e42963fae799:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 25px;
    top: 11px;
    width: 20px
}

.content-and-feature-image-main-wrap .feature-image.full {
    flex: 0 0 100%;
    max-width: 100%
}

.content-and-feature-image-main-wrap .feature-image.full img {
    margin: 0 auto;
    width: 50%
}

@media screen and (max-width:1366px) {
    .site-ready-to-powerup-inner .site-ready-to-powerup-heading-text {
        padding-right: 30px
    }
}

@media screen and (max-width:1199px) {
    footer .footer-middle .footer-col-inner {
        margin-bottom: 20px
    }

    br {
        display: none
    }

    .tabs-content-wrap .tab-content#tab-1 .tab-cotnent-inner br {
        display: block
    }
}

@media screen and (max-width:1600px) and (min-width:1280px) {
    .site-animation-main-wrap .traingle-shap {
        left: 40%
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap1 {
        left: 30%
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap2 {
        left: 18%;
        top: -256px
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap3 {
        left: 1%
    }
}

@media screen and (min-width:1100px) {
    .career-section .software_lifeCycle .icon-column-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {
    input.per-con-dd {
        font-size: 22px;
        width: 48px
    }

    header.header .inner-header-wrap .navigation ul>li {
        margin-right: 0
    }

    header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a,
    header.header .inner-header-wrap .megamenu-row-col-inner .menu-title a {
        font-size: 15px
    }

    header.header .inner-header-wrap .megamenu-row-col-inner .menu-links-col ul li a {
        padding: 5px 30px 5px 9px
    }

    .site-ready-to-powerup-inner {
        padding: 50px
    }

    .site-ready-to-powerup-inner .site-ready-to-powerup-heading-text {
        padding: 0
    }

    .site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner {
        padding: 30px 20px
    }

    .yellowbtn-dark a {
        font-size: 14px;
        padding: 11px 44px 11px 20px
    }

    .h2,
    h2 {
        font-size: 22px;
        line-height: 30.21px
    }

    .site-product-teams-inner .team-column-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 50px 25px
    }

    .site-product-teams-inner .team-column-inner .team-content h3 {
        font-size: 20px
    }

    .site-product-teams-inner .team-column-inner .team-icon {
        margin-top: auto
    }

    .site-hero-media-section .site-hero-media-second iframe {
        height: 370px
    }

    .logo-image-wrap .slick-slide .logo-imag img {
        width: 130px
    }

    .contact-main-section .contact-page .section-heading h1,
    .site-hero-banner-section .site-hero-banner-title h1 {
        font-size: 50px
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap3 {
        display: none
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap2 {
        left: 0
    }

    .site-animation-main-wrap .traingle-shap {
        left: 25%
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap1 {
        left: 100px
    }

    .software-del-section .site-common-inner-hero-section {
        padding-bottom: 94px !important
    }

    .by-role-section .inner-hero-banner-main-wrap h1,
    h1 {
        font-size: 35px;
        line-height: 1
    }

    .software-del-section .inner-hero-banner-main-wrap .patterns-img .img1 {
        left: 70px
    }

    header.header .inner-header-wrap .logo-part {
        width: 143px
    }

    header.header .inner-header-wrap .navigation {
        width: calc(100% - 143px)
    }

    .integration-item-list .integration-item-list-inner a {
        height: 100%;
        padding: 19px 63px 19px 20px
    }

    .integration-item-list .integration-item-list-inner a .img {
        width: 43px
    }

    .integration-item-list .integration-item-list-inner a .title {
        padding-left: 15px;
        width: calc(100% - 43px)
    }

    .integration-item-list .integration-item-list-inner {
        height: 100%
    }

    .integration-pattern-main-wrap .left-side-img .img2 {
        left: 0;
        top: 259px;
        width: 56px
    }

    .integration-pattern-main-wrap .right-side-img .img3 {
        right: -100px;
        width: 200px
    }

    .integration-pattern-main-wrap .right-side-img .img4,
    .site-integration-inner-inner .integration-pattern-main-wrap .right-side-img .img4 {
        right: -57px;
        width: 250px
    }

    .site-integration-inner-inner .integration-pattern-main-wrap .left-side-img .img2 {
        left: 130px;
        top: 151px
    }

    footer .footer-middle>.dis-flex>.col-12:first-child .footer-col-inner {
        border-bottom: 1px solid #94a3b8;
        margin-bottom: 64px;
        padding-bottom: 64px
    }

    .footer-bottom .footer-copyright-text {
        width: 50%
    }

    .site-footer-top-text-row .site-footer-top-text {
        width: 80%
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner {
        padding: 100px 50px
    }

    .IntegrationsJira_page .security_content p br {
        display: block
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls {
        right: 20px
    }

    .site-integration-inner-inner .section-heading .conntent-wrap {
        margin-left: auto;
        margin-right: auto;
        max-width: 68%
    }

    .takeproduct-tour-main-section .software_lifeCycle .icon-column-inner .icon-col-content h3 {
        min-height: 90px
    }

    .takeproduct-tour-main-section .integration-herobanner-section-wrap .section-heading {
        margin-left: auto;
        margin-right: auto;
        max-width: 68%
    }

    .byrole-common-inner-hero-section .container .site-hero-img-right-wrap-left {
        flex: 0 0 55%;
        max-width: 55%
    }

    .byrole-common-inner-hero-section .container .site-hero-img-right-wrap {
        width: 487px
    }

    .engineering-metrics-subpage .site-common-inner-hero-section.byrole-common-inner-hero-section {
        padding-bottom: 100px !important
    }

    .engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img,
    .okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
        bottom: -100px
    }

    .engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -130px
    }

    .integration-herobanner-section-wrap .section-heading .conntent-wrap {
        margin: 0 auto 35px;
        max-width: 791px;
        width: 100%
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide .slide-item>img {
        width: 67%
    }

    .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        width: 57px
    }

    .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        width: 62px
    }

    .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        bottom: -60px;
        width: 45px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-1,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        right: 50px;
        width: 45px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-2,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        width: 105px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-3,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        bottom: -50px;
        width: 95px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-1,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        bottom: -45px;
        left: 12px;
        width: 55px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-2,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        bottom: -110px;
        left: 121px;
        width: 60px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-3,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        width: 120px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        width: 27px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        width: 54px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        bottom: unset;
        left: -100px;
        top: -100px;
        width: 70px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide {
        margin-bottom: 0
    }

    .career-page-margin-class {
        margin-top: -120px
    }

    .career-section .integration-pattern-main-wrap .right-side-img .img4 {
        right: 0;
        top: 515px
    }

    .site-int-main-logo .logo-box {
        width: 100px
    }

    .start-trial-long-banner-wrap.start-trial-long .hero-img {
        left: 0
    }

    header.header .inner-header-wrap .header-cta-group a {
        font-size: 12px !important
    }

    header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li>a {
        padding: 12px 9px
    }

    header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li.hs-item-has-children>a {
        padding-right: 24px
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link {
        padding: 30px 51px 30px 30px
    }

    .tabs-content-wrap {
        padding: 100px 0 0 30px
    }

    .tabs-content-wrap .tab-content.current {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .tabs-content-wrap .tab-content .media-wrap {
        margin-top: auto;
        top: 0
    }

    .tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap3 {
        display: none
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap2 {
        left: 0
    }

    .site-animation-main-wrap .traingle-shap {
        left: 25%
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap1 {
        left: 100px
    }

    .software-del-section .inner-hero-banner-main-wrap .traingle-shap2 {
        display: none
    }

    .site-tabbing-main-wrap .site-top-title-wrap br {
        display: block
    }
}

@media screen and (min-width:992px) {
    .site-tabbing-content-inner .tab-content-inner .slider-controls ul.slick-dots li button {
        height: 4px;
        width: 4px
    }

    .site-tabbing-content-inner .tab-content-inner .slider-controls ul.slick-dots li {
        margin: 5px 8px !important
    }

    .site-tabbing-content-inner .tab-content-inner .slider-controls ul.slick-dots li.slick-active button {
        height: 13px;
        width: 12px
    }
}

@media screen and (max-width:991px) {
    .tab-content-inner .slider-item-wrap-inner .cta_button {
        background-color: #7c3aed;
        border-radius: 17px;
        color: #f8fafc;
        padding: 11px 30px;
        transition: all .5s ease-in-out
    }

    .tab-content-inner .slider-item-wrap-inner .cta_button:after,
    .tab-content-inner .slider-item-wrap-inner .cta_button:before {
        content: none
    }

    .footer .footer-top .site-footer-top-text h2 {
        font-size: 22.66px;
        line-height: 30.21px
    }

    .footer .footer-top .site-footer-top-wrap .site-footer-top-icon-link {
        margin-left: 15px;
        margin-top: 25px
    }

    .footer-bottom .footer-copyright-text {
        margin-bottom: 15px;
        text-align: left;
        width: 100%
    }

    footer .footer-bottom .footer-bottom-menu ul li {
        margin: 0 30px 0 0
    }

    footer .footer-bottom .footer-bottom-menu ul {
        align-items: center;
        justify-content: flex-start
    }

    .footer-bottom .footer-bottom-menu {
        margin-bottom: 32px;
        width: 100%
    }

    footer .footer-middle .footer-col-inner {
        border-bottom: 1px solid #94a3b8;
        margin-bottom: 34px;
        padding-bottom: 4px
    }

    footer .footer-middle {
        margin-bottom: 4px;
        padding-bottom: 30px
    }

    .footer-bottom>.dis-flex {
        flex-direction: column-reverse
    }

    .h2,
    h2 {
        font-size: 25px;
        letter-spacing: -.23px;
        line-height: 34px
    }

    input.per-con-dd {
        font-size: 25px;
        width: 56px
    }

    .header .mobile-trigger {
        background: #e2e8f0;
        border-radius: 12px;
        cursor: pointer;
        display: inline-block !important;
        height: 34px;
        padding: 0;
        position: absolute;
        right: 24px;
        top: 40px;
        width: 34px;
        z-index: 12
    }

    .header .mobile-trigger .line.line-1 {
        top: 11px
    }

    .header .mobile-trigger .line {
        background: #334155;
        border-radius: 10px;
        display: block;
        height: 2px;
        left: 8px;
        position: absolute;
        width: 16px
    }

    .header .mobile-trigger .line.line-2 {
        top: 50%
    }

    .header .mobile-trigger .line.line-3 {
        top: 67%
    }

    header.header .inner-header-wrap .navigation .custom-menu-primary>span>.hs-menu-wrapper {
        background-color: #fff;
        border-radius: 0 0 21px 21px;
        display: none;
        height: auto;
        left: -1px;
        max-width: calc(100% + 2px);
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        right: 0;
        top: 100%;
        width: calc(100% + 2px);
        z-index: 99
    }

    header.header .inner-header-wrap .navigation ul>li {
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%
    }

    header.header .inner-header-wrap .navigation ul {
        border-top: 1px solid #e2e8f0
    }

    .header .child-trigger {
        background: url("../image/chevron-down-icon.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 10px;
        border-width: 0 2px 2px 0;
        display: inline-block;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 26px;
        width: 30px
    }

    .header .child-trigger i {
        display: none;
        margin: 0 auto !important;
        position: relative;
        top: 50%;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .child-trigger i,
    .child-trigger i:after {
        background-color: #1a233b;
        display: block;
        height: 2px;
        width: 10px
    }

    .child-trigger i:after {
        content: "";
        position: absolute;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li>a {
        border-radius: 0;
        display: block;
        padding: 23px 18px;
        width: 100%
    }

    header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li.hs-item-has-children>a:after {
        display: none
    }

    header.header .inner-header-wrap {
        padding: 24px
    }

    .mobile-open .inner-header-wrap {
        border-radius: 21px 21px 0 0
    }

    header.header .inner-header-wrap .navigation .header-cta-group {
        display: block;
        margin-right: 45px;
        padding: 0;
        position: relative
    }

    header.header .inner-header-wrap .navigation .header-cta-group:first-child {
        margin-right: 10px
    }

    .mobile-open header.header .inner-header-wrap .navigation ul>li .megamenu {
        opacity: 1;
        pointer-events: unset;
        visibility: visible
    }

    header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li:not(:last-child) {
        border-bottom: 1px solid #e2e8f0
    }

    header.header .inner-header-wrap .navigation ul>li .megamenu {
        padding: 20px 15px;
        position: relative;
        top: 0
    }

    header.header .inner-header-wrap .header-cta-group.mbbtngroup {
        display: block;
        margin-top: 15px;
        padding: 0 28px;
        position: relative;
        width: 100%
    }

    header.header .inner-header-wrap .navigation .menu-links-col ul {
        padding: 0 0 15px
    }

    header.header .inner-header-wrap .header-cta-group .btn-loop-group {
        left: 0;
        margin-bottom: 15px;
        margin-top: 25px;
        position: relative;
        top: 0
    }

    .header-cta-group.mbbtngroup .child-trigger:hover~.btn-loop-group {
        opacity: 1;
        visibility: visible
    }

    .header .mobile-trigger.active-re .line-1 {
        transform: translateY(6px) translateX(1px) rotate(45deg);
        -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
        -moz-transform: translateY(6px) translateX(1px) rotate(45deg)
    }

    .header .mobile-trigger.active-re .line-2 {
        opacity: 0
    }

    .header .mobile-trigger.active-re .line-3 {
        transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg)
    }

    header.header .inner-header-wrap .logo-part .logo {
        padding: 0
    }

    .site-ready-to-powerup-inner .site-ready-to-powerup-heading-text {
        padding: 0 0 30px
    }

    .site-product-teams-inner .team-column-inner {
        margin-bottom: 28px
    }

    .custom-blog-listing-main-wrap .custom-blog-listing-details {
        height: auto;
        margin-bottom: 25px
    }

    .site-slide-listing-section .column-inner {
        height: auto;
        margin-bottom: 34px;
        padding: 56px 30px
    }

    .blog-margin-class {
        margin-top: 0
    }

    .sliderbox .slidervalue {
        font-size: 111px
    }

    .sliderbginner {
        margin-bottom: 50px
    }

    .sliderbginner ul.slick-dots li button {
        background: #6d28d9;
        border: 0;
        height: 10px;
        width: 10px
    }

    .sliderbginner ul.slick-dots li.slick-active button {
        background: #000
    }

    .contact-main-section .contact-page .section-heading h1,
    .site-hero-banner-section .site-hero-banner-title h1 {
        font-size: 30px;
        line-height: 36.25px
    }

    .site-hero-banner-section .site-hero-banner-desc {
        max-width: 100%
    }

    .site-hero-media-section .site-hero-media-second iframe {
        height: auto
    }

    .site-home-tabing-wrap {
        margin-top: 0
    }

    html.mobile-open .inner-header-wrap {
        border-radius: 21px 21px 0 0
    }

    header.header.fixed .inner-header-wrap .navigation .custom-menu-primary>span>.hs-menu-wrapper {
        border-radius: 0;
        height: calc(100vh - 75px);
        left: -21px;
        max-width: calc(100% + 42px);
        width: calc(100% + 42px)
    }

    .logo-image-wrap .slick-slide>div:last-child img {
        margin: 0 auto
    }

    .logo-image-wrap {
        margin-top: 50px
    }

    header.header {
        top: 20px
    }

    header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap>a {
        padding: 0
    }

    header.header .inner-header-wrap .megamenu-row-col-inner .icon-menu-list-wrap:not(:last-child) {
        margin-bottom: 33px
    }

    .megamenu-row-inner .megamenu-row-col-inner {
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 34px;
        padding-bottom: 33px
    }

    header.header .inner-header-wrap .megamenu-row-col-inner .menu-title a {
        margin-bottom: 22px;
        padding: 0
    }

    header.header .megainner .megamenu-row-inner .dis-flex .col-12:last-child .megamenu-row-col-inner {
        border: 0;
        margin: 0;
        padding: 0
    }

    header.header .inner-header-wrap .navigation .megamenu-row-col-inner li:not(:last-child) {
        border: 0 !important;
        margin: 0 0 22px !important
    }

    header.header .inner-header-wrap .navigation .megamenu-row-col-inner ul>li>a {
        padding: 0
    }

    header.header .inner-header-wrap .navigation .megamenu-row-col-inner ul {
        border-bottom: 1px solid #e2e8f0 !important;
        border-top: 0;
        margin-bottom: 21px;
        padding-bottom: 34px
    }

    header.header .inner-header-wrap .megamenu-row-col-inner .menu-title h5 {
        border: 0
    }

    .megainner .megamenu-row-inner .dis-flex .col-12:last-child .col-12:last-child .menu-links-col ul {
        border: 0 !important;
        margin: 0;
        padding-bottom: 0
    }

    header.header .inner-header-wrap .navigation ul>li .megamenu {
        background: #f1f5f9;
        border-radius: 0
    }

    .mobile-open header.header .inner-header-wrap .navigation .megamenu-row-col-inner ul {
        border: 0 !important;
        margin: 0;
        padding: 0
    }

    header.header .inner-header-wrap .navigation ul>li.bm-add-m3 .hs-menu-children-wrapper.megamenu {
        padding: 44px 14px
    }

    header.header .inner-header-wrap .navigation .header-cta-group .btns a {
        font-size: 13px;
        line-height: 16px;
        padding: 9px 34px 9px 10px;
        pointer-events: none
    }

    header.header .inner-header-wrap .header-cta-group .btn-loop-group {
        display: block;
        left: -60px;
        margin: 0;
        position: absolute;
        top: calc(100% + 36px)
    }

    header.header .inner-header-wrap .logo-part {
        padding: 0;
        width: 113px
    }

    header.header .inner-header-wrap>.dis-flex {
        margin: 0
    }

    header.header .inner-header-wrap .navigation {
        padding: 0;
        width: calc(100% - 113px)
    }

    header.header .inner-header-wrap .header-cta-group .greenbtn-dark a:before {
        right: 12px;
        top: 8px
    }

    header.header .inner-header-wrap .header-cta-group .greenbtn-dark a:after {
        right: 10px;
        top: 10px
    }

    .site-hero-media-section .site-hero-media-wrap iframe,
    .site-hero-media-section .site-hero-media-wrap img,
    .site-hero-media-section .site-hero-media-wrap video {
        width: 100%
    }

    .site-hero-media-section .site-hero-media-wrap.site-hero-media-first {
        margin-left: -50px;
        padding-top: 60px
    }

    .site-hero-media-section .site-hero-media-second {
        top: 0
    }

    .logo-image-wrap .slick-slide .logo-imag img {
        height: 30px !important;
        margin: 0 auto;
        object-fit: contain;
        width: 99px !important
    }

    .logo-image-wrap .slick-slide .logo-imag {
        margin-bottom: 23px
    }

    .logo-image-wrap {
        margin-top: 40px
    }

    .sliderbox .slidercontent * {
        font-size: 17px;
        margin: 0
    }

    .sliderbginner .slick-arrow.slick-next {
        right: 0
    }

    .sliderbginner .slick-arrow {
        height: 26px;
        left: 0;
        top: 35%;
        width: 31px
    }

    .logobox {
        margin-bottom: 0
    }

    .logobox img {
        margin: 0 auto;
        width: 57px
    }

    .twoclmnlogoinner {
        flex-direction: column-reverse
    }

    .twoclmnlogoinner .site-ready-to-powerup-heading-text {
        margin-top: 40px;
        text-align: center
    }

    .twoclmnlogoinner .cta-group {
        text-align: center
    }

    .h3,
    .site-slide-listing-section .column-inner .site-slide-inner .site-slide-item-content h3,
    h3 {
        font-size: 17px;
        line-height: 20.6px
    }

    .site-slide-listing-section .column-inner .site-slide-inner .aut-img {
        width: 59px
    }

    .site-slide-listing-section .column-inner .site-slide-inner .aut-content {
        padding-left: 20px;
        width: calc(100% - 59px)
    }

    .best-listing-list .content h3,
    .site-slide-listing-section .column-inner .site-slide-inner .aut-content h3 {
        margin-bottom: 7px
    }

    .best-listing-list .content {
        padding-left: 15px
    }

    .best-listing-list {
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 34px
    }

    .best-listing-list:nth-last-child(2) {
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 25px
    }

    .custom-blog-listing-main-wrap .custom-blog-listing-details .blog-content h2 {
        margin-bottom: 19px
    }

    .footer .footer-top a .site-footer-top-text {
        width: 70%
    }

    .footer .footer-top a {
        align-items: flex-start
    }

    .footer .footer-top .site-footer-top-wrap {
    }

    footer .footer-middle .footer-col-inner .footer-normal-text {
        max-width: 202px
    }

    footer .footer-middle>.dis-flex .col-12:last-child .footer-col-inner,
    footer .footer-middle>.dis-flex .col-12:nth-last-child(2) .footer-col-inner,
    footer .footer-middle>.dis-flex .col-12:nth-last-child(3) .footer-col-inner {
        border: 0;
        margin-bottom: 5px;
        padding: 0
    }

    .footer-col-inner .footer-col-title h2 {
        font-size: 30.21px;
        line-height: 36px
    }

    .footer {
        padding: 62px 0 105px
    }

    br {
        display: none
    }

    .site-hero-logo-listing-wrap.mt-200 {
        margin-top: 0
    }

    .slider-count-main-wrap .pattern-right-images .img2 {
        bottom: 10px;
        left: 14px;
        right: unset;
        top: unset;
        width: 24px
    }

    .baseModuleStyle.sliderbg.slider-count-main-wrap .baseModuleParent {
        position: unset !important
    }

    .slider-count-main-wrap .pattern-left-images .img3 {
        bottom: 99px;
        left: 32px;
        top: unset;
        width: 55px
    }

    .slider-count-main-wrap .pattern-right-images .img4 {
        bottom: -25px;
        right: 65px;
        width: 77.49px;
        z-index: 1
    }

    .slider-count-main-wrap .pattern-right-images .img3 {
        display: none
    }

    .slider-count-main-wrap .pattern-left-images .img2 {
        bottom: 116px;
        left: unset;
        right: 28px;
        top: unset;
        width: 38.81px
    }

    .slider-count-main-wrap .pattern-right-images .img5 {
        bottom: -42px;
        right: -28px;
        transform: rotate(55deg);
        width: 108px
    }

    .slider-count-main-wrap .pattern-left-images .img4 {
        bottom: -14px;
        left: 35px;
        top: unset;
        transform: rotate(10deg);
        width: 95px
    }

    .slider-count-main-wrap .pattern-right-images .img1 {
        bottom: -54px;
        left: 112px;
        right: unset;
        top: unset;
        transform: rotate(30deg);
        width: 82px
    }

    .section-pattern-wrap .img.img-3 {
        width: 49px
    }

    .section-pattern-wrap .img.img-1 {
        right: 33px;
        top: 44px;
        width: 35px
    }

    .section-pattern-wrap .img.img-2 {
        right: 55px;
        width: 44px
    }

    .site-hero-media-section .site-hero-media-second iframe {
        height: 400px
    }

    html.mobile-open.mobile-open-scroll header.header .inner-header-wrap .navigation .custom-menu-primary>span>.hs-menu-wrapper {
        height: calc(100vh - 75px)
    }

    .inner-hero-banner-main-wrap .hero-img img {
        margin: 0 auto
    }

    .inner-hero-banner-main-wrap .hero-img {
        margin-top: 33px
    }

    .by-initiative-del-section .inner-hero-banner-main-wrap h1,
    .h1,
    .keyfeature-main-section .inner-hero-banner-main-wrap h1,
    h1 {
        font-size: 30.21px;
        line-height: 36.25px
    }

    .white-box-iframe-wrap .site-iframe-box-main-inner {
        margin-top: -265px;
        padding: 54px 27px 52px
    }

    .white-box-iframe-wrap .site-iframe-box-main-inner .site-common-title.mb-50 {
        margin-bottom: 32px
    }

    .white-box-iframe-wrap .site-iframe-box-main-inner .site-common-title.mb-50 h2 {
        margin-bottom: 18px
    }

    .white-box-iframe-wrap .site-iframe-box-main-inner .bottom_buttom {
        margin-top: 32px
    }

    .customer_story.mt--60 {
        margin-top: -97px
    }

    .inner-hero-banner-main-wrap h1 img {
        position: relative;
        top: 5px;
        width: 21px !important
    }

    .circle-shap-wrap .circle-sh.circle-shap {
        left: 50%;
        right: unset
    }

    .circle-shap-wrap .circle-sh.circle-shap1 {
        left: 10%;
        right: unset
    }

    .circle-shap-wrap .circle-sh.circle-shap2 {
        left: -20%;
        right: unset
    }

    .circle-pattern .inner-hero-banner-main-wrap .hero-img img {
        margin: 0 auto
    }

    .tabs-content-main-wrap .tabs-content-wrap p {
        font-size: 17px;
        line-height: 22.6px;
        padding: 0 30px 30px 0
    }

    header.header .megainner .megamenu-row-inner .dis-flex .col-12:last-child .megamenu-row-col-inner .md\:col-6:not(:last-child) .menu-links-col {
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 34px;
        padding-bottom: 33px
    }

    .integration-item-list .integration-item-list-inner a {
        padding: 19px 75px 19px 31px
    }

    .integration-item-list .integration-item-list-inner a .title {
        text-align: left
    }

    .integration-item-list .integration-item-list-inner a .icon-img {
        right: 37px
    }

    .site-two-column-integration-item .integration-item-list .integration-item-list-item {
        margin-bottom: 16px
    }

    .site-two-column-integration-item .integration-item-list .integration-item-list-item:last-child {
        margin-bottom: 0
    }

    .integration-pattern-main-wrap .right-side-img .img1 {
        right: -75px;
        top: -3px;
        width: 129px
    }

    .integration-pattern-main-wrap .right-side-img .img2 {
        right: 56px;
        top: -4px;
        width: 25px
    }

    .integration-pattern-main-wrap .left-side-img .img4 {
        left: -25px;
        top: 247px;
        width: 48px
    }

    .integration-pattern-main-wrap .left-side-img .img1,
    .integration-pattern-main-wrap .left-side-img .img2 {
        display: none
    }

    .integration-pattern-main-wrap .left-side-img .img3 {
        left: -100px;
        top: 296px
    }

    .integration-herobanner-section-wrap .btns a {
        z-index: 1
    }

    .integration-pattern-main-wrap .right-side-img .img4,
    .site-integration-inner-inner .integration-pattern-main-wrap .right-side-img .img4 {
        right: -29px;
        top: 425px;
        transform: rotate(45deg);
        width: 68.12px
    }

    .integration-pattern-main-wrap .right-side-img .img3 {
        right: -73px;
        top: 27px;
        width: 93px
    }

    .integration-herobanner-section-wrap .section-logo-image {
        margin-bottom: 27px
    }

    .site-integration-inner-inner .section-heading .title-wrap {
        margin-bottom: 23px
    }

    .integration-pattern-main-wrap .left-side-img .img5,
    .site-integration-inner-inner .integration-pattern-main-wrap .left-side-img .img5 {
        left: 5px;
        top: 193px;
        width: 49px
    }

    .integration-pattern-main-wrap .right-side-img .img5 {
        right: -10px;
        top: 200px;
        width: 30px
    }

    .site-integration-inner-inner .left-side-img .img4 {
        top: 126px
    }

    .site-integration-inner-inner .integration-pattern-main-wrap .left-side-img .img3,
    .site-integration-inner-inner .left-side-img .img3 {
        left: -200px;
        top: 300px
    }

    .IntegrationsJira_page .Section_pattern_img {
        display: none
    }

    .site-tabbing-main-wrap .site-top-title-wrap * {
        font-size: 22px;
        line-height: 30.21px
    }

    .site-tabbing-main-wrap .site-top-title-wrap {
        padding-bottom: 160px
    }

    .site-tabbing-main-wrap .site-top-title-wrap:after {
        bottom: 28px
    }

    .site-tabbing-content-inner .tabs-custom-inner:after {
        height: 80px;
        top: -45px
    }

    .site-tabbing-content-inner .tabs-custom-inner:before {
        top: 31px;
        z-index: 1
    }

    .site-tabbing-content-inner .tab-content-inner .tab-content-img img {
        height: auto !important
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner {
        padding: 35px 24px 113px;
        text-align: center
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls {
        bottom: 65px;
        flex-direction: revert;
        left: 50%;
        right: unset;
        top: unset;
        transform: translateX(-50%)
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots1 .slick-dots,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots2 .slick-dots,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots3 .slick-dots,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-dots4 .slick-dots {
        flex-direction: row
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev1,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev2,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev3,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-prev4 {
        margin: 0;
        transform: rotate(180deg)
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next1,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next2,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next3,
    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slide-m-next4 {
        margin-top: 0;
        transform: rotate(0)
    }

    .site-tabbing-content-inner .tab-content-inner .slider-controls ul.slick-dots li.slick-active button {
        right: 0;
        transform: rotate(0)
    }

    .tab-content-inner .slider-item-wrap-inner .slider-content {
        max-width: 100%
    }

    .integration-main-section .white-box-iframe-wrap .site-iframe-box-main-inner {
        margin-top: 0
    }

    .tab-content-inner .slider-item-wrap-inner .slider-content {
        height: auto
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link {
        margin-left: 0;
        margin-right: 14px
    }

    .takeproduct-tour-main-section .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner {
        padding: 35px 24px 107px
    }

    .takeproduct-tour-main-section .site-tabbing-main-wrap .site-tabbing-content-main-wrap:after,
    .takeproduct-tour-main-section .site-tabbing-main-wrap .site-tabbing-content-main-wrap:before {
        display: none
    }

    .takeproduct-tour-main-section .site-testimonial-wrap {
        margin-top: 0
    }

    .takeproduct-tour-main-section .software_pages {
        background: transparent !important
    }

    .takeproduct-tour-main-section .white-box-iframe-wrap .site-iframe-box-main-inner {
        margin-top: 0
    }

    .takeproduct-tour-main-section .iFrame-section.white-box-iframe-wrap {
        background: #5b21b6 !important
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img3 {
        bottom: -98px;
        left: 26px;
        top: unset;
        width: 65px
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img3 {
        bottom: -135px;
        right: -11px;
        top: unset;
        width: 42px;
        z-index: 999
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img1 {
        display: block;
        left: -40px;
        top: 128px;
        width: 48px
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img2 {
        display: block;
        left: -80px;
        top: -30px;
        width: 91.6px
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img1 {
        right: -130px;
        top: -16px;
        width: 192px
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img2 {
        top: 0
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .right-side-img .img4 {
        bottom: unset;
        right: -106px;
        top: 134px;
        transform: rotate(0);
        width: 155px
    }

    .takeproduct-tour-main-section .integration-pattern-main-wrap .left-side-img .img4 {
        bottom: 22px;
        left: -29px;
        width: 58px
    }

    .site-tour-main-wrap .baseModuleParent {
        z-index: 9 !important
    }

    .takeproduct-tour-main-section .site-tabbing-content-inner .tabs-custom-inner:after {
        height: 80px;
        top: -44px
    }

    .takeproduct-tour-main-section .site-tabbing-content-inner .tabs-custom-inner:before {
        top: 25px
    }

    .takeproduct-tour-main-section .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls {
        bottom: 39px
    }

    .site-tabbing-content-main-wrap .tabs .tab-link * {
        font-size: 15px
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link {
        min-width: 150px
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs {
        padding-bottom: 102px
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:before {
        width: 265px
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:nth-child(2):before {
        width: 93px
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:nth-child(3):before {
        left: 0;
        width: 77px
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:nth-child(4):before {
        width: 252px
    }

    .site-tabbing-content-main-wrap .tabs .tab-link {
        margin: 0 5px;
        min-width: unset;
        padding: 12px 40px 12px 22px;
        width: 232px
    }

    .site-tabbing-content-main-wrap .tabs .tab-link * {
        font-size: 12px
    }

    .site-tabbing-content-main-wrap .tabs {
        padding-bottom: 103px
    }

    .common-integration-subclass .site-tabbing-content-main-wrap .tabs li.tab-link:before,
    .site-tabbing-content-main-wrap .tabs li.tab-link:nth-child(3):before {
        width: 230px
    }

    .takeproduct-tour-main-section .software_lifeCycle .icon-column-inner .icon-col-content h3 {
        min-height: unset
    }

    .takeproduct-tour-main-section .site-tabbing-content-inner .tab-content-inner .tab-content-img {
        background: #f5f3ff
    }

    .by-role-section .inner-hero-banner-main-wrap h1 {
        font-size: 30px;
        line-height: 36.25px
    }

    .role-page .one-col-wrap-section .box-wrap-section {
        padding: 51px 26px 55px
    }

    .role-page .one-col-wrap-section .box-wrap-section .left-img-section {
        width: 150px
    }

    .role-page .one-col-wrap-section .box-wrap-section .content-section {
        padding-left: 30px;
        width: calc(80% - 150px)
    }

    .role-page .one-col-wrap-section .box-wrap-section .icons-section img {
        width: 27px
    }

    .site-slider-with-only-content .column-innerinner {
        margin-bottom: 60px;
        text-align: center
    }

    .site-slider-with-only-content .column-inner.site-slider-box {
        margin: 0
    }

    .site-slider-with-only-content {
        background: #f8fafc !important
    }

    .role-page .section-pattern-images .img-1 {
        bottom: -70px;
        left: 0;
        width: 30px
    }

    .role-page .section-pattern-images .img-2 {
        bottom: 50px;
        left: -93px;
        transform: rotate(12deg);
        width: 185px
    }

    .role-page .section-pattern-images .img-3 {
        bottom: -96px;
        left: 11%;
        transform: rotate(15deg);
        width: 100px
    }

    .role-page .section-pattern-images .img-6 {
        bottom: -135px;
        right: -100px;
        transform: rotate(80deg);
        width: 220px
    }

    .role-page .section-pattern-images .img-4 {
        bottom: -117px;
        left: 45%;
        width: 75px
    }

    .site-slider-with-only-content .section-pattern-images .img-1 {
        bottom: -245px;
        left: 25%;
        transform: rotate(28deg);
        width: 115px
    }

    .site-slider-with-only-content .section-pattern-images .img-2 {
        bottom: -175px;
        left: 0;
        width: 40px
    }

    .site-slider-with-only-content .section-pattern-images .img-3 {
        bottom: -171px;
        right: 10px;
        transform: rotate(30deg);
        width: 104px
    }

    .byrole-common-inner-hero-section .container .site-hero-img-right-wrap {
        position: relative;
        right: 0;
        width: 100%
    }

    .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner {
        height: auto
    }

    .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img,
    .engineering-managers-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
        bottom: 0;
        display: block;
        margin: 0 auto;
        max-width: unset !important;
        position: relative;
        width: 135%
    }

    .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
        bottom: 159px;
        left: -17px;
        width: 68px
    }

    .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
        right: -45px
    }

    .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -52px;
        right: 0;
        width: 150px
    }

    .product-leaders-section .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
        left: 0
    }

    .role-page .one-col-wrap-section .box-wrap-section .content-section .title * {
        font-size: 22px;
        line-height: 30px
    }

    .engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img,
    .okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
        bottom: 0
    }

    .engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .column-inner .hero-img {
        margin-top: 48px
    }

    .engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1,
    .okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1,
    .space-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
        right: -50px;
        top: 50px
    }

    .engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2,
    .okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2,
    .space-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
        bottom: 134px;
        left: -17px;
        top: unset
    }

    .engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3,
    .space-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -30px;
        right: -4px;
        width: 100px
    }

    .okrs-main-section.engineering-metrics-subpage .byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -50px;
        right: -4px;
        width: 165px
    }

    .engineering-metrics-subpage .inner-hero-banner-main-wrap .column-inner .section-heading {
        max-width: 100%
    }

    .engineering-metrics-subpage .site-common-inner-hero-section.byrole-common-inner-hero-section {
        background: url("../image/mobile-bg-wrap.jpg") !important;
        background-position: bottom !important;
        background-repeat: no-repeat !important;
        background-size: cover !important
    }

    .pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img1 {
        display: block;
        left: -155px;
        top: -97px
    }

    .pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img4 {
        height: 58px;
        left: -30px;
        top: 443px;
        width: 58px;
        z-index: 3
    }

    .pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img3 {
        left: -45px;
        top: 127px;
        width: 48px
    }

    .pricing-banner-cst .integration-pattern-main-wrap .left-side-img .img2 {
        bottom: -80px;
        display: block;
        left: 25px;
        top: unset;
        width: 61px
    }

    .pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img2 {
        right: 50px;
        top: 0;
        width: 25px
    }

    .pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img4 {
        right: 10px;
        top: 517px;
        width: 42px
    }

    .pricing-banner-cst .integration-pattern-main-wrap .right-side-img .img1 {
        display: block;
        right: -100px;
        top: -6px;
        width: 150px
    }

    .career-section .software_lifeCycle.Metrics-subpages:before {
        top: 45px
    }

    .career-section .software_lifeCycle.Metrics-subpages:after {
        height: 45px
    }

    .site-ImageWidthSet:after {
        height: 60px;
        top: 41px
    }

    .site-ImageWidthSet .container:after {
        background: #e2e8f0;
        border-radius: 50%;
        content: "";
        height: 15px;
        left: 50%;
        position: absolute;
        top: 31px;
        transform: translateX(-50%);
        width: 15px
    }

    .jobpost-page:before {
        top: -39px
    }

    .jobpost-page:after {
        height: 77px;
        top: -38px
    }

    .jobpost-page .container:after {
        top: -63px
    }

    .jobpost-page .box-wrap-section {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 40px 26px 28px
    }

    .jobpost-page .box-wrap-section .left-img-section {
        margin-bottom: 42px
    }

    .jobpost-page .box-wrap-section .content-section {
        margin-bottom: 32px;
        padding: 0;
        text-align: center;
        width: 100%
    }

    .jobpost-page .box-wrap-section .content-section .title {
        margin-bottom: 17px
    }

    .jobpost-page .box-wrap-section .icons-section {
        text-align: center;
        width: 100%
    }

    .career-section .integration-pattern-main-wrap .left-side-img .img2 {
        display: block;
        left: -180px;
        top: -110px
    }

    .career-section .integration-pattern-main-wrap .left-side-img .img4 {
        display: block;
        left: -30px;
        top: 255px;
        width: 48px
    }

    .career-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img3 {
        left: 35px;
        top: 330px;
        width: 75px
    }

    .career-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img5 {
        bottom: unset;
        left: -20px;
        top: 416px;
        width: 60px
    }

    .career-section .integration-pattern-main-wrap .right-side-img .img3 {
        right: -75px;
        top: 33px
    }

    .career-section .integration-pattern-main-wrap .right-side-img .img4 {
        right: 27px;
        top: 560px;
        transform: rotate(0);
        width: 49px
    }

    .career-section .integration-pattern-main-wrap .right-side-img .img5 {
        right: -58px;
        top: 267px;
        width: 80px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide .slide-item>img {
        width: 67%
    }

    .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        width: 57px
    }

    .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        width: 62px
    }

    .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        bottom: -60px;
        width: 45px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-1,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        right: 50px;
        width: 45px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-2,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        width: 105px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="1"] .slide-pattern-wrap .slide-pattern-img.patimg-3,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="5"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        bottom: -50px;
        width: 95px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-1,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        bottom: -45px;
        left: 12px;
        width: 55px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-2,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        bottom: -110px;
        left: 121px;
        width: 60px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="2"] .slide-pattern-wrap .slide-pattern-img.patimg-3,
    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="6"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        width: 120px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-2 {
        width: 27px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-1 {
        width: 54px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide[data-slick-index="3"] .slide-pattern-wrap .slide-pattern-img.patimg-3 {
        bottom: unset;
        left: -100px;
        top: -100px;
        width: 70px
    }

    .slide-inner-main-wrap .slide-item-wrap .slick-slide {
        margin-bottom: 0
    }

    .career-page-margin-class {
        margin-top: -47px
    }

    .main-blog-listing-main-wrap .site-blog-first-content h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 27px
    }

    .main-blog-listing-main-wrap .site-blog-first-content p {
        line-height: 22px;
        margin-bottom: 27px
    }

    .main-blog-listing-main-wrap {
        padding: 132px 0 42px
    }

    .job-post-all-details-main-wrap {
        padding: 0
    }

    .site-job-post-main-wrapper {
        padding: 132px 0 62px
    }

    .job-post-all-details-main-wrap .job-post-title * {
        font-size: 30px;
        line-height: 36px
    }

    .job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .first-short-description {
        font-size: 22px;
        line-height: 30px
    }

    .job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details p:first-child {
        margin-bottom: 46px
    }

    .job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-details-body-content .details h2 {
        margin: 46px 0 43px
    }

    .form-job-wrap {
        padding: 31px 16px 33px
    }

    .form-job-wrap form {
        padding: 27px 18px 96px
    }

    .form-job-wrap form .hs_submit.hs-submit {
        margin-top: 61px;
        padding-top: 39px
    }

    .form-job-wrap form .hs-form-field.hs_veteran_status {
        padding-bottom: 68px
    }

    .form-job-wrap .apply-job-title {
        margin-bottom: 24px
    }

    .form-job-wrap form .hs-form-field.hs_do_you_now__or_will_you_in_the_future__need_visa_sponsorship_in_order_to_continue_to_be_eligible_to.hs-do_you_now__or_will_you_in_the_future__need_visa_sponsorship_in_order_to_continue_to_be_eligible_to {
        margin-bottom: 39px;
        padding-bottom: 50px
    }

    .form-job-wrap form .hs-form-field.hs_linkedinbio.hs-linkedinbio {
        margin-top: 35px;
        padding-top: 47px
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap,
    .blog-custom-listing-section .blog-first-three-blog-wrap article {
        width: 50%
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content h3 {
        line-height: 20.6px
    }

    .site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items {
        padding-bottom: 25px;
        width: 100%
    }

    .site-long-start-trail-main-wrap {
        background: #fff !important
    }

    .site-long-start-trail-main-wrap .two-clmn-logo-inner {
        flex-direction: column-reverse
    }

    .site-int-main-logo .logo-box {
        padding: 0 14px 24px;
        width: 25%
    }

    .site-int-main-logo {
        margin-bottom: 26px
    }

    .start-trial-long-banner-wrap .inner-hero-banner-main-wrap .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }

    .start-trial-long-banner-wrap.start-trial-long .hero-img {
        left: 0;
        margin-top: 70px
    }

    .site-breadcrumbs-wrap ul .hs-menu-item {
        align-items: center;
        justify-content: center
    }

    .start-trial-long-banner-wrap.circle-pattern .patterns-img .img1 {
        left: -15px !important;
        top: -68px !important;
        width: 70px !important
    }

    .start-trial-long-banner-wrap.circle-pattern .patterns-img .img2 {
        right: -35px !important;
        width: 51px !important
    }

    .start-trial-long-banner-wrap.circle-pattern .patterns-img .img3 {
        bottom: -83px;
        left: unset;
        right: 30px !important;
        width: 84px !important
    }

    .site-blog-first-details-wrap .site-blog-first-content {
        padding-right: 0
    }

    .blog-listing-section .site-breadcrumbs-wrap ul .hs-menu-item {
        justify-content: flex-start
    }

    .system-error-mob-class .text-mob-erroe h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 27px
    }

    .pricing-page .tab-content#tabs-1 .bottom-mian-section {
        margin-top: 60px
    }

    header.header .inner-header-wrap .navigation .header-cta-group:first-child {
        display: none
    }

    header.header .inner-header-wrap .navigation .header-cta-group.mbbtn {
        border-radius: 0;
        display: block;
        padding: 23px 18px;
        width: 100%
    }

    header.header .inner-header-wrap .navigation .header-cta-group.mbbtn a {
        font-size: 17px;
        line-height: 20px;
        padding: 11px 44px 11px 30px;
        pointer-events: unset
    }

    header.header .inner-header-wrap .navigation .hs-menu-wrapper ul>li.bm-add-m4 {
        border-bottom: 1px solid #e2e8f0
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .blog-section-main-wrap .blog-section-inner-wrap {
        padding-left: 0
    }

    .content-and-feature-image-main-wrap .content h2,
    .site-blog-first-details-wrap .site-blog-first-content {
        padding-right: 0
    }
}

@media screen and (max-width:1199px) and (min-width:768px) {
    .tabs-content-wrap .tab-content {
        height: 100%
    }

    .tabs-content-wrap .tab-content .tab-cotnent-inner {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .tabs-content-wrap .tab-content .tab-cotnent-inner .media-wrap {
        margin-top: auto;
        right: -15px;
        top: 20px
    }

    .site-slide-listing-section .column-inner.full-width-box-wrap {
        padding: 82px 40px 87px
    }

    .site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list a .content p {
        min-height: 45px
    }

    .integration-herobanner-section-wrap .section-heading {
        position: relative;
        z-index: 1
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap {
        left: 20%
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap1 {
        left: 33%
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap2 {
        left: 48%
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap3 {
        left: 65%
    }

    .site-slide-listing-section .full-width-flex-column {
        margin: 0 auto;
        max-width: 608px
    }

    .site-slide-listing-section .full-width-flex-column .pl-10.pr-10.col-12.md\:col-6 {
        max-width: 100%
    }

    .blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link:after {
        top: 45%
    }

    .pricing-page .section-mian-box .title h2,
    .pricing-page .section-mian-box .title h2 input#first {
        font-size: 30px
    }

    .pricing-page .section-mian-box .title h2 input#first {
        width: 56px
    }

    .inner-hero-banner-main-wrap .hero-img.four-hero-img img {
        width: 80%
    }
}

@media screen and (max-width:767px) {

    .h2,
    h2 {
        font-size: 22px;
        letter-spacing: -.23px;
        line-height: 30.21px
    }

    .site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner {
        height: auto;
        margin-bottom: 30px;
        padding: 69px 25px 45px 35px
    }

    .site-ready-to-powerup-inner {
        padding: 50px 36px 55px
    }

    .tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link {
        padding: 25px 51px 25px 25px
    }

    .tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link.current {
        padding-bottom: 25px
    }

    .tabs-content-main-wrap .title-tabs-wrap .tabs .tab-link:after {
        top: 25px
    }

    .tabs-content-wrap {
        padding: 50px 30px 30px
    }

    .tabs-content-wrap .tab-content .media-wrap {
        margin-top: 15px;
        max-width: 100%;
        top: 0
    }

    .site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner h3 {
        font-size: 22.66px;
        line-height: 30.21px
    }

    .tabs-content-wrap .tab-content {
        display: block
    }

    .tabs-content-wrap .tab-content .tab-cotnent-inner,
    .title-tabs-wrap {
        display: none
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap {
        border-bottom: 1px solid #e2e8f0;
        padding: 22px 45px 22px 22px;
        position: relative
    }

    .tab-content-title-wrap li.tab-link .tab-link-inner .btns,
    .tab-content-title-wrap li.tab-link .tab-link-inner .title {
        display: none
    }

    .tabs-content-wrap {
        background: 0 0;
        padding: 0
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap .tab-link {
        list-style-type: none
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap .tab-link-inner .subtitle p {
        color: #475569;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 1.36px;
        line-height: 22.6px;
        padding-right: 0;
        text-transform: uppercase
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap .tab-link .tab-link-inner .subtitle:after {
        background: url("../image/plus-icon.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 25px;
        position: absolute;
        right: 15px;
        top: 21px;
        width: 25px
    }

    .tabs-content-wrap .tab-content.current .tab-cotnent-inner {
        background: #ecfeff;
        display: block;
        overflow: hidden;
        padding: 38px 0 0
    }

    .tabs-content-wrap .tab-content.current .tab-cotnent-inner p {
        padding: 0 29px
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap .tab-link.current .subtitle:after {
        display: none
    }

    .tabs-content-wrap .tab-content .media-wrap {
        margin-top: 0;
        padding: 0 15px;
        top: 50px
    }

    .tabs-content-wrap .tab-content.current .tab-content-title-wrap:after {
        display: none
    }

    .tabs-content-wrap .tab-content.current .tab-content-title-wrap .btns,
    .tabs-content-wrap .tab-content.current .tab-content-title-wrap .title {
        display: block
    }

    .tabs-content-wrap .tab-content.current .tab-content-title-wrap .title {
        margin-bottom: 15px
    }

    .tabs-content-wrap .tab-content.current .tab-content-title-wrap .btns {
        margin-bottom: 23px
    }

    .tabs-content-wrap .tab-content.current .tab-content-title-wrap .tab-link-inner .subtitle p {
        color: #06b6d4
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap {
        display: block
    }

    .site-hero-media-section .site-hero-media-second iframe {
        height: 213px
    }

    .site-hero-banner-section .cta-group-loop .btns:not(:last-child) {
        margin: 0 0 15px;
        width: 100%
    }

    .site-animation-main-wrap:hover .traingle-shap {
        transform: translateY(150px) translateX(100%)
    }

    .site-animation-main-wrap:hover .traingle-shap.traingle-shap1 {
        transform: translateY(455px) translateX(40%)
    }

    .site-animation-main-wrap:hover .traingle-shap.traingle-shap2 {
        transform: translateY(450px) translateX(35%)
    }

    .site-animation-main-wrap {
        overflow: hidden
    }

    .site-animation-main-wrap:hover .traingle-shap.traingle-shap3 {
        transform: translateY(650px) translateX(12%)
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap3 {
        left: -50%;
        top: -663px
    }

    .site-animation-main-wrap .traingle-shap {
        left: 32%;
        top: -24px
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap1 {
        left: -20px;
        top: -200px
    }

    .site-animation-main-wrap .traingle-shap.traingle-shap2 {
        left: -50%;
        top: -381px
    }

    header.header.fixed .inner-header-wrap {
        padding: 20px 24px
    }

    header.header.fixed .inner-header-wrap .mobile-trigger {
        top: 20px
    }

    .site-common-inner-hero-section.circle-pattern .inner-hero-banner-main-wrap .patterns-img .img3,
    .software-del-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        width: 100px
    }

    .site-common-inner-hero-section.circle-pattern .inner-hero-banner-main-wrap .patterns-img .img2,
    .software-del-section .inner-hero-banner-main-wrap .patterns-img .img2 {
        bottom: 65px;
        right: 0;
        width: 44px
    }

    .site-common-inner-hero-section.circle-pattern .inner-hero-banner-main-wrap .patterns-img .img1,
    .software-del-section .inner-hero-banner-main-wrap .patterns-img .img1 {
        height: auto;
        left: 68px;
        top: 35px;
        width: 46px
    }

    .inner-hero-banner-main-wrap .traingle-shap {
        left: 33%;
        right: unset;
        top: -40px
    }

    .inner-hero-banner-main-wrap .traingle-shap1 {
        left: 1%;
        right: unset;
        top: -162px
    }

    .inner-hero-banner-main-wrap .traingle-shap2 {
        left: -172px;
        opacity: .05;
        right: unset;
        width: 1500px
    }

    .site-slide-listing-section .column-inner.full-width-box-wrap {
        padding: 56px 28px 46px
    }

    .site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list {
        width: 100%
    }

    .site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list a,
    .site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list:nth-last-child(2) a,
    .site-slide-listing-section .column-inner.full-width-box-wrap .best-listing-main-wrap .best-listing-list:nth-last-child(3) a {
        border-bottom: 2px solid #e2e8f0;
        margin-bottom: 34px;
        padding-bottom: 25px
    }

    .site-slide-listing-section .column-inner.full-width-box-wrap .cta-group {
        position: relative;
        right: 0;
        top: 0
    }

    .site-breadcrumbs-wrap ul .hs-menu-item>a {
        padding-left: 20px;
        position: relative
    }

    .site-breadcrumbs-wrap ul .hs-menu-item ul {
        display: none !important
    }

    .site-breadcrumbs-wrap ul .hs-menu-item>a:after {
        color: #ec4899;
        content: "<";
        font-size: 16px;
        left: 5px;
        position: absolute;
        top: 0
    }

    .customer-stories-main-section .site-breadcrumbs-wrap ul .hs-menu-item>a:after,
    .takeproduct-tour-main-section .site-breadcrumbs-wrap ul .hs-menu-item>a:after {
        color: #fff
    }

    .circle-pattern .patterns-img .img3 {
        left: 0
    }

    .circle-pattern .patterns-img .img1 {
        left: 0 !important
    }

    .site-ready-to-powerup-inner .site-ready-to-powerup-heading-text .section-heading h2 {
        letter-spacing: -.11px
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap .tab-link .subtitle p {
        padding-bottom: 0
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap .tab-link .title {
        margin-top: 15px
    }

    .tabs-content-wrap .tab-content .tab-content-title-wrap .tab-link .subtitle {
        width: 65%
    }

    .tabs-content-wrap .tab-content.current .tab-content-title-wrap .tab-link .subtitle {
        width: 100%
    }

    .site-hero-logo-listing-wrap .section-heading .heart img {
        width: 16px !important
    }

    .site-product-teams-inner .team-column-inner .team-content h3 {
        font-size: 22px;
        line-height: 30.21px
    }

    .badgeicon-listing-wrap .section-heading h2 {
        font-size: 20px;
        line-height: 31px
    }

    .integration-main-section .white-box-iframe-wrap .site-iframe-box-main-inner {
        margin-top: 0
    }

    .site-two-column-integration-main-wrap .site-two-column-integration-item:not(:last-child) {
        margin-bottom: 51px;
        padding-bottom: 53px;
        text-align: center
    }

    .site-two-column-integration-main-wrap .site-two-column-integration-item {
        text-align: center
    }

    .site-two-column-integration-main-wrap .site-two-column-integration-item .content-main-wrap {
        padding-right: 0
    }

    .integration-main-section .baseModuleStyle>.integration-pattern-main-wrap:after {
        background: url("../image/Polygon 34.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 100px;
        left: -45px;
        position: absolute;
        top: 105px;
        transform: rotate(73deg);
        width: 100px
    }

    .site-tabbing-content-main-wrap .tabs {
        padding-bottom: 45px
    }

    .takeproduct-tour-main-section .site-tabbing-content-section-main-wrap .container {
        padding: 0
    }

    .takeproduct-tour-main-section .site-tabbing-content-section-main-wrap .tabs-custom-inner {
        padding: 0 17px
    }

    .takeproduct-tour-main-section .site-tabbing-content-section-main-wrap .slick-slide {
        margin-right: 14px
    }

    .takeproduct-tour-main-section .site-tabbing-content-section-main-wrap .slick-slide.slick-current.slick-active.slick-center {
        pointer-events: unset
    }

    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs {
        padding-bottom: 44px
    }

    .site-tabbing-content-main-wrap .tabs li.tab-link:after,
    .takeproduct-tour-main-section .site-tabbing-content-main-wrap .tabs .tab-link:before {
        display: none
    }

    .common-integration-subclass .site-tabbing-content-section-main-wrap .container {
        padding: 0
    }

    .common-integration-subclass .site-tabbing-content-section-main-wrap .site-top-title-wrap {
        padding-left: 17px;
        padding-right: 17px
    }

    .common-integration-subclass .site-tabbing-content-section-main-wrap .site-tabbing-content-main-wrap .site-tabbing-content-inner .tabs-custom-inner {
        padding: 0 17px
    }

    .common-integration-subclass .site-tabbing-content-main-wrap .site-tabbing-content-inner .slick-list .slick-slide {
        margin: 0 7px
    }

    .common-integration-subclass .site-tabbing-content-main-wrap .site-tabbing-content-inner .slick-list .slick-slide.slick-current.slick-active.slick-center {
        pointer-events: unset
    }

    .common-integration-subclass .site-tabbing-content-main-wrap .site-tabbing-content-inner .slick-list .slick-slide .tab-link {
        min-width: 150px;
        padding: 12px 40px 12px 20px
    }

    .site-tabbing-content-main-wrap .tabs .tab-link * {
        font-size: 15px
    }

    .takeproduct-tour-main-section .iFrame-section .site-common-title h2>br {
        display: none
    }

    .tab-content-inner .slider-item-wrap-inner .slider-subtitle * {
        font-size: 13px;
        letter-spacing: 1.04px
    }

    .tab-content-inner .slider-item-wrap-inner .slider-content * {
        font-size: 13px;
        line-height: 20px
    }

    .role-page .one-col-wrap-section .box-wrap-section .left-img-section {
        margin-bottom: 32px;
        width: 100%
    }

    .role-page .one-col-wrap-section .box-wrap-section .left-img-section img {
        display: block;
        margin: 0 auto;
        width: 225px
    }

    .role-page .one-col-wrap-section .box-wrap-section .content-section {
        padding-left: 0;
        text-align: center;
        width: 100%
    }

    .role-page .one-col-wrap-section .box-wrap-section .icons-section {
        margin-top: 32px;
        text-align: center;
        width: 100%
    }

    .role-page .one-col-wrap-section .box-wrap-section .icons-section img {
        width: 27px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap {
        left: -115%;
        width: 555px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap1 {
        left: unset;
        right: -74px;
        width: 747px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap2 {
        left: unset;
        right: -115%;
        width: 927px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap .polygon-shap-common.polygon-shap3 {
        left: unset;
        right: -205%;
        width: 1108px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.bordered-traingle .polygon-shap-common.polygon-shap {
        display: none
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.bordered-traingle .polygon-shap-common.polygon-shap1 {
        right: 100px;
        width: 991px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.bordered-traingle .polygon-shap-common.polygon-shap2 {
        bottom: -150px;
        width: 1229px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.bordered-traingle .polygon-shap-common.polygon-shap3 {
        right: -260%;
        width: 1468px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.bordered-traingle .polygon-shap-common {
        opacity: .4
    }

    .pricing-page .site-tabbing-content-inner ul.tabs li p {
        display: inline-block;
        font-size: 0;
        line-height: normal
    }

    .pricing-page .site-tabbing-content-inner ul.tabs li p span {
        font-size: 17px
    }

    .pricing-page .site-tabbing-content-inner ul.tabs li {
        margin: 0 3px 68px;
        padding: 12px 30px 12px 0;
        text-align: center;
        width: calc(50% - 6px)
    }

    .pricing-page .site-tabbing-content-inner .tabs-custom-inner:before {
        display: none
    }

    .pricing-page .site-tabbing-content-inner .tabs-custom-inner:after {
        height: 29px;
        top: -29px
    }

    .pricing-page .site-tabbing-content-inner .tabs li.tab-link:after {
        height: 41px;
        top: 100%
    }

    .pricing-page .site-tabbing-content-inner .tabs .tab-link:before {
        bottom: -43px;
        width: 89px
    }

    .pricing-page .site-tabbing-content-inner .tabs .tab-link:nth-child(2):before {
        bottom: -43px;
        left: -2px !important;
        width: 89px
    }

    .pricing-page ul.tabs {
        margin: 0 auto;
        width: 354px
    }

    .pricing-page .section-mian-box .title h2 {
        font-size: 22px
    }

    .pricing-page .section-mian-box .title h2 input#first {
        font-size: 22px;
        width: 42px
    }

    .input-throughput p {
        width: 62px
    }

    .input-throughput-range {
        height: 6px;
        margin: 0;
        width: calc(100% - 77px)
    }

    .section-box-top .calc-part {
        padding-bottom: 70px
    }

    .pricing-main-result-dd h2,
    .section-box-top .calc-part .error-msgs-wrap p {
        line-height: normal
    }

    .section-box-top .pricing-btn-dd {
        margin-bottom: 60px;
        padding-bottom: 0
    }

    .pricing-main-result-title-wrap * {
        font-size: 30px;
        line-height: 36.25px
    }

    .site-slide-listing-section .full-width-flex-column .btns-wrap {
        margin-top: 54px
    }

    .pricing-page .section-mian-box {
        margin-bottom: -131px !important
    }

    .site-ImageWidthSet .column-inner {
        padding: 56px 25px 40px;
        width: 100%
    }

    .contact-main-section .circle-shap-wrap .circle-sh.circle-shap2 {
        left: -100%;
        top: -67px;
        width: 1244px
    }

    .contact-main-section .circle-shap-wrap .circle-sh.circle-shap1 {
        left: -25%;
        right: unset;
        top: 92px;
        width: 802px
    }

    .contact-main-section .circle-shap-wrap .circle-sh.circle-shap {
        left: 0;
        right: unset;
        top: 195px
    }

    .site-blog-first-details-wrap {
        flex-direction: column-reverse
    }

    .main-blog-listing-main-wrap .site-blog-first-content {
        text-align: center
    }

    .site-blog-first-details-wrap .site-featured-images {
        margin-bottom: 23px
    }

    .job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .job-post-cate :not(:last-child):after {
        display: none
    }

    .job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .job-post-cate {
        display: block
    }

    .job-post-all-details-main-wrap .fixed-widht-div-main-wrap .job-post-cate-icon-wrap .job-post-cate * {
        margin: 0
    }

    .blog-custom-listing-section {
        padding: 60px 0
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap article {
        padding: 0 10px 30px;
        width: 100%
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post {
        height: auto;
        padding: 27px 25px 51px
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-image {
        height: 130px;
        margin-bottom: 22px
    }

    .blog-index__post-content .ac-blog__sidebar-tags {
        margin-bottom: 22px
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content h3 a {
        font-size: 22px;
        line-height: 30px
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap article .blog-index__post .blog-index__post-content h3 {
        margin-bottom: 22px
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap {
        padding-bottom: 30px;
        width: 100%
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 8px
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt {
        height: auto;
        padding: 97px 41px 63px
    }

    .blog-custom-listing-section .blog-first-three-blog-wrap .form-middle-main-wrap .form-contact-srt form {
        margin-top: 28px
    }

    .blog-listing-list-item .blog-pagination {
        margin-top: 30px
    }

    .headerNavigation .expandMenu {
        display: block;
        text-align: center
    }

    .headerNavigation .navigationParent {
        display: none
    }

    .blog-filter-menu-main-wrap {
        padding: 35px 0
    }

    .roi-calc-parent .accordion-title-calc p {
        font-size: 16px
    }

    .site-slide-listing-section .full-width-flex-column .badgeicon-listing-wrap.column-inner {
        max-width: 588px;
        width: 100%
    }

    .site-slide-listing-section .full-width-flex-column>.md\:col-6 {
        max-width: 608px;
        width: 100%
    }

    .roi-calculator .form label>div:first-child {
        padding-right: 20px !important
    }

    .roi-calc-parent .accordion-title-calc {
        padding-right: 60px
    }

    .expandMenu {
        text-align: center
    }

    .expandMenu span {
        color: #475569;
        font-size: 16px;
        line-height: 19px;
        position: relative
    }

    .expandMenu span:after {
        background: url("../image/chevron-down-icon.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 6px;
        position: absolute;
        right: -21px;
        top: 8px;
        transition: all .5s ease-in-out;
        width: 15px
    }

    .blog-filter-menu-main-wrap ul {
        flex-wrap: wrap
    }

    .blog-filter-menu-main-wrap ul li {
        border-top: 2px solid #475569;
        padding: 20px 10px;
        width: 100%
    }

    .blog-filter-menu-main-wrap>ul>li>a {
        background: 0 0
    }

    .headerNavigation .navigationParent {
        background: #64748b;
        left: 0;
        padding: 56px 31px 0;
        position: absolute;
        top: 93px;
        z-index: 9
    }

    .blog-filter-menu-main-wrap ul li a {
        color: #fff;
        font-weight: 700;
        padding: 0
    }

    .blog-filter-menu-main-wrap ul li a:hover,
    .blog-filter-menu-main-wrap ul li.active-item a {
        background: 0 0
    }

    .blog-filter-menu-main-wrap ul li.has-submenu .menu-link:after {
        display: none
    }

    .blog-filter-menu-main-wrap ul li .megaMenu {
        display: block !important;
        opacity: 1;
        padding: 20px 0 0;
        position: relative;
        top: 0;
        visibility: visible
    }

    .blog-filter-menu-main-wrap ul li .megaMenu .container {
        padding: 0
    }

    .blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item {
        width: 100%
    }

    .blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link .dis-flex {
        align-items: center
    }

    .blog-filter-menu-main-wrap ul li .megaMenu .megaMenuInner .row .row-inner-item .submenu-box-link:after {
        top: 46%
    }

    .blog-listing-section .site-breadcrumbs-wrap ul .hs-menu-item.hs-item-has-children .active-branch .active-branch:before,
    .blog-listing-section .site-breadcrumbs-wrap ul .hs-menu-item.hs-item-has-children .active-branch .active-branch>a,
    .blog-listing-section .site-breadcrumbs-wrap ul .hs-menu-item.hs-item-has-children>a {
        display: none
    }

    .blog-listing-section .site-breadcrumbs-wrap ul .hs-menu-item.hs-item-has-children .active-branch {
        display: block !important;
        margin: 0
    }

    .blog-listing-section .site-breadcrumbs-wrap ul .hs-menu-item.hs-item-has-children .active-branch .active-branch ul li>a {
        display: block
    }

    .blog-post-body-content-wrap .blog-post-content {
        width: 100%
    }

    .blog-post-body-content-wrap .blog-post-author {
        position: relative;
        top: 0;
        width: 100%
    }

    .blog-post-body-content-wrap>.dis-flex {
        flex-direction: column-reverse
    }

    .blog-section-main-wrap .blog-section-inner-wrap {
        padding: 0
    }

    .content-and-feature-image-main-wrap .content h2 {
        line-height: normal;
        padding: 0
    }

    .content-and-feature-image-main-wrap>.dis-flex {
        flex-direction: column-reverse
    }

    .content-and-feature-image-main-wrap>.dis-flex .feature-image {
        margin-bottom: 50px
    }

    .blog-post-body-content-wrap .blog-post-author .author-content h3 {
        font-size: 22px
    }

    .share-it-wrap {
        margin-bottom: 92px
    }

    .blog-post-body-content-wrap .blog-post-content {
        padding-right: 0
    }

    .site-related-blog-post-main-wrap .site-related-list-main-wrap>span .related-post-items {
        padding-bottom: 22px;
        width: 100%
    }

    .bottom-cta-main-wrap {
        margin-top: 34px;
        text-align: left
    }

    .site-bottom-form-main-wrap .about-page-form-dd.form-contact-srt.formResetStyling {
        padding: 31px 25px 56px
    }

    .blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap,
    .blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul {
        flex-wrap: wrap
    }

    .blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap ul li:last-child:after {
        display: none
    }

    .blog-section-main-wrap .blog-section-inner-wrap .date-and-tag-wrap .date-list {
        width: 100%
    }

    .site-related-blog-post-main-wrap {
        padding: 57px 0 67px
    }

    .site-bottom-form-main-wrap .site-ready-to-powerup-inner .form-info-title h2 {
        font-size: 22px;
        line-height: 30px
    }

    .site-bottom-form-main-wrap .site-ready-to-powerup-inner {
        padding-bottom: 75px
    }

    .start-trial-long-main-section .circle-shap-wrap .circle-sh.circle-shap {
        left: 0;
        right: unset;
        top: 195px
    }

    .start-trial-long-main-section .circle-shap-wrap .circle-sh.circle-shap1 {
        left: -25%;
        right: unset;
        top: 92px;
        width: 802px
    }

    .start-trial-long-main-section .circle-shap-wrap .circle-sh.circle-shap2 {
        left: -100%;
        top: -67px;
        width: 1244px
    }

    .start-trial-long-main-section .logo-image-wrap .slick-slide:first-child .logo-imag img,
    .start-trial-long-main-section .logo-image-wrap .slick-slide:first-child>div:last-child img {
        margin: 0
    }

    .start-trial-long-main-section .logo-image-wrap .slick-slide:last-child .logo-imag img,
    .start-trial-long-main-section .logo-image-wrap .slick-slide:last-child>div:last-child img {
        margin: 0 0 0 auto
    }

    .star-trial-short-main-section .logo-image-wrap .slick-slide:first-child .logo-imag img,
    .star-trial-short-main-section .logo-image-wrap .slick-slide:first-child>div:last-child img {
        margin: 0
    }

    .star-trial-short-main-section .logo-image-wrap .slick-slide:last-child .logo-imag img,
    .star-trial-short-main-section .logo-image-wrap .slick-slide:last-child>div:last-child img {
        margin: 0 0 0 auto
    }

    .start-trial-long-banner-wrap.start-trial-long .hero-img img {
        position: relative;
        z-index: 9
    }

    .hero-img.four-hero-img img {
        width: 240px
    }

    .blog-section-main-wrap {
        padding-bottom: 76px
    }

    .content-and-feature-image-main-wrap .feature-image.full img {
        width: 100%
    }
}

@media screen and (max-width:900px) {
    .site-tabbing-content-section-main-wrap .tabs .slick-slide.slick-cloned {
        display: none
    }

    .site-tabbing-content-section-main-wrap .tabs .slick-slide {
        pointer-events: auto
    }
}

@media screen and (max-width:650px) {

    .site-tabbing-content-section-main-wrap .site-tabbing-content-inner ul.tabs .slick-track,
    .site-tabbing-content-section-main-wrap .site-tabbing-content-inner.current ul.tabs {
        display: flex;
        flex-direction: column;
        gap: 12px;
        transform: none !important;
        width: 100% !important
    }

    .common-integration-subclass .site-tabbing-content-main-wrap .tabs li.tab-link:before {
        content: none
    }

    .site-tabbing-content-inner .tab-content-inner .slider-item-wrap-inner .slider-controls .slick-arrow {
        height: 22px;
        width: 21px
    }
}

@media screen and (max-width:375px) {
    .pricing-page ul.tabs {
        width: 100%
    }

    .pricing-page .site-tabbing-content-inner .tabs .tab-link:before,
    .pricing-page .site-tabbing-content-inner .tabs .tab-link:nth-child(2):before {
        width: 52%
    }
}

@media screen and (max-width:390px) and (min-width:376px) {
    .pricing-page ul.tabs {
        width: 100%
    }

    .pricing-page .site-tabbing-content-inner .tabs .tab-link:before,
    .pricing-page .site-tabbing-content-inner .tabs .tab-link:nth-child(2):before {
        width: 52%
    }
}

@media screen and (max-width:370px) {
    header.header .inner-header-wrap {
        padding: 20px 15px
    }

    .header .mobile-trigger {
        right: 15px;
        top: 19px
    }

    header.header .inner-header-wrap .navigation .header-cta-group:last-child .btns a {
        font-size: 9px
    }

    header.header .inner-header-wrap .logo-part {
        width: 80px
    }

    header.header .inner-header-wrap .navigation {
        width: calc(100% - 80px)
    }
}

@media screen and (max-width:345px) {
    .logo-image-wrap .slick-slide .logo-imag img {
        width: 88px !important
    }
}

.software_delivery_page .background_inner {
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 17px
}

.software_delivery_page .heading_logo {
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    object-fit: cover;
    padding-top: 130px
}

.software_delivery_page .heading_logo img {
    fill: #fff
}

.software_delivery_page .testimonial_section {
    padding: 0 178px 108px
}

.software_delivery_page .testimonial_section h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.4px;
    line-height: 1.1
}

.software_delivery_page .testimonial_section p {
    color: #f8fafc;
    font-weight: 700
}

.two-col-software-delivery-page .Left_content_part .left_part_inner {
    padding: 60px 0
}

.two-col-software-delivery-page .swap-clmn .Left_content_part .left_part_inner {
    padding: 60px 0 60px 40px
}

.two-col-software-delivery-page .right_image_part {
    border-radius: 19px;
    position: relative
}

.two-col-software-delivery-page .right_image_part .bottom_left_img {
    border-radius: 0 19px 19px 0;
    bottom: 52px;
    left: 15px;
    padding: 22px 50px;
    position: absolute
}

.two-col-software-delivery-page .right_image_part .image img,
.two-col-software-delivery-page .right_image_part .image-wrap img {
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.two-col-software-delivery-page .swap-clmn {
    flex-direction: row-reverse !important
}

.two-col-software-delivery-page .Left_content_part .left_part_inner .sub_title p {
    letter-spacing: 1.36px
}

.two-col-software-delivery-page .Left_content_part .left_part_inner .title h2 {
    letter-spacing: -.3px
}

.software_lifeCycle .icon-col-img {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 150px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 150px
}

.software_lifeCycle .icon-column-inner {
    background-color: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 49px 26px 50px
}

.software_lifeCycle .icon-column-inner .icon-col-content h3 {
    font-size: 22px;
    line-height: 30.21px;
    margin-bottom: 20px
}

.software_lifeCycle .icon-column-inner .site-common-title h2 {
    letter-spacing: -.3px;
    margin-bottom: 25px
}

.software_lifeCycle .site-common-title h2 {
    margin-bottom: 25px
}

.software_lifeCycle .icon-column-inner .box-bottom-icon svg {
    display: block;
    margin: 0 auto;
    width: 23px
}

.by-initiative .site-icon-box-sub-title p {
    letter-spacing: 1.36px
}

.by-initiative-testimonial .heading_logo {
    padding-top: 75px
}

.iFrame-section .site-iframe-box-main-inner .iframe_wrapper iframe {
    border-radius: 19px;
    width: 100%
}

.iFrame-section .site-common-title h2 {
    color: #fff;
    margin-bottom: 31px
}

.iFrame-section .site-common-title p {
    color: #fff
}

.customer_story .top_section {
    justify-content: space-between
}

.customer_story .top_section h2 {
    letter-spacing: -.3px
}

.customer_story .bottom_section {
    align-items: center;
    background-color: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    padding: 30px 30px 40px;
    text-decoration: none
}

.customer_story .bottom_section .left_img_part {
    border-radius: 13px
}

.customer_story .bottom_section .right_content_section {
    padding-left: 50px
}

.customer_story .bottom_section .right_content_section .sub_title p {
    color: #475569;
    font-size: 13px;
    letter-spacing: 1.04px;
    line-height: 22px
}

.customer_story .bottom_section .right_content_section .content p {
    font-size: 13px;
    line-height: 20px
}

.customer_story .bottom_section .right_content_section .content * {
    color: #1e293b
}

.customer-stories-case-studies.customer_story .bottom_section .left_img_part {
    width: 329px
}

.customer-stories-case-studies.customer_story .bottom_section .right_content_section {
    width: calc(100% - 329px)
}

.software_pages .site-ready-to-powerup-heading-text .section-heading div>p {
    color: #6d28d9
}

.software_pages .site-ready-to-powerup-small-column-inner .column-inner p {
    font-size: 13px
}

.risk_assessment_page .site-iframe-box-main-inner {
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    padding: 87px 80px 60px
}

.IntegrationsJira_page .security_main_Section .security_icon {
    margin: 0 auto;
    max-width: 100px
}

.IntegrationsJira_page .security_content p {
    font-size: 17px
}

.IntegrationsJira_page .Section_pattern_img .pattern_img {
    position: absolute
}

.customer_story .bottom_section .left_img_part img {
    width: 100%
}

.site-slide-listing-section .slider-controls {
    position: absolute;
    right: 60px;
    top: 87px
}

.site-slide-listing-section .column-inner {
    position: relative
}

.risk_banner_shape.forcasting-estimation-banner .inner-hero-banner-main-wrap .patterns-img .img.img3 {
    bottom: -87px
}

.engineering-metrics-page .inner-hero-banner-main-wrap h1 {
    font-size: 71px;
    line-height: 1
}

.developer-retention-main-section .inner-hero-banner-main-wrap .column-inner .hero-img img,
.initiative-submenu-pages .inner-hero-banner-main-wrap .column-inner .hero-img img {
    bottom: -84px
}

.strategic-alignment-main-section .inner-hero-banner-main-wrap .column-inner .hero-img img {
    bottom: -136px
}

.byrole-common-inner-hero-section.devloper-retention .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: 19px;
    top: 28%
}

.byrole-common-inner-hero-section.deve-ret.devloper-retention .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: unset;
    left: -8px;
    top: 47%;
    width: unset
}

.byrole-common-inner-hero-section.devloper-retention .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -124px;
    right: -64px
}

.byrole-common-inner-hero-section.value-stream-page .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: unset;
    left: 25px;
    top: 12%;
    width: 68px
}

.byrole-common-inner-hero-section.value-stream-page .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -130px;
    right: 60px;
    width: 111px;
    z-index: 2
}

.byrole-common-inner-hero-section.value-stream-page .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: 0;
    top: 25%;
    width: 85px
}

.byrole-common-inner-hero-section.rd-capitalization .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: 65px;
    top: 20px;
    width: 85px
}

.byrole-common-inner-hero-section.rd-capitalization .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: 0;
    left: 0;
    width: 68px
}

.byrole-common-inner-hero-section.rd-capitalization .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -128px;
    right: 2px;
    width: 200px;
    z-index: 2
}

.byrole-common-inner-hero-section.strategic-banner-new .inner-hero-banner-main-wrap .patterns-img .img1 {
    right: 0;
    top: 20px;
    width: 85px
}

.byrole-common-inner-hero-section.strategic-banner-new .inner-hero-banner-main-wrap .patterns-img .img2 {
    bottom: 0;
    left: -45px !important;
    top: unset !important;
    width: unset
}

.byrole-common-inner-hero-section.strategic-banner-new .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -191px !important;
    left: unset;
    width: 200px;
    z-index: 2
}

.by-initiative .greenbtn a:hover,
.devloper-retention .greenbtn a:hover {
    background-color: #047857;
    color: #fff
}

.by-initiative .greenbtn a:hover:before {
    fill: #fff
}

.engineering-metrics .icon-col-content p {
    margin-bottom: 26px
}

.engineering-metrics .box-bottom-icon {
    margin-top: auto
}

.engineering-metrics-page .testimonial_section {
    padding: 0 150px 108px
}

.source-name-test p {
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 23px
}

.source-name-test {
    color: #f8fafc;
    padding-top: 20px
}

.covid-page .section-content {
    max-width: 690px
}

.covid-page figure {
    border-bottom: 2px solid #e2e8f0;
    border-top: 2px solid #e2e8f0;
    margin-left: 0;
    padding: 17px 0;
    width: 100%
}

.covid-page figcaption {
    padding-top: 20px
}

.covid-page .section-content-wrap .contnet-box {
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 690px;
    padding: 195px 50px 72px 47px;
    position: relative
}

.covid-page .section-content-wrap .top_left_img {
    border-radius: 0 19px 19px 0;
    left: 0;
    max-width: 135px;
    padding: 22px 50px;
    position: absolute;
    top: 60px
}

.covid-page .section-content-wrap .contnet-box h3 {
    margin-top: 12px
}

.covid-list-top h2 {
    letter-spacing: -.3px;
    margin-bottom: 30px
}

.covid-bottom h2 {
    letter-spacing: -.3px;
    margin-bottom: 43px
}

.covid-page .jemp-menu-title p {
    font-size: 13px
}

.covid-page p {
    color: #1e293b;
    line-height: 30px !important
}

.covid-bottom h2,
.covid-list-top h2 {
    margin-bottom: 20px
}

.covid-page h2 {
    line-height: 36.25px
}

.covid-page h3 {
    line-height: 30.21px
}

.covid-page a {
    color: #6d28d9
}

.covid-page ul.blu-bg {
    color: #fff
}

.covid-page .covid-bottom ul,
.covid-page .section-content ul {
    list-style: disc;
    padding-left: 20px
}

.covid-page .covid-bottom ul li,
.covid-page .section-content ul li {
    line-height: 30px
}

span.enterprice-plan {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-decoration: underline;
    z-index: 1
}

.devloper-retention .testimonial_section {
    padding: 0 100px 108px
}

.devloper-retention .site-ready-to-powerup-inner .site-ready-to-powerup-heading-text {
    padding-right: 15px
}

.value-stream-page .testimonial_section {
    padding: 0 88px 108px
}

.capitalization .testimonial_section {
    padding: 0 80px 108px
}

.by-initiative-testimonial .testimonial_section {
    padding: 0 140px 108px
}

.pricing-main-result-dd h2 {
    color: #10b981;
    display: flex;
    flex-wrap: wrap;
    font-size: 50px
}

.pricing-page .section-mian-box {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    margin: 0 auto -105px;
    overflow: hidden;
    padding: 0
}

.pricing-page .section-box-bottom {
    background-color: #f5f3ff;
    border-radius: 17px;
    padding: 37px 40px 45px
}

.pricing-page .lsiting-box {
    flex-direction: column;
    place-items: flex-start
}

.pricing-page .lsiting-box .right-content p {
    color: #475569;
    font-weight: 700
}

.pricing-page .section-bottom-content {
    height: 561px;
    overflow: auto
}

.pricing-page .section-mian-box .top-title-main-wrap {
    background: #eda116;
    padding: 41px 12px 45px;
    text-align: center
}

.pricing-page .section-mian-box .top-title-main-wrap .sub-title p {
    color: #1e293b;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.3px;
    line-height: 36px;
    margin: 0
}

.pricing-page .section-mian-box .section-box-top {
    padding: 40px 52px 70px
}

.pricing-page .section-mian-box .section-box-top .bottom-mian-section .section-bottom-title p {
    letter-spacing: 1.36px
}

.section-box-bottom ::-webkit-scrollbar {
    background: #ddd6fe;
    border-radius: 12px;
    width: 6px
}

.section-box-bottom ::-webkit-scrollbar-track {
    border-radius: 12px
}

.section-box-bottom ::-webkit-scrollbar-thumb {
    background: #a78bfa;
    border-radius: 12px
}

.contact-main-section .icon-col-content a {
    color: #1e293b;
    text-decoration: none
}

.contact-main-section .icon-column-inner:hover {
    transform: scale(1.08);
    transition: all .5s ease-in-out
}

.contact-main-section .icon-column-inner {
    background-color: #fff
}

.contact-main-section .site-ready-to-powerup-inner .site-ready-to-powerup-heading-text {
    padding-right: 0
}

.contact-main-section .patterns-img .img1 {
    height: 110px;
    left: 100px;
    top: -50px;
    width: 125px;
    z-index: 2
}

.contact-main-section .patterns-img .img1 img {
    transform: rotate(1deg)
}

.contact-main-section .patterns-img .img2 {
    right: 0;
    top: 68px;
    width: 51.32px
}

.contact-main-section .patterns-img .img3 {
    bottom: 0;
    right: 0;
    width: 150px;
    z-index: 2
}

.contact-main-section .patterns-img .img3 img {
    transform: rotate(120deg)
}

.contact-main-section .hs_message textarea {
    height: 123px;
    margin-top: 6px;
    resize: none;
    width: 100%
}

.contact-main-section .form-contact-info .form-contact-srt input[type=text],
input[type=email],
input[type=number] {
    margin-bottom: 10px;
    margin-top: 6px;
    width: 100%
}

.contact-main-section .form-contact-info .form-contact-srt form label {
    letter-spacing: 1.36px;
    padding-bottom: 6px
}

.contact-main-section .hs_message textarea::placeholder {
    font-size: 17px !important
}

.contact-main-section .form-contact-srt form .input input::placeholder {
    color: #94a3b8;
    font-size: 17px !important
}

.contact-main-section form .hs-button,
form input[type=submit] {
    background-color: #f59e0b;
    border: none;
    position: relative
}

.contact-main-section .actions input {
    color: #1e293b
}

.contact-main-section .actions {
    color: #1e293b;
    max-width: 137px;
    position: relative
}

.contact-main-section .actions:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 16px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.contact-main-section .actions:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 11px;
    width: 20px
}

.contact-main-section .actions:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.contact-main-section .form-contact-info {
    background-color: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    max-width: 547px;
    padding: 46px 30px
}

.contact-page {
    margin-bottom: -35px
}

.contact-main-section .section-heading {
    margin-bottom: 52px
}

.roi-calculator-page .pattern-right-images .img1 {
    right: -35px;
    top: -105px;
    width: 301px
}

.roi-calculator-page .pattern-right-images .img2 {
    right: 318px;
    top: -80px
}

.roi-calculator-page .pattern-right-images .img4 {
    bottom: -85px;
    right: 167px;
    z-index: 1
}

.roi-calculator-page .pattern-right-images .img5 {
    bottom: -215px;
    right: -30px;
    width: 201px;
    z-index: 1
}

.roi-calculator-page .pattern-left-images .img1 {
    left: -150px;
    top: 30px;
    z-index: 1
}

.roi-calculator-page .pattern-left-images .img2 {
    left: 21px;
    top: 0
}

.roi-calculator-page .pattern-left-images .img3 {
    bottom: -270px;
    left: -95px;
    top: auto;
    width: 255px;
    z-index: 1
}

.roi-calculator-page .pattern-left-images .img4 {
    left: 300px;
    top: 47px
}

.roi-calculator form .hs-button,
form input[type=submit] {
    font-size: 17px
}

.roi-calc-parent:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 25%;
    position: absolute;
    width: 100%
}

.roi-calc-parent .roi-calculator {
    margin-bottom: 0 !important
}

.roi-calc-parent .result-calc-inner .tabs .button.active .accordion-title-calc {
    border-bottom: 0
}

.demo-page .section-heading,
.roi-calc-parent .section-heading {
    color: #fff;
    margin: 0 auto;
    max-width: 671px;
    text-align: center
}

.demo-page .form-contact-info .form-contact-srt {
    background-color: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    margin: 0 auto;
    max-width: 548px;
    padding: 45px 30px 71px
}

.demo-page .form-contact-info .form-contact-srt input[type=email],
.demo-page .form-contact-info .form-contact-srt input[type=number],
.demo-page .form-contact-info .form-contact-srt input[type=text] {
    font-family: Sen, sans-serif;
    margin-top: 6px;
    width: 100%
}

.demo-page .form-contact-info .form-contact-srt .hs-form .hs-form-field {
    padding-bottom: 35px
}

.demo-page .form-contact-info .form-contact-srt form label {
    letter-spacing: 1.36px;
    padding-bottom: 6px
}

.demo-page .site-breadcrumbs-wrap ul a {
    color: #fff
}

.demo-page .integration-pattern-main-wrap .left-side-img .img1 {
    left: 115px;
    top: -40px;
    width: 63px
}

.demo-page .integration-pattern-main-wrap .left-side-img .img2 {
    left: -100px;
    top: 133px;
    width: 182px
}

.demo-page .integration-pattern-main-wrap .left-side-img .img3 {
    left: 0;
    top: 28%;
    width: 205px
}

.demo-page .integration-pattern-main-wrap .left-side-img .img4 {
    left: 100px;
    top: 440px;
    width: 97px;
    z-index: -1
}

.demo-page .integration-pattern-main-wrap .left-side-img .img5 {
    bottom: 20%;
    left: -50px;
    top: unset;
    width: 215px
}

.demo-page .integration-pattern-main-wrap .left-side-img .img6 {
    bottom: 40px;
    left: 170px;
    top: unset;
    width: 130px;
    z-index: -1
}

.demo-page .integration-pattern-main-wrap .right-side-img .img1 {
    right: -68px;
    top: 15px;
    width: 215px
}

.demo-page .integration-pattern-main-wrap .right-side-img .img2 {
    bottom: unset;
    height: 50px;
    left: auto;
    right: 185px;
    top: 40px;
    width: 50px
}

.demo-page .integration-pattern-main-wrap .right-side-img .img3 {
    height: 162px;
    right: -55px;
    top: 180px;
    width: 186px;
    z-index: 1
}

.demo-page .integration-pattern-main-wrap .right-side-img .img4 {
    right: 125px;
    top: 430px;
    width: 68px;
    z-index: -1
}

.demo-page .integration-pattern-main-wrap .right-side-img .img5 {
    bottom: unset;
    right: 40px;
    top: 565px;
    width: 135px;
    z-index: -1
}

.demo-page .actions {
    max-width: 225px;
    position: relative
}

.demo-page .actions:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 30px;
    top: 16px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.demo-page .actions:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 25px;
    top: 11px;
    width: 20px
}

.demo-page .actions:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 27px
}

.demo-page .baseModuleParent.about-slider-module-dd:after,
.demo-page .baseModuleParent.about-slider-module-dd:before,
.demo-page .site-slide-listing-section .full-width-flex-column .badgeicon-listing-wrap.column-inner {
    display: none
}

.demo-page .hs-form-required {
    color: #dc2626
}

.demo-page .hs_message textarea::placeholder {
    font-family: Sen, sans-serif;
    font-size: 17px !important
}

.demo-page .form-contact-srt form .input input::placeholder {
    color: #94a3b8;
    font-family: Sen, sans-serif;
    font-size: 17px !important
}

.start-trial-short .section-heading {
    color: #fff;
    margin: 0 auto;
    max-width: 761px;
    text-align: center
}

.star-trial-short-main-section .baseModuleStyle.start-trial-short {
    margin-bottom: -85px
}

.star-trial-short-main-section .integration-pattern-main-wrap .left-side-img .img6 {
    bottom: 70px;
    left: 155px;
    top: unset;
    width: 130px;
    z-index: -1
}

.star-trial-short-main-section .site-breadcrumbs-wrap ul a {
    color: #1e293b
}

.star-trial-short-main-section form .hs-button,
.star-trial-short-main-section form input[type=submit] {
    width: 233px
}

.terms-of-service-page .section-content {
    max-width: 789px;
    padding-left: 100px
}

.terms-of-service-page .section-content h2 {
    line-height: 36.25px;
    margin: 60px 0 26px
}

.terms-of-service-page .section-content h3 {
    line-height: 30.21px;
    margin-bottom: 20px
}

.terms-of-service-page .section-content p {
    line-height: 30px;
    margin-bottom: 40px
}

.term-service .section-pattern-wrap .img.img-1 {
    right: 27%;
    top: -128px
}

.term-service .section-pattern-wrap .img.img-2 {
    left: 12%;
    right: 241px;
    top: -30px
}

.term-service .section-pattern-wrap .img.img-3 {
    bottom: -213px;
    right: 26%;
    top: unset;
    z-index: 1
}

.privacy-policy .section-pattern-wrap .img.img-1 {
    right: 27%;
    top: -128px
}

.privacy-policy .section-pattern-wrap .img.img-2 {
    left: 12%;
    right: 241px;
    top: -30px
}

.privacy-policy .section-pattern-wrap .img.img-3 {
    bottom: -213px;
    right: 26%;
    top: unset;
    z-index: 1
}

.start-trial-long .hero-img {
    margin: 0 auto;
    max-width: 477px
}

.start-trial-long-main-section .two-clmn-logo-inner {
    text-align: center
}

.start-trial-long-main-section .site-ready-to-powerup-heading-text .section-heading h2 {
    margin-bottom: 0
}

.start-trial-long-main-section .logo-box img {
    width: 99px
}

.start-trial-long-main-section .form-contact-info {
    margin-top: -57px
}

.start-trial-long-main-section .form-contact-info .actions {
    max-width: 233px
}

.start-trial-long-main-section .form-contact-info .actions:before {
    right: 27px
}

.start-trial-long-main-section .form-contact-info .actions:after {
    right: 20px
}

.start-trial-long-main-section .row-fluid .hs-form fieldset .copy-code-wrap {
    left: 290px;
    margin-bottom: 0;
    margin-top: 30px;
    position: absolute
}

.start-trial-long-main-section .form-contact-info .form-contact-srt .form-title {
    display: none
}

.start-trial-long-main-section .form-contact-info .form-contact-srt h3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 38px
}

.start-trial-long-main-section .form-contact-info .form-contact-srt label {
    display: block
}

.start-trial-long-main-section .form-contact-info .form-contact-srt .input input {
    height: 50px;
    margin: 0
}

.start-trial-long-main-section .form-contact-info .form-contact-srt .hs-form .hs-form-field {
    padding-bottom: 11px
}

.start-trial-long-main-section .form-contact-info .form-contact-srt .hs-form .hs_submit.hs-submit {
    margin-top: 20px
}

.site-long-start-trail-main-wrap .site-ready-to-powerup-heading-text .section-heading p {
    letter-spacing: 1.36px
}

.start-trial-long-main-section .form-contact-info .form-info-title {
    background: #f59e0b;
    border-radius: 17px 17px 0 0;
    font-size: 30px;
    line-height: 36px;
    padding: 30px 30px 15px
}

.start-trial-long-main-section .form-contact-info .form-info-title h3 {
    font-size: 30px !important;
    line-height: 36px !important
}

.start-trial-long-main-section .form-contact-info .form-contact-srt {
    background-color: #fff;
    border-radius: 0 0 17px 17px;
    box-shadow: 0 2px 4px #00000029;
    margin: 0 auto;
    max-width: 100%;
    padding: 45px 30px 71px
}

.free-trial-long .section-table-box table {
    background: #fff;
    border: 0;
    border-collapse: collapse;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    color: #0f172a;
    font-family: Sen, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 22.66px;
    margin: 0 auto;
    max-width: 791px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.free-trial-long .section-table-box table tr:nth-child(2n) {
    background-color: #f5f3ff
}

.free-trial-long .section-table-box table tr th {
    background-color: #6d28d9;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1.36px;
    padding: 26px 35px 22px
}

.free-trial-long .section-table-box table td {
    padding: 21px 20px 16px 40px
}

.free-trial-long .section-table-box table thead tr th {
    width: 50%
}

.free-trial-long .section-table-box table th:first-child {
    border-top-left-radius: 10px
}

.free-trial-long .section-table-box table th:last-child {
    border-top-right-radius: 10px
}

.free-trial-long .section-heading {
    text-align: center
}

.free-trial-long .table-bottom-content p {
    font-size: 13px;
    line-height: 20px;
    margin: 0
}

@media(max-width:1366px) {
    .banner_shape .column-inner .patterns-img .img.img2 {
        left: 20px;
        top: 160px
    }

    .banner_shape .column-inner .patterns-img .img.img1 {
        right: 0;
        top: -10px
    }

    .report_banner_shape .column-inner .patterns-img .img.img2 {
        left: 0;
        top: 120px
    }

    .report_banner_shape .column-inner .patterns-img .img.img1 {
        right: 0;
        top: -44px
    }

    .devloper-retention.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
        left: 0;
        top: 47%
    }

    .byrole-common-inner-hero-section.value-stream-page .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -130px;
        right: 60px;
        width: 111px;
        z-index: 2
    }
}

@media(max-width:1280px) {
    .software_delivery_page .heading_logo {
        padding-top: 90px
    }

    .software_delivery_page .testimonial_section {
        padding: 35px 50px 100px
    }
}

@media(max-width:1199px) {
    .two-col-software-delivery-page .Left_content_part .left_part_inner {
        padding: 50px 0 60px 30px
    }

    .two-col-software-delivery-page .right_image_part .bottom_left_img {
        bottom: 90px;
        padding: 20px 30px
    }

    .left_part_inner .content_Section br {
        display: none
    }

    .engineering-metrics-page .inner-hero-banner-main-wrap h1 {
        font-size: 35px
    }

    .engineering-metrics-page .section-heading h1>br {
        display: block
    }

    .engineering-metrics-page .section-heading p {
        max-width: 430px
    }

    .covid-jump-menu {
        margin-bottom: 21px
    }

    .covid-page br {
        display: block
    }

    .roi-calculator-page .pattern-right-images .img4 {
        bottom: -115px;
        right: 167px;
        z-index: 1
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {
    .demo-main-section .logo-image-wrap .slick-slide>div:last-child img {
        margin-top: 0
    }

    .demo-main-section .site-hero-logo-listing-wrap .section-heading {
        padding-right: 50px
    }

    .demo-main-section .site-hero-logo-listing-wrap .section-heading h2 {
        margin: 0
    }

    .star-trial-short-main-section .logo-image-wrap .slick-slide>div:last-child img {
        margin-top: 0
    }

    .star-trial-short-main-section .site-hero-logo-listing-wrap .section-heading {
        padding-right: 50px
    }

    .star-trial-short-main-section .site-hero-logo-listing-wrap .section-heading h2 {
        margin: 0
    }

    .star-trial-short-main-section .demo-page .integration-pattern-main-wrap .left-side-img .img3 {
        width: 145px
    }

    .star-trial-short-main-section .demo-page .integration-pattern-main-wrap .right-side-img .img4 {
        right: 0
    }

    .star-trial-short-main-section .integration-pattern-main-wrap .left-side-img .img6 {
        left: 0;
        width: 100px
    }

    .start-trial-long-main-section .logo-image-wrap .slick-slide>div:last-child img {
        margin-top: 0
    }

    .start-trial-long-main-section .site-hero-logo-listing-wrap .section-heading {
        padding-right: 50px
    }

    .start-trial-long-main-section .site-hero-logo-listing-wrap .section-heading h2 {
        margin: 0
    }
}

@media(max-width:1024px) {
    .software_delivery_page .testimonial_section {
        padding: 35px 50px 100px
    }

    .software_delivery_page .testimonial_section h2 {
        font-size: 30px
    }

    .software_delivery_page .heading_logo {
        padding-top: 70px
    }

    .software_delivery_page .testimonial_section {
        padding: 35px 100px 100px 155px
    }

    .baseModuleStyle.w100.software_pagess {
        padding-top: 50px !important
    }

    .two-col-software-delivery-page .swap-clmn .Left_content_part .left_part_inner {
        padding: 10px 0 60px 40px
    }
}

@media(max-width:991px) {
    .risk_banner_shape.forcasting-estimation-banner .inner-hero-banner-main-wrap .patterns-img .img.img3 {
        bottom: -20px
    }

    .software_delivery_page .testimonial_section {
        padding: 35px 60px 100px
    }

    .software_delivery_page .testimonial_section h2 {
        font-size: 28px
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner,
    .two-col-software-delivery-page .swap-clmn .Left_content_part .left_part_inner {
        padding: 0 0 60px
    }

    .jv-two-col.two-col-software-delivery-page .two_col_wrap_Section {
        margin-bottom: 58px;
        margin-top: 75px
    }

    .two-col-software-delivery-page .two_col_wrap_Section {
        margin-bottom: 91px
    }

    .two-col-software-delivery-page .two_col_wrap_Section:last-child {
        margin-bottom: 0
    }

    .two-col-software-delivery-page .right_image_part {
        margin-left: 0;
        margin-right: 0
    }

    .two-col-software-delivery-page .right_image_part .bottom_left_img {
        bottom: 60px
    }

    .software_lifeCycle .icon-column-inner {
        height: auto;
        margin-bottom: 30px
    }

    .software_delivery_page .heading_logo {
        padding-top: 40px
    }

    .customer_story .top_section {
        flex-direction: column
    }

    .customer_story .bottom_section {
        padding: 30px 24px 58px
    }

    .customer_story .bottom_section .right_content_section {
        padding-left: 0;
        padding-top: 40px
    }

    .customer_story .bottom_section .right_content_section h3 {
        font-size: 22px;
        line-height: 30.21px
    }

    .risk_assessment_page .site-iframe-box-main-inner {
        padding: 70px 60px 60px
    }

    .iFrame-section .site-common-title h2 {
        margin-bottom: 38px
    }

    .iFrame-section .site-common-title {
        margin-bottom: 41px
    }

    .iFrame-section .site-common-title h2>br {
        display: block
    }

    .customer_story .top_section .right_btn_section {
        bottom: -55px;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .two-col-software-delivery-page .right_image_part .bottom_left_img {
        border-radius: 0 0 19px 19px;
        bottom: unset;
        left: 50%;
        padding: 9px;
        top: 0;
        transform: translateX(-50%);
        width: 45px
    }

    .two-col-software-delivery-page .right_image_part .bottom_left_img img {
        width: 100%
    }

    .two-col-software-delivery-page .left_part_inner .content_Section {
        margin-bottom: 27px;
        margin-top: 0;
        padding-top: 18px
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner h2 {
        margin: 0
    }

    .site-ready-to-powerup-heading-text .section-heading h2 {
        margin-bottom: 24px
    }

    .software_delivery .site-slide-listing-section .column-inner {
        margin-bottom: 0
    }

    .customer_story .Customer_story_main .top_section {
        margin-bottom: 23px
    }

    .two-col-software-delivery-page .Left_content_part {
        order: 2
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner {
        padding-top: 35px;
        text-align: center
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner:last-child {
        padding-bottom: 0;
        padding-top: 35px
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 30px
    }

    .software_delivery .site-slide-listing-section .badgeicon-listing-wrap .section-heading {
        max-width: 400px
    }

    .reporting-dashboards-section .site-breadcrumbs-wrap ul .hs-menu-item>a,
    .risk-assessment-section .site-breadcrumbs-wrap ul .hs-menu-item>a {
        display: none
    }

    .reporting-dashboards-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch,
    .risk-assessment-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch {
        display: block !important
    }

    .reporting-dashboards-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>a,
    .risk-assessment-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>a {
        display: flex
    }

    .reporting-dashboards-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li,
    .risk-assessment-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li {
        margin: 0
    }

    .reporting-dashboards-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>.hs-menu-children-wrapper.active-branch,
    .risk-assessment-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>.hs-menu-children-wrapper.active-branch {
        display: none !important
    }

    .reporting-dashboards-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li:before,
    .risk-assessment-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li:before {
        display: none
    }

    .customer-stories-case-studies.customer_story .bottom_section .left_img_part,
    .customer-stories-case-studies.customer_story .bottom_section .right_content_section {
        width: 100%
    }

    .site-slide-listing-section .slider-controls {
        right: 30px;
        top: 88px
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner .left-contnet-list {
        margin-bottom: 0
    }

    .engineering-metrics-page .inner-hero-banner-main-wrap h1 {
        font-size: 30px;
        line-height: 36.25px
    }

    .developer-retention-main-section .inner-hero-banner-main-wrap .column-inner .hero-img img,
    .initiative-submenu-pages .inner-hero-banner-main-wrap .column-inner .hero-img img {
        bottom: 0
    }

    .engineering-metrics-page .section-heading h1>br {
        display: none
    }

    .engineering-metrics-page .section-heading p {
        max-width: 100%
    }

    .byrole-common-inner-hero-section.devloper-retention .inner-hero-banner-main-wrap .patterns-img .img1 {
        right: 0;
        top: 7%
    }

    .byrole-common-inner-hero-section.devloper-retention .inner-hero-banner-main-wrap .patterns-img .img2 {
        bottom: unset;
        left: 0;
        top: 33% !important;
        width: 87px !important;
        z-index: 100
    }

    .byrole-common-inner-hero-section.devloper-retention .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -43px !important;
        right: 0 !important;
        width: 77px !important
    }

    .value-stream-page.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -30px
    }

    .rd-capitalization.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -40px;
        right: 24px;
        width: 160px;
        z-index: 2
    }

    .roi-calculator .roi-two-clmn-parent .roi-two-clmn-left {
        text-align: center
    }

    .roi-calculator-page .pattern-right-images .img1 {
        left: auto;
        right: 40px;
        top: 220px;
        width: 301px
    }

    .roi-calculator-page .pattern-right-images .img2 {
        bottom: -43px;
        left: auto;
        right: 24px;
        top: auto;
        width: 41px;
        z-index: 1
    }

    .roi-calculator-page .pattern-right-images .img4 {
        bottom: -40px;
        right: 185px;
        z-index: 1
    }

    .roi-calculator-page .pattern-left-images .img3 {
        bottom: -45px;
        left: -38px;
        top: auto;
        width: 125px;
        z-index: 1
    }

    .roi-calculator-page .pattern-left-images .img4 {
        bottom: 8px;
        height: 35px;
        left: 140px;
        top: auto;
        z-index: 2
    }

    .roi-calculator .roi-two-clmn-parent .roi-two-clmn-left {
        order: 2
    }

    .roi-calculator .roi-two-clmn-parent .roi-two-clmn-right {
        margin-bottom: 44px;
        order: 1
    }

    .roi-calculator .roi-cal-two-col-form .actions {
        margin: 0 auto
    }

    .roi-calculator .form.boxed-form {
        margin-bottom: 66px
    }

    .roi-calculator-page .pattern-left-images .img1 {
        bottom: -167px;
        left: 12%;
        top: auto;
        width: 103px;
        z-index: 1
    }

    .roi-calculator-page .pattern-right-images .img3 {
        bottom: -147px;
        display: block;
        right: 21%;
        top: auto;
        width: 85px;
        z-index: 2
    }

    .roi-calculator-page .pattern-right-images .img5 {
        bottom: -160px;
        right: -33px;
        width: 80px;
        z-index: 1
    }

    .byrole-common-inner-hero-section.deve-ret.strategic-alignment-page .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -45px !important;
        width: 160px
    }

    .devloper-retention .two_col_wrap_Section {
        margin-bottom: 35px
    }

    .contact-main-section .section-heading {
        text-align: center
    }

    .contact-main-section .inner-hero-banner-main-wrap .hero-img,
    .contact-main-section .inner-hero-banner-main-wrap .patterns-img {
        display: none
    }

    .contact-main-section .form-contact-info {
        margin: 0 auto
    }

    .contact-main-section .section-heading {
        margin-bottom: 40px
    }

    .contact-main-section .actions {
        margin-top: 12px
    }

    .demo-page .integration-pattern-main-wrap .right-side-img .img1 {
        right: -40px;
        top: 1px;
        width: 125px
    }

    .demo-page .integration-pattern-main-wrap .right-side-img .img2 {
        bottom: unset;
        height: 50px;
        left: auto;
        right: 50px;
        top: 0;
        width: 25px
    }

    .demo-page .integration-pattern-main-wrap .right-side-img .img3 {
        height: 162px;
        right: -87px;
        top: 20px;
        width: 117px;
        z-index: -1
    }

    .demo-page .integration-pattern-main-wrap .right-side-img .img4 {
        right: -30px;
        top: 262px;
        width: 40px;
        z-index: -1
    }

    .demo-page .integration-pattern-main-wrap .left-side-img .img2 {
        display: block;
        left: -145px;
        top: 35px;
        width: 182px
    }

    .demo-page .integration-pattern-main-wrap .left-side-img .img3 {
        left: -40px;
        top: 212px;
        width: 94px
    }

    .demo-page .integration-pattern-main-wrap .left-side-img .img4 {
        left: -61px;
        top: 286px;
        width: 83px;
        z-index: -1
    }

    .star-trial-short-main-section .baseModuleStyle.start-trial-short {
        margin-bottom: -220px
    }

    .start-trial-short .section-heading {
        margin-bottom: 110px
    }

    .start-trial-short .hs-richtext.hs-main-font-element {
        margin-bottom: 33px;
        margin-top: -10px
    }

    .star-trial-short-main-section .integration-pattern-main-wrap .left-side-img .img3 {
        left: 36px;
        top: 480px;
        width: 65px
    }

    .star-trial-short-main-section .integration-pattern-main-wrap .right-side-img .img4 {
        left: auto;
        right: -10px;
        top: 394px;
        width: 43px;
        z-index: 0
    }

    .star-trial-short-main-section .integration-pattern-main-wrap .left-side-img .img5 {
        bottom: unset;
        left: -35px;
        top: 233px;
        width: 77px;
        z-index: 1
    }

    .star-trial-short-main-section .integration-pattern-main-wrap .right-side-img .img5 {
        bottom: unset;
        right: -85px;
        top: 275px;
        width: 123px;
        z-index: -1
    }

    .star-trial-short-main-section .logo-image-wrap {
        margin-top: 25px
    }

    .start-trial-long-main-section .form-contact-info {
        margin-top: -57px
    }

    .start-trial-long .two_col_wrap_Section {
        margin-bottom: 43px
    }

    .term-service .section-pattern-wrap .img.img-3 {
        bottom: -195px;
        right: 10px;
        top: unset;
        width: 100px;
        z-index: 1
    }

    .term-service .section-pattern-wrap .img.img-2 {
        left: 50%;
        right: auto;
        top: 38px;
        width: 115px
    }

    .term-service .section-pattern-wrap .img.img-1 {
        right: -12%;
        top: 29px;
        width: 115px
    }

    .privacy-policy .section-pattern-wrap .img.img-3 {
        bottom: -203px;
        right: 10px;
        top: unset;
        width: 100px;
        z-index: 1
    }

    .privacy-policy .section-pattern-wrap .img.img-2 {
        left: 50%;
        right: auto;
        top: 38px;
        width: 115px
    }

    .privacy-policy .section-pattern-wrap .img.img-1 {
        right: -12%;
        top: 29px;
        width: 115px
    }

    .terms-of-service-page .section-content {
        padding-left: 0
    }

    .start-trial-long-main-section .form-contact-info .form-contact-srt {
        padding: 39px 26px 37px
    }

    .start-trial-long-main-section .form-contact-info .form-contact-srt h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 29px
    }

    .start-trial-long-main-section .form-contact-info .form-contact-srt .hs-form .hs-form-field {
        padding-bottom: 20px !important
    }

    .start-trial-long-main-section .row-fluid .hs-form fieldset .copy-code-wrap {
        font-size: 13px;
        left: 0;
        line-height: 1;
        margin: 0;
        position: relative
    }

    .start-trial-short .hs-richtext.hs-main-font-element {
        margin: 0
    }

    .start-trial-long-main-section .form-contact-info .form-contact-srt .hs-form .hs_submit.hs-submit {
        margin-top: 37px
    }

    .start-trial-long-main-section .form-contact-info .form-info-title h3 {
        font-size: 22px !important;
        line-height: 30px !important
    }
}

@media(max-width:767px) {
    .software_delivery_page .testimonial_section {
        padding: 35px 40px 90px
    }

    .software_delivery_page .testimonial_section h2 {
        font-size: 24px
    }

    .software_delivery_page .heading_logo {
        padding-top: 30px
    }

    .two-col-software-delivery-page .right_image_part .bottom_left_img img {
        width: 75%
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 30px;
        text-align: center
    }

    .jv-two-col.two-col-software-delivery-page .two_col_wrap_Section {
        margin-bottom: 58px;
        margin-top: 0
    }

    .risk_assessment_page .site-iframe-box-main-inner {
        padding: 40px
    }

    .site-iframe-box-main-inner .bottom_buttom {
        margin-top: 20px
    }

    .software_lifeCycle .icon-column-inner {
        padding: 45px 25px 54px
    }

    .two-col-software-delivery-page .Left_content_part {
        order: 2
    }

    .software_delivery_page .testimonial_section h2 {
        line-height: 30px
    }

    .two-col-software-delivery-page .Left_content_part .left_part_inner:last-child {
        padding-bottom: 0
    }

    .Metrics-subpages .icon-column-inner {
        margin-bottom: 10px
    }

    .Metrics-subpages .two_col_wrap_Section {
        margin-bottom: 50px
    }

    .customer_story .Customer_story_main {
        text-align: center
    }

    .software_delivery .site-slide-listing-section .badgeicon-listing-wrap .section-heading {
        max-width: 100%
    }

    .report_banner_shape .column-inner .patterns-img .img.img1 {
        right: 0;
        top: 0
    }

    .forcasting-estimation-banner .section-heading p {
        margin-bottom: 50px
    }

    .submenu-pages .site-breadcrumbs-wrap ul .hs-menu-item:first-child>a {
        display: none
    }

    .submenu-pages .site-breadcrumbs-wrap ul .hs-menu-item ul {
        display: block !important
    }

    .submenu-pages .site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper li:before {
        display: none
    }

    .submenu-pages .site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper li {
        margin-left: 0
    }

    .submenu-pages .site-breadcrumbs-wrap ul .hs-menu-item .hs-menu-children-wrapper li.active-branch .active-branch {
        display: none
    }

    .value-stream-page.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: -40px
    }

    .rd-capitalization.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
        right: 0
    }

    .devloper-retention .two_col_wrap_Section {
        margin-bottom: 35px
    }

    .roi-calculator .roi-text-form {
        margin-bottom: 70px
    }

    .roi-calculator .form-contact-srt span {
        font-size: 13px;
        margin-bottom: 18px;
        text-align: center
    }

    .roi-calculator-page .pattern-left-images .img4 {
        bottom: -51px;
        left: 30px;
        top: auto;
        width: 55px;
        z-index: 2
    }

    .roi-calculator-page .pattern-right-images .img4 {
        bottom: -61px;
        right: 50px;
        width: 77px;
        z-index: 1
    }

    .roi-calculator-page .pattern-left-images .img2,
    .roi-calculator-page .pattern-right-images .img1 {
        display: none
    }

    .contact-main-section .site-breadcrumbs-wrap ul a {
        margin: 0 auto
    }

    .demo-page .section-heading,
    .roi-calc-parent .section-heading {
        max-width: 600px
    }

    .demo-page .form-contact-srt .hs-form .hs-form-field {
        padding: 0
    }

    .privacy-policy .section-pattern-wrap .img.img-2,
    .term-service .section-pattern-wrap .img.img-2 {
        left: 40%;
        top: 8px
    }

    .demo-main-section .logo-image-wrap .slick-slide:first-child .logo-imag img,
    .demo-main-section .logo-image-wrap .slick-slide:first-child>div:last-child img {
        margin: 0
    }

    .demo-main-section .logo-image-wrap .slick-slide:last-child .logo-imag img,
    .demo-main-section .logo-image-wrap .slick-slide:last-child>div:last-child img {
        margin: 0 0 0 auto
    }

    .terms-of-service-page .section-content h2 {
        font-size: 30px
    }

    .terms-of-service-page .section-content h3 {
        font-size: 22px
    }

    .demo-page .form-contact-info .form-contact-srt .hs-form .hs-form-field {
        padding-bottom: 20px
    }

    .terms-of-service-page .section-content h2 {
        margin: 50px 0 26px
    }

    .start-trial-long-main-section .form-contact-info .form-contact-srt .hs-form .hs-form-field {
        padding: 0;
        width: 100%
    }

    .free-trial-long .section-table-box table {
        table-layout: fixed
    }

    .free-trial-long .section-table-box table thead tr th {
        font-size: 13px;
        line-height: 17px;
        padding: 19px 14px
    }

    .free-trial-long .section-table-box table td {
        padding: 19px 14px
    }

    .start-trial-long-main-section .site-ready-to-powerup-heading-text .section-heading h2 {
        margin: 0 auto;
        width: 300px
    }

    .free-trial-long .table-bottom-content p {
        margin: 0 auto;
        width: 99%
    }

    .two-col-software-delivery-page.start-trial-long .Left_content_part .left_part_inner .sub_title {
        margin: 0 auto;
        width: 72%
    }

    .two-col-software-delivery-page.start-trial-long .Left_content_part .left_part_inner .title {
        margin: 0 auto;
        width: 80%
    }
}

@media(max-width:480px) {
    .software_delivery_page .testimonial_section h2 {
        font-size: 22px
    }

    .software_delivery_page .testimonial_section {
        padding: 35px 20px 70px
    }

    .risk_assessment_page .site-iframe-box-main-inner {
        padding: 30px 15px
    }

    .engineering-leaders .software_lifeCycle .site-common-title h2 {
        margin-bottom: 25px;
        margin-left: auto;
        margin-right: auto;
        max-width: 345px
    }

    .devloper-retention.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img1 {
        right: 0;
        top: 0
    }

    .devloper-retention.byrole-common-inner-hero-section .inner-hero-banner-main-wrap .patterns-img .img2 {
        right: 0;
        top: 50%
    }

    .roi-calculator-page .pattern-left-images .img4 {
        bottom: -51px;
        left: 30px;
        top: auto;
        width: 55px;
        z-index: 2
    }

    .roi-calculator-page .pattern-right-images .img4 {
        bottom: -61px;
        right: 50px;
        width: 77px;
        z-index: 1
    }

    .roi-calculator .roi-calc-parent:before {
        background: #fff;
        bottom: 0;
        content: "";
        height: 43%;
        position: absolute;
        width: 100%
    }

    .demo-page .form-contact-info .form-contact-srt {
        padding: 45px 30px 50px
    }

    .demo-page .about-slider-module-dd .slider-fixed-text {
        margin: 0 auto 44px;
        max-width: 360px;
        padding: 0 20px
    }

    .demo-page .section-heading,
    .roi-calc-parent .section-heading {
        max-width: 355px
    }

    .term-service .section-pattern-wrap .img.img-3 {
        bottom: -150px;
        right: 46px;
        top: unset;
        width: 60px;
        z-index: 1
    }

    .term-service .section-pattern-wrap .img.img-2 {
        left: 44%;
        width: 88px
    }

    .term-service .section-pattern-wrap .img.img-1 {
        right: -5%;
        top: 29px;
        width: 60px
    }

    .privacy-policy .section-pattern-wrap .img.img-3 {
        bottom: -203px;
        right: 10px;
        top: unset;
        width: 100px;
        z-index: 1
    }

    .privacy-policy .section-pattern-wrap .img.img-2 {
        left: 40%
    }

    .privacy-policy .section-pattern-wrap .img.img-1 {
        right: -18%;
        top: 29px;
        width: 115px
    }
}

.forcating-estimation-iframe .site-iframe-box-main-inner {
    margin-bottom: -44px
}

.forcasting-estimation-risk-slider h4 {
    font-weight: unset
}

.forcasting-estimation-risk-slider .site-apatternImageC {
    bottom: -23%;
    right: 0
}

.forcasting-estimation-banner .img.img1 {
    right: 46px
}

.forcasting-estimation-banner .img.img2 {
    top: 119px
}

.forcasting-estimation-banner .inner-hero-banner-main-wrap .column-inner {
    height: 100%;
    position: relative;
    width: 100%
}

.forcasting-estimation-banner .inner-hero-banner-main-wrap .patterns-img .img.img3 {
    bottom: -75px;
    right: 109px
}

.slider-top-image-mob {
    display: none
}

.for-est-two-clmn-box .two_col_wrap_Section {
    align-items: center
}

.ac-site-slider-max-wdth {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    max-width: 500px;
    opacity: 1;
    padding: 60px 50px 63px;
    position: relative;
    width: 100%
}

.ac-site-Imagebox {
    background: #22d3ee 0 0 no-repeat padding-box;
    border-radius: 50%;
    height: 148px;
    margin: 0 auto 50px;
    max-width: 148px;
    opacity: 1
}

.forcasting-estimation-risk-slider ul.Ac-Contentdiv-list.dis-flex.responsive li {
    height: auto;
    width: 100%
}

.slider-controls ul.slick-dots li button {
    background: #1e293b;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    outline: 0;
    padding: 0
}

.forcasting-estimation-risk-slider ul.Ac-Contentdiv-list.dis-flex.responsive {
    display: flex
}

.slider-controls ul.slick-dots {
    bottom: 0;
    padding: 0;
    position: relative
}

.slider-controls ul.slick-dots li {
    margin: 0 8px !important
}

.slider-controls button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    bottom: -60px;
    cursor: pointer;
    position: absolute;
    z-index: 1
}

.slider-controls button.slick-next.slick-arrow {
    right: 0
}

.slider-controls button.slick-prev.slick-arrow {
    left: 0
}

.slider-controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.slider-controls .slick-arrow {
    background-image: url("../image/right-arrow-slider.svg") !important;
    height: 14px;
    padding: 0;
    position: relative;
    top: 5px;
    width: 15px
}

.slider-controls button.slide-m-prev.slick-arrow {
    transform: rotate(180deg)
}

.slider-controls button.slick-next.slick-arrow,
.slider-controls button.slick-prev.slick-arrow {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px
}

.slider-controls ul.slick-dots li {
    margin: 0 10px
}

.slider-controls ul.slick-dots li.slick-active button {
    background: url("../image/Polygon 16.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px;
    position: relative;
    top: -2px;
    width: 12px
}

.slider-controls ul.slick-dots li button {
    height: 5px;
    width: 5px
}

.forcasting-estimation-risk-slider .site-apatternImageB {
    top: 71% !important
}

.site-apatternImageA,
.site-apatternImageB,
.site-apatternImageC {
    position: absolute;
    pointer-event: none
}

.site-apatternImageA {
    right: 0;
    top: 45%
}

.site-apatternImageC {
    bottom: -39%;
    right: 0
}

.site-apatternImageB {
    right: 176px;
    top: 75%
}

.security-two-clmn-img.two-col-software-delivery-page .right_image_part .image-wrap img {
    width: unset
}

.security-two-clmn-img .image-wrap {
    align-items: center;
    display: flex;
    justify-content: center
}

.security-banner-allstacks .md\:col-5.pl-15.pr-15.aos-init,
.security-banner-allstacks .md\:col-7.pl-15.pr-15.aos-init {
    flex: 0 0 50%;
    max-width: 50%
}

.forcating-estimation-iframe .baseModuleParent {
    z-index: 1 !important
}

.security-banner-allstacks .inner-hero-banner-main-wrap .patterns-img .img1 {
    left: 90px !important;
    position: absolute;
    top: 85px;
    width: 125px
}

.security-banner-allstacks .hero-img {
    position: relative;
    z-index: 0
}

.security-banner-allstacks .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -47px;
    left: 0
}

.security-banner-allstacks .inner-hero-banner-main-wrap .hero-img img {
    left: -105px;
    margin: 0 auto -90px;
    max-width: unset !important;
    position: relative;
    width: 699px
}

.traingle-shap-wrap-new .new-traingle-shap,
.traingle-shap-wrap-new .new-traingle-shap1,
.traingle-shap-wrap-new .new-traingle-shap2 {
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.traingle-shap-wrap-new .new-traingle-shap img,
.traingle-shap-wrap-new .new-traingle-shap1 img,
.traingle-shap-wrap-new .new-traingle-shap2 img {
    width: 100%
}

.traingle-shap-wrap-new .new-traingle-shap {
    right: -179px;
    top: -227px;
    width: 1004px
}

.traingle-shap-wrap-new .new-traingle-shap1 {
    right: -377px;
    top: -475px;
    width: 1366px
}

.traingle-shap-wrap-new .new-traingle-shap2 {
    right: -616px;
    top: -800px;
    width: 1800px
}

.security-banner-allstacks .md\:col-5.pl-15.pr-15.aos-init,
.security-banner-allstacks .md\:col-7.pl-15.pr-15.aos-init {
    z-index: 9999
}

.security-banner-allstacks .baseModuleParent {
    z-index: unset !important
}

.customer-stories-case-studies .bottom_section {
    margin-bottom: 23px
}

.customer-stories-case-studies .Customer_story_main a {
    color: #000;
    text-decoration: none
}

.case-studies-cards.dis-flex {
    align-items: center
}

.customer-stories-story .left_img_2.pattern_img {
    left: -55px;
    transform: unset;
    width: 201px
}

.customer-stories-story .left_img_1.pattern_img {
    left: 126px;
    top: -41px
}

.customer-stories-story .right_img_1.pattern_img {
    bottom: 0;
    right: -16px;
    top: -47px;
    transform: unset;
    width: 302px
}

.customer-stories-story .right_img_2.pattern_img {
    bottom: -82px;
    right: 22px
}

.customer-stories-two-clmn .site-ready-to-powerup-inner .site-ready-to-powerup-small-column-inner .column-inner {
    background: unset;
    border-radius: unset;
    margin: 0;
    padding: 0
}

.customer-stories-two-clmn .section-heading h2 {
    font-size: 50px
}

.security-accordion .ac-site-accordian-content a {
    color: #6d28d9
}

.security-accordion .ac-site-accordian-content.answer p {
    color: #1e293b;
    line-height: 30px;
    margin-bottom: 0
}

.security-two-box .site-ready-to-powerup-heading-text {
    padding-right: 41px
}

.security-accordion .ac-site-accordian-title h3 {
    font-size: 23px;
    line-height: 30px
}

.security-banner-allstacks .img.img2 {
    bottom: 184px;
    right: 100px;
    width: 104px
}

.customer-stories-two-clmn:after {
    background-image: url("../image/Path-134-new.png");
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 4px;
    content: "";
    height: 281px;
    left: -109px;
    position: absolute;
    width: 301px
}

.customer-stories-two-clmn .customer-stories-right-text p {
    font-size: 17px !important;
    line-height: 22px !important
}

.cust-stories-banner .site-breadcrumbs-wrap ul a {
    color: #fff
}

.customer-stories-two-clmn .normalbtn a {
    color: #f8fafc
}

.customer-stories-two-clmn .normalbtn a:before {
    background: #f8fafc
}

.customer-stories-two-clmn .normalbtn a:after {
    filter: invert(100%)
}

.key-result-logo {
    background-color: #0ea5e9;
    border-radius: 50%;
    height: 102px;
    width: 102px
}

.key-result-content h2 {
    margin-bottom: 0
}

.box-key-result-parent {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    margin-left: 150px;
    opacity: 1;
    padding: 61px 37px 60px 55px;
    width: 689px
}

.box-key-result {
    border-bottom: 2px solid #e2e8f0
}

.key-result-topics ul li {
    padding-bottom: 14px;
    padding-left: 33px;
    padding-top: 14px;
    position: relative
}

.key-result-topics ul li:before {
    background-image: url("../image/Path 723.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 13px
}

.key-result-topics {
    border-bottom: 2px solid #e2e8f0
}

.key-result-start-here p {
    margin-bottom: 0
}

.customWidthOption.testimonial-text-group {
    margin-left: 150px;
    width: 689px
}

.ndustrial-testimonial {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    margin-bottom: 70px;
    margin-top: 60px;
    opacity: 1;
    padding: 195px 50px 51px 47px;
    position: relative
}

.ndustrial-testimonial-name h4,
.ndustrial-testimonial-name p {
    margin-bottom: 0
}

.ndustrial-box-top-icon {
    background: #0ea5e9;
    border-radius: 0 19px 19px 0;
    left: 0;
    padding: 17px 34px 17px 52px;
    position: absolute;
    top: 60px
}

.ndustrial-story .section-conttent h3 {
    line-height: 30px;
    margin-bottom: 0;
    padding-bottom: 9px;
    padding-top: 15px
}

.ndustrial-story-banner .circle-shap-wrap .circle-sh {
    filter: brightness(0) invert(1);
    opacity: .1;
    position: absolute;
    transition: all 1s ease-in-out
}

.ndustrial-story-banner .md\:col-5.pl-15.pr-15.aos-init {
    flex: 0 0 48%;
    max-width: 48%
}

.ndustrial-story-banner .md\:col-7.pl-15.pr-15.aos-init {
    flex: 0 0 52%;
    max-width: 52%
}

.ndustrial-story-banner .circle-shap-wrap .circle-sh.circle-shap {
    right: -30px;
    top: -25px;
    width: 668px
}

.ndustrial-story-banner .circle-shap-wrap .circle-sh.circle-shap1 {
    right: -136px;
    top: -127px;
    width: 880px
}

.ndustrial-testimonial-name h4 {
    color: #0369a1;
    font-size: 22px
}

.ndustrial-story .section-conttent h2 {
    margin-bottom: 22px;
    margin-top: 70px
}

.ndustrial-story .section-conttent ul {
    line-height: 30px;
    list-style: disc;
    padding-left: 20px;
    padding-top: 10px
}

.ndustrial-story figure {
    border-bottom: 2px solid #e2e8f0;
    border-top: 2px solid #e2e8f0;
    margin: 0;
    padding-top: 22px
}

.ndustrial-story figcaption {
    padding-bottom: 22px;
    padding-top: 22px
}

.ndustrial-story .bluebtn-dark {
    margin-bottom: 56px
}

.ndustrial-story-banner .circle-pattern .patterns-img .img1 {
    left: 14px;
    width: 90px;
    z-index: 2
}

.ndustrial-story-banner.circle-pattern .patterns-img .img1 {
    height: 90px;
    left: 14px;
    top: 68px;
    transform: unset;
    width: 90px;
    z-index: 2
}

.ndustrial-story-banner.circle-pattern .patterns-img .img2 {
    right: 7px;
    top: 68px;
    width: 51.32px
}

.ndustrial-story-banner.circle-pattern .patterns-img .img3 {
    bottom: 0;
    right: 0;
    transform: unset;
    width: 147px !important;
    z-index: 2
}

.ndustrial-story-banner .site-breadcrumbs-wrap ul a {
    color: #fff
}

.ndustrial-story-key-results .bluebtn-dark {
    margin-bottom: 0
}

.ndustrial-testimonial-image-name {
    padding-top: 13px
}

.ndustrial-text-section .section-conttent p,
.ndustrial-text-section .section-heading p {
    line-height: 30px
}

.key-result-topics ul li strong {
    font-weight: 800
}

.ndustrial-story-key-results .bluebtn-dark a:after {
    transform: rotate(90deg)
}

.ndustrial-story-key-results .bluebtn-dark a:before {
    right: 17px;
    top: 9px;
    transform: rotate(90deg)
}

.ndustrial-story-key-results .bluebtn-dark a:hover:before {
    top: 14px
}

.ndustrial-story-rep-test-text .bluebtn-dark a:after {
    transform: rotate(90deg)
}

.ndustrial-story-rep-test-text .bluebtn-dark a:before {
    right: 17px;
    top: 9px;
    transform: rotate(90deg)
}

.ndustrial-story-rep-test-text .bluebtn-dark a:hover:before {
    top: 14px
}

.ndustrial-testimonial-content h3 {
    line-height: 30px
}

.ndustrial-testimonial-name p {
    color: #475569
}

.ndusstrial-story-page-blog .blog-listing-title {
    display: flex;
    justify-content: center;
    width: 100%
}

.ndustrial-story-two-box-mod .site-ready-to-powerup-heading-text {
    padding-right: 15px
}

.ndustrial-story-key-results .key-result-start-here {
    position: relative;
    text-align: center;
    width: 312px
}

.ndustrial-story-key-results .key-result-start-here:after {
    color: #0ea5e9;
    content: "↓";
    height: 22px;
    position: absolute;
    right: 0;
    top: 29px;
    width: 20px
}

.ndustrial-story-key-results .key-result-start-here:before {
    color: #0ea5e9;
    content: "↓";
    height: 22px;
    left: 0;
    position: absolute;
    top: 29px;
    width: 22px
}

.ndustrial-story .wel-know-ret .section-conttent ul {
    margin-bottom: 62px
}

.ndustrial-story .wel-know-ret .section-conttent h2 {
    margin-top: 0
}

.wel-know-ret .section-heading {
    margin-bottom: 70px
}

.wel-know-ret .ndustrial-testimonial {
    margin-top: 0
}

.ndustrial-story .clear-dt-main .section-conttent h2 {
    margin-top: 72px
}

.product-updates-banner .site-hero-banner-title h1 {
    font-size: 50px;
    line-height: 54px
}

.product-updates-banner .traingle-shap,
.product-updates-banner .traingle-shap.traingle-shap1,
.product-updates-banner .traingle-shap.traingle-shap2,
.product-updates-banner .traingle-shap.traingle-shap3 {
    opacity: .1
}

.product-updates-banner .site-hero-banner-desc {
    max-width: 85%
}

.product-updates-banner .hs_email input {
    text-align: center;
    width: 296px
}

.product-updates-banner .form-contact-srt.formResetStyling {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 17px;
    box-shadow: 0 2px 4px #00000029;
    padding: 53px 48px 59px 41px
}

.product-updates-banner form {
    text-align: center
}

.product-updates-banner .actions {
    margin: 0 auto;
    position: relative;
    width: 172px
}

.product-updates-banner .actions:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 11px;
    width: 20px
}

.product-updates-banner input.hs-button.primary.large {
    border: 0;
    border-radius: 17px;
    font-size: 17px;
    transition: all .5s ease-in-out
}

.product-updates-banner .actions:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 16px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.product-updates-banner .actions:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.product-update-banner-parent .site-hero-banner-desc p {
    font-weight: 400
}

.product-updates-banner label {
    font-size: 13px
}

.product-updates-banner .hs-form .hs-form-field {
    padding: 0 0 20px
}

.right-form-pro-update-banner {
    margin: 0 auto;
    position: relative;
    width: 384px
}

.right-form-pro-update-banner .section-pattern-wrap .img-1 {
    bottom: -33px;
    right: 37px;
    top: unset
}

.right-form-pro-update-banner .section-pattern-wrap .img-2 {
    bottom: 20px;
    left: -75px;
    right: unset;
    top: unset
}

.right-form-pro-update-banner .section-pattern-wrap .img-3 {
    bottom: unset;
    right: -42px;
    top: -41px;
    z-index: -1
}

.product-update-blog-tag .section-heading {
    margin: 0 auto;
    max-width: 792px
}

.site-animation-main-wrap.product-updates-banner {
    overflow: unset
}

.product-update-blog-logic a {
    text-decoration: none
}

.product-update-blog-logic .blog-content h2 {
    font-size: 22px
}

.product-update-blog-logic .custom-blog-listing-details .blog-tags ul li {
    color: #475569;
    font-size: 13px;
    letter-spacing: 1.04px;
    text-transform: uppercase
}

.industry-reports-ban .section-pattern-wrap .img.img-1 {
    right: 28%;
    top: -78px
}

.industry-reports-ban .section-pattern-wrap .img.img-2 {
    left: 12%;
    top: 45px
}

.industry-reports-ban .section-pattern-wrap .img.img-3 {
    bottom: -112px;
    right: 33%;
    top: unset;
    z-index: 1
}

.industry-reports-ban .right-form-pro-update-banner {
    height: 200px
}

.byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap {
    left: 75%;
    right: unset;
    top: 28%;
    width: 622px
}

.byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap1 {
    left: 58%;
    top: -58px;
    width: 1146px
}

.byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap2 {
    left: 33%;
    top: -87%;
    width: 1900px
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap.roundshape-triangle .polygon-shap {
    left: calc(75% + 10px)
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap.roundshape-triangle .polygon-shap1 {
    left: calc(58% + 10px)
}

.byrole-common-inner-hero-section:hover .polygon-shap-wrap.roundshape-triangle .polygon-shap2 {
    left: calc(33% + 10px)
}

.byrole-common-inner-hero-section.deve-ret .inner-hero-banner-main-wrap .patterns-img .img3 {
    bottom: -126px;
    right: 10px;
    width: 200px;
    z-index: 2
}

.byrole-common-inner-hero-section.deve-ret .inner-hero-banner-main-wrap .patterns-img .img2 {
    left: -8px;
    top: 47%;
    width: unset
}

.covid-ban .right-form-pro-update-banner .section-pattern-wrap .img-3 {
    bottom: unset;
    right: 26px;
    top: 0;
    z-index: -1
}

.covid-ban .right-form-pro-update-banner .section-pattern-wrap .img-2 {
    bottom: 112px;
    left: -72px;
    right: unset;
    top: unset
}

.covid-jump-menu a {
    background-color: #94a3b8;
    border-radius: 23px;
    color: #1e293b;
    display: block;
    font-weight: 700;
    padding: 11px 61px 12px 32px;
    position: relative;
    text-decoration: none
}

.covid-jump-menu a:after {
    background: url("../image/Path 26.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 28px;
    top: 12px;
    width: 20px
}

.covid-jump-menu a:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 31px;
    top: 12px;
    transform: rotate(90deg);
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.jemp-menu-title {
    padding-top: 60px
}

.covid-ban .right-form-pro-update-banner {
    width: 412px
}

.roi-calculator-page .right-form-pro-update-banner .section-pattern-wrap .img-3 {
    bottom: unset;
    right: 10px;
    top: 38px;
    z-index: -1
}

.roi-calculator-page .right-form-pro-update-banner .section-pattern-wrap .img-2 {
    bottom: 121px;
    left: -64px;
    right: unset;
    top: unset
}

.roi-calculator-page .site-hero-banner-desc {
    margin-bottom: 35px;
    max-width: 85%
}

.roi-calculator-page .right-form-pro-update-banner {
    width: 412px
}

.roi-calculator .form .input.dollar:before {
    color: #475569;
    content: "$";
    left: 10px;
    position: absolute;
    top: 20px
}

.roi-calculator .total.roi-calc-main-savings-text-dd>div {
    color: #475569;
    font-size: 13px;
    margin-bottom: 10px;
    padding-left: 0
}

.roi-calc-parent .roi-calculator {
    margin-bottom: -318px;
    margin-top: 0;
    position: relative;
    z-index: 1
}

.form-boxed-calc-inner {
    border-radius: 17px;
    padding: 64px 47px 50px
}

.roi-calc-parent .roi-calculator .form .input input {
    background-color: #f1f5f9;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    color: #475569;
    font-size: 17px;
    height: 50px;
    padding-left: 20px;
    width: 100%
}

.roi-calc-parent .input.input-throughput input#input-6 {
    background-color: unset;
    border: 0;
    padding-left: 0
}

.average-developer-cost-title p {
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.roi-calc-parent .roi-calculator .form .input.dollar input {
    color: #475569;
    font-size: 17px;
    padding-left: 21px
}

.number-of-developers-parent {
    padding-top: 14px
}

.number-of-developers-title p {
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.throughout-gain-title-dd p {
    letter-spacing: 1.36PX;
    margin-bottom: 0;
    text-transform: uppercase
}

.meenual-reporting-title-dd {
    padding-top: 40px
}

.reporting-manager-parent-dd {
    padding-bottom: 14px;
    padding-top: 25px
}

.reporting-manager-parent-dd div {
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.developers-required-parent-dd {
    padding-bottom: 14px
}

.developers-required-parent-dd div {
    letter-spacing: 1.36px;
    text-transform: uppercase
}

.roi-calc-parent .roi-calculator .form .input-throughput span {
    background-color: #f1f5f9;
    border: unset;
    border-radius: 12PX;
    box-shadow: none;
    color: #334155;
    display: inline-block;
    font-size: .875rem;
    margin: 0 15px 0 0;
    max-width: 100%;
    padding: .7rem;
    width: 60px
}

.effective-developers-parent .number {
    align-items: center;
    background-color: #ddd6fe;
    border-radius: 17px;
    color: #6d28d9 !important;
    display: flex;
    height: 50px;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
    padding-left: 14px
}

.accordion-title-calc p {
    color: #475569;
    letter-spacing: 1.36PX;
    text-transform: uppercase
}

.build-buy-parent .left .number {
    align-items: center;
    background-color: #fef2f2;
    border-radius: 12px;
    color: #991b1b !important;
    display: flex;
    height: 50px;
    margin-bottom: 40px !important;
    margin-top: 14px;
    padding-left: 12px
}

.buid-buy-all-inv-text {
    margin-top: 40px
}

.build-buy-parent .right .number {
    align-items: center;
    background-color: #f5f3ff;
    border-radius: 12px;
    color: #6d28d9 !important;
    display: flex;
    height: 50px;
    margin-bottom: 40px;
    margin-top: 14px;
    padding-left: 12px
}

.build-buy-parent .comparison .vs {
    color: #334155 !important;
    font-size: 17px !important
}

.rep-ove-allstacks-investment-dd {
    padding-top: 35px
}

.cta.roi-calc-main-savings-btn {
    justify-content: flex-start !important;
    margin-bottom: 50px;
    margin-top: 30px;
    padding: 0
}

.roi-calc-main-savings-text-dd .positive {
    color: #7c3aed !important;
    font-size: 50px !important;
    font-weight: 800;
    line-height: normal
}

.accordion-title-calc p {
    margin-bottom: 0
}

.roi-calc-parent .result-calc-inner {
    background-color: #fff;
    border-radius: 17px;
    height: 100%;
    overflow: hidden
}

.build-buy-parent,
.effective-developers-parent {
    padding: 0 35px
}

.roi-calc-main-savings-text-dd .number {
    background-color: unset !important
}

.roi-calc-parent .roi-calculator .results ul.tabs li {
    border-radius: 17px !important
}

.roi-calc-parent .accordion-title-calc {
    border-bottom: 1px solid #d9d7d7;
    transition: all .5s ease-in-out
}

.roi-calc-parent .accordion-title-calc.active,
.roi-calc-parent .result-calc-inner .tabs .button.active {
    border-bottom: 0
}

.roi-calc-parent .accordion-title-calc:hover {
    background-color: #e2e8f0
}

.roi-calc-parent .accordion-title-calc.active p {
    color: #6d28d9
}

.roi-calc-parent .section-title__subheading.roi-heading h2 {
    margin-bottom: 31px
}

.roi-calc-parent .section-title__subheading.roi-heading2 {
    margin-top: 51px !important
}

.roi-calc-parent .effective-developers-parent p,
.roi-calc-parent .form-boxed-calc-inner>p,
.roi-calc-parent .performance-improvements-text p {
    color: #475569;
    font-size: 13px
}

.roi-calculator .form-contact-srt label {
    font-size: 13px
}

.roi-calculator input::placeholder {
    color: #94a3b8;
    font-size: 17px;
    text-align: center
}

.roi-calculator-page .testimonial_section {
    margin-bottom: -125px
}

.about-page-dd.white-box-iframe-wrap .site-iframe-box-main-inner {
    background-color: unset !important;
    box-shadow: none !important;
    padding-top: 63px;
    position: relative
}

.rac-image {
    margin: 0 auto;
    max-width: 412px;
    position: relative
}

.one-clmn-pattern-about-images-1 {
    position: absolute;
    right: 0;
    top: 52px
}

.one-clmn-pattern-about-images-2 {
    left: -26%;
    position: absolute;
    top: 28%
}

.one-clmn-pattern-about-images-3 {
    bottom: -7%;
    position: absolute;
    right: 21%
}

.about-story-class-dd .integration-pattern-main-wrap .left-side-img .img1 {
    left: 39px;
    top: 53px;
    width: 116px
}

.about-story-class-dd .integration-pattern-main-wrap .left-side-img .img2 {
    left: -55px;
    top: 39%;
    width: 182px
}

.about-story-class-dd .integration-pattern-main-wrap .left-side-img .img3 {
    bottom: -76px;
    left: 0;
    top: unset;
    width: 241px
}

.about-story-class-dd .integration-pattern-main-wrap .left-side-img .img5 {
    bottom: -66px;
    left: 125px;
    top: unset;
    width: 255px
}

.about-story-class-dd .integration-pattern-main-wrap .right-side-img .img1 {
    right: -43px !important;
    top: 123px !important;
    width: 346px !important
}

.about-story-class-dd .integration-pattern-main-wrap .right-side-img .img2 {
    bottom: 21%;
    right: -27px;
    top: unset;
    width: 186px
}

.about-story-class-dd .integration-pattern-main-wrap .right-side-img .img3 {
    bottom: -62px;
    right: -147px !important;
    top: unset;
    width: 108px !important
}

.about-story-class-dd .integration-pattern-main-wrap .right-side-img .img4 {
    bottom: -104px !important;
    right: 0 !important;
    top: unset !important;
    width: 201.38px !important;
    z-index: 0 !important
}

.about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img3 {
    left: -43px;
    transform: unset !important;
    width: 201px
}

.takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img2 {
    left: -181px;
    top: -68px;
    width: 182px
}

.about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img5 {
    bottom: 0;
    left: 186px;
    top: unset;
    width: 215px
}

.takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img3 {
    right: -82px;
    top: 143px !important;
    width: 186px
}

.takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img4 {
    bottom: -26px;
    right: 0;
    top: unset;
    width: 260px
}

.takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img5 {
    bottom: -156%;
    right: -77px;
    top: unset;
    width: 135px !important
}

.about-page-dd.white-box-iframe-wrap .site-iframe-box-main-inner:after,
.rd-webinar-lp .site-iframe-box-main-inner:after {
    background-image: url("../image/Group 1741.svg");
    background-size: cover;
    content: "";
    height: 74px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -44px;
    width: 74px;
    z-index: 1
}

.integration-herobanner-section-wrap.about-story-parent-class {
    position: relative
}

.integration-herobanner-section-wrap.about-story-parent-class:before {
    bottom: -197px
}

.baseModuleParent.about-slider-module-dd:after,
.integration-herobanner-section-wrap.about-story-parent-class:before {
    background-image: url("../image/Group 2431-1.svg");
    background-repeat: no-repeat;
    content: "";
    height: 146px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 74px
}

.baseModuleParent.about-slider-module-dd:after {
    bottom: -173px;
    z-index: 1
}

.baseModuleParent.about-slider-module-dd:before {
    background-image: url("../image/Group 2431-1.svg");
    background-repeat: no-repeat;
    content: "";
    height: 146px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -189px;
    width: 74px
}

.integration-herobanner-section-wrap.about-story-parent-class:after {
    background-image: url("../image/Group 1779.svg");
    top: -187px
}

.about-client-logos-dd:before,
.integration-herobanner-section-wrap.about-story-parent-class:after {
    background-repeat: no-repeat;
    content: "";
    height: 146px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 74px
}

.about-client-logos-dd:before {
    background-image: url("../image/Group 2431-1.svg");
    top: -102px
}

.about-client-logos-dd:after {
    background-image: url("../image/Group 2431-2.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -100px;
    content: "";
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 74px;
    z-index: 6
}

.about-page-banner-dd .site-breadcrumbs-wrap ul li a {
    color: #1e293b !important
}

.about-story-parent-class .conntent-wrap,
.about-story-parent-class .conntent-wrap p {
    margin-bottom: 0
}

.about-slider-module-dd .slider-fixed-text {
    margin-bottom: 44px
}

.about-slider-module-dd .slider-arrows {
    margin-top: 28px
}

.about-client-logos-dd .btns .normalbtn a:after {
    filter: invert(100%) brightness(100)
}

.about-client-logos-dd .btns .normalbtn a {
    color: #fff !important
}

.about-client-logos-dd .normalbtn a:before {
    background: #fff
}

.about-ready-work-form-class input {
    font-size: 17px !important;
    margin-bottom: 0;
    margin-top: 8px !important
}

.about-ready-work-form-class .hs_email.hs-email {
    margin-top: 9px !important
}

.about-form-text .form-title-text {
    margin-right: 53px;
    max-width: 438px
}

.about-form-text .form-contact-info.ready-to-work {
    background: #4c1d95;
    border-radius: 17px;
    padding: 31px 28px 52px 25px;
    width: calc(100% - 491px)
}

.about-form-text .form-title {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 17px;
    padding: 59px 59px 47px
}

.about-ready-work-form-class label {
    color: #fff;
    letter-spacing: 1.36px
}

.about-ready-work-form-class .actions {
    position: relative;
    width: 136px
}

.about-ready-work-form-class .actions:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 21px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.about-ready-work-form-class .actions:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 17px;
    width: 20px
}

.about-ready-work-form-class input.hs-button.primary.large {
    border: 0;
    border-radius: 17px;
    font-size: 17px;
    transition: all .5s ease-in-out
}

.about-ready-work-form-class .actions:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.about-ready-work-form-class .form-columns-1 .input {
    margin-right: 0 !important
}

.about-ready-work-form-class textarea {
    font-size: 17px !important;
    height: 123px;
    margin-top: 8px !important;
    outline: 0
}

.about-ready-work-form-class form input[type=submit],
.about-ready-work-form-class.star-trial-short-main-section form .hs-button {
    width: auto
}

.resource-banner-title h1 {
    font-size: 40px;
    line-height: 44px
}

.resource-banner-class .slider-arrows.dis-flex.justify-center.align-center {
    padding-top: 20px
}

.resource-banner-text p {
    color: #1e293b;
    line-height: 30px;
    margin-bottom: 0
}

.resourece-contnet-box {
    border-radius: 17px;
    height: 215px;
    overflow: hidden;
    padding: 19px 17px 34px 33px
}

.resourece-contnet-blog-title h5 {
    font-size: 19px;
    font-weight: 800
}

.resourece-contnet-box:hover .read-it-button {
    width: auto
}

.resourece-contnet-box:hover .read-it-button p {
    font-size: 13px
}

.read-it-button {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 10px;
    position: absolute;
    right: 17px;
    top: 15px;
    transition: all .5s ease-in-out;
    width: 30px
}

.resourece-contnet-blog-title {
    margin-top: auto;
    width: 100%;
    z-index: 1
}

.resourece-contnet-box {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.read-it-button p {
    color: #0f172a;
    font-size: 0;
    font-weight: 700;
    line-height: 15px;
    margin: 0;
    padding-right: 20px
}

.resourece-contnet-box:after {
    background-image: url("../image/Group 239-2.svg");
    content: "";
    height: 10px;
    position: absolute;
    right: 26px;
    top: 25px;
    width: 10px
}

.resourece-shape-class {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out
}

.resourece-shape-class:hover {
    left: -28px !important
}

.resourece-contnet-tag-name {
    z-index: 1
}

.resourece-shape-class img {
    height: 100% !important;
    object-fit: cover
}

.blog-resource-main-class a {
    text-decoration: none
}

.resourece-contnet-cta-all {
    text-align: right
}

.resourece-contnet-title h2 {
    margin-bottom: 0
}

.resourece-contnet-title-parent {
    align-items: center;
    justify-content: center
}

.about-form-title-dd h2 {
    font-size: 50px;
    margin-bottom: 0
}

.about-page-form-dd label {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1.04px
}

.about-page-form-dd input {
    font-size: 17px;
    text-align: center
}

.about-two-col-form-title {
    padding-bottom: 19px
}

.about-page-form-dd .actions {
    position: relative;
    width: 172px
}

.about-page-form-dd .actions:before {
    background: url("../image/right-icon-black.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    right: 21px;
    top: 16px;
    transition: all .5s ease-in-out;
    width: 14px;
    z-index: 1
}

.about-page-form-dd .actions:after {
    background: url("../image/yellow-600.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 23px;
    position: absolute;
    right: 14px;
    top: 11px;
    width: 20px
}

.about-page-form-dd input.hs-button.primary.large {
    border: 0;
    border-radius: 17px;
    font-size: 17px;
    transition: all .5s ease-in-out;
    width: 172px
}

.about-page-form-dd .actions:hover:before {
    background: url("../image/right-icon-white.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px
}

.about-page-form-dd.form-contact-srt.formResetStyling {
    width: 442px
}

.about-rec-blog-parent {
    text-decoration: none !important
}

.about-rec-blog-parent .left_img_part img {
    border-radius: 12px;
    height: 129px;
    object-fit: cover
}

.about-rec-blog-parent .left_img_part {
    width: 373px
}

.about-rec-blog-parent {
    margin-bottom: 30px
}

.right-side-blog-tag-filter a {
    text-decoration: none
}

.right-side-blog-tag-filter .title h2 a {
    color: #1e293b
}

.right-side-blog-tag-filter .content a p {
    color: #1e293b !important
}

.about-rec-blog-parent {
    padding: 29px 27px 39px !important
}

.right-side-blog-tag-filter .sub_title.blog-tags {
    margin-bottom: 19px
}

.right-side-blog-tag-filter h2 {
    font-size: 22px
}

.blog-resource-main-class:nth-child(4) .resourece-shape-class {
    height: 302px;
    left: 0;
    position: absolute;
    top: -85px;
    transition: all .5s ease-in-out;
    width: 529px
}

.blog-resource-main-class:nth-child(5) .resourece-shape-class {
    height: 306px;
    left: 153px;
    position: absolute;
    top: -38px;
    transition: all .5s ease-in-out;
    width: 612px
}

.blog-resource-main-class:nth-child(5) .resourece-shape-class:hover {
    left: 107px !important
}

.blog-resource-main-class:nth-child(6) .resourece-shape-class {
    height: 467px;
    left: -68px;
    position: absolute;
    top: -135px;
    transition: all .5s ease-in-out;
    width: 608px
}

.blog-resource-main-class:nth-child(6) .resourece-shape-class:hover {
    left: -92px !important
}

.resource-tag-module-dd .top_section {
    align-items: center;
    justify-content: space-between
}

.error-page .circle-shap-wrap .circle-sh.circle-shap {
    right: -41px;
    top: -52px;
    width: 668px
}

.error-page .circle-shap-wrap .circle-sh.circle-shap1 {
    right: -148px;
    top: -147px;
    width: 880px
}

.error-page .circle-shap-wrap .circle-sh.circle-shap2 {
    position: absolute;
    right: -313px;
    top: -340px;
    width: 1244px
}

.error-page .patterns-img .img.img1 {
    right: 0;
    top: -114px
}

.error-page .patterns-img .img.img3 {
    bottom: 0;
    z-index: 2
}

.error-page .patterns-img .img.img2 {
    bottom: -57px;
    right: 0;
    width: 163px
}

.error-page .system-error-mob-class {
    display: none
}

.member-login form label {
    display: block;
    margin-bottom: 5px
}

.member-login .hs-form-field input {
    width: 100%
}

.member-login .hs-form-field {
    margin-top: 10px;
    padding: 5px 0;
    position: relative
}

.member-login .hs-form-field .hs-login-widget-show-password {
    bottom: -19px;
    left: 0;
    position: absolute;
    right: 0;
    text-decoration: none
}

.member-login .hs-form-field input#hs-login-widget-remember {
    margin-left: 0;
    margin-top: 10px;
    width: 20px
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember~label {
    display: inline-block;
    margin-bottom: .175rem
}

.systems-page #hs_login_reset {
    display: block;
    font-size: 12px;
    margin-bottom: .7rem;
    text-decoration: none
}

.member-login #hs_cos_wrapper_membership_admin_content a {
    text-decoration: none
}

.systems-page form input[type=submit] {
    display: block;
    margin: .7rem 0
}

.member-login .hs-form-field .hs-register-widget-show-password,
.member-login .hs-form-field .hs-reset-widget-show-password {
    bottom: -25px;
    left: 0;
    position: absolute;
    right: 0;
    text-decoration: none
}

.member-login .hs-membership-loader.hs_submit.hs-submit {
    margin-top: 40px
}

.member-login .form-input-validation-message ul.hs-error-msgs {
    padding-top: 25px
}

.reset-pass-dd .form-input-validation-message ul.hs-error-msgs {
    padding-top: 12px
}

.systems-page {
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    margin: 0 auto;
    max-width: 700px;
    padding: 30px
}

.system-page-banner {
    overflow: hidden
}

.covid-page .covid-list-top ul {
    list-style: disc;
    padding-left: 20px
}

.covid-page .covid-list-top ul li {
    line-height: 30px
}

.resource-tag-module-dd .bottom_section img {
    height: 173px;
    object-position: top
}

.blog-resource-main-class a:hover .resourece-contnet-blog-title h5 {
    text-decoration: underline;
    text-decoration-color: #fff;
    text-decoration-style: solid
}

.blog-resource-main-class:nth-child(4) a:hover .resourece-contnet-blog-title h5,
.blog-resource-main-class:nth-child(6) a:hover .resourece-contnet-blog-title h5 {
    text-decoration-color: #1e293b
}

@media (min-width:1200px) {
    .rd-webinar-lp .integration-pattern-main-wrap .left-side-img .img3 {
        top: 70px
    }
}

@media (max-width:1366px) {
    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap {
        left: 67%
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap1 {
        left: 49%;
        top: -58px;
        width: 1146px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap2 {
        left: 21%;
        top: -87%;
        width: 1900px
    }
}

@media (max-width:1199px) {
    .forcasting-estimation-banner .img.img2 {
        left: -75px;
        top: 119px
    }

    .security-banner-allstacks .inner-hero-banner-main-wrap .patterns-img .img2 {
        bottom: 184px;
        right: 1px;
        width: 104px
    }

    .security-banner-allstacks .inner-hero-banner-main-wrap .hero-img img {
        width: 645px
    }

    .ndustrial-story-banner.circle-pattern .patterns-img .img1 {
        height: 90px;
        left: -36px;
        top: 68px;
        transform: unset;
        width: 90px;
        z-index: 2
    }

    .ndustrial-story-banner.circle-pattern .patterns-img .img2 {
        right: -19px;
        top: 68px;
        width: 51.32px
    }

    .wellknown-ret-ban.ndustrial-story-banner.circle-pattern .patterns-img .img3 {
        bottom: -68px
    }
}

@media screen and (max-width:1199px) and (min-width:992px) {
    .customer-stories-two-clmn .section-heading h2 {
        font-size: 40px;
        line-height: normal;
        margin-bottom: 0
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap {
        left: 68% !important;
        right: unset;
        top: 10%;
        width: 622px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap1 {
        left: 40%;
        top: -58px;
        width: 1146px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap2 {
        left: 13%;
        top: -87%;
        width: 1900px
    }
}

@media (min-width:992px) {
    .resource-tag-module-dd .bottom_section .left_img_part {
        flex: 0 0 329px;
        max-width: 329px
    }

    .resource-tag-module-dd .bottom_section .right_content_section {
        flex: 0 0 calc(100% - 329px);
        max-width: calc(100% - 329px)
    }
}

@media (max-width:991px) {
    .forcating-estimation-iframe .site-iframe-box-main-inner {
        margin-bottom: -15px;
        margin-top: -95px
    }

    .forcasting-estimation-banner .hero-img {
        height: 359px
    }

    .forcasting-estimation-banner .img.img1 img {
        max-width: 81% !important
    }

    .forcasting-estimation-banner .img.img1 {
        right: 207px !important;
        top: 0
    }

    .forcasting-estimation-banner .img.img2 img {
        max-width: 126px !important
    }

    .forcasting-estimation-banner .img.img3 img {
        max-width: 87% !important
    }

    .forcasting-estimation-banner .inner-hero-banner-main-wrap .patterns-img .img.img3 {
        bottom: 39px;
        right: 46px
    }

    .forcasting-estimation-risk-slider .ac-site-slider-max-wdth {
        margin-top: 81px;
        max-width: 100%;
        padding: 45px 50px 43px;
        position: relative
    }

    .slider-top-image-mob img {
        width: 100% !important
    }

    .forcasting-estimation-risk-slider .baseModuleParent {
        position: unset !important;
        z-index: 5
    }

    .forcasting-estimation-risk-slider .site-apatternImageA {
        display: block !important;
        max-width: 45px;
        right: 15%;
        top: 38%;
        transform: rotate(45deg)
    }

    .forcasting-estimation-risk-slider .site-apatternImageB {
        display: block !important;
        max-width: 49px;
        right: -6px;
        top: 26%;
        transform: rotate(45deg)
    }

    .forcasting-estimation-risk-slider .site-apatternImageC {
        bottom: unset;
        display: block !important;
        max-width: 36px;
        right: 23%;
        top: 19%
    }

    .security-banner-allstacks .md\:col-5.pl-15.pr-15.aos-init,
    .security-banner-allstacks .md\:col-7.pl-15.pr-15.aos-init {
        flex: 0 0 100%;
        max-width: 100%
    }

    .security-two-clmn-img .right_image_part {
        order: 2
    }

    .security-two-clmn-img .image-wrap img {
        max-width: 272px !important;
        padding-top: 56px
    }

    .forcasting-estimation-banner .img.img2 {
        left: 0;
        top: 119px
    }

    .security-banner-allstacks .inner-hero-banner-main-wrap .hero-img img {
        left: 0;
        margin: 0 auto;
        max-width: unset !important;
        position: relative;
        width: 331px
    }

    .security-banner-allstacks .inner-hero-banner-main-wrap .patterns-img .img2 {
        right: 0;
        top: 59%;
        transform: rotate(16deg);
        width: 45px
    }

    .security-banner-allstacks .inner-hero-banner-main-wrap .patterns-img .img1 {
        left: 62px !important;
        position: absolute;
        top: 12%;
        width: 46px
    }

    .security-banner-allstacks .inner-hero-banner-main-wrap .patterns-img .img3 {
        bottom: 0;
        left: -20px;
        width: 65px
    }

    .forcasting-operation-section .site-breadcrumbs-wrap ul .hs-menu-item>a {
        display: none
    }

    .forcasting-operation-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch {
        display: block !important
    }

    .forcasting-operation-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>a {
        display: flex
    }

    .forcasting-operation-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li {
        margin: 0
    }

    .forcasting-operation-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>.hs-menu-children-wrapper.active-branch {
        display: none !important
    }

    .forcasting-operation-section .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li:before {
        display: none
    }

    .forcasting-estimation-risk-slider .ac-site-Slider-heading-title h3 {
        font-size: 22px !important
    }

    .customer-stories-story.IntegrationsJira_page .Section_pattern_img {
        display: block
    }

    .customer-stories-story .right_img_1.pattern_img {
        bottom: 0;
        right: -51px;
        top: -65px;
        transform: unset;
        width: 302px
    }

    .customer-stories-story .Section_pattern_img .right_img_1.pattern_img img {
        object-fit: cover;
        transform: rotate(82deg);
        width: 20%
    }

    .customer-stories-story .left_img_2.pattern_img {
        bottom: unset;
        left: 24px;
        top: -54px;
        transform: unset;
        width: 73px
    }

    .customer-stories-story .right_img_2.pattern_img {
        bottom: unset;
        right: -28px;
        top: -49px
    }

    .customer-stories-two-clmn .section-heading h2 {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-bottom: 0
    }

    .customer-stories-two-clmn .site-ready-to-powerup-heading-text {
        padding-bottom: 0 !important
    }

    .customer-stories-story .left_img_1.pattern_img {
        left: 115px;
        top: -20px;
        z-index: -1
    }

    .customer-stories-story .Section_pattern_img .left_img_1.pattern_img img {
        width: 75px
    }

    .customer-stories-story .Top_icons {
        position: relative
    }

    .customer-stories-story .Top_icons:after {
        background-image: url("../image/Ellipse 28.svg");
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 34px;
        left: -28px;
        position: absolute;
        top: -55px;
        width: 34px
    }

    .ndustrial-story-banner .md\:col-5.pl-15.pr-15.aos-init,
    .ndustrial-story-banner .md\:col-7.pl-15.pr-15.aos-init {
        flex: 0 0 100%;
        max-width: 100%
    }

    .box-key-result-parent {
        padding: 43px 21px 46px 27px
    }

    .box-key-result-parent,
    .customWidthOption.testimonial-text-group {
        margin-left: 0;
        width: 100%
    }

    .box-key-result-parent {
        margin-top: -400px
    }

    .ndustrial-story-banner .img.img1 {
        left: -15px !important;
        width: 90px !important
    }

    .ndustrial-story-banner .img.img2 {
        bottom: unset !important;
        right: 0 !important;
        top: 0 !important;
        width: 51px !important
    }

    .ndustrial-story-banner.circle-pattern .patterns-img .img3 {
        bottom: -49px;
        left: unset;
        right: 0;
        transform: unset;
        width: 147px;
        z-index: 2
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item>a {
        display: none
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item .active-branch {
        display: block !important
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>a {
        display: flex
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li {
        margin: 0
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item .active-branch>.hs-menu-children-wrapper.active-branch {
        display: none !important
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item .active-branch li:before {
        display: none
    }

    .ndustrial-story .bluebtn-dark a {
        text-align: center
    }

    .ndustrial-testimonial {
        padding: 195px 27px 51px 22px
    }

    .ndustrial-testimonial-name.pl-25 {
        padding-left: 15px
    }

    .ndusstrial-story-page-blog .blog-listing-title {
        display: flex;
        justify-content: left;
        width: 100%
    }

    .ndustrial-story-key-results .key-result-logo img {
        width: 26px !important
    }

    .ndustrial-story-key-results .key-result-logo {
        height: 64px;
        width: 64px
    }

    .ndustrial-story .section-conttent h3 {
        font-size: 22px
    }

    .ndustrial-story .section-conttent h2 {
        margin-bottom: 10px;
        margin-top: 0
    }

    .ndustrial-story .section-conttent ul {
        padding-bottom: 40px
    }

    .wel-know-ret .ndustrial-testimonial {
        margin-top: -297px
    }

    .ndustrial-story .wel-know-ret .section-conttent ul {
        margin-bottom: 0
    }

    .wel-know-ret p.small-title-retail span {
        letter-spacing: 1.36px
    }

    .product-updates-banner .site-hero-banner-title h1 {
        font-size: 30px;
        line-height: 36.25px
    }

    .right-form-pro-update-banner {
        margin-bottom: -38px;
        width: 100%
    }

    .product-updates-banner .hs_email input {
        width: 100%
    }

    .right-form-pro-update-banner .section-pattern-wrap .img-3 {
        bottom: unset;
        right: 17px;
        top: -19px;
        width: 42px;
        z-index: 1
    }

    .right-form-pro-update-banner .section-pattern-wrap .img-2 {
        bottom: -47px;
        left: 0;
        right: 0;
        top: unset;
        width: 85px
    }

    .right-form-pro-update-banner .section-pattern-wrap .img-1 {
        bottom: -28px;
        right: 37px;
        top: unset;
        width: 52px
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item>a:after {
        color: #fff;
        content: "<";
        font-size: 16px;
        left: 5px;
        position: absolute;
        top: 0
    }

    .ndustrial-story .site-breadcrumbs-wrap ul .hs-menu-item>a {
        padding-left: 20px;
        position: relative
    }

    .product-updates-banner .site-hero-banner-desc {
        max-width: 100%
    }

    .industry-reports-ban .section-pattern-wrap .img.img-1 {
        right: 75px;
        top: 0;
        width: unset
    }

    .industry-reports-ban .section-pattern-wrap .img.img-2 {
        left: 0;
        top: -9px;
        width: unset
    }

    .industry-reports-ban .section-pattern-wrap .img.img-3 {
        bottom: 27px;
        right: 48%;
        top: unset;
        width: unset;
        z-index: 1
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap {
        display: none
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap1 {
        left: -66%;
        top: -10%;
        width: 1467px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap2 {
        left: -30%;
        top: 14%;
        width: 900px
    }

    .covid-ban .right-form-pro-update-banner {
        text-align: center;
        width: 100%
    }

    .roi-calculator-page .pattern-right-images .img1 {
        left: auto;
        right: 110px;
        top: -100px;
        width: 215px
    }

    .roi-calculator-page .pattern-right-images .img4 {
        bottom: -70px
    }

    .roi-calculator .roi-two-clmn-parent .roi-right-side-image,
    .roi-calculator-page .covid-banner {
        text-align: center
    }

    .roi-calculator .hs_email.hs-email>span {
        font-size: 13px
    }

    .roi-calculator-page .right-form-pro-update-banner {
        margin-top: 72px;
        width: 100%
    }

    .takeproduct-tour-main-section .iFrame-section.white-box-iframe-wrap.about-page-dd {
        background: unset !important
    }

    .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img4 {
        bottom: -14px;
        left: -29px;
        width: 58px
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img1 {
        display: none !important
    }

    .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img3 {
        width: 100px
    }

    .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img5 {
        bottom: 0;
        left: -24px;
        top: unset;
        width: 51px
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img2 {
        left: -32%;
        top: -68px;
        width: 182px
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img3 {
        bottom: unset;
        right: -29%;
        top: 49% !important;
        width: 197px
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img5 {
        bottom: -93%;
        right: -99px;
        top: unset;
        width: 135px !important
    }

    .iFrame-section.about-page-dd .site-iframe-box-main-inner .iframe_wrapper iframe {
        height: 400px
    }

    .integration-herobanner-section-wrap.about-story-parent-class:after {
        top: -121px
    }

    .about-story-class-dd .integration-pattern-main-wrap {
        display: none
    }

    .about-story-class-dd .section-heading {
        padding-top: 45px
    }

    .baseModuleParent.about-slider-module-dd:before {
        top: -160px
    }

    .about-client-logos-dd:before {
        top: -71px
    }

    .about-client-logos-dd:after {
        content: unset
    }

    .about-form-text .form-title {
        flex-direction: column;
        padding: 71px 30px 63px 32px
    }

    .about-form-text .form-contact-info.ready-to-work {
        width: 100%
    }

    .about-form-text .form-title-text {
        margin-bottom: 40px;
        margin-right: 0;
        max-width: 100%
    }

    .about-page-dd.white-box-iframe-wrap .site-iframe-box-main-inner {
        padding-bottom: 0
    }

    .about-ready-work-form-class label {
        font-size: 13px;
        letter-spacing: 1.04px;
        line-height: 22px
    }

    .about-ready-work-form-class .hs-form-field {
        margin: 0 0 15px
    }

    .resource-banner-left {
        order: 2;
        text-align: center
    }

    .resource-banner-right {
        padding-bottom: 23px
    }

    .resource-banner-cta {
        padding-top: 27px
    }

    .resourece-contnet-title h2 {
        font-size: 30px;
        text-align: center
    }

    .resourece-contnet-cta {
        bottom: 0;
        bottom: -44px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .resourece-contnet-title {
        padding-bottom: 0
    }

    .about-form-title-dd h2 {
        font-size: 22px;
        line-height: 30px
    }

    .about-page-form-dd.form-contact-srt.formResetStyling {
        background: #4c1d95;
        border-radius: 17px;
        padding: 31px 28px 56px 25px;
        width: 442px;
        width: 100%
    }

    .resource-banner-class .site-breadcrumbs-wrap ul .hs-menu-item {
        justify-content: center
    }

    .error-page .patterns-img .img.img1 {
        right: 0;
        top: -32px;
        width: 75px
    }

    .error-page .patterns-img .img.img3 {
        bottom: 16px;
        left: 22px;
        width: 66px;
        z-index: 2
    }

    .error-page .patterns-img .img.img2 {
        bottom: 28px;
        right: 23px;
        width: 27px
    }

    .error-page .inner-hero-banner-main-wrap {
        text-align: center
    }

    .error-page .site-breadcrumbs-wrap ul .hs-menu-item {
        justify-content: center
    }

    .error-page .system-error-mob-class {
        display: block
    }

    .error-page .error-page-content-dd {
        display: none
    }

    .resource-banner-title h1 {
        font-size: 30.21px;
        line-height: 36.25px
    }

    .resource-tag-module-dd .bottom_section img {
        height: 257px
    }

    .resource-tag-module-dd .blog-tags .ac-blog__sidebar-tags {
        align-items: center;
        justify-content: center
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner {
        display: inline-block
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner .patterns-img .img.img3 {
        bottom: 26px;
        left: -36px;
        width: 60px
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner .patterns-img .img.img1 {
        right: -45px;
        top: -10px;
        width: 80px
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner .patterns-img .img.img2 {
        bottom: 30px;
        right: -27px;
        width: 27px
    }

    .pricing-page .section-mian-box .section-box-top {
        padding: 40px 20px 50px
    }

    .pricing-page .section-mian-box .top-title-main-wrap .sub-title p {
        font-size: 24px;
        line-height: 30px
    }

    .pricing-page .section-mian-box .top-title-main-wrap {
        padding: 28px 12px
    }
}

@media screen and (max-width:1199px) and (min-width:768px) {
    .error-page .circle-shap-wrap .circle-sh.circle-shap1 {
        top: -260px;
        width: 1000px
    }

    .error-page .circle-shap-wrap .circle-sh.circle-shap {
        top: -200px;
        width: 800px
    }
}

@media (max-width:767px) {
    .slider-top-image-mob {
        display: block
    }

    .forcasting-estimation-risk-slider {
        background-image: none !important
    }

    .forcasting-estimation-banner .img.img1 {
        right: -17px !important;
        top: 0
    }

    .forcasting-estimation-risk-slider .ac-site-slider-max-wdth {
        margin-top: -72px;
        max-width: 100%;
        padding: 45px 27px 43px;
        position: relative
    }

    .forcasting-estimation-banner .img.img2 {
        left: -27px;
        top: 119px
    }

    .software-del-section .inner-hero-banner-main-wrap .patterns-img .img3 {
        width: 75px
    }

    .traingle-shap-wrap-new .new-traingle-shap {
        right: -240px;
        top: -14px;
        width: 550px
    }

    .traingle-shap-wrap-new .new-traingle-shap1 {
        left: -161px;
        right: unset;
        top: -172px;
        width: 900px
    }

    .traingle-shap-wrap-new .new-traingle-shap2 {
        left: -384px;
        right: unset;
        top: -499px;
        width: 1500px
    }

    .security-dd .site-breadcrumbs-wrap ul .hs-menu-item>a {
        padding-left: 20px;
        position: relative
    }

    .ndustrial-story-key-results .bluebtn-dark a:before {
        top: calc(50% - 5px);
        transform: translateY(-50%) rotate(90deg)
    }

    .ndustrial-story-key-results .bluebtn-dark a:after {
        top: 50%;
        transform: translateY(-50%) rotate(90deg)
    }

    .ndustrial-story-rep-test-text .bluebtn-dark a:before {
        top: calc(50% - 5px);
        transform: translateY(-50%) rotate(90deg)
    }

    .ndustrial-story-rep-test-text .bluebtn-dark a:after {
        top: 50%;
        transform: translateY(-50%) rotate(90deg)
    }

    .roi-calculator .roi-two-clmn-left,
    .roi-calculator .roi-two-clmn-right {
        padding-left: 0;
        padding-right: 0
    }

    .roi-calculator .roi-cal-two-col-form form input[type=email] {
        max-width: 355px;
        padding: 15px 45px 15px 38px
    }

    .pricing-page .section-box-bottom {
        padding: 30px 10px 22px 32px
    }

    .pricing-page .lsiting-box .right-content {
        padding-right: 0;
        width: calc(100% - 12px)
    }

    .pricing-page .lsiting-box .wrap-sec {
        align-items: flex-start
    }

    .pricing-page .section-bottom-content .list-main-box {
        padding-right: 15px
    }

    .pricing-page .lsiting-box .wrap-sec .left-icons-img {
        position: relative;
        top: 4px
    }

    .form-boxed-calc-inner {
        padding: 39px 22px 50px
    }

    .roi-calculator .form label>div:first-child {
        padding-right: 30px
    }

    .roi-calculator .form label>div>svg {
        position: absolute;
        right: 0;
        top: 4px
    }

    .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img3 {
        bottom: -69px;
        left: 49px;
        width: 65px
    }

    .rd-webinar-lp .integration-pattern-main-wrap .left-side-img .img3,
    .rd-webinar-lp .integration-pattern-main-wrap .right-side-img .img4 {
        opacity: 0
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .left-side-img .img2 {
        left: -41%;
        top: -92px
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img3 {
        right: -54%;
        top: -19% !important;
        width: 197px;
        width: unset
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img5 {
        bottom: -33%;
        right: -111px;
        top: unset;
        width: 135px !important
    }

    .takeproduct-tour-main-section .about-page-banner-dd .integration-pattern-main-wrap .right-side-img .img4 {
        bottom: -26px;
        right: 67px;
        top: unset;
        width: 42px
    }

    .one-clmn-pattern-about-images-1 {
        right: -24px;
        top: 47px
    }

    .one-clmn-pattern-about-images-2 {
        left: -61px;
        right: unset;
        top: 70px;
        width: 64px
    }

    .iFrame-section.about-page-dd .site-iframe-box-main-inner .iframe_wrapper iframe {
        height: 199px
    }

    .about-dd-page .site-breadcrumbs-wrap ul .hs-menu-item>a:after {
        color: #ec4899 !important
    }

    .resource-banner-class {
        padding-left: 20px;
        padding-right: 20px
    }

    .resource-tag-module-dd .bottom_section img {
        height: 157px
    }

    .error-page .circle-shap-wrap .circle-sh.circle-shap2 {
        left: -230px;
        right: unset;
        top: -93px;
        width: 1134px
    }

    .error-page .circle-shap-wrap .circle-sh.circle-shap1 {
        left: -100px;
        right: unset;
        top: 79px;
        width: 802px
    }

    .error-page .circle-shap-wrap .circle-sh.circle-shap {
        left: 10px;
        right: 0;
        right: unset;
        top: 150px;
        width: 618px
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner {
        display: inline-block
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner .patterns-img .img.img3 {
        bottom: 26px;
        left: -36px;
        width: 60px
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner .patterns-img .img.img1 {
        right: -45px;
        top: -10px;
        width: 80px
    }

    .four-system-page-banner .inner-hero-banner-main-wrap .column-inner .patterns-img .img.img2 {
        bottom: 30px;
        right: -27px;
        width: 27px
    }
}

@media(max-width:555px) {
    .rac-image {
        max-width: 264px
    }

    .one-clmn-pattern-about-images-1 {
        top: 25px;
        width: 52px
    }

    .one-clmn-pattern-about-images-3 {
        width: 65px
    }

    .one-clmn-pattern-about-images-2 {
        left: -30%;
        top: 33%;
        width: 68px
    }
}

@media (max-width:480px) {
    .ndustrial-story-banner .img.img1 {
        top: 0 !important
    }

    .ndustrial-story-key-results .key-result-start-here {
        position: relative;
        text-align: center;
        width: 100%
    }

    .ndustrial-testimonial-name.pl-25 {
        padding-left: 6px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap1 {
        left: -53%;
        top: -10%;
        width: 1378px
    }

    .byrole-common-inner-hero-section .polygon-shap-wrap.roundshape-triangle .polygon-shap-common.polygon-shap2 {
        left: 8%;
        top: 14%;
        width: 800px
    }
}

@media (max-width:400px) {
    .for-est-blog-listing .custom-blog-listing-details .blog-tags ul li:not(:last-child):after {
        background: #ec4899;
        border-radius: 50%;
        bottom: 8px;
        content: "";
        height: 3px;
        left: 117px;
        position: absolute;
        right: 0;
        width: 3px
    }
}