@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Volkhov:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');





/* Global Color Variable */ 








/* Global Fonts Variable */



/* Header */












/* Typography Style Variables */




 











 














/* Button Style Variables */

/** Button Style 1 **/







/** Button Style 2 **/








/* Form Style Variables */





/* Macro Start */
/** 
 * Border Radius 
 *
 *  
 */




/** 
 * Box Shadow  
 *
 *  
 */




/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */


.text-13 { font-size: 13px; }
.flex_wrap { flex-wrap: wrap; }












.d-block {
    display:block;
}

.d-inline-block {
    display:inline-block;
}

.d-flex {
    display:flex;
}

.d-inline-flex {
    display:inline-flex;
}

.d-none {
    display:none;
}



.align-center {
    align-items:center;
}

.align-flex-start {
    align-items:flex-start;
}

.align-flex-end {
    align-items:flex-end;
}

.align-normal {
    align-items:normal;
}



.justify-center {
    justify-content:center;
}

.justify-flex-end {
    justify-content:flex-end;
}

.justify-flex-start {
    justify-content:flex-start;
}

.justify-space-around {
    justify-content:space-around;
}

.justify-space-between {
    justify-content:space-between;
}



.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}

.text-center {
    text-align:center;
}



.direction-column {
    flex-direction:column;
}

.direction-column-reverse {
    flex-direction:column-reverse;
}

.direction-row {
    flex-direction:row;
}

.direction-row-reverse {
    flex-direction:row-reverse;
}




.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }

.m-0 {  margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }

.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }




.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-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; }

.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }




.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }




.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; }

.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }




.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }




.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; }

.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }




.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }




.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; }

.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }




.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }




.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; }

.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }




.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-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; }

.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }




.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }




.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; }

.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }




.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }




.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; }

.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }




.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }




.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; }

.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }




.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }




.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; }

.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }




.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }




.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; }

.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }




.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }




.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; }

.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }




.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }




.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; }

.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }




.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }




.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; }

.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }




.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }




.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; }

.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }




.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }




.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; }

.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }




.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }




.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; }

.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }




.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }




.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; }

.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }




.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }




.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; }

.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }




.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }




.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; }

.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }




.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }




.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; }

.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-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; }

.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-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; }

.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-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; }

.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-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; }

.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-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; }

.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-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; }

.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-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; }

.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-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; }

.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-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; }

.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }







.max-auto { max-width:100%; }

/* div[class*=row-0-padding] > div {padding: 0 !important;} */
div[class*=full-width-section] > div {
    padding: 0 !important;
}

div[class*=full-width-section] > div > div {
    padding: 0 !important;
}


.ml-auto{ margin-left:auto; }
.mr-auto{ margin-right:auto; }
.vh-100{ height:100vh; }
.vh-auto{ height:auto; }

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

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

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

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

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

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

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

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

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

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

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

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


    .max-50 { max-width:50px; }
    .text-2{ font-size:2px; } 

    .max-100 { max-width:100px; }
    .text-4{ font-size:4px; } 

    .max-150 { max-width:150px; }
    .text-6{ font-size:6px; } 

    .max-200 { max-width:200px; }
    .text-8{ font-size:8px; } 

    .max-250 { max-width:250px; }
    .text-10{ font-size:10px; } 

    .max-300 { max-width:300px; }
    .text-12{ font-size:12px; } 

    .max-350 { max-width:350px; }
    .text-14{ font-size:14px; } 

    .max-400 { max-width:400px; }
    .text-16{ font-size:16px; } 

    .max-450 { max-width:450px; }
    .text-18{ font-size:18px; } 

    .max-500 { max-width:500px; }
    .text-20{ font-size:20px; } 

    .max-550 { max-width:550px; }
    .text-22{ font-size:22px; } 

    .max-600 { max-width:600px; }
    .text-24{ font-size:24px; } 

    .max-650 { max-width:650px; }
    .text-26{ font-size:26px; } 

    .max-700 { max-width:700px; }
    .text-28{ font-size:28px; } 

    .max-750 { max-width:750px; }
    .text-30{ font-size:30px; } 

    .max-800 { max-width:800px; }
    .text-32{ font-size:32px; } 

    .max-850 { max-width:850px; }
    .text-34{ font-size:34px; } 

    .max-900 { max-width:900px; }
    .text-36{ font-size:36px; } 

    .max-950 { max-width:950px; }
    .text-38{ font-size:38px; } 

    .max-1000 { max-width:1000px; }
    .text-40{ font-size:40px; } 

    .max-1050 { max-width:1050px; }
    .text-42{ font-size:42px; } 

    .max-1100 { max-width:1100px; }
    .text-44{ font-size:44px; } 

    .max-1150 { max-width:1150px; }
    .text-46{ font-size:46px; } 

    .max-1200 { max-width:1200px; }
    .text-48{ font-size:48px; } 

    .max-1250 { max-width:1250px; }
    .text-50{ font-size:50px; } 

    .max-1300 { max-width:1300px; }
    .text-52{ font-size:52px; } 

    .max-1350 { max-width:1350px; }
    .text-54{ font-size:54px; } 

    .max-1400 { max-width:1400px; }
    .text-56{ font-size:56px; } 

    .max-1450 { max-width:1450px; }
    .text-58{ font-size:58px; } 








@media(min-width:768px){
    
    
    .sm\:d-block {
        display:block;
    }
    
    .sm\:d-inline-block {
        display:inline-block;
    }
    
    .sm\:d-flex {
        display:flex;
    }
    
    .sm\:d-inline-flex {
        display:inline-flex;
    }
    
    .sm\:d-none {
        display:none;
    }
    
    
    
    .sm\:align-center {
        align-items:center;
    }
    
    .sm\:align-flex-start {
        align-items:flex-start;
    }
    
    .sm\:align-flex-end {
        align-items:flex-end;
    }
    
    .sm\:align-normal {
        align-items:normal;
    }
    
    
    
    .sm\:justify-center {
        justify-content:center;
    }
    
    .sm\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .sm\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .sm\:justify-space-around {
        justify-content:space-around;
    }
    
    .sm\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .sm\:text-left {
        text-align:left;
    }
    
    .sm\:text-right {
        text-align:right;
    }
    
    .sm\:text-center {
        text-align:center;
    }
    
    
    
    .sm\:direction-column {
        flex-direction:column;
    }
    
    .sm\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .sm\:direction-row {
        flex-direction:row;
    }
    
    .sm\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .sm\:p--0 { padding:0px !important; }
    .sm\:p-0 { padding:0px; }
    .sm\:pt-0 { padding-top:0px; }
    .sm\:pb-0 { padding-bottom:0px; }
    .sm\:pl-0 { padding-left:0px; }
    .sm\:pr-0 { padding-right:0px; }

    .sm\:m-0 {  margin:0px; }
    .sm\:mt-0 { margin-top:0px; }
    .sm\:mb-0 { margin-bottom:0px; }
    .sm\:ml-0 { margin-left:0px; }
    .sm\:mr-0 { margin-right:0px; }

    .sm\:ml--0 { margin-left:-0px; }
    .sm\:mr--0 { margin-right:-0px; }

    .sm\:mt--0 { margin-top:-0px; }
    .sm\:mb--0 { margin-bottom:-0px; }

    .sm\:max--0 { max-width:0%; }
    .sm\:mt---0 { margin-top:-0%; }
    .sm\:mb---0 { margin-bottom:-0%; }
    
    
    .sm\:p--5 { padding:5px !important; }
    .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\:max--5 { max-width:5%; }
    .sm\:mt---5 { margin-top:-5%; }
    .sm\:mb---5 { margin-bottom:-5%; }
    
    
    .sm\:p--10 { padding:10px !important; }
    .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\:max--10 { max-width:10%; }
    .sm\:mt---10 { margin-top:-10%; }
    .sm\:mb---10 { margin-bottom:-10%; }
    
    
    .sm\:p--15 { padding:15px !important; }
    .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\:max--15 { max-width:15%; }
    .sm\:mt---15 { margin-top:-15%; }
    .sm\:mb---15 { margin-bottom:-15%; }
    
    
    .sm\:p--20 { padding:20px !important; }
    .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\:max--20 { max-width:20%; }
    .sm\:mt---20 { margin-top:-20%; }
    .sm\:mb---20 { margin-bottom:-20%; }
    
    
    .sm\:p--25 { padding:25px !important; }
    .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\:max--25 { max-width:25%; }
    .sm\:mt---25 { margin-top:-25%; }
    .sm\:mb---25 { margin-bottom:-25%; }
    
    
    .sm\:p--30 { padding:30px !important; }
    .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\:max--30 { max-width:30%; }
    .sm\:mt---30 { margin-top:-30%; }
    .sm\:mb---30 { margin-bottom:-30%; }
    
    
    .sm\:p--35 { padding:35px !important; }
    .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\:max--35 { max-width:35%; }
    .sm\:mt---35 { margin-top:-35%; }
    .sm\:mb---35 { margin-bottom:-35%; }
    
    
    .sm\:p--40 { padding:40px !important; }
    .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\:max--40 { max-width:40%; }
    .sm\:mt---40 { margin-top:-40%; }
    .sm\:mb---40 { margin-bottom:-40%; }
    
    
    .sm\:p--45 { padding:45px !important; }
    .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\:max--45 { max-width:45%; }
    .sm\:mt---45 { margin-top:-45%; }
    .sm\:mb---45 { margin-bottom:-45%; }
    
    
    .sm\:p--50 { padding:50px !important; }
    .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\:max--50 { max-width:50%; }
    .sm\:mt---50 { margin-top:-50%; }
    .sm\:mb---50 { margin-bottom:-50%; }
    
    
    .sm\:p--55 { padding:55px !important; }
    .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\:max--55 { max-width:55%; }
    .sm\:mt---55 { margin-top:-55%; }
    .sm\:mb---55 { margin-bottom:-55%; }
    
    
    .sm\:p--60 { padding:60px !important; }
    .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\:max--60 { max-width:60%; }
    .sm\:mt---60 { margin-top:-60%; }
    .sm\:mb---60 { margin-bottom:-60%; }
    
    
    .sm\:p--65 { padding:65px !important; }
    .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\:max--65 { max-width:65%; }
    .sm\:mt---65 { margin-top:-65%; }
    .sm\:mb---65 { margin-bottom:-65%; }
    
    
    .sm\:p--70 { padding:70px !important; }
    .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\:max--70 { max-width:70%; }
    .sm\:mt---70 { margin-top:-70%; }
    .sm\:mb---70 { margin-bottom:-70%; }
    
    
    .sm\:p--75 { padding:75px !important; }
    .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\:max--75 { max-width:75%; }
    .sm\:mt---75 { margin-top:-75%; }
    .sm\:mb---75 { margin-bottom:-75%; }
    
    
    .sm\:p--80 { padding:80px !important; }
    .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\:max--80 { max-width:80%; }
    .sm\:mt---80 { margin-top:-80%; }
    .sm\:mb---80 { margin-bottom:-80%; }
    
    
    .sm\:p--85 { padding:85px !important; }
    .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\:max--85 { max-width:85%; }
    .sm\:mt---85 { margin-top:-85%; }
    .sm\:mb---85 { margin-bottom:-85%; }
    
    
    .sm\:p--90 { padding:90px !important; }
    .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\:max--90 { max-width:90%; }
    .sm\:mt---90 { margin-top:-90%; }
    .sm\:mb---90 { margin-bottom:-90%; }
    
    
    .sm\:p--95 { padding:95px !important; }
    .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\:max--95 { max-width:95%; }
    .sm\:mt---95 { margin-top:-95%; }
    .sm\:mb---95 { margin-bottom:-95%; }
    
    
    .sm\:p--100 { padding:100px !important; }
    .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\:max--100 { max-width:100%; }
    .sm\:mt---100 { margin-top:-100%; }
    .sm\:mb---100 { margin-bottom:-100%; }
    
    
    .sm\:p--105 { padding:105px !important; }
    .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\:max--105 { max-width:105%; }
    .sm\:mt---105 { margin-top:-105%; }
    .sm\:mb---105 { margin-bottom:-105%; }
    
    
    .sm\:p--110 { padding:110px !important; }
    .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\:max--110 { max-width:110%; }
    .sm\:mt---110 { margin-top:-110%; }
    .sm\:mb---110 { margin-bottom:-110%; }
    
    
    .sm\:p--115 { padding:115px !important; }
    .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\:max--115 { max-width:115%; }
    .sm\:mt---115 { margin-top:-115%; }
    .sm\:mb---115 { margin-bottom:-115%; }
    
    
    .sm\:p--120 { padding:120px !important; }
    .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\:max--120 { max-width:120%; }
    .sm\:mt---120 { margin-top:-120%; }
    .sm\:mb---120 { margin-bottom:-120%; }
    
    
    .sm\:p--125 { padding:125px !important; }
    .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\:max--125 { max-width:125%; }
    .sm\:mt---125 { margin-top:-125%; }
    .sm\:mb---125 { margin-bottom:-125%; }
    
    
    .sm\:p--130 { padding:130px !important; }
    .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\:max--130 { max-width:130%; }
    .sm\:mt---130 { margin-top:-130%; }
    .sm\:mb---130 { margin-bottom:-130%; }
    
    
    .sm\:p--135 { padding:135px !important; }
    .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\:max--135 { max-width:135%; }
    .sm\:mt---135 { margin-top:-135%; }
    .sm\:mb---135 { margin-bottom:-135%; }
    
    
    .sm\:p--140 { padding:140px !important; }
    .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\:max--140 { max-width:140%; }
    .sm\:mt---140 { margin-top:-140%; }
    .sm\:mb---140 { margin-bottom:-140%; }
    
    
    .sm\:p--145 { padding:145px !important; }
    .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\:max--145 { max-width:145%; }
    .sm\:mt---145 { margin-top:-145%; }
    .sm\:mb---145 { margin-bottom:-145%; }
    
    
    .sm\:p--150 { padding:150px !important; }
    .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\:max--150 { max-width:150%; }
    .sm\:mt---150 { margin-top:-150%; }
    .sm\:mb---150 { margin-bottom:-150%; }
    
    

    
    .sm\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .sm\:max-50 { max-width:50px; }
    .sm\:text-2{ font-size:2px; } 

    
    .sm\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .sm\:max-100 { max-width:100px; }
    .sm\:text-4{ font-size:4px; } 

    
    .sm\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .sm\:max-150 { max-width:150px; }
    .sm\:text-6{ font-size:6px; } 

    
    .sm\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .sm\:max-200 { max-width:200px; }
    .sm\:text-8{ font-size:8px; } 

    
    .sm\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .sm\:max-250 { max-width:250px; }
    .sm\:text-10{ font-size:10px; } 

    
    .sm\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .sm\:max-300 { max-width:300px; }
    .sm\:text-12{ font-size:12px; } 

    
    .sm\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .sm\:max-350 { max-width:350px; }
    .sm\:text-14{ font-size:14px; } 

    
    .sm\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .sm\:max-400 { max-width:400px; }
    .sm\:text-16{ font-size:16px; } 

    
    .sm\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .sm\:max-450 { max-width:450px; }
    .sm\:text-18{ font-size:18px; } 

    
    .sm\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .sm\:max-500 { max-width:500px; }
    .sm\:text-20{ font-size:20px; } 

    
    .sm\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .sm\:max-550 { max-width:550px; }
    .sm\:text-22{ font-size:22px; } 

    
    .sm\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .sm\:max-600 { max-width:600px; }
    .sm\:text-24{ font-size:24px; } 

    
    .sm\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .sm\:max-650 { max-width:650px; }
    .sm\:text-26{ font-size:26px; } 

    
    .sm\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .sm\:max-700 { max-width:700px; }
    .sm\:text-28{ font-size:28px; } 

    
    .sm\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .sm\:max-750 { max-width:750px; }
    .sm\:text-30{ font-size:30px; } 

    
    .sm\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .sm\:max-800 { max-width:800px; }
    .sm\:text-32{ font-size:32px; } 

    
    .sm\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .sm\:max-850 { max-width:850px; }
    .sm\:text-34{ font-size:34px; } 

    
    .sm\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .sm\:max-900 { max-width:900px; }
    .sm\:text-36{ font-size:36px; } 

    
    .sm\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .sm\:max-950 { max-width:950px; }
    .sm\:text-38{ font-size:38px; } 

    
    .sm\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .sm\:max-1000 { max-width:1000px; }
    .sm\:text-40{ font-size:40px; } 

    
    .sm\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .sm\:max-1050 { max-width:1050px; }
    .sm\:text-42{ font-size:42px; } 

    
    .sm\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .sm\:max-1100 { max-width:1100px; }
    .sm\:text-44{ font-size:44px; } 

    
    .sm\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .sm\:max-1150 { max-width:1150px; }
    .sm\:text-46{ font-size:46px; } 

    
    .sm\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .sm\:max-1200 { max-width:1200px; }
    .sm\:text-48{ font-size:48px; } 

    
    .sm\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .sm\:max-1250 { max-width:1250px; }
    .sm\:text-50{ font-size:50px; } 

    
    .sm\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .sm\:max-1300 { max-width:1300px; }
    .sm\:text-52{ font-size:52px; } 

    
    .sm\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .sm\:max-1350 { max-width:1350px; }
    .sm\:text-54{ font-size:54px; } 

    
    .sm\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .sm\:max-1400 { max-width:1400px; }
    .sm\:text-56{ font-size:56px; } 

    
    .sm\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .sm\:max-1450 { max-width:1450px; }
    .sm\:text-58{ font-size:58px; } 

    

    .sm\:max-full { max-width:100%; }
    .sm\:ml-auto{ margin-left:auto; }
    .sm\:mr-auto{ margin-right:auto; }
    .sm\:vh-100{ height:100vh; }
    .sm\:vh-auto{ height:auto; }
}


@media(min-width:992px){
    
    
    .md\:d-block {
        display:block;
    }
    
    .md\:d-inline-block {
        display:inline-block;
    }
    
    .md\:d-flex {
        display:flex;
    }
    
    .md\:d-inline-flex {
        display:inline-flex;
    }
    
    .md\:d-none {
        display:none;
    }
    
    
    
    .md\:align-center {
        align-items:center;
    }
    
    .md\:align-flex-start {
        align-items:flex-start;
    }
    
    .md\:align-flex-end {
        align-items:flex-end;
    }
    
    .md\:align-normal {
        align-items:normal;
    }
    
    
    
    .md\:justify-center {
        justify-content:center;
    }
    
    .md\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .md\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .md\:justify-space-around {
        justify-content:space-around;
    }
    
    .md\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .md\:text-left {
        text-align:left;
    }
    
    .md\:text-right {
        text-align:right;
    }
    
    .md\:text-center {
        text-align:center;
    }
    
    
    
    .md\:direction-column {
        flex-direction:column;
    }
    
    .md\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .md\:direction-row {
        flex-direction:row;
    }
    
    .md\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .md\:p--0 { padding:0px !important; }
    .md\:p-0 { padding:0px; }
    .md\:pt-0 { padding-top:0px; }
    .md\:pb-0 { padding-bottom:0px; }
    .md\:pl-0 { padding-left:0px; }
    .md\:pr-0 { padding-right:0px; }

    .md\:m-0 {  margin:0px; }
    .md\:mt-0 { margin-top:0px; }
    .md\:mb-0 { margin-bottom:0px; }
    .md\:ml-0 { margin-left:0px; }
    .md\:mr-0 { margin-right:0px; }

    .md\:ml--0 { margin-left:-0px; }
    .md\:mr--0 { margin-right:-0px; }

    .md\:mt--0 { margin-top:-0px; }
    .md\:mb--0 { margin-bottom:-0px; }

    .md\:max--0 { max-width:0%; }
    .md\:mt---0 { margin-top:-0%; }
    .md\:mb---0 { margin-bottom:-0%; }
    
    
    .md\:p--5 { padding:5px !important; }
    .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\:max--5 { max-width:5%; }
    .md\:mt---5 { margin-top:-5%; }
    .md\:mb---5 { margin-bottom:-5%; }
    
    
    .md\:p--10 { padding:10px !important; }
    .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\:max--10 { max-width:10%; }
    .md\:mt---10 { margin-top:-10%; }
    .md\:mb---10 { margin-bottom:-10%; }
    
    
    .md\:p--15 { padding:15px !important; }
    .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\:max--15 { max-width:15%; }
    .md\:mt---15 { margin-top:-15%; }
    .md\:mb---15 { margin-bottom:-15%; }
    
    
    .md\:p--20 { padding:20px !important; }
    .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\:max--20 { max-width:20%; }
    .md\:mt---20 { margin-top:-20%; }
    .md\:mb---20 { margin-bottom:-20%; }
    
    
    .md\:p--25 { padding:25px !important; }
    .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\:max--25 { max-width:25%; }
    .md\:mt---25 { margin-top:-25%; }
    .md\:mb---25 { margin-bottom:-25%; }
    
    
    .md\:p--30 { padding:30px !important; }
    .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\:max--30 { max-width:30%; }
    .md\:mt---30 { margin-top:-30%; }
    .md\:mb---30 { margin-bottom:-30%; }
    
    
    .md\:p--35 { padding:35px !important; }
    .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\:max--35 { max-width:35%; }
    .md\:mt---35 { margin-top:-35%; }
    .md\:mb---35 { margin-bottom:-35%; }
    
    
    .md\:p--40 { padding:40px !important; }
    .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\:max--40 { max-width:40%; }
    .md\:mt---40 { margin-top:-40%; }
    .md\:mb---40 { margin-bottom:-40%; }
    
    
    .md\:p--45 { padding:45px !important; }
    .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\:max--45 { max-width:45%; }
    .md\:mt---45 { margin-top:-45%; }
    .md\:mb---45 { margin-bottom:-45%; }
    
    
    .md\:p--50 { padding:50px !important; }
    .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\:max--50 { max-width:50%; }
    .md\:mt---50 { margin-top:-50%; }
    .md\:mb---50 { margin-bottom:-50%; }
    
    
    .md\:p--55 { padding:55px !important; }
    .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\:max--55 { max-width:55%; }
    .md\:mt---55 { margin-top:-55%; }
    .md\:mb---55 { margin-bottom:-55%; }
    
    
    .md\:p--60 { padding:60px !important; }
    .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\:max--60 { max-width:60%; }
    .md\:mt---60 { margin-top:-60%; }
    .md\:mb---60 { margin-bottom:-60%; }
    
    
    .md\:p--65 { padding:65px !important; }
    .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\:max--65 { max-width:65%; }
    .md\:mt---65 { margin-top:-65%; }
    .md\:mb---65 { margin-bottom:-65%; }
    
    
    .md\:p--70 { padding:70px !important; }
    .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\:max--70 { max-width:70%; }
    .md\:mt---70 { margin-top:-70%; }
    .md\:mb---70 { margin-bottom:-70%; }
    
    
    .md\:p--75 { padding:75px !important; }
    .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\:max--75 { max-width:75%; }
    .md\:mt---75 { margin-top:-75%; }
    .md\:mb---75 { margin-bottom:-75%; }
    
    
    .md\:p--80 { padding:80px !important; }
    .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\:max--80 { max-width:80%; }
    .md\:mt---80 { margin-top:-80%; }
    .md\:mb---80 { margin-bottom:-80%; }
    
    
    .md\:p--85 { padding:85px !important; }
    .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\:max--85 { max-width:85%; }
    .md\:mt---85 { margin-top:-85%; }
    .md\:mb---85 { margin-bottom:-85%; }
    
    
    .md\:p--90 { padding:90px !important; }
    .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\:max--90 { max-width:90%; }
    .md\:mt---90 { margin-top:-90%; }
    .md\:mb---90 { margin-bottom:-90%; }
    
    
    .md\:p--95 { padding:95px !important; }
    .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\:max--95 { max-width:95%; }
    .md\:mt---95 { margin-top:-95%; }
    .md\:mb---95 { margin-bottom:-95%; }
    
    
    .md\:p--100 { padding:100px !important; }
    .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\:max--100 { max-width:100%; }
    .md\:mt---100 { margin-top:-100%; }
    .md\:mb---100 { margin-bottom:-100%; }
    
    
    .md\:p--105 { padding:105px !important; }
    .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\:max--105 { max-width:105%; }
    .md\:mt---105 { margin-top:-105%; }
    .md\:mb---105 { margin-bottom:-105%; }
    
    
    .md\:p--110 { padding:110px !important; }
    .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\:max--110 { max-width:110%; }
    .md\:mt---110 { margin-top:-110%; }
    .md\:mb---110 { margin-bottom:-110%; }
    
    
    .md\:p--115 { padding:115px !important; }
    .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\:max--115 { max-width:115%; }
    .md\:mt---115 { margin-top:-115%; }
    .md\:mb---115 { margin-bottom:-115%; }
    
    
    .md\:p--120 { padding:120px !important; }
    .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\:max--120 { max-width:120%; }
    .md\:mt---120 { margin-top:-120%; }
    .md\:mb---120 { margin-bottom:-120%; }
    
    
    .md\:p--125 { padding:125px !important; }
    .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\:max--125 { max-width:125%; }
    .md\:mt---125 { margin-top:-125%; }
    .md\:mb---125 { margin-bottom:-125%; }
    
    
    .md\:p--130 { padding:130px !important; }
    .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\:max--130 { max-width:130%; }
    .md\:mt---130 { margin-top:-130%; }
    .md\:mb---130 { margin-bottom:-130%; }
    
    
    .md\:p--135 { padding:135px !important; }
    .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\:max--135 { max-width:135%; }
    .md\:mt---135 { margin-top:-135%; }
    .md\:mb---135 { margin-bottom:-135%; }
    
    
    .md\:p--140 { padding:140px !important; }
    .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\:max--140 { max-width:140%; }
    .md\:mt---140 { margin-top:-140%; }
    .md\:mb---140 { margin-bottom:-140%; }
    
    
    .md\:p--145 { padding:145px !important; }
    .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\:max--145 { max-width:145%; }
    .md\:mt---145 { margin-top:-145%; }
    .md\:mb---145 { margin-bottom:-145%; }
    
    
    .md\:p--150 { padding:150px !important; }
    .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\:max--150 { max-width:150%; }
    .md\:mt---150 { margin-top:-150%; }
    .md\:mb---150 { margin-bottom:-150%; }
    
    

    
    .md\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .md\:max-50 { max-width:50px; }
    .md\:text-2{ font-size:2px; } 

    
    .md\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .md\:max-100 { max-width:100px; }
    .md\:text-4{ font-size:4px; } 

    
    .md\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .md\:max-150 { max-width:150px; }
    .md\:text-6{ font-size:6px; } 

    
    .md\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .md\:max-200 { max-width:200px; }
    .md\:text-8{ font-size:8px; } 

    
    .md\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .md\:max-250 { max-width:250px; }
    .md\:text-10{ font-size:10px; } 

    
    .md\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .md\:max-300 { max-width:300px; }
    .md\:text-12{ font-size:12px; } 

    
    .md\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .md\:max-350 { max-width:350px; }
    .md\:text-14{ font-size:14px; } 

    
    .md\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .md\:max-400 { max-width:400px; }
    .md\:text-16{ font-size:16px; } 

    
    .md\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .md\:max-450 { max-width:450px; }
    .md\:text-18{ font-size:18px; } 

    
    .md\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .md\:max-500 { max-width:500px; }
    .md\:text-20{ font-size:20px; } 

    
    .md\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .md\:max-550 { max-width:550px; }
    .md\:text-22{ font-size:22px; } 

    
    .md\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .md\:max-600 { max-width:600px; }
    .md\:text-24{ font-size:24px; } 

    
    .md\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .md\:max-650 { max-width:650px; }
    .md\:text-26{ font-size:26px; } 

    
    .md\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .md\:max-700 { max-width:700px; }
    .md\:text-28{ font-size:28px; } 

    
    .md\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .md\:max-750 { max-width:750px; }
    .md\:text-30{ font-size:30px; } 

    
    .md\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .md\:max-800 { max-width:800px; }
    .md\:text-32{ font-size:32px; } 

    
    .md\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .md\:max-850 { max-width:850px; }
    .md\:text-34{ font-size:34px; } 

    
    .md\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .md\:max-900 { max-width:900px; }
    .md\:text-36{ font-size:36px; } 

    
    .md\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .md\:max-950 { max-width:950px; }
    .md\:text-38{ font-size:38px; } 

    
    .md\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .md\:max-1000 { max-width:1000px; }
    .md\:text-40{ font-size:40px; } 

    
    .md\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .md\:max-1050 { max-width:1050px; }
    .md\:text-42{ font-size:42px; } 

    
    .md\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .md\:max-1100 { max-width:1100px; }
    .md\:text-44{ font-size:44px; } 

    
    .md\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .md\:max-1150 { max-width:1150px; }
    .md\:text-46{ font-size:46px; } 

    
    .md\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .md\:max-1200 { max-width:1200px; }
    .md\:text-48{ font-size:48px; } 

    
    .md\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .md\:max-1250 { max-width:1250px; }
    .md\:text-50{ font-size:50px; } 

    
    .md\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .md\:max-1300 { max-width:1300px; }
    .md\:text-52{ font-size:52px; } 

    
    .md\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .md\:max-1350 { max-width:1350px; }
    .md\:text-54{ font-size:54px; } 

    
    .md\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .md\:max-1400 { max-width:1400px; }
    .md\:text-56{ font-size:56px; } 

    
    .md\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .md\:max-1450 { max-width:1450px; }
    .md\:text-58{ font-size:58px; } 

    

    .md\:max-full { max-width:100%; }
    .md\:ml-auto{ margin-left:auto; }
    .md\:mr-auto{ margin-right:auto; }
    .md\:vh-100{ height:100vh; }
    .md\:vh-auto{ height:auto; }
}


@media(min-width:1200px){
    
    
    .lg\:d-block {
        display:block;
    }
    
    .lg\:d-inline-block {
        display:inline-block;
    }
    
    .lg\:d-flex {
        display:flex;
    }
    
    .lg\:d-inline-flex {
        display:inline-flex;
    }
    
    .lg\:d-none {
        display:none;
    }
    
    
    
    .lg\:align-center {
        align-items:center;
    }
    
    .lg\:align-flex-start {
        align-items:flex-start;
    }
    
    .lg\:align-flex-end {
        align-items:flex-end;
    }
    
    .lg\:align-normal {
        align-items:normal;
    }
    
    
    
    .lg\:justify-center {
        justify-content:center;
    }
    
    .lg\:justify-flex-end {
        justify-content:flex-end;
    }
    
    .lg\:justify-flex-start {
        justify-content:flex-start;
    }
    
    .lg\:justify-space-around {
        justify-content:space-around;
    }
    
    .lg\:justify-space-between {
        justify-content:space-between;
    }
    
    
    
    .lg\:text-left {
        text-align:left;
    }
    
    .lg\:text-right {
        text-align:right;
    }
    
    .lg\:text-center {
        text-align:center;
    }
    
    
    
    .lg\:direction-column {
        flex-direction:column;
    }
    
    .lg\:direction-column-reverse {
        flex-direction:column-reverse;
    }
    
    .lg\:direction-row {
        flex-direction:row;
    }
    
    .lg\:direction-row-reverse {
        flex-direction:row-reverse;
    }
    
    

    
    .lg\:p--0 { padding:0px !important; }
    .lg\:p-0 { padding:0px; }
    .lg\:pt-0 { padding-top:0px; }
    .lg\:pb-0 { padding-bottom:0px; }
    .lg\:pl-0 { padding-left:0px; }
    .lg\:pr-0 { padding-right:0px; }

    .lg\:m-0 {  margin:0px; }
    .lg\:mt-0 { margin-top:0px; }
    .lg\:mb-0 { margin-bottom:0px; }
    .lg\:ml-0 { margin-left:0px; }
    .lg\:mr-0 { margin-right:0px; }

    .lg\:ml--0 { margin-left:-0px; }
    .lg\:mr--0 { margin-right:-0px; }

    .lg\:mt--0 { margin-top:-0px; }
    .lg\:mb--0 { margin-bottom:-0px; }

    .lg\:max--0 { max-width:0%; }
    .lg\:mt---0 { margin-top:-0%; }
    .lg\:mb---0 { margin-bottom:-0%; }
    
    
    .lg\:p--5 { padding:5px !important; }
    .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\:max--5 { max-width:5%; }
    .lg\:mt---5 { margin-top:-5%; }
    .lg\:mb---5 { margin-bottom:-5%; }
    
    
    .lg\:p--10 { padding:10px !important; }
    .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\:max--10 { max-width:10%; }
    .lg\:mt---10 { margin-top:-10%; }
    .lg\:mb---10 { margin-bottom:-10%; }
    
    
    .lg\:p--15 { padding:15px !important; }
    .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\:max--15 { max-width:15%; }
    .lg\:mt---15 { margin-top:-15%; }
    .lg\:mb---15 { margin-bottom:-15%; }
    
    
    .lg\:p--20 { padding:20px !important; }
    .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\:max--20 { max-width:20%; }
    .lg\:mt---20 { margin-top:-20%; }
    .lg\:mb---20 { margin-bottom:-20%; }
    
    
    .lg\:p--25 { padding:25px !important; }
    .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\:max--25 { max-width:25%; }
    .lg\:mt---25 { margin-top:-25%; }
    .lg\:mb---25 { margin-bottom:-25%; }
    
    
    .lg\:p--30 { padding:30px !important; }
    .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\:max--30 { max-width:30%; }
    .lg\:mt---30 { margin-top:-30%; }
    .lg\:mb---30 { margin-bottom:-30%; }
    
    
    .lg\:p--35 { padding:35px !important; }
    .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\:max--35 { max-width:35%; }
    .lg\:mt---35 { margin-top:-35%; }
    .lg\:mb---35 { margin-bottom:-35%; }
    
    
    .lg\:p--40 { padding:40px !important; }
    .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\:max--40 { max-width:40%; }
    .lg\:mt---40 { margin-top:-40%; }
    .lg\:mb---40 { margin-bottom:-40%; }
    
    
    .lg\:p--45 { padding:45px !important; }
    .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\:max--45 { max-width:45%; }
    .lg\:mt---45 { margin-top:-45%; }
    .lg\:mb---45 { margin-bottom:-45%; }
    
    
    .lg\:p--50 { padding:50px !important; }
    .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\:max--50 { max-width:50%; }
    .lg\:mt---50 { margin-top:-50%; }
    .lg\:mb---50 { margin-bottom:-50%; }
    
    
    .lg\:p--55 { padding:55px !important; }
    .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\:max--55 { max-width:55%; }
    .lg\:mt---55 { margin-top:-55%; }
    .lg\:mb---55 { margin-bottom:-55%; }
    
    
    .lg\:p--60 { padding:60px !important; }
    .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\:max--60 { max-width:60%; }
    .lg\:mt---60 { margin-top:-60%; }
    .lg\:mb---60 { margin-bottom:-60%; }
    
    
    .lg\:p--65 { padding:65px !important; }
    .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\:max--65 { max-width:65%; }
    .lg\:mt---65 { margin-top:-65%; }
    .lg\:mb---65 { margin-bottom:-65%; }
    
    
    .lg\:p--70 { padding:70px !important; }
    .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\:max--70 { max-width:70%; }
    .lg\:mt---70 { margin-top:-70%; }
    .lg\:mb---70 { margin-bottom:-70%; }
    
    
    .lg\:p--75 { padding:75px !important; }
    .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\:max--75 { max-width:75%; }
    .lg\:mt---75 { margin-top:-75%; }
    .lg\:mb---75 { margin-bottom:-75%; }
    
    
    .lg\:p--80 { padding:80px !important; }
    .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\:max--80 { max-width:80%; }
    .lg\:mt---80 { margin-top:-80%; }
    .lg\:mb---80 { margin-bottom:-80%; }
    
    
    .lg\:p--85 { padding:85px !important; }
    .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\:max--85 { max-width:85%; }
    .lg\:mt---85 { margin-top:-85%; }
    .lg\:mb---85 { margin-bottom:-85%; }
    
    
    .lg\:p--90 { padding:90px !important; }
    .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\:max--90 { max-width:90%; }
    .lg\:mt---90 { margin-top:-90%; }
    .lg\:mb---90 { margin-bottom:-90%; }
    
    
    .lg\:p--95 { padding:95px !important; }
    .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\:max--95 { max-width:95%; }
    .lg\:mt---95 { margin-top:-95%; }
    .lg\:mb---95 { margin-bottom:-95%; }
    
    
    .lg\:p--100 { padding:100px !important; }
    .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\:max--100 { max-width:100%; }
    .lg\:mt---100 { margin-top:-100%; }
    .lg\:mb---100 { margin-bottom:-100%; }
    
    
    .lg\:p--105 { padding:105px !important; }
    .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\:max--105 { max-width:105%; }
    .lg\:mt---105 { margin-top:-105%; }
    .lg\:mb---105 { margin-bottom:-105%; }
    
    
    .lg\:p--110 { padding:110px !important; }
    .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\:max--110 { max-width:110%; }
    .lg\:mt---110 { margin-top:-110%; }
    .lg\:mb---110 { margin-bottom:-110%; }
    
    
    .lg\:p--115 { padding:115px !important; }
    .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\:max--115 { max-width:115%; }
    .lg\:mt---115 { margin-top:-115%; }
    .lg\:mb---115 { margin-bottom:-115%; }
    
    
    .lg\:p--120 { padding:120px !important; }
    .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\:max--120 { max-width:120%; }
    .lg\:mt---120 { margin-top:-120%; }
    .lg\:mb---120 { margin-bottom:-120%; }
    
    
    .lg\:p--125 { padding:125px !important; }
    .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\:max--125 { max-width:125%; }
    .lg\:mt---125 { margin-top:-125%; }
    .lg\:mb---125 { margin-bottom:-125%; }
    
    
    .lg\:p--130 { padding:130px !important; }
    .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\:max--130 { max-width:130%; }
    .lg\:mt---130 { margin-top:-130%; }
    .lg\:mb---130 { margin-bottom:-130%; }
    
    
    .lg\:p--135 { padding:135px !important; }
    .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\:max--135 { max-width:135%; }
    .lg\:mt---135 { margin-top:-135%; }
    .lg\:mb---135 { margin-bottom:-135%; }
    
    
    .lg\:p--140 { padding:140px !important; }
    .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\:max--140 { max-width:140%; }
    .lg\:mt---140 { margin-top:-140%; }
    .lg\:mb---140 { margin-bottom:-140%; }
    
    
    .lg\:p--145 { padding:145px !important; }
    .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\:max--145 { max-width:145%; }
    .lg\:mt---145 { margin-top:-145%; }
    .lg\:mb---145 { margin-bottom:-145%; }
    
    
    .lg\:p--150 { padding:150px !important; }
    .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\:max--150 { max-width:150%; }
    .lg\:mt---150 { margin-top:-150%; }
    .lg\:mb---150 { margin-bottom:-150%; }
    
    

    
    .lg\:col-1 { max-width:8.333%; flex:0 0 8.333%; }
    .lg\:max-50 { max-width:50px; }
    .lg\:text-2{ font-size:2px; } 

    
    .lg\:col-2 { max-width:16.666%; flex:0 0 16.666%; }
    .lg\:max-100 { max-width:100px; }
    .lg\:text-4{ font-size:4px; } 

    
    .lg\:col-3 { max-width:24.999000000000002%; flex:0 0 24.999000000000002%; }
    .lg\:max-150 { max-width:150px; }
    .lg\:text-6{ font-size:6px; } 

    
    .lg\:col-4 { max-width:33.332%; flex:0 0 33.332%; }
    .lg\:max-200 { max-width:200px; }
    .lg\:text-8{ font-size:8px; } 

    
    .lg\:col-5 { max-width:41.665%; flex:0 0 41.665%; }
    .lg\:max-250 { max-width:250px; }
    .lg\:text-10{ font-size:10px; } 

    
    .lg\:col-6 { max-width:49.998000000000005%; flex:0 0 49.998000000000005%; }
    .lg\:max-300 { max-width:300px; }
    .lg\:text-12{ font-size:12px; } 

    
    .lg\:col-7 { max-width:58.331%; flex:0 0 58.331%; }
    .lg\:max-350 { max-width:350px; }
    .lg\:text-14{ font-size:14px; } 

    
    .lg\:col-8 { max-width:66.664%; flex:0 0 66.664%; }
    .lg\:max-400 { max-width:400px; }
    .lg\:text-16{ font-size:16px; } 

    
    .lg\:col-9 { max-width:74.997%; flex:0 0 74.997%; }
    .lg\:max-450 { max-width:450px; }
    .lg\:text-18{ font-size:18px; } 

    
    .lg\:col-10 { max-width:83.33%; flex:0 0 83.33%; }
    .lg\:max-500 { max-width:500px; }
    .lg\:text-20{ font-size:20px; } 

    
    .lg\:col-11 { max-width:91.663%; flex:0 0 91.663%; }
    .lg\:max-550 { max-width:550px; }
    .lg\:text-22{ font-size:22px; } 

    
    .lg\:col-12 { max-width:99.99600000000001%; flex:0 0 99.99600000000001%; }
    .lg\:max-600 { max-width:600px; }
    .lg\:text-24{ font-size:24px; } 

    
    .lg\:col-13 { max-width:108.32900000000001%; flex:0 0 108.32900000000001%; }
    .lg\:max-650 { max-width:650px; }
    .lg\:text-26{ font-size:26px; } 

    
    .lg\:col-14 { max-width:116.662%; flex:0 0 116.662%; }
    .lg\:max-700 { max-width:700px; }
    .lg\:text-28{ font-size:28px; } 

    
    .lg\:col-15 { max-width:124.995%; flex:0 0 124.995%; }
    .lg\:max-750 { max-width:750px; }
    .lg\:text-30{ font-size:30px; } 

    
    .lg\:col-16 { max-width:133.328%; flex:0 0 133.328%; }
    .lg\:max-800 { max-width:800px; }
    .lg\:text-32{ font-size:32px; } 

    
    .lg\:col-17 { max-width:141.661%; flex:0 0 141.661%; }
    .lg\:max-850 { max-width:850px; }
    .lg\:text-34{ font-size:34px; } 

    
    .lg\:col-18 { max-width:149.994%; flex:0 0 149.994%; }
    .lg\:max-900 { max-width:900px; }
    .lg\:text-36{ font-size:36px; } 

    
    .lg\:col-19 { max-width:158.327%; flex:0 0 158.327%; }
    .lg\:max-950 { max-width:950px; }
    .lg\:text-38{ font-size:38px; } 

    
    .lg\:col-20 { max-width:166.66%; flex:0 0 166.66%; }
    .lg\:max-1000 { max-width:1000px; }
    .lg\:text-40{ font-size:40px; } 

    
    .lg\:col-21 { max-width:174.993%; flex:0 0 174.993%; }
    .lg\:max-1050 { max-width:1050px; }
    .lg\:text-42{ font-size:42px; } 

    
    .lg\:col-22 { max-width:183.326%; flex:0 0 183.326%; }
    .lg\:max-1100 { max-width:1100px; }
    .lg\:text-44{ font-size:44px; } 

    
    .lg\:col-23 { max-width:191.659%; flex:0 0 191.659%; }
    .lg\:max-1150 { max-width:1150px; }
    .lg\:text-46{ font-size:46px; } 

    
    .lg\:col-24 { max-width:199.99200000000002%; flex:0 0 199.99200000000002%; }
    .lg\:max-1200 { max-width:1200px; }
    .lg\:text-48{ font-size:48px; } 

    
    .lg\:col-25 { max-width:208.32500000000002%; flex:0 0 208.32500000000002%; }
    .lg\:max-1250 { max-width:1250px; }
    .lg\:text-50{ font-size:50px; } 

    
    .lg\:col-26 { max-width:216.65800000000002%; flex:0 0 216.65800000000002%; }
    .lg\:max-1300 { max-width:1300px; }
    .lg\:text-52{ font-size:52px; } 

    
    .lg\:col-27 { max-width:224.991%; flex:0 0 224.991%; }
    .lg\:max-1350 { max-width:1350px; }
    .lg\:text-54{ font-size:54px; } 

    
    .lg\:col-28 { max-width:233.324%; flex:0 0 233.324%; }
    .lg\:max-1400 { max-width:1400px; }
    .lg\:text-56{ font-size:56px; } 

    
    .lg\:col-29 { max-width:241.657%; flex:0 0 241.657%; }
    .lg\:max-1450 { max-width:1450px; }
    .lg\:text-58{ font-size:58px; } 

    

    .lg\:max-full { max-width:100%; }
    .lg\:ml-auto{ margin-left:auto; }
    .lg\:mr-auto{ margin-right:auto; }
    .lg\:vh-100{ height:100vh; }
    .lg\:vh-auto{ height:auto; }
}



[class*="col-"] { padding-left:15px; padding-right:15px; width:100%; }
.flex-row,.row { margin:0 -15px; display:flex; flex-wrap:wrap; }
.no-gutter [class*="col-"]{ padding-left:0; padding-right:0;}
.no-gutter{margin:0;}
[class*=max-] {
    width: 100%;
    min-height: 1px;
}
.m-auto{ margin-left:auto; margin-right:auto; }

@media(min-width:1350px){
    
}

[class*=color\:] h1,
[class*=color\:] .h1,

[class*=color\:] h2,
[class*=color\:] .h2,

[class*=color\:] h3,
[class*=color\:] .h3,

[class*=color\:] h4,
[class*=color\:] .h4,

[class*=color\:] h5,
[class*=color\:] .h5,

[class*=color\:] h6,
[class*=color\:] .h6 {
    color:inherit;
}

[class*="row"][class*="p-"] {
/*     padding: 0 !important; */
}

.row.p--15 { margin: 0 -15px; }
.row.p--10 { margin: 0 -10px; }
.row.p--5 { margin: 0 -5px; }



.color-inherit,
.color-inherit h1,
.color-inherit h2,
.color-inherit h3, 
.color-inherit h4,
.color-inherit h5,
.color-inherit h6 { color:inherit; }









/* */

.color\:color1{ color:#F34441; }
.bg\:color1{ background-color:#F34441; }

.color\:color2{ color:#4977D2; }
.bg\:color2{ background-color:#4977D2; }

.color\:color3{ color:#F5F5F5; }
.bg\:color3{ background-color:#F5F5F5; }

.color\:color4{ color:#4F4F4F; }
.bg\:color4{ background-color:#4F4F4F; }

.color\:color5{ color:#FFDB5C; }
.bg\:color5{ background-color:#FFDB5C; }

.color\:color6{ color:#50E2C2; }
.bg\:color6{ background-color:#50E2C2; }

.color\:color7{ color:#8650CE; }
.bg\:color7{ background-color:#8650CE; }

.color\:color8{ color:#000000; }
.bg\:color8{ background-color:#000000; }

@media(min-width:768px){
    
    .hover\:color1:hover{ color:#F34441; }
    .hoverbg\:color1:hover{ background-color:#F34441; }
    
    .hover\:color2:hover{ color:#4977D2; }
    .hoverbg\:color2:hover{ background-color:#4977D2; }
    
    .hover\:color3:hover{ color:#F5F5F5; }
    .hoverbg\:color3:hover{ background-color:#F5F5F5; }
    
    .hover\:color4:hover{ color:#4F4F4F; }
    .hoverbg\:color4:hover{ background-color:#4F4F4F; }
    
    .hover\:color5:hover{ color:#FFDB5C; }
    .hoverbg\:color5:hover{ background-color:#FFDB5C; }
    
    .hover\:color6:hover{ color:#50E2C2; }
    .hoverbg\:color6:hover{ background-color:#50E2C2; }
    
    .hover\:color7:hover{ color:#8650CE; }
    .hoverbg\:color7:hover{ background-color:#8650CE; }
    
    .hover\:color8:hover{ color:#000000; }
    .hoverbg\:color8:hover{ background-color:#000000; }
    
    
    
}



.font-100{ font-weight:100; }
.line\:_1_1{ line-height:1.1; }

.font-200{ font-weight:200; }
.line\:_1_2{ line-height:1.2; }

.font-300{ font-weight:300; }
.line\:_1_3{ line-height:1.3; }

.font-400{ font-weight:400; }
.line\:_1_4{ line-height:1.4; }

.font-500{ font-weight:500; }
.line\:_1_5{ line-height:1.5; }

.font-600{ font-weight:600; }
.line\:_1_6{ line-height:1.6; }

.font-700{ font-weight:700; }
.line\:_1_7{ line-height:1.7; }

.font-800{ font-weight:800; }
.line\:_1_8{ line-height:1.8; }

.font-900{ font-weight:900; }
.line\:_1_9{ line-height:1.9; }

/* CSS variables */

:root {
  --column-gap: 2.13%;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--column-gap) * 0.0833);
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--column-gap) * 0.166);
  }

  .row-fluid .span9 {
    width: calc(75% - (var(--column-gap) * 0.25));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--column-gap) * 0.333);
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--column-gap) * 0.4166);
  }

  .row-fluid .span6 {
    width: calc(50% - var(--column-gap) * 0.5);
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--column-gap) * 0.5833);
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--column-gap) * 0.6668);
  }

  .row-fluid .span3 {
    width: calc(25% - var(--column-gap) * 0.75);
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--column-gap) * 0.8333);
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}
body {
    margin:0;
    padding:0;
    font-family: Catamaran; font-style: normal; font-weight: 400; text-decoration: none;
    font-size:17px;
    line-height:1.7;
    color:#4F4F4F;
    background:#F5F5F7;
    overflow-x: hidden;
}

p { padding: 15px 0; margin:0; }

h1 { color:#4F4F4F; font-size:61px; line-height:1.1; margin:0; padding:0; clear:both; font-family: Volkhov; font-style: normal; font-weight: 400; text-decoration: none; letter-spacing: -1px; }
h2 { color:#4F4F4F; font-size:51px; line-height:1.27; margin:0; padding:0; clear:both; font-family: Volkhov; font-style: normal; font-weight: 400; text-decoration: none; }
h3 { color:#4F4F4F; font-size:44px; line-height:1.18; margin:0; padding:0; clear:both; font-family: Catamaran; font-style: normal; font-weight: 700; text-decoration: none; }
h4 { color:#4F4F4F; font-size:23px; line-height:1.5; margin:0; padding:0; clear:both; font-family: Catamaran; font-style: normal; font-weight: 700; text-decoration: none; }
h5 { color:#4F4F4F; font-size:17px; line-height:1.3; margin:0; padding:0; clear:both; font-family: Catamaran; font-style: normal; font-weight: 700; text-decoration: none; }
h6 { color:#4F4F4F; font-size:20px; line-height:1.4; margin:0; padding:0; clear:both; font-family: Catamaran; font-style: normal; font-weight: 700; text-decoration: none; }

a { text-decoration:none; outline:none; color:#4977D2; transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; -ms-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; }
a:hover { color:#F34441; }

/*Text Option*/
.text-uppercase , .title-uppercase h1 , .title-uppercase h2 , .title-uppercase h3 , .title-uppercase h4 , .title-uppercase h5 , .title-uppercase h6 { text-transform:uppercase; }
.text-white , .text-white h1 , .text-white h2 , .text-white h3 , .text-white h4 , .text-white h5 , .text-white h6 { color:#fff; }
.text-bold , .text-bold h1 , .text-bold h2 , .text-bold h3 , .text-bold h4 , .text-bold h5 , .text-bold h6 { font-weight:bold; }
.text-italic { font-style:italic; }

@media (max-width:1200px){
    body { font-size: 16px; }
    h1 { font-size:44px; }
    h2 { font-size:36px; }
    h3 { font-size:34px; }
    h4 { font-size:20px; }
}

@media (max-width:991px){
    body { font-size:15px; }
}

@media (max-width:767px){
    h1 { font-size:38px; }
    h2 { font-size:33px; }
    h3 { font-size:32px; }
    
}
form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea{ box-shadow: none; background: #FFFFFF; border:none; padding: 0 25px; width:100%; border-radius: 0; height: 59px; color: #4F4F4F; font-family: Catamaran, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; border-radius: 35px; font-size: 17px; }
form textarea { height: 150px; resize: none !important; padding: 25px; }
form select { font-style: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/select-drop-arrow-icon.png) no-repeat center right 20px #ffffff; }
form .hs-form-field > label { color: #4977D2; font-family: Catamaran, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; text-transform: capitalize; font-size:21px; }

form input::placeholder { color: inherit !important; font-size: 17px; font-family: Catamaran; }
form select::placeholder { color: inherit !important; font-size: 17px; font-family: Catamaran; }
form textarea::placeholder { color: inherit !important; font-size: 17px; font-family: Catamaran; }

input[type="submit"]{ color: #ffffff; margin-bottom: 0px; font-family: Catamaran; margin-top: 25px; border: 0; padding: 15px 20px; background: #4977D2; min-width: 162px; max-width:100%; font-weight:700; cursor:pointer; transition: all .5s ease-in-out; border-radius: 30px; font-size: 17px; }
input[type="submit"]:hover { background: #3765bf; }

fieldset.form-columns-1 .hs-input { width: 100% !important; }
.field.hs-form-field { margin-bottom: 20px; }
form ul.hs-error-msgs { padding: 10px 0 0; font-size: 15px; color: #f00; }
form ul.hs-error-msgs li:before { display: none; } 
form ul.hs-error-msgs li { padding: 0; }
.hs_error_rollup { display: none; }
.submitted-message { display: inline-block; width: 100%; vertical-align: top; background-color: #d4edda; text-align: center; padding: 15px; border-radius: 4px; color: #155724; }

fieldset { max-width:100% !important; }
fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 10px; }
fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 10px; } 
fieldset.form-columns-2 .input, fieldset.form-columns-3 .input, fieldset.form-columns-1 .input { margin-right: 0 !important; }

.hs-form fieldset input[type="checkbox"], .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }
.inputs-list .hs-form-checkbox-display , .inputs-list .hs-form-booleancheckbox , .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 0; position:relative; }
.inputs-list input[type="checkbox"] , .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.inputs-list input[type="radio"] { top:3px; }
.inputs-list input[type="checkbox"] + span, .inputs-list input[type="radio"] + span { line-height: 22px; position:relative; display: block; margin-left: 0; padding-left: 30px; }
.inputs-list input[type="checkbox"] + span:before  { position:absolute; left: 0px; top: 1px;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#000; position:absolute; left: 1px; top: 1px;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; font-size: 12px; }

.inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#000; background:#ccc;  border-radius:100%; }

input:focus-visible { outline: 0; }

.hs-error-msg{color: red;}

@media (max-width:767px) {
/*     fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 0; }
    fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 0; }  */
    form textarea { height: 80px; }
}

@media (max-width:480px) {
    fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 0; }
    fieldset.form-columns-2 .hs-form-field:last-child { padding-left: 0; } 
    
}
[class*="button-"] a { float: none; display: inline-block; vertical-align: top; width: auto; padding-top: 14px;
padding-right: 25px;
padding-bottom: 14px;
padding-left: 25px;
; border-radius: 91px; font-weight: 700; position: relative; overflow: hidden; min-width: 170px; text-align: center; }
.button-1 a { color: #FFFFFF; z-index: 1; background-color: #4977D2;  }
.button-1 a:hover, .button-1.hover a { color: #FFFFFF; background: #3765BF; }

.button-1.red a { color: #FFFFFF; background-color: var(--color1);  }
.button-1.red a:hover, .button-1.red.hover a { color: #FFFFFF; background: #D82D2A; }

.button-1.large a { padding: 22px 25px; min-width: 213px; text-align: center; font-size: 23px; }

.button-2 a { background: ; color: #4977D2; border: 1px solid #4977D2; border-radius: 91px; padding-top: 14px;
padding-right: 30px;
padding-bottom: 14px;
padding-left: 30px;
; } 
.button-2 a:hover, .button-2.hover a { background-color: #4977D2; border-color: #4977D2; color: #FFFFFF; }

.simple_link a, a.simple_link {  color : var(--main-color);  position:relative; font-weight: 600; border-bottom: 2px solid rgb(74 70 243 / 30%); }
.simple_link a:hover, a.simple_link:hover { color: #4977D2; }

.link_style a, a.link_style { display:inline-block; vertical-align:top; width:auto; position:relative; padding-right: 0px; font-weight: 700; }
.link_style a:after, a.link_style:after { position:relative; display: inline-block; vertical-align: middle; content:""; height: 9px; width: 28px; top:0; right:0; bottom:0; margin:auto 0; transition: all ease-in-out .4s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='9' viewBox='0 0 28 9' fill='none'%3E%3Cg clip-path='url(%23clip0_425_323)'%3E%3Cpath d='M27.0268 4.5L22.1602 0.75' stroke='%23282934' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M27.0268 4.5L22.1602 8.25' stroke='%23282934' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.99219 4.5H27.0277' stroke='%23282934' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_425_323'%3E%3Crect width='27.2533' height='9' fill='white' transform='translate(0.746094)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); margin-left: 10px; filter: brightness(0) saturate(100%) invert(41%) sepia(75%) saturate(1002%) hue-rotate(196deg) brightness(89%) contrast(83%); }
.link_style.hover a, .link_style a:hover { color: var(--color2); }
.link_style a:hover:after, a.link_style:hover:after, .link_style.hover a:after, a.link_style.hover:after { right: -15px; }

@media (max-width:767px){
    .button-1.large a { padding: 20px 15px; }
}
.hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; }
.hs-menu-wrapper ul { list-style: none; margin: 0; padding-left: 0; transition:all ease-in-out .4s; }
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { flex-direction: column; }
.hs-menu-wrapper.hs-menu-flow-vertical ul { flex-direction: column; }
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: inline-flex; }
.hs-menu-wrapper .hs-item-has-children { position: relative; }
.hs-menu-wrapper .hs-menu-children-wrapper { opacity: 0; position: absolute; }
.hs-menu-wrapper .hs-menu-children-wrapper a { display: block; white-space: nowrap; }
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; top: 100%; }
.hs-menu-wrapper.hs-menu-flow-vertical .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; }
.hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img { height: auto; max-width: 100%; }

/* Header */
header { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 9999; transition: all ease-in-out .4s; }
body.fixed header { transform: translateY(-80px); } 
body.fixed header .main_header { padding-top: 25px; }
body.fixed .main_header .logo { width: 150px; }
body.fixed .top_right { background: transparent; box-shadow: none; }
body.fixed .header_cover { padding: 0 0 0 30px; }
body.fixed .header_cover:before { width: 100%; opacity: 1; }
body.fixed .mainmenu .hs-menu-wrapper > ul > li > a { padding: 30px 22px; }

.top_header { background: var(--headertopbg); }
.top_header a { color: var(--headertoplink); }
.top_header a:hover { color: var(--headertoplinkhover); }
.top_header .hs-menu-wrapper > ul > li > a { display: inline-block; vertical-align: top; width: auto; padding: 0 10px; font-weight: 700; position: relative; }
.top_header .hs-menu-wrapper > ul > li > a:after { position: absolute; content: ""; height: calc(100% - 13px); width: 1px; top: 0; left: 0; bottom: 0; margin: auto 0; background: var(--color2); } 
.top_header .hs-menu-wrapper > ul > li:first-child > a:after { display: none; }

.top_header .hs-menu-wrapper > ul > li > a.green:before, .top_header .hs-menu-wrapper > ul > li > a.red:before { position: relative; display: inline-block; vertical-align: middle; content: ""; height: 9px; width: 9px; top: 0; left: -5px; bottom: 0; margin: auto 0; border-radius: 100%; }

.top_header .hs-menu-wrapper > ul > li > a.green:before { animation: green-dot 4s ease-in-out infinite; }

.top_header .hs-menu-wrapper > ul > li > a.red:before { animation: red-dot 4s ease-in-out infinite; }


/* Header Search Design Start */
.search_icon a { height: 43px; width: 43px; background: #EE4542; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-left: 10px; }
.search_icon a:hover { background: #D82D2A; }
.search_input_form { position: absolute; top: -10px; right: -1px; width: 0; transition: all ease-in-out .4s; opacity: 0; visibility: hidden; }
.search_input_form form input[type="search"] { height: 60px; border: 0; background: #fff; border-radius: 30px; padding: 0 20px; color: var(--color4); font-size: 19px; }
.search_input_form form input::placeholder { font-size: 19px; }
.search_input_form form { position: relative; }
.search_input_form form button.hs-search-field__button { position: absolute; top: 0; right: 10px; bottom: 0; margin: auto 0; background: var(--color1); border: 0; padding: 0; height: 43px; width: 43px; border-radius: 100%; cursor: pointer; transition: all ease-in-out .4s; }
.search_input_form form button.hs-search-field__button svg { display: none; height: 18px; }
.search_input_form form button.hs-search-field__button svg path { fill: #fff; }
.search_input_form form button.hs-search-field__button:hover { background: #CB211E; }
.search_input_form a.search_close { position: absolute; top: 30px; right: 30px; width: 25px; filter: grayscale(1) invert(1); } 
.search_input_form.open { opacity: 1; visibility: visible; width: 400px; }

.top_header .wrap { position: relative; transition: all ease-in-out .4s; }
.top_header.active .wrap { padding-right: 350px; }
.top_header.active .search_icon { opacity: 0; }
.search_input_form form button.hs-search-field__button:before { position: absolute; content: ""; height: 14px; width: 15px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/search-icon.svg) no-repeat center / cover; }

/* Header Search Design End */

.main_header { background-color: var(--headerbottombg); transition: all ease-in-out .4s; }
.header_cover { transition: all ease-in-out .4s; position: relative; z-index: 1; }
.header_cover:before { width: 90px; height: 100%; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 50%; transform: translateX(-50%); content: ""; background: #ffffff; border-radius: 91px; opacity: 0; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0s; box-shadow: 0px 0px 25px 0px rgba(70, 92, 134, 0.1); z-index: -1; }
.main_header .logo { width: 251px; transition: all ease-in-out .4s; }
.top_right { border-radius: 91px; background: var(--color3); box-shadow: 0px 0px 53px 0px rgba(30, 30, 30, 0.10); transition: all ease-in-out .4s; }
.mainmenu .hs-menu-wrapper > ul > li > a { display: flex; align-items: center; justify-content: center; width: auto; padding: 21px 22px; position: relative; font-weight: 700; font-size: 23px; color: var(--headerbottomlink); }

header .top_cta { display: flex; align-items: center; }
header .button-1.large a { height: 100%; display: flex; align-items: center; justify-content: center; }

.mainmenu li.simplemenu > ul.double > li { display: flex; /*flex-wrap: wrap;*/ text-align: left; justify-content: space-between; }
.mainmenu li.simplemenu > ul.double > li > div { width: auto; padding: 0 30px 0 0; }
.mainmenu li.simplemenu > ul > li a { color: var(--color4); font-weight: 700; display: flex; align-items: center; }
.mainmenu li.simplemenu > ul > li a:hover { color: var(--color2); }
.mainmenu li.simplemenu > ul > li a img { margin-right: 10px; }
.mainmenu li.simplemenu > ul.double > li .item { margin: 10px 0; }

.mainmenu .hs-menu-wrapper>ul li:last-child > ul { left: -50px !important; }
.mainmenu .hs-menu-wrapper>ul li.megamenu>ul>li>div .item.double .wrap .in a { white-space: normal; }

.mainmenu .hs-menu-wrapper>ul li.megamenu > ul { width: 730px; text-align: left; padding: 25px 5px; left: -100px !important; }
.mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li { display: flex; flex-wrap: wrap; width: 100%; }
.mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li > div { padding: 0 20px; }
.mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li .main_title { font-weight: 700; color: var(--color1); }
.mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li a { color: var(--color4); font-weight: 700; display: block; padding: 5px 0; }
.mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li a:hover { color: var(--color2); }
.mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li > .left { border-right: 1px solid rgb(79 79 79 / 10%); width: 35%; }

.mainmenu .hs-menu-wrapper>ul li.megamenu>ul>li>div .item.double .wrap { display: flex; flex-wrap: wrap; }
.mainmenu .hs-menu-wrapper>ul li.megamenu>ul>li>div .item.double .wrap .in { width: 50%; }
.mainmenu .hs-menu-wrapper>ul li.megamenu>ul>li>.right { width: 65%; }

.mainmenu .hs-menu-wrapper > ul > li.simplemenu > ul.single > li a { justify-content: center; padding: 5px 0; }
.mainmenu .hs-menu-wrapper > ul > li.simplemenu > ul.single { padding: 15px 25px; }

/* Landing Page Header */
.header--no-navigation { border-top: 22px solid ; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 11px 100px; }

/* Footer */
footer.footer { background: #f5f5f5; padding-top: 150px; }
.footer_sc { position: relative; z-index: 1; background: #fff; padding-top: 20px; }
.footer_sc .bottom-shape { position: absolute; content: ""; max-height: 113px; width: 100%; bottom: 100%; left: 0; }
.footer_sc .bottom-shape img { width: 100%; }
.footer_logo { width: 122px; }

.footer_sc .footer-left { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.footer_sc .social-icons { display: flex; align-items: center; gap: 12px; }
.footer_sc .social-icons-wrapper .social-item a { display: flex; align-items: center; justify-content: center; }

.footer_sc .social-icons-wrapper .social-item a:hover img{ filter: brightness(0) saturate(100%) invert(39%) sepia(37%) saturate(3219%) hue-rotate(336deg) brightness(95%) contrast(100%); }



.footer_sc .bottom, .footer_sc .bottom a { color: var(--color4); }
.footer_sc .bottom a { text-decoration: underline; text-underline-position: under; }
.footer_sc .bottom .copy-text a:first-child { display: inline-block; padding-left: 8px; }
.footer_sc .bottom a:hover { color: var(--color1); }
.footer_sc .cover, .footer_logo_wrap { gap: 15px; }
.footer_menu .hs-menu-wrapper > ul > li > a { font-weight: 700; }
.footer_menu .hs-menu-wrapper > ul > li { margin: 0 30px; }
.footer_menu .hs-menu-wrapper > ul > li:last-child { margin-right: 0; }
.footer_menu .hs-menu-wrapper > ul > li:first-child { margin-left: 0; }

.footer_logo_col a.disable { pointer-events: none; cursor: auto; }

@keyframes green-dot{
    0%{background:#7CFFE2;}
    50%{background:#50E2C2;}
    100%{background:#7CFFE2;}
}
@keyframes red-dot{
    0%{background:#ee4542;}
    50%{background:#d82d2a;}
    100%{background:#ee4542;}
}

/* 10-01-2025 */
.mainmenu .hs-menu-wrapper > ul > li.simplemenu > ul.single > li a { justify-content: flex-start; }

/* Responsive Css */
@media (min-width: 992px){
    /*.mainmenu .hs-menu-wrapper > ul > li:first-child > ul, .mainmenu .hs-menu-wrapper > ul > li:last-child > ul { width: 403px; padding: 15px 25px; }*/
    .mainmenu .hs-menu-wrapper > ul > li > ul { /*min-width: 274px;*/ min-width: 375px; text-align: center; visibility: hidden; pointer-events: none; margin-top: 20px; transition: all ease-in-out .5s; border-radius: 25px; background: var(--color3); box-shadow: 0px 0px 53px 0px rgba(30, 30, 30, 0.10); }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { font-weight: 600; color: var(--droplinkcolor); padding: 8px 15px; font-size: 17px; font-weight: 700; }
    .mainmenu .hs-menu-wrapper > ul > li:hover > a { color: var(--headerbottomlinkhover); }
    .mainmenu .hs-menu-wrapper > ul > li:hover > ul { visibility: visible; pointer-events: inherit; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a:hover, .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li > a:hover { color: var(--droplinkhovercolor); background-color: var(--droplinkhoverbgcolor); }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li:last-child > a { border: 0; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { position: absolute; content: ""; height: 20px; width: 100%; top: 100%; left: 0; background: transparent; }
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { color: var(--color1); content: "\f107"; font-family: FONTAWESOME; font-weight: 500; margin-left: 6px; position: relative; right: 0; top: 1px; transition: all .4s ease-in-out; } 
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:after { transform: rotate(-180deg); }
    
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul { left: 100% !important; top: 0 !important; width: 220px; background: #ececec; padding: 0; font-size: 13px; pointer-events: none; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li { display: inline-block; vertical-align: top; width: 100%; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li > a { display: inline-block !important; vertical-align: top !important; width: 100% !important; color: var(--droplinkcolor); font-weight: 600; padding: 15px 15px; border-bottom: 1px solid #000; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > ul > li:last-child > a { border: 0; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li:hover > ul { pointer-events: inherit; }
    .mainmenu .hs-menu-wrapper > ul > li:nth-last-child(2) > ul > li > ul { left: auto !important; right: 100%; }
    
    .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children.no_submenu > a:after { display: none; }
    
    .desk_hide, span.child-trigger { display: none; }
    header .s_menu.desk_hide + .top_cta { display: none; }
    
    .mainmenu li.simplemenu > ul.double{padding: 15px 25px;}
    .mainmenu li.simplemenu > ul.double > li > div.right { padding-right: 0; }
    .mainmenu li.simplemenu > ul.double > li > div { min-width: 140px; }
}

@media (min-width: 1541px){
    header .container { width: 1510px; }
}

@media (max-width: 1540px){
    .main_header .logo { width: 150px; }
    .mainmenu .hs-menu-wrapper>ul>li>a { font-size: 20px; padding: 15px; }
    .top_header { padding-top: 20px; padding-bottom: 10px; }
    header .button-1.large a { font-size: 20px; padding: 15px; min-width: 170px; }
    .mainmenu .hs-menu-wrapper>ul li:last-child > ul { left: -100px !important; }
    .search_input_form { width: 100px; }   
}

@media (max-width:1300px){
    body.fixed .mainmenu .hs-menu-wrapper > ul > li > a{padding: 30px 14px;}
}

@media (max-width:1200px){
    .mainmenu .hs-menu-wrapper > ul > li > a { padding: 18px 10px; font-size: 16px; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { font-size: 15px; }
    .header--no-navigation { padding: 11px 0; } 
    .top_header .hs-menu-wrapper > ul > li > a { font-size: 14px; }
    .top_header .hs-menu-wrapper > ul > li > a.green:before, .top_header .hs-menu-wrapper > ul > li > a.red:before { height: 7px; width: 7px; }
    .search_icon a { height: 35px; width: 35px; }
    header .button-1.large a { font-size: 16px; min-width: auto;}
    .mainmenu .hs-menu-wrapper>ul li.megamenu>ul { left: -250px !important; }
    .mainmenu .hs-menu-wrapper > ul li:nth-last-child(2) > ul,
    .mainmenu .hs-menu-wrapper > ul li:last-child > ul { left: -200px !important; }
    .search_input_form form input[type=search] { height: 50px; }
    .search_input_form form button.hs-search-field__button { height: 35px; width: 35px; }
    
    body.fixed .mainmenu .hs-menu-wrapper > ul > li > a { padding: 30px 10px; }
    body.fixed .main_header .logo { width: 100px; }
    
    /* Footer */
    .footer_menu .hs-menu-wrapper > ul > li { margin: 0  12px; }
    .footer_logo_col { width: 70px; }
    .footer_sc .bottom { font-size: 14px; }
}

@media (max-width: 991px){
    .mob_hide { display: none; }
    header .top_cta.mob_hide { display: none; }
    .main_header .container { width: 100%; padding: 0 30px; }
    .header_cover { position: static; padding: 15px 0 }
    .header_cover:before { height: 100%; }
    
    body.fixed header { transform: none; }
    body.fixed .header_cover { padding: 15px 0; }
    body.fixed a.mobile-trigger { top: 12px; right: 10px; } 
    body.fixed .mainmenu.js-enabled .hs-menu-flow-horizontal { top: 78px; height: calc(100vh - 78px); }
    body.fixed .mainmenu.js-enabled .s_menu .hs-menu-flow-horizontal { top: 0; height: auto; }
    body.fixed .mainmenu .hs-menu-wrapper > ul > li > a { padding: 20px 30px; }
    body.mobile-open { overflow: hidden; }
    body.fixed .header_cover:before { border-radius: 0; }
    body.fixed header .main_header { padding: 0; }
    
    
    .mainmenu .hs-menu-wrapper > ul { width: 100%; }
    .mainmenu .hs-menu-wrapper ul { transition: none; }
    .mainmenu .hs-menu-wrapper > ul > li > a { width: 100%; padding: 20px 60px 20px 30px; font-size: 23px; justify-content: flex-start; color: var(--color2); }
    .mainmenu .hs-menu-wrapper > ul > li > ul { background: #f5f5f5; padding:15px 0; width: 100%; }
    .mainmenu .hs-menu-wrapper > ul > li > ul > li > a { color: #F34441; font-weight: 600; padding: 10px; }
    
    .top_cta.button-1 { margin: 0;  width: 100%; }
    header .button-1.large a { width: 100%; border-radius: 0; font-size: 23px; padding: 31px 15px; }

    .mainmenu li.simplemenu > ul.double > li{display:block;}
    .mainmenu li.simplemenu > ul.double > li > div { width: 100%; padding: 0 30px; }
    .mainmenu li.simplemenu > ul > li a img { display: none; }
    .mainmenu li.simplemenu > ul > li a { font-size: 16px; font-weight: 400; padding: 6px 0; }
    .mainmenu li.simplemenu > ul.double > li .item { margin: 0; }
    .mainmenu .hs-menu-wrapper > ul > li > ul { padding-top: 0; }
    span.child-trigger svg { position: relative; transition: all ease-in-out .4s; }
    span.child-trigger.child-open svg { transform: rotate(90deg); }
    
    .mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li > .left { width: 100%; border: 0; padding: 0 30px 20px; }
    .mainmenu .hs-menu-wrapper>ul li.megamenu>ul>li>.right { width: 100%; padding: 0 30px; }
    .mainmenu .hs-menu-wrapper>ul li.megamenu > ul { width: 100%; padding: 0 0 15px; }
    .mainmenu .hs-menu-wrapper>ul li.megamenu>ul>li>div .item.double .wrap .in { width: 100%; }
    .mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li .main_title { font-size: 16px; margin-bottom: 5px; }
    .mainmenu .hs-menu-wrapper>ul li.megamenu > ul > li a { font-weight: 400; font-size: 16px; padding: 5px 0; }
    .mainmenu .hs-menu-wrapper > ul > li.simplemenu > ul.single > li a { justify-content: flex-start; padding: 6px 0; }
    .mainmenu .hs-menu-wrapper > ul > li.simplemenu > ul.single { padding: 0 30px 15px; }
    .mainmenu.js-enabled .s_menu .hs-menu-wrapper { display: inline-block; vertical-align: top; position: relative; top: auto; left: 0; height: auto; padding: 0; }
    .mainmenu.js-enabled .s_menu .hs-menu-wrapper > ul > li > a:before { display: block; }
    
    .mainmenu.js-enabled .s_menu .hs-menu-wrapper > ul > li > a.green:before, .mainmenu.js-enabled .s_menu .hs-menu-wrapper > ul > li > a.red:before { position: relative; display: inline-block; vertical-align: middle; content: ""; height: 9px; width: 9px; top: 0; left: -5px; bottom: 0; margin: auto 0; border-radius: 100%; }
    .mainmenu.js-enabled .s_menu .hs-menu-wrapper > ul > li > a.green:before { animation: green-dot 4s ease-in-out infinite; }
    .mainmenu.js-enabled .s_menu .hs-menu-wrapper > ul > li > a.red:before { animation: red-dot 4s ease-in-out infinite; }

    .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; }
    .hs-menu-wrapper.hs-menu-flow-vertical ul { display: flex; }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul { flex-direction: column; }

    .mainmenu, .mainmenu li, .mainmenu li a { display:block; float:none; position:static; top:auto; right:auto; left:auto; bottom:auto; padding:0px; margin:0px; background-image:none; background-color:transparent; border:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; max-width:none; width:100%; height:auto; line-height:1; font-weight:normal; text-decoration:none; text-indent:0px; text-align:left; }
    a.mobile-trigger { display:inline-block !important; cursor:pointer; position:absolute; top: 29px; right: 10px; width:60px; height:60px; text-align:center; background:transparent; padding:12px 10px; -webkit-transition:background-color 0.2s linear; font-size:16px; font-weight:normal; text-transform:uppercase; border-radius:0; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; line-height:30px; text-align:left; transition: all ease-in-out .4s; }
    a.mobile-trigger:hover { text-decoration:none; }
    a.mobile-trigger span { display:inline; }
    a.mobile-trigger span:before { position:absolute; content:'Menu'; }
    a.mobile-trigger span:after { position:relative; right:2px; content:'Close'; opacity:0; transition:opacity .4s ease-in-out; -moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; }
    .mobile_menu_toggle .mobile-trigger { top:2px; }

    .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; background:transparent; }
    .mobile-open a.mobile-trigger span:after { opacity:1; }
    .mobile-open .mobile_menu_toggle a.mobile-trigger { display: block !important; }
    .mobile_menu_toggle a.mobile-trigger i, .mobile-open .mobile_menu_toggle a.mobile-trigger i:before, .mobile-open .mobile_menu_toggle a.mobile-trigger i:after { background: #fff; }
    .mobile_menu_toggle a.mobile-trigger i:before { margin-top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile_menu_toggle a.mobile-trigger i:after { margin-top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    
    a.mobile-trigger i { display:inline; position:relative; top:-2px; margin-left:0; -webkit-transition-duration:0s; -webkit-transition-delay:.2s; -moz-transition-duration:0s; -moz-transition-delay:.2s; transition-duration:0s; transition-delay:.2s; }
    a.mobile-trigger i:before, a.mobile-trigger i:after { position:absolute; content: ''; }
    a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width:30px; height:3px; display:inline-block; background: var(--hamburger); }
    a.mobile-trigger i:before { margin-top:-8px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    a.mobile-trigger i:after { margin-top:8px; -webkit-transition-property:margin, -webkit-transform; -webkit-transition-duration:.2s; -webkit-transition-delay:.2s, 0; }
    .mobile-open a.mobile-trigger i { background-color:rgba(0,0,0,0.0); -webkit-transition-delay:.2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:before { margin-top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }
    .mobile-open a.mobile-trigger i:after { margin-top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-delay:0, .2s; -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0); box-shadow:0px 1px 1px rgba(0, 0, 0, 0); }

    span.child-trigger { display: flex; align-items: center; justify-content: center; cursor:pointer; position:absolute; top:0; right:0; width: 63px; height: 63px; padding: 0; } 
    
    .mainmenu.js-enabled .hs-menu-children-wrapper { display:none; }  
    .mainmenu ul.hs-menu-children-wrapper { visibility:visible !important; opacity:1 !important; position:static !important; display:none; }

    .mainmenu.js-enabled .hs-menu-flow-horizontal { position:absolute; height:auto; top:120px; left: 0; width: 100%; max-width:100%; padding: 0px 0 40px; background-color: var(--color3); z-index:8888; display: none; height: calc(100vh - 120px); overflow: auto; }
    
    .mainmenu .hs-menu-flow-horizontal > ul > li { position:relative; }
    .mainmenu .hs-menu-flow-horizontal > ul > li { border-bottom: 1px solid rgb(79 79 79 / 10%); }

    .mainmenu .hs-menu-flow-horizontal > ul ul ul li a { text-indent:20px; }
    .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a { text-indent:40px; }
    
    /* Footer */
    .footer_menu { width: 100%; }
    .footer_sc .cover { flex-wrap: wrap; justify-content: center; }
    footer .hs-menu-wrapper > ul { justify-content: center; text-align: center; }
    .footer_sc .bottom { flex-wrap: wrap; text-align: center; justify-content: center; }
    .footer_menu { display: none; }
    .footer_logo_cover { display: none; }
    .footer_sc .bottom { padding: 15px 0; }
    .footer_sc .bottom .number-text { display: none; }
    .footer_logo { margin: 0 auto; }
    
    .footer_sc:before { height: 80px; }
    
}

@media (max-width: 767px){
    .main_header .container { padding: 0 15px; }
    a.mobile-trigger { right: 0; top: 17px; }
    body.fixed a.mobile-trigger { right: 0; top: 6px; }
    .main_header .logo { width: 120px; }
    body.fixed .header_cover { padding-top: 8px; }
    body.fixed .mainmenu.js-enabled .hs-menu-flow-horizontal { top: 71px; height: calc(100vh - 71px); }
    body.fixed .mainmenu.js-enabled .s_menu .hs-menu-flow-horizontal { top: 0; height: auto; }
    
    .footer_sc .footer-left { margin: 0; }
    .footer_sc .footer-left .social-icons-wrapper { display: flex; justify-content: center; }
}

@media (max-width: 550px){
    .footer_sc:before { background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/mobile-hero-shape-new.png) no-repeat; height: 67px; background-size: 100% 67px; }
} 
.body-container.body-container--blog-index{padding-bottom:0;}
.body-container.body-container--blog-index:after{background:url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-area-right-shape.svg) no-repeat center / cover;width: 701px;height: 427px;right: 0;bottom: -180px;}
.listing-banner{padding-top:100px;position:relative;}
.listing-banner:after {content:'';width:100%;height:364px;position:absolute;bottom:-60px;left:0;background:url(https://www.gingrapp.com/hubfs/gingr-2024/images/bottom-shape-1.svg) no-repeat;z-index:-1;}
.listing-banner [class*="shape-"]{position:absolute;bottom:10px;left:0;line-height:0;z-index:-2;}
.listing-banner [class*="shape-2"]{right:0;left:auto;bottom:0;}
.listing-banner .title-part h1{margin-top:25px;}
.listing-banner .featured-post-wrapper{margin-top:65px;}
.listing-banner .featured-post{min-height:620px;border-radius:36px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;transition: 400ms}
.listing-banner .featured-post:hover{transform:scale(1.01);box-shadow:0 0 50px 0px rgb(from #000 r g b / 40%);}
.listing-banner .featured-post{padding:60px;position:relative;}
.listing-banner .featured-post:before{position:absolute;content:'';bottom:0;left:0;width:100%;height:460px;border-radius:0px 0px 36px 36px;background:linear-gradient(180deg,rgba(0,0,0,0.00) 6.49%,#000 104.32%);z-index:0;}
.listing-banner .featured-post .post-content{position:relative;}
.listing-banner .featured-post .tag{color:#fff;min-width:106px;padding: 9px 7px 5px;background:var(--secondary-color);display:inline-block;border-radius:11px;font-size: 14px;line-height: 20px;font-weight: 500;}
.listing-banner .featured-post h2{margin-top:20px;color:#fff;max-width:915px;}
.listing-banner .featured-post .date{margin-top:20px;color:#fff;font-size:20px;line-height:25px;letter-spacing:3.2px;font-weight:600;}
.listing-banner .featured-post .post-link{position:absolute;content:'';inset:0;z-index:2;}

.blog-listing-main{padding-top:55px;background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);}
.blog-listing-main.topic-page{background:none;}
.blog-listing-main .inner{display:flex;flex-wrap:wrap;padding-bottom:55px;}
.blog-listing-main .blog-listing-wrapper{max-width:850px;width:100%;margin-top: 16px;}
.blog-listing-main .listing-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap; gap:20px;}
.blog-listing-main .listing-top{padding-bottom:12px;border-bottom:1px solid rgb(from var(--color4) r g b / 20%);}
.blog-listing-main .listing-top .title{font-size:23px;line-height:35px;color:var(--secondary-color);}
.blog-listing-main .listing-top .filter{position:relative;}
.blog-listing-main .listing-top .filter .value{font-size:18px;line-height:35px;color:var(--secondary-color);padding:9px 52px 9px 25px;border:1px solid #DADADB;position:relative;cursor:pointer;background:#fff;min-width:208px; text-transform:capitalize;}
.blog-listing-main .listing-top .filter .value.open:before{transform:rotate(0deg);}
.blog-listing-main .listing-top .filter .value:before{position:absolute;content:'';width:12px;height:8px;background:url(https://www.gingrapp.com/hubfs/gingr-2024/images/up-arrow.svg) no-repeat center / cover;right:22px;top:22px;transform:rotate(180deg);}
.blog-listing-main .filter ul.filter-dropdown{display:none;z-index:2; position:absolute;top:54px;background:#fff;width:100%;right:0;list-style:none;padding:0;margin:0;margin: 0;border:1px solid #DADADB;border-top:none;}
.blog-listing-main .filter ul.filter-dropdown li a{font-size:15px;line-height:27px;color:var(--quaternary-color);padding:0 25px 5px;display:block;text-transform:capitalize;}
.blog-listing-main .filter ul.filter-dropdown li a:hover{color:var(--main-color);}
.subscribe-form-wrapper{padding-left:40px;flex-shrink:0;max-width:calc(100% - 850px); width:100%}
.subscribe-form-wrapper .inner{border-radius:12px;border:1px solid #DFDFDF;background:var(--tertiary-color);padding:26px 30px 0 30px;position: sticky;top: 150px;}
.subscribe-form-wrapper .inner h3{color:var(--secondary-color);margin-top:20px;}
.subscribe-form-wrapper .inner .content{margin-top:5px;}
.subscribe-form-wrapper .inner h3.form-title{display:none;}
.subscribe-form-wrapper .subscribe-form{margin-top:20px;width:100%;}
.subscribe-form-wrapper .subscribe-form form input[type=text],
.subscribe-form-wrapper .subscribe-form form input[type=email],
.subscribe-form-wrapper .subscribe-form form input[type=password],
.subscribe-form-wrapper .subscribe-form form input[type=tel],
.subscribe-form-wrapper .subscribe-form form input[type=number],
.subscribe-form-wrapper .subscribe-form form input[type=file],
.subscribe-form-wrapper .subscribe-form form select,
.subscribe-form-wrapper .subscribe-form form textarea{border-radius:8px; color:rgba(79, 79, 79, 0.50);}


.subscribe-form-wrapper .subscribe-form form .hs-form-field{margin:0;}
.subscribe-form-wrapper .subscribe-form form input.hs-button{margin-top:20px;color:#FFFFFF;background-color:var(--color1);}
.subscribe-form-wrapper .subscribe-form form input.hs-button:hover{background:#D82D2A;}
.subscribe-form-wrapper .bottom-img{margin-top:20px; width: 100%; }

.blog-listing-main .listing-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:11px;}
.listing-row .blog-card{background:#fff;border-radius:12px;border:1px solid #DADADB;padding:12px;display:flex;gap:25px;position:relative;transition: 400ms}
.listing-row .blog-card:hover{transform:scale(1.01);box-shadow:0 0 17px 5px rgb(from #000 r g b / 11%);}
.listing-row .blog-card .image{width:350px;height:100%;border-radius:11px;overflow:hidden;flex-shrink:0;}
.listing-row .blog-card .image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.listing-row .blog-card .card-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-right:23px;}
.listing-row .blog-card .tag{font-size:14px;line-height:25px;font-weight:500;background:var(--secondary-color);color:#fff;border-radius:11px;padding:4px 25px 4px;}
.listing-row .blog-card .date{color:var(--secondary-color);line-height: 32px;}
.listing-row .blog-card .title{margin-top:21px;font-size:30px;line-height:37px;font-family:var(--sec-font);}
.listing-row .blog-card  .content{margin-top:16px;width: calc(100% - 50px);}
.listing-row .blog-card .card-link{position:absolute;content:'';inset:0;}

.blog-pagination .inner{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top: 40px;border-top: 1px solid rgb(from var(--color4) r g b / 20%);}
.blog-pagination a{width:42px;height:42px;display:flex;justify-content:center;align-items:center;font-size:19px;line-height:27px;color:rgba(87,87,87,0.50);border-radius:50%;}
.blog-pagination a.active{background:var(--secondary-color);color:#fff;}
.blog-pagination .blog-pagination-center{display:flex;flex-wrap:wrap;gap:10px;}
.blog-pagination a.next-link{position:relative;}

.blog-pagination a.prev-link:before{transform:rotate(180deg);}
.blog-pagination a.prev-link:before,
.blog-pagination a.next-link:before{position:absolute;content:'';width:16px;height:16px;background:url(https://www.gingrapp.com/hubfs/gingr-2024/images/right-arrow-1.svg) no-repeat center / cover;}

.large_cta_sc.large_cta_v2 { padding-bottom: 140px; }
.large_cta_sc.large_cta_v2 .cover{overflow:hidden;}
.large_cta_sc.large_cta_v2 .area:before{display:none;}
.large_cta_sc.large_cta_v2 .cover .right_img{width:46%;right:0;mix-blend-mode:darken;padding:0;}
.large_cta_sc.large_cta_v2 .cover .right_img img{width:100%;}

/* Blog post */
.post-hero{padding-top:110px;position:relative;overflow-x:clip;}
.post-hero:before{position:absolute;bottom:-60px;left:0;width:100%;height:260px;background:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0.00) 100%);content:'';z-index:-1;}
.post-hero:after {content:'';width:100%;height:364px;position:absolute;bottom:190px;left:0;background:url(https://www.gingrapp.com/hubfs/gingr-2024/images/bottom-shape-1.svg) no-repeat;z-index:-1;}
.post-hero [class*="shape-"]{position:absolute;bottom:190px;left:0;line-height:0;z-index:-2;}
.post-hero [class*="box-shape-1"] { left: -190px;}
.post-hero [class*="shape-2"]{right:0;left:auto;bottom:230px;}
.post-hero [class*="box-shape-2"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr_feb2010/Icons/dots-white.png') no-repeat; background-position: top 0 right 0; }

.post-hero h1{margin-top:15px;}
.post-hero .post-image{margin-top:70px;max-height:540px;border-radius:48px;overflow:hidden;height:100%;}
.post-hero .post-image img{width:100%;height:100%;object-fit:cover;object-position:center;}

.blog-post-main .post-content{margin-top:60px;}
.blog-post-main .post-content .left-part{max-width:850px;width:100%;}
.blog-post-main .post-content .blog-post__body{padding-bottom:60px;}
.blog-post-main .post-content .blog-post__body a{cursor:pointer;}
.blog-post-main .post-content .blog-post__body h2{color:var(--secondary-color);margin-bottom:15px;}
.blog-post-main .post-content .blog-post__body img{border-radius:71px;}
.blog-post-main .post-content .blog-post__body ul li::marker{color:var(--main-color);}
.blog-post-main .post-content .post-content-inner{display:flex;flex-wrap:wrap;align-items:flex-start;}
.blog-post-main .post-content  .right-part{max-width:calc(100% - 850px);width:100%;}
.blog-post-main .post-content .right-part .subscribe-form-wrapper{max-width:100%;}


.related-posts .inner{padding-top:40px;border-top:1px solid rgb(from var(--color4) r g b / 20%);}
.related-posts .listing-wrapper{margin:50px auto 0;}
.related-posts .listing-row{display:flex;flex-wrap:wrap;margin:0 -38px;row-gap:24px;}
.related-posts .listing-row .blog-card-wrapper{padding:0 38px;width:33.33%;}
.related-posts .listing-row .blog-card-wrapper .blog-card{display:block;padding:0;border:0; height:100%;}
.related-posts .listing-row .blog-card-wrapper .blog-card .image{width:100%;height:230px;border-radius:11px 11px 0 0;}
.related-posts .listing-row .blog-card-wrapper .blog-card .card-content{padding:17px 16px 28px;}
.related-posts .listing-row .blog-card-wrapper .blog-card .title{margin-top:13px;font-size:23px;line-height:30px;}

.blog-post-main .post-content .right-part { position: sticky; top: 150px; }

@media(max-width:1570px){
    .post-hero:before{display:none;}
    .post-hero:after{bottom:-60px;}
    .post-hero [class*="box-shape-1"]{left:-280px;bottom:-130px;}
    .post-hero [class*="shape-2"]{right:0;left:auto;bottom:-100px;}
    .blog-post-main .post-content{background:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0.00) 100%);}
}

@media(max-width:1440px){
    .related-posts .listing-row{margin:0 -12px;}
    .related-posts .listing-row .blog-card-wrapper{padding:0 12px;}
}
@media(max-width:1200px){
    .body-container.body-container--blog-index:before{height:420px;width:340px;bottom:-210px;left:0px;}
    .body-container.body-container--blog-index:after{width:500px;height:310px;background-size:500px;}
    .listing-banner{padding-top:60px;}
    .listing-banner .featured-post{min-height:500px;padding:40px;}
    .listing-banner [class*="shape-"] svg{width: 100%;}
    .listing-banner [class*="shape-1"]{width:300px;}
    .listing-banner [class*="shape-2"]{width: 320px;}
    .blog-listing-main .blog-listing-wrapper{max-width:100%;}
    .subscribe-form-wrapper{padding:0;max-width:400px;margin-top:40px;}
    .subscribe-form-wrapper{padding:0;margin:40px auto 0;max-width:400px;}
    .post-hero{padding-top:60px;}
    .post-hero [class*="shape-2"]{width:180px;bottom:0;}
    .post-hero [class*="box-shape-2"]:after{display:none;}

    .blog-post-main .post-content .left-part{max-width:100%;}
    .blog-post-main .post-content .right-part{max-width:unset;width:unset;margin:0 auto; position:static;}
    .blog-post-main .post-content .blog-post__body{padding:0;}
    .blog-post-main .post-content .right-part .subscribe-form-wrapper{margin-bottom:40px;}
    

}

@media(max-width:991px){
    .body-container.body-container--blog-index:after{width:300px;height:230px;background-size:330px;}
    .body-container.body-container--blog-index:before{background-size:200px;height:260px;width:200px;bottom:-150px;}
    .listing-banner{padding-top:30px;}
    .listing-row .blog-card .image{width:240px;height:100%;}
    .large_cta_sc.large_cta_v2 .area{padding-top:60px;}
    .post-hero{padding-top:30px;}
    .related-posts .listing-row .blog-card-wrapper{width:50%;}
    .body-container--blog-post .large_cta_sc.large_cta_v2{padding-bottom:0;}
}
@media(max-width:767px){
    .listing-row .blog-card .image{width:100%;height:240px;}
    .listing-row .blog-card{flex-direction:column;width:calc(50% - 11px);margin:0 auto;}
    .listing-row .blog-card .title{font-size:22px;line-height:30px;}
    .listing-row .blog-card .content{width:100%;}
    .post-hero [class*="box-shape-1"]{bottom:-190px;}
    .post-hero .post-image{margin-top:40px;border-radius:20px;}
    .subscribe-form-wrapper .inner{padding: 26px 15px 0 15px;}
    .blog-post-main .post-content{margin-top:40px;}
    .blog-post-main .post-content .blog-post__body img{border-radius:30px;}
    .related-posts .listing-row .blog-card-wrapper .blog-card{width:100%;}
}
@media(max-width:575px){
    .body-container.body-container--blog-index:before{width:130px;background-size:130px;bottom:-220px;}
    .body-container.body-container--blog-index:after{width:220px;background-size:220px;bottom:-180px;}
    .post-hero:after {height: 280px;}
    .post-hero [class*="box-shape-1"]{bottom:-250px;}
    .listing-banner .featured-post{padding:30px 20px;}
    .listing-row .blog-card{width:100%;max-width:420px;}
    .large_cta_sc.large_cta_v2{padding-bottom:70px;}
    .related-posts .listing-row .blog-card-wrapper{width:100%;}
} 
.error_page { position:relative; z-index:1; }
.error_page .page-not-found-sc { text-align: center; }
.error_page .page-not-found-sc h6 span { color: var(--color1); }
.error_page .page-not-found-sc h1 { color: var(--quaternary-color); line-height: 130%; }
.error_page .content_part { margin-top: 50px; position: relative; }
.error_page .content_part .cont_wrap { background: #fff; border-radius: 36px; padding: 50px 55px; position: relative; margin-top: -140px; z-index: 1; }
.error_page .content_part .img { position: relative; height:567px }
.error_page .content_part .img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.error_page .content_part .img:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(22.93% 78.31% at 50% 26.63%, rgba(243, 243, 243, 0.00) 0%, #F5F5F7 100%); z-index:1;}
.error_page .content_part .cont_wrap .left_part { width: 40%; padding-right: 15px; }
.error_page .content_part .cont_wrap .right_part { padding-left: 25px; width: 60%; }
.error_page .content_part .cont_wrap .btn_wrap { padding-top: 20px; flex-wrap:wrap; }
.error_page .content_part .cont_wrap a { width: auto; min-width: 215px; }
.error_page .content_part .cont_wrap .button-1 { margin-right: 10px; }
.error_page .content_part .cont_wrap .left_part h3 { color: var(--secondary-color); }
.error_page .content_part .cont_wrap .left_part h3 span { color: var(--main-color); }
.error_page .page-not-found-sc h6 { padding-bottom: 10px; }
.error_page:before, .error_page:after { position: absolute; content: ""; bottom: -300px; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-bottom-shape.svg)no-repeat center/cover; left: 0; z-index:-1; width: 476px; height: 476px; }
.error_page:after{ background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/error-right-shape.svg)no-repeat center/cover; left:auto; right:0; bottom: -250px; width: 596px; height: 498px; }
.error_page .content_part .cont_wrap .right_part .cont, .error_page .content_part .cont_wrap .right_part .cont h6 { font-size: 21px; }

.systems-page { display: inline-block; width: 100%; vertical-align: top; padding: 140px 0 180px; position:relative; z-index:1; }
.systems-page:before { position: absolute; content: ""; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/shape-red.svg) no-repeat; z-index: 1; width: 430px; height: 469px; bottom: -320px; left: 0; }
.systems-page:after { position: absolute; content: ""; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/system-bottom-shape.svg) no-repeat; right: 0; bottom: -450px; width: 639px; height: 565px; }
.systems-page .page-header { text-align: center; padding-bottom: 50px; }
.systems-page .main_part { max-width: 960px; margin: 0 auto; }
.systems-page h1 { color: var(--quaternary-color); text-align:center; }
.systems-page h2 { color: var(--main-color); padding-top: 45px; font-family: var(--body_font); font-size: 44px; font-weight: 700; line-height: 52px; }
.systems-page p.header { font-size: 23px; font-style: normal; font-weight: 700; line-height: 35px; color: var(--secondary-color); }
.systems-page .item .item-inner { border-radius: 20px; background: #FFF; padding: 30px; position: relative; padding-left: 70px; }
.systems-page .item+.item { margin-top: 19px; }
.systems-page .item .item-inner input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; cursor:pointer; }
.systems-page .item .item-inner .checkbox-row { font-size: 23px; font-style: normal; font-weight: 700; line-height: 35px; color: var(--secondary-color); }
.systems-page .item .item-inner span.fakelabel { position: relative; }
.systems-page .item .item-inner span.fakelabel span:before { position: absolute; top: 3px; left: -40px; content: ""; width: 30px; height: 30px; border: 1px solid rgb(79 79 79 / 30%); border-radius: 5px; }
.systems-page .item .item-inner span.fakelabel span:after { content: ''; display: block; position: absolute; top: 9px; left: -27px; width: 6px; height: 14px; border: solid var(--secondary-color); border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0; }
.systems-page .item .item-inner input[type="checkbox"]:checked + span:after { opacity: 1; }
.systems-page .item .item-inner p { padding: 0; font-size: 19px; font-style: normal; font-weight: 400; line-height: 33px; }
.systems-page .subscribe-options p.header { font-weight: 400; color: #050b19; font-size: 17px; line-height: 1.2; }
.systems-page .subscribe-options { padding:20px 30px 30px 30px; }
.systems-page .subscribe-options label { position: relative; }
.systems-page .subscribe-options span { position: relative; padding-left: 40px; font-size: 23px; font-style: normal; font-weight: 700; line-height: 35px; color: var(--secondary-color); cursor:pointer; }
.systems-page .subscribe-options label input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor:pointer; }
.systems-page .subscribe-options label span:before { position: absolute; top: 0; left: 0; content: ""; width: 30px; height: 30px; border: 1px solid rgb(79 79 79 / 30%); border-radius: 5px; }
.systems-page .subscribe-options label span:after { content: ''; display: block; position: absolute; top: 7px; left: 12px; width: 6px; height: 14px; border: solid var(--secondary-color); border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0; }
.systems-page .subscribe-options label input[type="checkbox"]:checked + span:after { opacity: 1; }

.systems-page .success { text-align: center; font-size: 23px; font-style: normal; font-weight: 700; line-height: 35px; color: var(--secondary-color); }
.systems-page .page-header p { padding: 0; max-width: 55%; margin: 0 auto; }

.systems-page.unsubscribe .page-header h1 { display: none; }
.systems-page.unsubscribe h2 { text-align: center; color: var(--secondary-color); font-size: 44px; font-style: normal; font-weight: 700; line-height: 52px; padding-top: 45px; }
.systems-page.unsubscribe h3 { display: none; }
.systems-page.unsubscribe form { position: relative; }
.systems-page.unsubscribe form .hs_submit.hs-submit { position: absolute; top: 11px; right: 0; }
.systems-page.unsubscribe form .hs-form-field input { padding-right: 170px; }
.systems-page.unsubscribe form .hs-form-field label { padding-left: 25px; }
.systems-page.unsubscribe .page-header { display: none; }
.systems-page.unsubscribe .title { padding-bottom: 50px; }
.systems-page.search-result-main .title h1 { text-transform: capitalize; }


.systems-page.search-result-main .section_wrap { display: flex; flex-wrap: wrap; position: relative; align-items: flex-start; }
.systems-page.search-result-main .section_wrap .left_part { width: 77%; padding-right: 30px; }
.systems-page.search-result-main .section_wrap .right_part { width:23%; padding-left:30px; position:sticky;top:150px; } 

.systems-page.search-result-main .title { text-align: center; padding-bottom: 68px; }
.systems-page.search-result-main .title .pre_title { display: flex; align-items: center; justify-content: center; padding-bottom: 15px; }
.systems-page.search-result-main p.hs-search-results__message { display: none; }
.systems-page.search-result-main a.hs-search-results__link { font-size: 23px; font-weight: 700; line-height: 35px; }
.systems-page.search-result-main .section_wrap .left_part p.hs-search-results__description { font-size: 19px; }
.systems-page.search-result-main .section_wrap .left_part ul.hs-search-results__listing { display: inline-block; }
.systems-page.search-result-main .section_wrap .left_part ul li { padding-bottom: 47px; margin-bottom: 47px; border-bottom: 1px solid rgb(79 79 79 / 20%); }
.systems-page.search-result-main .section_wrap .left_part ul li:last-child { border: none; padding: 0; margin: 0; }
.systems-page.search-result-main .section_wrap .left_part nav.hs-search-results__pagination { position: absolute; left: 0; right: 0; padding-top: 36px; border-top: 1px solid rgba(0, 0, 0, .2); margin-top: 47px; }
.systems-page.search-result-main .section_wrap .left_part nav a.hs-search-results__pagination__link--text-and-icon:hover svg path { fill: var(--secondary-color); }
.systems-page.search-result-main .section_wrap .button-2 a { text-transform: capitalize; }
.search-result-main nav .hs-search-results__pagination__link--number { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 23px; font-weight: 700; line-height: 35px; text-align: center; }
.search-result-main nav .hs-search-results__pagination__link--number.hs-search-results__pagination__link--active { background: var(--main-color); color: #fff; }
.systems-page.search-result-main .section_wrap .right_part .side_bar { border-radius: 36px; background: #fff; padding: 31px 22px; }
.search-result-main .section_wrap .right_part .side_bar .links { padding-top: 10px; }
.systems-page.search-result-main .section_wrap .right_part .side_bar h5 { font-size: 23px; font-style: normal; font-weight: 700; line-height: 35px; color: var(--secondary-color); }
.search-result-main .section_wrap .right_part .side_bar ul { display: inline-block; width: 100%; }
.search-result-main .section_wrap .right_part .side_bar ul li { padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid rgba(0, 0, 0, .2); }
.search-result-main .section_wrap .right_part .side_bar ul li:last-child { margin: 0; padding: 0; border: none; }
.search-result-main .section_wrap .right_part .side_bar ul li a { font-size: 19px; color: var(--quaternary-color); width: 100%; position: relative; display: inline-block; padding-right:13px; }
.search-result-main .section_wrap .right_part .side_bar ul li a:before { position: absolute; content: ""; top: 9px; right: 0; width:8px; height:12px; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/right-orang-arrow.svg)no-repeat center/cover; }
.search-result-main .section_wrap .right_part .side_bar ul li a:hover { color: var(--main-color); }

/**/
.pw_prompt_sc .container { width: 600px; max-width: 100%; }
.pw_prompt_sc form { width: 385px; position: relative; margin: 0 auto; }
.pw_prompt_sc form input[type="password"] { height: 58px !important; margin: 0 !important; padding: 0 170px 0 16px !important; border: 1px solid #CFD3D4; }
.pw_prompt_sc form input[type="submit"] { position: absolute; top: 0; right: 0; margin: 0; width: 124px; }
.pw_prompt_sc h1 { margin: 5px 0; }

.systems-page.red-shape-bottom:before { background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-area-left-shape.svg) no-repeat; z-index: 1; width: 480px; height: 519px; bottom: -230px; }
.systems-page.red-shape-bottom:after { background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-area-right-shape.svg) no-repeat; right: 0; bottom: -180px; width: 701px; height: 427px; }
.systems-page.red-shape-bottom { padding-bottom: 250px; }


@media (min-width:1201px) and (max-width:1600px){
     .terms_use { padding-bottom: 190px; }
}
@media (max-width:1600px){
    .error_page:before { width: 376px; height: 336px; }
    .error_page:after { bottom: -220px; width: 496px; height: 398px; }
    
    .systems-page.search-result-main .section_wrap { padding-bottom: 130px; }
    
   
}
@media (max-width:1400px){
    .error_page .content_part .cont_wrap .left_part { width: 45%; }
    .error_page .content_part .cont_wrap .right_part { width: 55%; }
    .error_page:after { bottom: -220px; width: 446px; height: 348px; }
}

@media (max-width:1200px){
    .error_page .content_part .cont_wrap .right_part { padding-left:15px; }
    .error_page .content_part .cont_wrap a { min-width: 200px; }
    .error_page .content_part .cont_wrap .button-1 { margin: 0 0 15px; }
    
    .systems-page { padding: 80px 0; }
    .systems-page.unsubscribe h2 { font-size: 36px; }
    
    .systems-page:before { z-index: -1; width: 330px; height: 369px; bottom: -300px; }
    .systems-page h2 { font-size: 36px; }
    
    .error_page .content_part .cont_wrap .right_part .cont, .error_page .content_part .cont_wrap .right_part .cont h6 { font-size: 18px; }
    .systems-page.search-result-main .section_wrap .left_part { width: 70%; padding-right: 15px; }
    .systems-page.search-result-main .section_wrap .right_part {    width: 30%; padding-left: 15px; }
    
    .systems-page.red-shape-bottom:after { width: 500px; height: 310px; background-size: 500px; }
    .systems-page.red-shape-bottom:before { height: 420px; width: 340px; bottom: -210px; left: 0px; }
}

@media (max-width:991px){
    .error_page .content_part .cont_wrap { padding: 30px 35px; }
    
    .systems-page p.header { font-size: 20px; }
    .systems-page .item .item-inner { padding: 20px; padding-left: 70px; }
    .systems-page .item .item-inner .checkbox-row { font-size: 20px; line-height: 30px; }
    
    .systems-page .subscribe-options label { font-size: 20px; line-height: 30px; }
    
    .systems-page .page-header p { max-width: 60%; }
    
    .systems-page .success { font-size:20px; line-height:30px }
    
    .systems-page:before { width: 230px; height: 269px; bottom: -250px; }
    
    .error_page .content_part .img { height: 400px; }
    
    .systems-page.search-result-main .section_wrap .left_part { width: 65%; }
    .systems-page.search-result-main .section_wrap .right_part { width: 35%; }
    
    .systems-page.red-shape-bottom:after { width: 300px; height: 230px; background-size: 330px; }
    .systems-page.red-shape-bottom:before { background-size: 200px; height: 260px; width: 200px; bottom: -170px; }
    .systems-page.red-shape-bottom { padding-bottom: 150px; }
}

@media (max-width:767px){
    .error_page .content_part .cont_wrap .left_part { width: 100%; padding: 0; }
    .error_page .content_part .cont_wrap .right_part { width: 100%; padding: 20px 0 0; }
    .error_page .content_part .cont_wrap { margin-top: -50px; }
    .error_page:before { display:none; }

    .systems-page { padding: 50px 0; }
    .systems-page .page-header { padding-bottom: 30px; }
    .systems-page p.header { font-size: 18px; line-height: 28px; }
    .systems-page .item .item-inner { padding: 15px; padding-left: 50px; }
    .systems-page .item .item-inner .checkbox-row { font-size: 18px; line-height: 28px; }
    .systems-page .item .item-inner p { font-size: 16px; line-height: 26px; }
    .systems-page .subscribe-options label { font-size: 18px; line-height: 28px;  }
    .systems-page .subscribe-options { padding: 15px; }
    .systems-page .item .item-inner span.fakelabel span:before { width: 20px; height: 20px; left: -30px; }
    .systems-page .subscribe-options label span:before { width: 20px; height: 20px; top: 3px; }
    .systems-page .subscribe-options span { padding-left: 30px; }
    .systems-page .item .item-inner span.fakelabel span:after { top: 5px; left: -23px; }
    .systems-page .subscribe-options label span:after { left: 7px; }
    
    .systems-page:before { width: 230px; height: 229px; bottom: -250px; }
    
    
    .systems-page .page-header p { max-width: 100%; }
    
    .systems-page .success { font-size:18px; line-height:28px }
    
    .systems-page.unsubscribe form .hs_submit.hs-submit { position: static; }
    .systems-page.unsubscribe form .hs-form-field input { padding-right: 25px; }
    .systems-page.unsubscribe h2 { font-size: 26px; padding-top: 30px; }
    .systems-page.unsubscribe .title { padding-bottom: 30px; }
    .systems-page h2 { font-size:33px; padding-top: 20px; }
    
    .error_page .content_part .img { height: 190px; }
    .error_page .content_part .cont_wrap { padding: 15px 20px; border-radius:20px; }
    
    .systems-page.search-result-main .section_wrap .left_part { width: 100%; padding: 0 0 40px; }
    .systems-page.search-result-main .section_wrap .right_part { width: 100%; padding: 0; position: static; }
    .systems-page.search-result-main .section_wrap .left_part p.hs-search-results__description { font-size: 18px; }
    .systems-page.search-result-main .section_wrap .left_part ul li { padding-bottom: 30px; margin-bottom: 30px; }
    .systems-page.search-result-main a.hs-search-results__link { font-size: 20px; line-height: 30px; }
    .systems-page.search-result-main .section_wrap .left_part nav.hs-search-results__pagination { position: static; }
    .systems-page.search-result-main .section_wrap { padding-bottom: 50px; }
    .systems-page.search-result-main .section_wrap .right_part .side_bar { border-radius: 15px; padding: 20px 15px; }
    
    .systems-page.red-shape-bottom:after { bottom: -210px; }
    .pw_prompt_sc .container { width: 100%; }
    .pw_prompt_sc form input[type="submit"] { position: relative; right: auto; left: auto; margin-top: 20px; }
    .pw_prompt_sc form input[type="password"] { padding: 0 16px !important; }
    .pw_prompt_sc form { width: 100%; }
    
}

@media (max-width: 550px){
    .systems-page:after { width: 420px; height: 260px; bottom: -240px; }
}

@media (max-width: 500px){
    .systems-page.red-shape-bottom:after { width: 220px; background-size: 220px; bottom: -260px; }
    .systems-page.red-shape-bottom:before { width: 130px; background-size: 130px; bottom: -270px; }
    .systems-page.red-shape-bottom { padding-bottom: 50px; }
}

@media (max-width:350px){
    .systems-page h2 { font-size: 28px; }
    .systems-page:before { width: 180px; height: 230px; bottom: -250px; left: -50px; }
    
    .search-result-main nav .hs-search-results__pagination__link--number { width: 30px; height: 30px; font-size: 16px; padding: 0; margin: 0; }
}
.sub-title { font-size: 20px; line-height: 25px; font-weight: 600; letter-spacing: 3.2px; text-transform: uppercase; color: var(--main-color); }
.main-title { font-size: 19px; line-height: 33px; margin-left: auto; margin-right: auto; max-width: 720px; width: 100%; }

.hero-overview { position: relative; padding: 40px 0 0; overflow-x: clip; }
/* .hero-overview:after { content: ''; width: 100%; height: 173px; position: absolute; bottom: 0; left: 0; background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/shape-1%20%281%29.png') no-repeat; background-size: 100% 173px; z-index: 1; } */
.hero-overview img.shape-bottom { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; max-height: 170px; }
.hero-overview .shape svg { width: 100%; height: auto; }
.hero-overview .left { width: 50%; padding: 50px 35px 250px 15px; padding-left: calc((100% - 1480px) / 2); }
.hero-overview .left .left_cover { width: 685px; max-width: 100%; margin-left: auto; }
.hero-overview .left .content { font-size: 21px; line-height: 33px; }
.hero-overview .right { padding: 0 70px 0 0; width: 50%; position: relative; z-index: 1; text-align: right; display: flex; align-items: flex-end; }

.hero-overview .right .imgs { position: absolute; left: 0; right: 0; top: 0; gap: 18px; display: flex; flex-wrap: wrap; justify-content: end; align-items: flex-end; }
.hero-overview .imgs [class*=img-] { width: 215px; height: 269px; border-radius: 32px; overflow: hidden; }
.hero-overview .imgs [class*=img-] img { width: 100%; height: 100% !important; object-fit: cover; }
.hero-overview .imgs [class*=img-2] { width: 164px; height: 161px; }
.hero-overview .imgs [class*=img-3] { width: 283px; height: 209px; margin-bottom: 113px; margin-right: 100px; }
.hero-overview .imgs [class*=img-4] { width: 407px; height: 322px; }
.hero-overview .imgs [class*=img-1] { margin-left: 300px; }

.businesses-gingr .right .image { margin-left: 160px; }

.hero-overview .right .image { padding: 50px 0 0; position: relative; }

.hero-overview [class*="box-shape-"] { position: absolute; bottom: -100px; left: 0; line-height: 0; }
.hero-overview [class*="box-shape-2"] { right: 0; left: auto; bottom: -100px; }
.hero-overview [class*="box-shape-2"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr_feb2010/Icons/dots-white.png') no-repeat; background-position: top 0 right 0; }
.hero-overview [class*="box-shape-1"] { left: -180px; }

.software-overview { padding-bottom: 22px; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,245,247,1) 37%,rgba(245,245,247,1) 100%); position: relative; }
.software-overview .container { position: relative; z-index: 11; }
.tabs-list ul { margin: 0; padding: 0; list-style-type: none; border-radius: 90px; background: #FFFFFF; }
.tabs-list ul li a { padding: 15px 30px; font-size: 17px; line-height: 29px; font-weight: 700; color: var(--quaternary-color); display: inline-block; text-align: center; border-radius: 90px; }
.tabs-list ul li a:hover { color: var(--secondary-color); }
.tabs-list ul li.active a , .tabs-list ul li.active a:hover { color: var(--tertiary-color); }

.software-overview .box { padding: 37px; border-radius: 36px; background: #FFF; }
.software-overview .box .inner { padding: 0 60px 0 15px; }
.software-overview .box .left { width: 671px; line-height: 0; position: relative; padding-right: 85px; }
.software-overview .box .left .dog { position: absolute; bottom: 0; right: 0; }

.software-overview .box .right { padding: 20px 0 50px; width: calc(100% - 671px); }
.software-overview .monitor { width: 587px; position: relative; }
.software-overview .monitor .desktop img { width: 100%; height: auto; }
.software-overview .monitor .img { position: absolute; top: 12px; left: 13px; right: 13px; bottom: 126px; border-radius: 4px; overflow: hidden; }
.software-overview .monitor .img img { width: 100%; height: 100% !important; object-fit: cover; }

.software-overview .testimonial { padding: 50px 15px 20px; border-top: 1px solid rgba(79, 79, 79, 0.2); }
.software-overview .testimonial .box-cover { margin: 0 auto; max-width: 1087px; width: 100%; }
.software-overview .testimonial h3 { font-size: 29px; line-height: 45px; font-family: var(--sec-font); font-weight: 400; }
.software-overview .testimonial .position { gap: 0 27px; }
.software-overview .testimonial .position .img { border-radius: 100px; overflow: hidden; width: 63px; height: 63px; }
.software-overview .testimonial .position .img img { width: 100px; height: 100% !important; !i; !; object-fit: cover; }
.software-overview .testimonial .position h6 { font-size: 18px; line-height: 20px; color: var(--secondary-color); }

.software-overview .box .right h3 { color: var(--secondary-color); }

.body-container.red-shape-bottom:before { background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-area-left-shape.svg') no-repeat; z-index: 1; width: 480px; height:519px; bottom: -230px; }
.body-container.red-shape-bottom:after { background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-area-right-shape.svg) no-repeat; right: 0; bottom: -180px; width: 701px; height: 427px; }

.terms_use { display: inline-block; width: 100%; vertical-align: top; position:relative; z-index:1; }
.terms_use .content a { text-decoration: underline; }

@media(max-width: 1700px) {

    .hero-overview .imgs [class*=img-1] { margin-left: 0; }
    .hero-overview .imgs [class*=img-3] { margin: 0; }
    .hero-overview .imgs [class*=img-4] { width: 377px; }
    
    .hero-overview [class*="box-shape-1"] { left: -280px; bottom: -150px; }
    
    .businesses-gingr .right .image { margin-left: 40px; } 

}

@media (max-width:1540px){
    .hero-overview .left { padding-left: calc((100% - 1250px) / 2); }
    .hero-overview .left h1 { font-size: 48px; }
}

@media(max-width: 1300px) {
    
    .software-overview .box .inner { padding: 0; }
    
    .hero-overview .left { padding-left: calc((100% - 1170px) / 2); }
    
}

@media(max-width: 1200px) {

    .hero-overview .container1 { width: 950px; padding: 0 15px; margin: 0 auto; flex-wrap: wrap; }
    .hero-overview .right { padding-right: 0; }
    .hero-overview .imgs [class*=img-] { width: 120px; height: 180px; border-radius: 20px; }
    .hero-overview .imgs [class*=img-2] { width: 100px; height: 100px; }
    .hero-overview .imgs [class*=img-3] { width: 140px; height: 100px; margin-right: 40px; margin-bottom: 30px; }
    .hero-overview .imgs [class*=img-4] { width: 227px; height: 130px; }
    .hero-overview .right .imgs { gap: 10px; top: auto; bottom: 110px; }
    .hero-overview .imgs [class*=img-1] { margin-left: 210px; }
    .hero-overview:after { height: 120px; background-size: 100% 120px; }
    .hero-overview [class*="box-shape-2"]:after { display: none; }
    .hero-overview [class*="box-shape-1"] { left: -320px; bottom: -180px; }

    .software-overview .box .left { width: 500px; }
    .software-overview .box .right { width: calc(100% - 500px); padding: 20px 0 50px; }
    .software-overview .monitor { width: 100%; }
    .software-overview .box .left .dog { width: 180px; }
    .software-overview .monitor .img { right: 10px; left: 10px; top: 10px; bottom: 89px; }
    .software-overview .box { padding: 20px; border-radius: 16px; }
    
    .body-container.red-shape-bottom:before { height: 420px; width: 340px; bottom: -210px; left: 0px; }
    .body-container.red-shape-bottom:after { width: 500px; height: 310px; background-size: 500px; }
    
    .businesses-gingr .right .image { margin-left: 100px; }
    
    .hero-overview .left h1 { font-size:44px; }
    .hero-overview .left { padding-left: calc((100% - 890px) / 2); }
    
    

}

@media(min-width: 992px) {

    .tabs-list label { display: none; }

}

@media(max-width: 991px) {
    
    .sub-title { font-size: 14px; line-height: 23px; letter-spacing: 2px; }
    .hero-overview .container1 { width: 750px; }
    .hero-overview .left .left_cover { width: 100%; }

    .hero-overview:after { height: 80px; background-size: 100% 80px; }
    .hero-overview .left { width: 100%; padding: 0 0 50px; text-align: center;  }
    .hero-overview .right { width: 100%; margin: 0 auto; max-width: 100%; padding: 0; }
    .hero-overview .container { flex-wrap: wrap; }
    .hero-overview [class*="box-shape-2"] { width: 180px; bottom: 0; }
    .hero-overview [class*="box-shape-1"] { width: 200px; height: 200px; bottom: 0; left: 0; }
    .hero-overview .left .content { font-size: 18px; line-height: 28px; }
    .hero-overview .left .text + div { justify-content: center; }
    
    .hero-overview .right .image { max-width: 410px; width: 100%; }
    
    .software-overview .box .left { width: 100%; max-width: 430px; margin: 0 auto; padding: 0; }
    .software-overview .box .right { width: 100%; padding: 30px 0; }
    .software-overview .monitor .img { bottom: 92px; }
    .software-overview .box .left .dog { width: 140px; right: -60px; }
    .software-overview .testimonial { padding: 20px 15px; }
    .software-overview .testimonial h3 { font-size: 22px; line-height: 32px; }
    
    .tabs-list { position: relative; }
    .tabs-list label { font-size: 17px; line-height: 29px; width: 100%; padding: 14px 40px 14px 20px; background: #FFF; border-radius: 50px; font-weight: 600; position: relative; }
    .tabs-list label:after { content: ''; width: 15px; height: 23px; background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr_feb2010/Icons/slide-arrow-right-red.svg') no-repeat; position: absolute; right: 20px; top: 19px; background-size: 14px; transform: rotate(90deg); }
    .tabs-list label:after { content: '';  }
    .tabs-list ul { position: absolute; top: calc(100% + 7px); left: 0; z-index: 9; border-radius: 20px; display: none; width: 100%; box-shadow: 0px 10px 10px rgba(0,0,0,.1); }
    .tabs-list ul li { width: 100%; }
    .tabs-list ul li a { padding: 9px 20px; width: 100%; text-align: left; }
    
    .body-container.red-shape-bottom:before { background-size: 200px; height: 260px; width: 200px; bottom: -170px; }
    .body-container.red-shape-bottom:after { width: 300px; height: 230px; background-size: 330px; }
    
    
    
    .businesses-gingr .right .image { margin-left: 90px; max-width: 290px; }

}

@media(max-width: 767px) {

    .software-overview { padding-top: 50px; } 
    .software-overview .box .left .dog { right: -20px; }
    .body-container.red-shape-bottom:after { bottom: -210px; }
    
    .hero-overview .container1 { width: 100%; }
    
    .hero-overview .left h1 { font-size:38px; }
    

}

@media (max-width: 550px){
    .body-container.red-shape-bottom:before { bottom: -180px; }
}


@media(max-width: 500px) {
    
    .body-container.red-shape-bottom:before { width: 130px; background-size: 130px; bottom: -270px; }
    .body-container.red-shape-bottom:after { width: 220px; background-size: 220px; bottom: -260px; }
    
    .hero-overview:after { height: 50px; background-size: 100% 50px; }
    .hero-overview .right .imgs { bottom: 50px; }
    .hero-overview .imgs [class*=img-1] { margin-left: 50px; }
    .hero-overview .imgs [class*=img-] { width: 110px; height: 150px; }
    .hero-overview .imgs [class*=img-2] { width: 80px; height: 80px; }
    .hero-overview .imgs [class*=img-4] { width: 200px; height: 150px; }
    .hero-overview .imgs [class*=img-3] { margin: 0 0 50px 0; height: 100px; }
    .hero-overview [class*="box-shape-2"] { width: 100px; }
    .hero-overview [class*="box-shape-1"] { width: 150px; height: 150px; }
    
    .software-overview .testimonial { padding: 20px 0; }
    .software-overview .testimonial h3 { font-size: 18px; line-height: 28px; }
    .software-overview .testimonial .position { gap: 0 17px; }
    .software-overview .testimonial .position .img { width: 50px; height: 50px; }
    
    .businesses-gingr .right .image { max-width: 200px; }
}

@media (max-width: 370px){
    .hero-overview .right .imgs { gap: 7px; }
    .hero-overview .imgs [class*=img-4] { width: 150px; height: 150px; }
    .hero-overview .imgs [class*=img-] { border-radius: 10px; }
}
 




/* Root */
:root {
    --main-color:                         #F34441;
    --secondary-color:                    #4977D2;
    --tertiary-color:                     #F5F5F5;
    --quaternary-color:                   #4F4F4F;
    --color1:                             #F34441;
    --color2:                             #4977D2;
    --color3:                             #F5F5F5;
    --color4:                             #4F4F4F;
    --color5:                             #FFDB5C;
    --color6:                             #50E2C2;
    --color7:                             #8650CE;
      
    --main-font:                          Catamaran;
    --sec-font:                           Volkhov;
  
    --headertopbg:                        
    
    
        
    
    rgba(#, 1.0)
;
    --headertoplink:                      #4977D2;
    --headertoplinkhover:                 #EE4542;
    --headerbottombg:                     
    
    
        
    
    rgba(#, 1.0)
;
    --headerbottomlink:                   #4F4F4F;
    --headerbottomlinkhover:              #4977d2;
    --dropcolor:                          #F5F5F5;
    --droplinkcolor:                      #4F4F4F;
    --droplinkhovercolor:                 #EE4542;
    --droplinkhoverbgcolor:               ;  
    --hamburger:                          #4977D2;
  
    --body_font:                          Catamaran;
    --body_font_size:                     17;
  
    --link_color:                         #4977D2;
    --link_hover_color:                   #F34441;  
}

*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

hr { border:none; outline:none; float:left; width:100%; height:1px; background:#F34441; clear:both; margin:30px 0; }
.clear { clear:both }

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.hs-menu-wrapper.hs-menu-flow-horizontal ul li a:link , .hs-menu-wrapper.hs-menu-flow-horizontal ul li a:visited { max-width: none !important; text-overflow: inherit !important; vertical-align:top; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width:100%; }
.hs-menu-wrapper.hs-menu-flow-horizontal ul { vertical-align:top; }

.row-fluid [class*="span"] { min-height:0; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.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-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { cursor:pointer; z-index:1; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#ECECEC; background:#ffffff; width:35px; height:35px; font-size:0; cursor:pointer; border:0; transition:all ease-in-out .4s; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:30px; }
.slick-arrow:hover { background:#ffffff; color:#ECECEC;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: "\f104"; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: "\f105"; }
.slick-arrow.slick-disabled { display:none; }

ul.slick-dots { margin:0; list-style:none; text-align:center; padding:17px 0 0; }
ul.slick-dots li { display:inline-block; padding:0 5px; line-height:0; }
ul.slick-dots li button { display:inline-block; background:#ffffff; border:1px solid #4977D2; width:16px; height:16px; border-radius:100%; font-size:0; cursor:pointer; padding:0; box-shadow:none; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#4977D2; }

.container .dnd-section > .row-fluid, .container { margin:0 auto !important; width:1200px; padding:0 15px; float:none !important; }
main.body-container-wrapper { display:inline-block; vertical-align:top; width:100%; }

.pre_title { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 3.2px; line-height: 1.25; }
.body1 { font-size: 21px; line-height: 1.55; }
.body2 { font-size: 19px; line-height: 1.65; }
.body_s1 { font-size: 37px; line-height: 1.75; font-family: var(--sec-font); }
.body_q1 { font-size: 29px; line-height: 1.55; font-family: var(--sec-font); }

.checklist ul { padding: 0; margin: 5px 0 0; list-style-type: none; display: block; }
.checklist ul li { margin-top: 4px; position: relative; padding-left: 30px; }
.checklist ul li:before { position: absolute; content: ""; height: 13px; width: 18px; top: 10px; left: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/list-icon.svg) no-repeat center / cover; }

.dots ul { list-style-type: none; padding: 0 0 0 15px; margin: 0; }
.dots ul li { position: relative; padding-left: 20px; }
.dots ul li:before { position: absolute; content: ""; top: 11px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: red; }

.body-container { position: relative; z-index: 1; padding-bottom: 100px; }
.body-container:before { position: absolute; content: ""; height: 673px; width: 687px; max-width: 100%; bottom: -300px; left: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-bottom-shape.svg) no-repeat center / cover; z-index: -1; }
.body-container:after { position: absolute; content: ""; height: 442px; width: 478px; max-width: 100%; bottom: -160px; right: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/main-bottom-right-shape.svg) no-repeat center / cover; z-index: -1; }

/* Homepage */
.hero_sc { position: relative; z-index: 1; /*padding: 0 0 200px;*/ overflow: clip; }
.hero_sc:after { content: ""; width: 100%; height: 173px; position: absolute; bottom: 0; left: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/shape-1%20%281%29.png) no-repeat; background-size: 100% 173px; z-index: 1; }
.hero_cover .con { width: 1060px; max-width: 100%; margin: 0 auto; } 
.hero_btn_wrap { gap: 12px; flex-wrap: wrap; }
.hero_sc [class*="shape-"] { position: absolute; bottom: -40px; left: 0; line-height: 0; }
.hero_sc [class*="shape-2"] { right: 0; left: auto; bottom: 0; }

.mac_banner { position: absolute; width: 844px; height: 660px; margin: 0 auto; top: 0; left: 0; right: 0; }
.mac_banner .inner_screen { position: absolute; top: 14px; left: 16px; height: calc(100% - 192px); width: calc(100% - 32px); display: flex; align-items: center; justify-content: center; }
.mac_banner .inner_screen .screen_img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }
.mac_banner .inner_screen .screen_img:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #EE4542; content: ""; mix-blend-mode: multiply; z-index: 1; }
.mac_banner .inner_screen .screen_img img { height: 100% !important; width: 100%; object-fit: cover; opacity: 0.5; }
.mac_banner .screen_logo { position: relative; z-index: 2; transition: all ease-in-out .4s; }
.mac_banner .inner_screen:hover .screen_logo { transform: scale(1.10); }
.mac_banner .play_btn a { top: 0; position: absolute; left: 0; z-index: 2; height: 100%; width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; padding: 20px; }
.hero_video { display: none; width: 900px; max-width: 100%; padding: 0 !important; line-height: 0; }
.hero_video video { display: inline-block; vertical-align: top; max-width: 100%; }
.fancybox-close-small { top: -40px !important; padding: 0px !important; opacity: 1 !important; }
.hero_video.fancybox-content { overflow: visible !important; }
.fancybox-button svg path { fill: #fff !important }
.hero_slider_area { min-height: 660px; position: relative; padding-top: 40px; }
.slider_img { height: 188px; width: 330px; border-radius: 12px; margin: 8px; }

.service_sc { background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); padding-bottom: 150px; position: relative; z-index: 1; padding-top: 100px; }
.sc_head .btn_wrap { gap: 19px; flex-wrap: wrap; }
.service_img { height: 420px; border-radius: 36px; margin: 0 20px; position: relative; overflow: hidden; }
.fullbox { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; }
.service_img:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(178deg, #C4C4C4 41.7%, #5E5E5E 98.56%); mix-blend-mode: multiply; opacity: 0; visibility: hidden; transition: all ease-in-out .4s; }
.service_title { padding: 30px; position: relative; z-index: 1; }
.service_img .plus { height: 49px; width: 49px; position: absolute; bottom: 20px; right: 45px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--color1); transition: all ease-in-out .4s; }
.service_img:hover .plus { background: #d82d2a; }
.service_img:hover:before { opacity: 1; visibility: visible; }
.service_sc .splide__pagination { display: none; }
.service_title h3 { font-size: 33px; }

.service_sc .splide__arrow { top: calc(100% + 20px); transform: none; right: calc((100% - 1250px) / 2); height: 49px; width: 49px; background: rgb(79 79 79 / 10%); transition: all ease-in-out .4s; }
.service_sc .splide__arrow svg path { fill: rgb(79 79 79 / 60%); transition: all ease-in-out .4s; }
.service_sc .splide__arrow:hover { opacity: 1 !important; background: rgb(79 79 79 / 30%); }
.service_sc .splide__arrow:hover svg path { fill: var(--color4); }
.service_sc .splide__arrow--prev { left: auto; right: calc((100% - 1120px) / 2); }

.large_cta_sc .cover { border-radius: 36px; position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; transition: all ease-in-out .4s; }
.large_cta_sc .cover:hover { box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15); }
.large_cta_sc  .area { padding-top: 100px; position: relative; }
.large_cta_sc .cover .left { width: 57%; padding: 80px 80px 80px 100px; }
.large_cta_sc .cover .right_img { width: 42%; position: absolute; right: 20px; bottom: 0; padding-left: 50px; height: 100%; padding-top: 20px; display: flex; align-items: flex-end; }
.large_cta_sc .cover .button-1.red { position: absolute; bottom: 30px; right: 30px; }
.large_cta_sc .cover .left p { padding-bottom: 0; }
.large_cta_sc .area:before { position: absolute; content: ""; height: 281px; width: 460px; top: 0; left: -200px; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/RedCTAShape.svg) no-repeat center / cover; }
.large_cta_sc .cover:hover .button-1.red a { background: #d82d2a; }
.large_cta_sc.custom .area:before { display: none; }
.large_cta_sc.custom .area { padding-top: 50px; }
.large_cta_sc .cover .left.checklist ul { margin-top: 10px; }
.large_cta_sc.custom .area .cover h3 { margin: 0; }

.revenue_sc { position: relative; padding-bottom: 250px; overflow: clip; }
.revenue_sc [class*="shape-"] { position: absolute; bottom: -40px; left: 0; line-height: 0; }
.revenue_sc [class*="shape-1"] { height: 471px; width: 480px; bottom: -10px; }
.revenue_sc [class*="shape-2"] { right: 0; left: auto; bottom: -110px; height: 471px; width: 480px; }
.revenue_sc:after { content: ""; width: 100%; height: 173px; position: absolute; bottom: 0; left: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/revenue-shape.png) no-repeat; background-size: 100% 173px; z-index: 1; }
.revenue_tab_nav ul { background: #fff; border-radius: 90px; list-style-type: none; padding: 0; margin: 0; }
.revenue_tab_nav ul li a { display: inline-block; vertical-align: top; width: auto; padding: 15px 35px; color: var(--color4); font-weight: 700; border-radius: 90px; position: relative; z-index: 1; overflow: hidden; }
.revenue_tab_nav ul li a:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: -100%; opacity: 0; visibility: hidden; background: var(--color2); border-radius: 90px; transition: all ease-in-out .5s; z-index: -1; }
.revenue_tab_nav ul li.current a:before { left: 0; opacity: 1; visibility: visible; }
.revenue_tab_nav ul li.current a { color: #fff; }
.revenue_tab_nav ul li.current a:hover { color: #fff; }
.revenue_tab_nav ul li a:hover { color: var(--color2); }
.pet_tab_con .img { height: 446px; border-radius: 36px; padding: 0; width: 45%; }
.pet_tab_con .con { padding-left: 40px; padding-right: 0; width: 54%; }
.pet_tab_con { display: none; position: relative; }

.scrolling-blocks { font-size: 21px; line-height: 33px; padding: 80px 0 100px; position: relative; }
.scrolling-blocks .list-wrapper { margin: 0 -30px; }
.scrolling-blocks .list-wrapper .col { width: calc(50% - 60px); margin: 0 30px; }
.scrolling-blocks .list-wrapper .list + .list { margin-top: 45px; }
.scrolling-blocks .two-image { margin: 0 -12px; }
.scrolling-blocks .two-image .image { width: calc(50% - 24px); margin: 0 12px; height: 208px; border-radius: 20px; border: 1px solid #EFF0F6; background: #FFF; display: flex; align-items: center; justify-content: center; }
.scrolling-blocks .two-image .image img { max-height: 150px; max-width: 200px; }
.scrolling-blocks .testi-card { background: #fff; border: 1px solid #eff0f6; border-radius: 20px; padding: 50px 45px; font-size: 19px; line-height: 33px; }
.scrolling-blocks .testi-card .image img { max-height: 90px; width: auto; }
.scrolling-blocks .testi-card .content { padding: 20px 0; }
.scrolling-blocks .testi-card .person-image { width: 62px; height: 62px; border-radius: 100%; overflow: hidden; margin: 0 20px 0 0; }
.scrolling-blocks .testi-card .person-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.scrolling-blocks .testi-card .person-content { line-height: normal; width: calc(100% - 82px); }
.scrolling-blocks .testi-card .person-content h5 { color: var(--secondary-color); }
.scrolling-blocks .sticky-dv { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 400ms; }
.scrolling-blocks .sticky-dv .sticky-inner { height: 100vh; position: sticky; top: 0; width: 100%; display: flex; align-items: flex-end; }
.scrolling-blocks .sticky-dv .sticky-gradient { background: linear-gradient(180deg, rgba(245, 245, 247, 0.00) 0%, #F5F5F7 100%); width: 100%; height: 356px; top: 0; }
.scrolling-blocks.scrolled-80 .sticky-dv { opacity: 0; }

/* .award_logo_wrap { gap: 15px; } */

.counter_wrap .counter_col { width: 25%; font-size: 29px; font-family: var(--sec-font); line-height: 1.5; padding: 15px; }
.counter_wrap .counter_col .number { font-size: 61px; letter-spacing: -0.61px; color: var(--color2); font-family: var(--sec-font); line-height: 1.1; }
.counter_colin { width: 213px; max-width: 100%; margin: 0 auto; }
.counter_colin span.num { margin-right: 6px; }

/* Solutions Overview 2024 */ 
.hero_solutions { position:relative; z-index:1; overflow-x: clip; }
.hero_solutions:after { content: ''; width: 100%; height: 173px; position: absolute; bottom: 0; left: 0; background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/shape-1%20%281%29.png') no-repeat; background-size: 100% 173px; z-index: 1; }

.hero_solutions [class*="box-shape-"] { position: absolute; bottom: -100px; left: 0; line-height: 0; }
.hero_solutions [class*="box-shape-2"] { right: 0; left: auto; bottom: -100px; }
.hero_solutions [class*="box-shape-2"]:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr_feb2010/Icons/dots-white.png') no-repeat; background-position: top 0 right 0; }
.hero_solutions [class*="box-shape-1"] { left: -180px; }

.hero_solutions .right_part .right_inner .img_1 { border-radius: 3px; box-shadow: 0px 0px 0px 15px #000; }
.hero_solutions .right_part .right_inner .img_1 img { height: 100%; width: 100%; object-fit: cover; }
/* .hero_solutions .right_part .right_inner .img_2 img { height: 100%; } */

.hero_solutions .left_part { width: 50%; padding-right: 15px; padding-left: calc((100% - 1480px) / 2); padding-bottom: 250px; position: relative; z-index: 1; }
.hero_solutions .right_part { width: 50%; padding-left: 15px; padding-right: calc((100% - 1600px) / 2); }
.hero_solutions .left_part .pre_title { color: var(--color1); padding-bottom: 20px; }
.hero_solutions .left_part h1 { color: var(--quaternary-color); }
.hero_solutions .left_part .content { padding: 20px 0; max-width:90%; }
.hero_solutions .left_part .button_wrap a { min-width: 182px; }
.hero_solutions .left_part .button_wrap .button-1 { padding-right: 15px; }
.hero_solutions .right_part .right_inner { position: relative; z-index: 1; }
.hero_solutions .right_part .right_inner .img_2 { position: absolute; bottom: -300px; left: 0; right: 0; margin: 0 auto; width: 100%; text-align:center; height:100%; }
.hero_solutions .btm_shape { position: absolute; bottom: -100px; width: 100%; height: 398px;  }
.hero_solutions .white_dots { position: absolute; right: 0; bottom: 50px; width: 472px; height: 477px; z-index: -1; }

.dropdown_cta { background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); position: relative; z-index: 1; padding-bottom:50px; padding-top: 60px; }
.dropdown_cta .container { width: 1358px; }
.dropdown_cta .dropdown_cta_wrap+.dropdown_cta_wrap { margin-top: 100px; }
.dropdown_section { position: relative; z-index: 1; padding:0 0 30px; }
.dropdown_section .title_cont { text-align: center; padding-bottom: 40px; }
.dropdown_section .title_cont .icon { padding-bottom: 35px; }
.dropdown_section .title_cont .top_cont { padding-top: 15px; }
.dropdown_section .col { padding: 0 0 0 80px; background: var(--tertiary-color); border-radius: 36px; }
.dropdown_section .col .left { width: 37%; padding-right: 67px; }
.dropdown_section .col .right { width: 63%; padding-left: 50px; }
.dropdown_section .col .right .tab_img { padding-top: 50px; }
.dropdown_section .col .right .tab_img.full { padding-top: 0; }
.dropdown_section .col .left .tab_title h5 { font-size: 23px; font-weight: 700; line-height: 35px; color: var(--secondary-color); }
.dropdown_section .col .left .left_inner { padding: 20px 0; border-bottom: 1px solid rgb(79 79 79 / 10%); }
.dropdown_section .col .left .left_inner:last-child { border: none; }
.dropdown_section .col .left .left_inner .inner_cont { padding: 15px 0; }
.dropdown_section .col .left .left_inner .tab_title { position: relative; padding-right: 20px; display: inline-block; width: 100%; cursor: pointer; }
.dropdown_section .col .left .left_inner .tab_title:before { position: absolute; content: ""; top: 11px; right: 0; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/right-arrow.svg)no-repeat center/cover; width:8px; height:12px; transition:all .5s ease-in-out; }
.dropdown_section .col .left .left_inner.current .tab_title:before { transform: rotate(90deg); }
.dropdown_section .col .left .left_inner:first-child { padding-top: 0; }
.dropdown_section .col .left .tab_content { display: none; }
.dropdown_section .col .right .tab_img { display: none; }
.dropdown_section .col .left .left_inner.current h5, .dropdown_section .col .left .left_inner .tab_title:hover h5 { color: var(--main-color); }

.cta_modules { display: inline-block; width: 100%; vertical-align: top; }
.cta_modules .main_part { border-radius: 36px; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #C4C4C4; padding: 64px 52px; position: relative; z-index: 1; }
.cta_modules .link_wrap { display: flex; align-items: center; }
.cta_modules .main_part h2 { font-size: 44px; color: var(--secondary-color); font-family: var(--body_font); font-weight: 700; padding-right:15px; }
.cta_modules .main_part .img { position: absolute; top: 0; right: 0; bottom: 0; margin: auto 0; border-radius: 0 36px 36px 0; overflow: hidden; z-index:-1; display: flex; align-items: flex-end; }
.cta_modules .main_part a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cta_modules .main_part:hover .button-1 a { background: #d82d2a; }


.leftimng_cont { display: inline-block; width: 100%; padding: 50px 0; background: #fff; position: relative; z-index: 1; }

.leftimng_cont .left_part { width: 50%; padding-right: 35px; }
.leftimng_cont .right_part { width: 50%; padding-left: 35px; }
.leftimng_cont .left_part .left_cont { position: absolute; top: 0; right: 0; background: #F5F5F5; border-radius: 32.537px; width: 256px; height: 251px; display: flex; align-items: center; justify-content: center;     /* 124.3px */ flex-wrap: wrap; padding: 10px; }
.leftimng_cont .left_part .left_cont span { display: block; font-family: var(--sec-font); font-size: 29px; font-style: normal; font-weight: 400; line-height: 31px; }
.leftimng_cont .left_part .left_cont .lt_cont { text-align: center; font-size: 113px; font-style: normal; font-weight: 400; line-height: 110%; letter-spacing: -1.13px; color: var(--secondary-color); flex-wrap: wrap; font-family: var(--sec-font); }
.leftimng_cont .left_part .left_inner { position: relative; }
.leftimng_cont .right_part .btn_wrap { padding-top: 15px; }
.leftimng_cont .right_part .btn_wrap .button-1 { margin-right: 15px; }

.indivisual_zigzag { display: inline-block; width: 100%; vertical-align: top; padding: 60px 0 324px; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); position: relative; z-index: 1; }
.indivisual_zigzag:before { position: absolute; content: ""; width: 100%; max-width: 1250px; border-bottom: 1px solid rgb(79 79 79 / 20%); left: 0; right: 0; margin: 0 auto; top: 0; }
.indivisual_zigzag:after { position:absolute; content:""; bottom:0; left:0; right:0; width:100%; height:324px; background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/zigzag-shape.png)no-repeat center/cover;}
.indivisual_zigzag .title_part { text-align: center; max-width: 1173px; margin: 0 auto 50px; }
.indivisual_zigzag .title_part .icon { padding-bottom: 42px; }
.indivisual_zigzag .title_part .top_cont { font-size: 19px; padding-top: 20px; }
.indivisual_zigzag .left_part { width: 45%; padding-right: 30px; position: relative; }
.indivisual_zigzag .right_part { width: 55%; padding-left: 30px; }
.indivisual_zigzag .left_part .left_inner { position: relative; z-index:1; }
.indivisual_zigzag .left_part .img { height: 330px; width: 100%; border-radius: 32.537px; overflow:hidden; }
.indivisual_zigzag .left_part .left_inner .dog_img { position: absolute; bottom: -90px; right: -40px; }
.indivisual_zigzag .col+.col { margin-top: 90px; }
.indivisual_zigzag .col:nth-child(even) .inner { flex-direction: row-reverse; }
.indivisual_zigzag .col { padding-top: 60px; }
.indivisual_zigzag .right_part .box_content { padding: 15px 0 25px; }
.indivisual_zigzag .left_part:before { position: absolute; content: ""; top: -50px; left: -80px; background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/zigzag-shape01.svg)no-repeat center/cover; width: 305px; height: 280px; }
.indivisual_zigzag .left_part:after {position: absolute; content: ""; top: -50px; left: -120px;  background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/zigzag-whiteshape-01-new.svg)no-repeat center/cover; width: 250px; height: 150px; }
.indivisual_zigzag .col:nth-child(even) .inner .left_part:before { transform: rotate(148deg); left: auto; right: -80px; top: -80px; }
.indivisual_zigzag .col:nth-child(even) .inner .left_part:after { left: auto; right: -80px; transform: rotate(45.605deg); top: -64px; }
.indivisual_zigzag .col:nth-child(3) .left_part:before { transform: rotate(148deg); top: -100px; }
.indivisual_zigzag .col:nth-child(3) .left_part:after { transform: rotate(45.605deg); top: -54px; left: -100px; }
.indivisual_zigzag .col:nth-child(even) .inner .left_part { padding-left: 30px; padding-right: 0; }
.indivisual_zigzag .col:nth-child(even) .inner .right_part { padding-left: 0; padding-right: 30px; }
.indivisual_zigzag .col:nth-child(even) .inner .left_part .dog_img { right: -110px; }
.indivisual_zigzag .col:nth-child(3) .left_part .dog_img { right: -20px; }
.indivisual_zigzag .left_part .img img { object-fit: cover; width: 100%; height: 100%; }
.indivisual_zigzag a.cta_button { float: none; display: inline-block; vertical-align: top; width: auto; padding-top: 14px;
padding-right: 25px;
padding-bottom: 14px;
padding-left: 25px;
; border-radius: 91px; font-weight: 700; position: relative; overflow: hidden; min-width: 170px; text-align: center; color: #FFFFFF; background-color: #4977D2; z-index: 1; }
.indivisual_zigzag a.cta_button:hover { color: #FFFFFF; background: #3765BF; }
.remove-shape-btm:after { display: none; }
.indivisual_zigzag.remove-shape-btm { padding-bottom: 60px; }
 
.additional_features { display: inline-block; width: 100%; vertical-align: top; background: linear-gradient(180deg, #FFF 37.18%, rgba(255, 255, 255, 0.00) 100%); }
.additional_features .inner { display: flex; align-items: center; justify-content: center; position: relative; flex-wrap: wrap; padding: 40px 26px; border-radius: 32.537px; width: 100%; height: 277px; }
.additional_features .col { padding: 0 15px; }
.additional_features .inner .hover { position: absolute; top: -1px; left: -1px; bottom:-1px; right:-1px; padding: 39px 26px; border-radius: 32.537px; background: #FFF; z-index: 1;  opacity: 0; visibility: hidden; transition: all .5s; transform: rotateY(180deg); }
.additional_features ul.splide__pagination.splide__pagination--ltr { display: none; }
.additional_features .inner .box_icon { padding-top: 15px; display:flex; justify-content:center; height:127px;align-items:center; }
.additional_features .inner h5 { color: #fff; font-size: 23px; font-weight: 700; text-transform: capitalize; display:block; width:100% }
.additional_features .title_part .icon { padding-bottom: 42px; }
.additional_features .title_part { margin-bottom: 68px; }
.additional_features .inner .hover h5 { color: var(--secondary-color); }
.additional_features .inner .hover .hover_cont { padding-top: 10px; padding-right:10px;; max-height: 180px; overflow: auto;}
.additional_features .inner .front_cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; border-radius: 32.537px; transform: rotateY(0deg); transition: all .5s; padding:20px; text-align:center; }
.additional_features .inner:hover .hover { transform: rotateY(0); opacity:1; visibility:visible; }
.additional_features .inner:hover .front_cont {transform: rotateY(180deg);}
.additional_features .inner .hover .hover_cont::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.additional_features .inner .hover .hover_cont::-webkit-scrollbar {width: 6px; background-color: #F5F5F5; }
.additional_features .inner .hover .hover_cont::-webkit-scrollbar-thumb { background-color: var(--secondary-color); }

.additional_features .inner .plus { position: absolute; z-index: 1; bottom: 20px; right: 30px; width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: var(--color1); }
.additional_features .inner:hover .plus { opacity: 0; }

.additional_features .splide__arrow { top: calc(100% + 20px); transform: none; right: calc((100% - 1250px) / 2); height: 49px; width: 49px; background: rgb(79 79 79 / 10%); transition: all ease-in-out .4s; }
.additional_features .splide__arrow svg path { fill: rgb(79 79 79 / 60%); transition: all ease-in-out .4s; }
.additional_features .splide__arrow:hover { opacity: 1 !important; background: rgb(79 79 79 / 30%); }
.additional_features .splide__arrow:hover svg path { fill: var(--color4); }
.additional_features .splide__arrow--prev { left: auto; right: calc((100% - 1120px) / 2); }

.cta_modules.indi_cta { padding: 150px 0 70px; }

.testimonial { display: inline-block; width: 100%; vertical-align: top; }
.testimonial .testimonial_slider { max-width: 1075px; margin: 0 auto; text-align: center; }
.testimonial .testimonial_slider .bio { font-size: 29px; font-style: normal; font-weight: 400; line-height: 45px; font-family: var(--sec-font); }
.testimonial .testimonial_slider h5 { margin: 20px 0 10px; font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; color: var(--secondary-color); }
.testimonial .testimonial_slider .position { font-size: 19px; font-style: normal; font-weight: 400; }

.software-overview.remove_bgcolor .box { background: transparent; }

.customer_sucstory { display: inline-block; width: 100%; vertical-align: top; padding-bottom:90px; overflow:hidden; }
.customer_sucstory .section_wrap { padding: 50px; background: #fff; border-radius: 36px; position:relative; }
.customer_sucstory .section_wrap .left_part { width: 55%; padding-right: 32px; }
.customer_sucstory .section_wrap .right_part { padding-left: 32px; width: 45%; position: relative; padding-top: 15px; }
.customer_sucstory .section_wrap .right_part .logo { position: absolute; top: -20px; left: 0; border-radius: 32px; background: #F5F5F5; display: flex; align-items: center; justify-content: center; padding: 15px; width: 177px; height: 154px; }
.customer_sucstory .section_wrap .right_part .img { border-radius: 27px; overflow: hidden; }
.customer_sucstory .section_wrap .right_part .img img { width: 100%; height: 100%; }
.customer_sucstory .show_moreless { text-align: center; border-top: 1px solid rgb(79 79 79 / 20%); padding-top: 25px; }
.software-overview.remove_bgcolor { padding-bottom: 0; }
.software-overview.remove_bgcolor .box { padding-bottom: 0; }
.customer_sucstory .show_moreless > div a { display: inline-block; position: relative; padding-right: 20px; font-size: 23px; font-weight: 700; }
.customer_sucstory .show_moreless > div a:after { position: absolute; content: ""; top: 16px; right: 0; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/up-arrow.svg)no-repeat center/cover; width: 12px; height: 8px; transition: all .5s ease-in-out; }
.customer_sucstory .show_moreless > div.show_more a:after { transform: rotate(180deg); }
.customer_sucstory .show_moreless .show_less { display: none; }
.customer_sucstory .main { height: 270px; overflow: hidden; padding-top:15px; }
.customer_sucstory .section_wrap.active { padding:50px 50px 30px; }
.customer_sucstory .section_wrap.active .show_moreless { margin-top: 35px; padding-top: 25px; border-top: 1px solid rgb(79 79 79 / 20%); }
.customer_sucstory .section_wrap.active .main { height: auto; }
.software-overview .tabs-list ul li a { position: relative; z-index: 1; overflow: hidden; }
.software-overview .tabs-list ul li { line-height: 0; }
.software-overview .tabs-list ul li a:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: -100%; opacity: 0; visibility: hidden; background: var(--color2); border-radius: 90px; transition: all ease-in-out .5s; z-index: -1; }
.software-overview .tabs-list ul li.active a:after { left: 0; opacity: 1; visibility: visible; }

.customer_sucstory .section_wrap:before { position: absolute; content: ""; bottom: -100px; right: -100px; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/red-dotsshape.png)no-repeat center/cover; width: 323px; height: 281px; z-index: -1; }


.award_logo_sc { padding-bottom: 300px; position: relative; z-index: 1; }
.award_logo_sc:before { position: absolute; content: ""; bottom: 0; left: 0; right: 0; width: 100%; height: 324px; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/zigzag-shape.png) no-repeat center / cover; }
.award_logo_sc.text-center.pt-0.pb-50 { }
.award_logo_sc .logocol { height: 127px; display: flex; align-items: center; justify-content: center; padding: 0 35px; width:20%;}
.award_logo_sc .logocol img { height: 100%; object-fit: contain; }

.award_logo_sc.logo_home { padding-bottom: 50px; }
.award_logo_sc.logo_home::before { display: none; }

.faqs { display: inline-block; width: 100%; vertical-align: top; padding: 90px 0; position: relative; background: linear-gradient(180deg, #FFF 37.18%, rgba(255, 255, 255, 0.00) 100%); margin-top: 150px; }
.faqs:before { position: absolute; content: ""; top: -160px; left: 0; right: 0; width: 100%; height: 247px; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/zigzag-shape.png) no-repeat center / cover; z-index: -1; }
.faqs .faqs_wrap .col { border-bottom: 1px solid rgb(79 79 79 / 20%); padding-bottom: 22px; margin-bottom: 20px; }
.faqs .faqs_wrap .col .faq_title { font-size: 23px; font-style: normal; font-weight: 700; color: var(--secondary-color); cursor: pointer; display: inline-block; width: 100%; position: relative; padding-right: 30px; transition:all .5s ease-in-out; }
.faqs .faqs_wrap .col .faq_title:before { position: absolute; content: ""; top: 14px; right: 0; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/right-arrow.svg)no-repeat center/cover; width: 8px; height: 12px; transition:all .5s ease-in-out; }
.faqs .faqs_wrap .col .faq_content { font-size: 19px; padding-top: 17px; display: none; }
.faqs .faqs_wrap .col .faq_content a { color: var(--main-color); text-decoration: underline; }
.faqs .faqs_wrap .col .faq_title.active, .faqs .faqs_wrap .col .faq_title:hover { color:var(--main-color); }
.faqs .faqs_wrap .col .faq_title.active:before { transform: rotate(90deg); }
.faqs .faqs_wrap .col:last-child { border: none; padding: 0; margin: 0; }
.faqs .faqs_wrap .col .faq_content a:hover { color: #D82D2A; }

.additional_features.indsolu_features { padding-top: 85px; background: transparent; }

.software-overview.daycare_tab .tab-box  .inner { align-items: flex-start; }
.software-overview.daycare_tab .tab-box { padding-bottom: 0; }

.hero-individual-features { position: relative; background:#fff; }
.hero-individual-features .hero_sc { height: 1000px; background: var(--tertiary-color); }
.hero-individual-features .mac_banner { position: relative; }
.hero-individual-features .mac_banner .dog { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 2; }
.dog_screen { max-width: 844px; margin: 0 auto; position: relative; margin-top: -430px; z-index: 2; }
.dog_screen .dog { position: absolute; top: -200px; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 2; }
/* .hero-individual-features .hero_sc:after { background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/hero-shape.png)no-repeat center/cover; height:173px; background-size: 100% 173px; } */
.hero-individual-features .hero_sc .shape-2:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr_feb2010/Icons/dots-white.png) no-repeat; background-position: top 0 right 0; }
.dog_screen .inner_screen .screen_img:before { display: none; }

.twocolumn_tab { background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); padding: 50px 0 200px; position:relative; }
.two_column .left_part { width: 45%; padding-right: 15px; }
.two_column .riht_part { width: 55%; padding-left: 15px; }
.two_column .left_part .btn_wrap { padding-top: 15px; }
.two_column .left_part .btn_wrap .button-1 { margin-right: 15px; }

.twocolumn_tab .section_wrap .col { padding: 40px 66px 80px 80px; }
.twocolumn_tab .section_wrap .col h2 { max-width: 75%; }
.twocolumn_tab .section_wrap .col .main_title { padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid rgb(79 79 79 / 20%); position: relative; max-width: 80%; }
.twocolumn_tab .section_wrap .col .img_title { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; padding-bottom: 30px; }
.twocolumn_tab .section_wrap .col .img_title h3 { width: 60%; font-size: 29px; font-weight: 400; line-height: 45px; font-family: var(--sec-font); }
.twocolumn_tab .section_wrap .col .img_title .dog { position: absolute; right: 0; bottom:-30px; }
.twocolumn_tab .section_wrap .col .img_popup { position: relative; z-index: 1; }
.twocolumn_tab .section_wrap .col .img_popup .plus_icon { position: absolute; right: -30px; bottom: -50px; }
.twocolumn_tab .link_wrap { text-align: center; justify-content: center; }
.twocolumn_tab:after { position: absolute; content: ""; bottom: -100px; left: 0; right: 0; width: 100%; height: 274px; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/zigzag-shape.png) no-repeat center / cover; }
.twocolumn_tab .dropdown_cta.tab { padding-bottom: 0; }

.testimonial.precheck_testi { padding-top: 70px; }

.hero-individual-features .mac_banner .inner_screen .screen_img video, .hero-individual-features .mac_banner .inner_screen .screen_img img { width: 100%; height: 100%; object-fit: cover; }
.hero-individual-features .mac_banner .inner_screen .screen_img img { opacity:1; }
.customer_sucstory.precheck_sucessstory .section_wrap:before { display: none; }

.icon_content { display: inline-block; width: 100%; vertical-align: top; padding: 100px 0; position: relative; z-index: 1; background: linear-gradient(180deg, #FFF 37.18%, rgba(255, 255, 255, 0.00) 100%); }
.icon_content .title { text-align: center; max-width: 1000px; margin: 0 auto 50px; }
.icon_content .title .icon { padding-bottom: 24px; }
.icon_content .title .top_content { padding-top: 15px; max-width: 83%; margin: 0 auto; font-size: 19px; }
.icon_content .section_wrap { margin: 0 -30px; }
.icon_content .col { width: 33.33%; padding: 0 30px 60px; display:none; }
.icon_content .col .box_icon { height: 66px; display: flex; align-items: center; }
.icon_content .col .box_icon img { object-fit: contain; height: 100%; }
.icon_content .col .box_title { font-size: 23px; font-weight: 700; color: var(--secondary-color); padding: 8px 0; }
.icon_content .loadmore { padding-top: 25px; border-top: 1px solid rgb(79 79 79 / 20%); }
.icon_content .loadmore a { position: relative; padding-right: 30px; font-size: 23px; font-weight: 700; }
.icon_content .loadmore a:after { color: var(--color1); content: "\f107"; font-family: FONTAWESOME; font-weight: 500; position: absolute; right: 0; top: 7px; transition: all .4s ease-in-out; line-height:1; }
.icon_content .loadmore a.show_less:after { transform: rotate(180deg); }

.review { display: inline-block; width: 100%; vertical-align: top; position: relative; padding-bottom:50px;}
.review .title { padding-bottom: 50px; }
.review .title .icon { padding-bottom: 20px; }
.review .inner { padding: 0 21px 42px; }
.review .inner .inn { padding: 54px 40px; background: #fff; border-radius: 36px; width: 578px; }
.review .inner .inn .star { padding-bottom: 15px; }
.review .inner .inn .per_desi { padding-top: 15px; display: flex; flex-wrap: wrap; align-items: center; }
.review .inner .inn .per_desi .img { width: 55px; height: 55px; border-radius: 100%; margin-right: 15px; }
.review .inner .inn .per_desi .designation { font-size: 19px; line-height: 30px; color: var(--secondary-color); }
.review .inner .inn .per_desi .designation span { display: block; font-size: 16px; line-height: 21px; color: var(--color4); }
.review:before,
.review:after { position: absolute; content: ""; top: 0; left: 0; width: 401px; height: 100%; bottom: 0; background: linear-gradient(270deg, rgba(245, 245, 247, 0.00) 8.35%, #F5F5F7 92.6%); z-index: 1; }
.review:after { left: auto; right: 0; transform: rotate(180deg); }
.review .logo { padding-top: 15px; }
.review .rating_logo { padding-top: 30px; }

.business_stories { display: inline-block; width: 100%; vertical-align: top; padding: 80px 0; margin-top: 110px; position: relative; z-index: 1; background:#F5F5F7;}
.business_stories:before { position: absolute; content: ""; top: -170px; left: 0; right: 0; width: 100%; height: 247px; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/zigzag-shape.png) no-repeat center / cover; z-index: -1; }
.business_stories:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 453px; background: linear-gradient(180deg, #FFF 37.18%, rgba(255, 255, 255, 0.00) 100%); z-index: -1; }
.business_stories .title { margin-bottom: 40px; font-size: 19px; padding: 0 30px 40px; border-bottom: 1px solid rgb(79 79 79 / 20%); }
.business_stories .title .icon { padding-bottom: 25px; }
.business_stories .title .top_content { padding-top: 20px; }
.business_stories .left_part { width: 20%; padding-right: 15px; position: sticky; top: 160px; }
.business_stories .right_part { width: 80%; padding-left: 15px; }
.business_stories .left_part .fliter_title { font-size: 17px; font-style: normal; font-weight: 700; line-height: 29px; color: var(--main-color); margin-bottom: 15px; }
.business_stories span.mobile_select { display: none; }
.business_stories .left_part .filter ul { list-style-type: none; padding: 0; margin: 0; }
.business_stories .left_part .filter ul li a { padding: 6px 29px; font-size: 16px; font-weight: 700; line-height: 29px; color: var(--color4); border-bottom: 1px solid rgb(79 79 79 / 20%); min-width: 222px; display: inline-block; }
.business_stories .left_part .filter ul li { margin-bottom: 4px; }
.business_stories .left_part .filter ul li.active a,
.business_stories .left_part .filter ul li a:hover { background: var(--secondary-color); color: #fff; border-color: var(--secondary-color); }
.business_stories .right_part .img { width: 410px; min-height:256px; margin-right: 25px; position: relative; }
.business_stories .right_part .content_wrap { width: calc(100% - 410px); padding: 30px; }
.business_stories .right_part .right_inner { border-radius: 36px; background: #fff; padding: 0; overflow: hidden; }
.business_stories .right_part .img { height: auto; }
.business_stories .right_part .img .logo { position: absolute; top: 50%; right: -30px; transform: translateY(-50%); width: 136px; height: 118.328px; background: var(--color3); display: flex; align-items: center; justify-content: center; border-radius: 25px; padding: 30px 17px; }
.business_stories .right_part .col+.col { margin-top: 15px; }
.business_stories .right_part .content_wrap .sub-title { font-size: 17px; font-style: normal; font-weight: 400; line-height: 29px; letter-spacing: 0; text-transform:capitalize; }
.business_stories .container { width: 1352px; }
.business_stories .right_part .content_wrap .box_cont { padding: 2px 0 20px; }
.business_stories .right_part .content_wrap .button_wrap { display: flex; justify-content: flex-end; }
.business_stories .loadmore { padding-top: 25px; border-top: 1px solid rgb(79 79 79 / 20%); margin-top: 50px; }
.business_stories .loadmore a { position: relative; padding-right: 30px; font-size: 23px; font-weight: 700; }
.business_stories .loadmore a:after { color: var(--color1); content: "\f107"; font-family: FONTAWESOME; font-weight: 500; position: absolute; right: 0; top: 0; transition: all .4s ease-in-out; }
.business_stories .loadmore a.disable { pointer-events: none; opacity: .5; }
.business_stories .right_part .col { display: none; }

/* .hero-overview.why_gin_hero .left {padding: 130px 50px 250px 0;} */

.hero-individual-features.case_study .hero_sc { height: auto;}
.hero-individual-features.case_study .img_wrap { background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); }
.hero-individual-features.case_study .img_wrap .img { width: 100%; height: 541px; border-radius: 46px; position: relative; margin-top: -220px; z-index: 1; }
.hero-individual-features.case_study .shape-2 { bottom: -100px; }
.hero-individual-features.case_study .hero_cover { max-width: 900px; margin: 0 auto 30px; position:relative; z-index:1; }
.hero-individual-features.case_study.bottomspace .hero_sc {padding-bottom: 200px;}

.cs_imgcontent { display: inline-block; width: 100%; vertical-align: top; padding: 66px 0; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); }
.cs_imgcontent .left_part { width: 78%; padding-right: 46px; }
.cs_imgcontent .img_cont a { text-decoration: underline; }
.cs_imgcontent .right_part { width: 22%; padding-left: 35px; border-left: 1px solid rgb(79 79 79 / 20%); }
.cs_imgcontent .left_part .img_cont img { margin: 0 auto; display: flex; border-radius: 38px; }
.cs_imgcontent .right_part .logo_link { text-align: center; }
.cs_imgcontent .right_part .logo_link .link a { display: inline-block; width:100%; font-size: 23px; font-style: normal; font-weight: 700; line-height: 35px; }
.cs_imgcontent .right_part .logo_link .link { display: inline-block; width:100%; padding: 15px 0 0; border-top: 1px solid rgb(79 79 79 / 20%); margin-top: 31px; }

.cs_imgcontent .right_part .box_wrap { padding: 32px 0; border-top: 1px solid rgb(79 79 79 / 20%); border-bottom: 1px solid rgb(79 79 79 / 20%); margin-top: 15px; }
.cs_imgcontent .right_part .box_wrap .right_box { border-radius: 32px; background: var(--secondary-color); padding: 28px 26px; color: #fff; }
.cs_imgcontent .right_part .box_wrap .right_box+.right_box { margin-top: 23px; }
.cs_imgcontent .right_part .box_wrap .right_box .box_title { font-size: 20px; font-weight: 600; line-height: 25px; /* 125% */ letter-spacing: 3.2px; text-transform: uppercase; }
.cs_imgcontent .right_part .box_wrap .right_box .box_in+.box_in { margin-top: 25px; padding-top: 25px; border-top: 1px solid #F5F5F5; }
.cs_imgcontent .right_part .box_wrap .right_box .year { text-align: center; font-size: 113px; font-style: normal; font-weight: 400; line-height: 110%; /* 124.3px */ letter-spacing: -1.13px; font-family: var(--sec-font); }
.cs_imgcontent .right_part .box_wrap .right_box .year_title { font-size: 29px; font-style: normal; font-weight: 400; line-height: 31px; text-align: center; font-family: var(--sec-font); }
.cs_imgcontent .right_part .box_wrap .right_box .fav_title { font-size: 24px; font-style: normal; font-weight: 400; line-height: 31px; font-family: var(--sec-font); }
.cs_imgcontent .right_part .box_wrap .right_box .fav_icon { width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; margin: 15px auto; border: 1px solid #f5f5f5; border-radius: 100%; }
.cs_imgcontent .right_part .scslider_wrap { margin-top: 38px; text-align: center; font-size: 19px; font-weight: 400; line-height: 28px; color: #4f4f4f; padding-bottom: 30px; border-bottom: 1px solid rgba(79, 79, 79, .2); }
.cs_imgcontent .right_part .cs_slider .name { font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; color: var(--secondary-color); padding: 10px 0; }
.cs_imgcontent .right_part .scslider_wrap .slider_inner { padding-top: 25px; position: relative; }
.cs_imgcontent .right_part .scslider_wrap .slider_inner:before { position: absolute; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/sm-quote.svg)no-repeat center/cover; width: 14px; height: 10px; }

.indivisual_zigzag.cs_about_gingr:before { display: none; }
.indivisual_zigzag.cs_about_gingr:after { bottom: auto; top: -160px; z-index: -1; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/shape-1%20%281%29.png) no-repeat; background-size: 100% 173px; }
.indivisual_zigzag.cs_about_gingr { padding: 50px 0 140px; margin-top: 230px; }
.cta_modules.cs_cta { padding-bottom: 100px; }
.cta_modules.case-cta .link_wrap { text-align: center; justify-content: center; max-width: 932px; }

.icon_content .col .button-2 {margin-top: 15px;}

.two_column { display: inline-block; width: 100%; vertical-align: top; padding-bottom: 100px; }
.two_column .section_wrap { padding-top: 70px; border-top: 1px solid #CFD3D4; margin: 0 -50px; }
.two_column .col { width: 50%; padding: 0 50px; }
.two_column .col .mac_dispaly { position: relative; }
.two_column .col .mac_dispaly .display_img { position: relative; width: 100%; height: 100%; width: 434.662px; max-width: 100%; }
.two_column .col .mac_dispaly .inner_screen { position: absolute; top: 14px; left: 16px; height: calc(100% - 110px); width: calc(100% - 29px); display: flex; align-items: center; justify-content: center; border-radius: 3.859px; }
.two_column .col .mac_dispaly .inner_screen .screen_img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }
.two_column .col .mac_dispaly .inner_screen .screen_img img { width: 100%; height: 100%; object-fit: cover; border-radius: 3.859px; }
.two_column .col .mac_dispaly .btm_img { position: absolute; bottom: -30px; right: 0; }
.two_column .col .btm_part { padding-top: 25px; }
.two_column .col .btm_part .content { padding-bottom: 25px; font-size: 21px; }
.two_column .col:nth-child(2) .mac_dispaly .btm_img { right: 45px; }

.hero-overview.about_hero .image {left: 90px;}
.icon_content.about_icon_cont { padding-bottom: 30px; }

.contact_2024 { padding-bottom: 150px; }
.contact_2024 .title_cont { padding-bottom: 60px; max-width:95%; margin:0 auto; }
.contact_2024 .title_cont .content { font-size: 21px; }
.contact_2024 .title_cont .call_us { font-size: 30px; font-style: normal; font-weight: 700; line-height: 35px; padding-top:15px; }
.contact_2024 .title_cont .call_us a { color: var(--main-color); }
.contact_2024 .title_cont .call_us a:hover { color: var(--secondary-color); }
.contact_2024 .left_part { width: 50%; padding-right: 32px; }
.contact_2024 .right_part { width: 50%; padding-left: 32px; }
.contact_2024 .left_part .left_inner { border-radius: 20px; background: #FFF; padding: 45px; }
.contact_2024 .left_part .left_inner+.left_inner { margin-top: 65px; }
.contact_2024 h3 { color: var(--secondary-color); }
.contact_2024 .left_part .left_inner .box_contnet { font-size: 21px; padding-top: 10px; }
.contact_2024 .left_part .left_inner .box_contnet a span { color: #4F4F4F; font-weight: 700; }
.contact_2024 .left_part .left_inner .box_contnet a.exiting_cus { color: var(--color1); font-weight: 700; }
.contact_2024 .left_part .left_inner .box_contnet p { padding: 0; }
.contact_2024 .left_part .btm_cont { padding-top: 45px; font-size: 21px; }
.contact_2024 .left_part .btm_cont p { padding: 0; }
.contact_2024 .left_part .btm_cont hr { background: #CFD3D4; margin: 15px 0; }
.contact_2024 .right_part .right_inner { border-radius: 20px; border: 1px solid #FFF; background: #FFF; padding: 45px 30px; }
.contact_2024 .right_part .right_inner .form_cont { padding-top: 10px; font-size: 21px; }
.contact_2024 .right_part .right_inner .form_title_cont { padding-bottom: 35px; }
.contact_2024 .right_part .right_inner .cookie-reset-container a{cursor:pointer;}
.contact_2024 .right_part .right_inner .inputs-list .hs-form-checkbox-display{cursor:pointer;}
.contact_2024 .right_part form input, .contact_2024 .right_part form textarea,
.contact_2024 .right_part form select { border-radius: 8px; border: 1px solid var(--Black-1, #CFD3D4); width:100% !important; padding: 15px 16px 0 16px; }
.contact_2024 .right_part form .actions { text-align: center; }
.contact_2024 .right_part form .actions input.hs-button.primary.large { width: auto !important; padding:15px 35px; border-radius:50px; color:#fff; }

.contact_2024 .right_part form .hs-form-field > label { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; font-family: inter; color: #5E6366; position: absolute; top: 7px; left: 16px; }
.contact_2024 .right_part form .hs-form-field { position: relative; }
.contact_2024 .right_part form .hs-form-field.hs_services_offered > label { position: static; }
.contact_2024 .right_part form input, .contact_2024 .right_part form textarea, .contact_2024 .right_part form select { font-family: inter; color:#ABAFB1; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.contact_2024 .right_part form input::placeholder{ color: #ABAFB1 !important; font-size: 15px; font-family: Inter; }
.contact_2024 .right_part form select { background-image: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/fi_chevron-down.svg)}
/* .contact_2024 .right_part form .hs-form-field ul.inputs-list li+li { margin-top:10px; } */
.contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span { padding-left:40px; }
.contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span:before { width:30px; height:30px; border-radius: 8px; top:-4px; }
.contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span:after { color: var(--main-color); background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/check.svg)no-repeat center/cover; width: 18px; height: 14px; content: ""; top: 5px; left: 6px; }
.contact_2024 .right_part form .hs-form-field > label span.hs-form-required { color: var(--main-color); }
.contact_2024 .right_part form .hs-form-field:nth-child(even) > label { left: 26px; }
.contact_2024 .right_part form select:focus { outline: none; }
.contact_2024 .right_part form .hs-form-field.hs-fieldtype-booleancheckbox span.hs-form-required { padding: 0; color: var(--main-color); }

.schedule_demo { padding: 90px 0 0; }
.schedule_demo .left_part { padding-right: 15px; }
.schedule_demo .left_part .title_video { position: relative; display: inline-block; }
.schedule_demo .right_part { padding-left: 15px; position: relative; padding-top: 120px; }
.schedule_demo .left_part .content { padding: 15px 100px 25px 0; font-size: 21px; }
.schedule_demo .left_part .title_video .mac_banner.text-center { top: auto; }
.schedule_demo .left_part .video_title { position: relative; padding-right: 40px; margin-bottom: 22px; }
.schedule_demo .left_part .video_title:before { background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/blue-downarrow.svg)no-repeat center/cover; position: absolute; content: ""; top: 13px; right: 0; width: 25px; height: 25px; }
.schedule_demo .right_part .dog { position: absolute; top: 0; right: -40px; }
.schedule_demo .right_part .right_inner { z-index: 1; }
.schedule_demo .right_part .form_wrap { position: relative; z-index: 1; }
.schedule_demo .right_part .form_wrap .hs-fieldtype-checkbox{padding:0 16px;}
.schedule_demo .right_part .form_wrap form .hs-fieldtype-radio > label,
.schedule_demo .right_part .form_wrap form .hs-fieldtype-checkbox > label{margin:0 0 12px; display:block;}
.schedule_demo .right_part .form_wrap form .hs-fieldtype-checkbox ul.inputs-list,
.schedule_demo .right_part .form_wrap form .hs-fieldtype-radio ul.inputs-list{display:flex;flex-wrap:wrap;align-items:center;gap:15px 20px;}




.schedule_demo .left_part .mac_banner { width: 586px; height: 458px; }
.schedule_demo .left_part .mac_banner .inner_screen { height: calc(100% - 133px); top: 11px; left: 9px; border-radius: 4px; width: calc(100% - 17px); overflow: hidden; }
.schedule_demo .left_part .mac_banner .play_btn a { justify-content: center; align-items: center; }
.schedule_demo .left_part .mac_banner .play_btn a img { width: 65px; height: 65px; }
.schedule_demo .left_part .mac_banner .inner_screen .screen_img { border-radius: 4px; }
.schedule_demo .left_part .mac_banner .inner_screen .screen_img .video,
.schedule_demo .left_part .mac_banner .inner_screen .screen_img .img { border-radius: 4px; overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.schedule_demo .left_part .mac_banner .inner_screen .screen_img:before { background:rgb(29 29 29 / 60%) }
/* .schedule_demo .hero_sc { height: 970px; } */
.schedule_demo .section_wrap { position: relative; z-index: 1; }
.schedule_demo .hero_sc:after { z-index: 0; }
.schedule_demo .hero_sc .shape-2:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr_feb2010/Icons/dots-white.png) no-repeat; background-position: top 0 right 0; }

.review.demo_review { padding-top: 90px; z-index:1;}
.review.demo_review:before, .review.demo_review:after { width: 60px; height: calc(100% - 92px); }
.schedule_demo .left_part .mac_banner .inner_screen .screen_img img { opacity: 1; }
.schedule_demo .right_part .right_inner h3 { text-align: center; font-size: 38px; line-height: 1; }
.review.demo_review .bg_shape { display: inline-block; width: 100%; background: linear-gradient(180deg, #FFF 37.18%, rgba(255, 255, 255, 0.00) 100%); position: absolute; z-index: -1; height: 312px; top: 0; left: 0; }

.hero-overview.team_hero .right .imgs { top: 113px; }
.hero-overview.team_hero .right .image { right: -90px; }

.team { display: inline-block; width: 100%; vertical-align: top; padding: 60px 0; background: #fff; position: relative; background: linear-gradient(180deg, #FFF 37.18%, rgba(255, 255, 255, 0.00) 100%); z-index: 1; }
/* .team:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100px; background: #fff; z-index: -1; } */
.team .icon_title .icon { padding-bottom: 30px; }
.team .col { width: 33.33%; padding: 0 31px 20px; }
.team .section_wrap { max-width: 1000px; margin: 0 auto; }
.team .icon_title { max-width: 1000px; margin: 0 auto; }
.team .col .inner { position: relative; text-align: center; }
.team .col .img { width: 240px; height: 240px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; margin:0 auto; }
.team .col .inner .btm_part { padding-top: 15px; }
.team .col .name { font-size: 18px; font-weight: 700; line-height: 20px; color: var(--secondary-color); }
.team .col .desi { font-size: 19px; font-weight: 400; line-height: 33px; color: var(--quaternary-color); }
.team .col .inner a.no_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.team .col .inner .img span.icon { width: 45px; height: 45px; background: var(--main-color); display: flex; justify-content: center; align-items: center; border-radius: 100%; opacity: 0; transition: all .5s ease-in-out; }
.team .col .inner .img:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: var(--secondary-color); border-radius: 100%; mix-blend-mode: multiply; opacity: 0; transition: all .5s ease-in-out; z-index: -1; }
.team .col .inner:hover .img:before { opacity: .6; }
.team .col .inner:hover .img span.icon { opacity: 1; }

.popup_wrap { background: transparent !important; padding: 50px 0 0 !important; }
.popup_wrap .poup_inner { max-width: 1280px; border-radius: 37px; border: 1px solid rgba(255, 255, 255, 0.10); background: #F5F5F5; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25); padding: 50px; }
.popup_wrap .poup_inner .in { display: flex; flex-wrap: wrap; }
.popup_wrap .poup_inner .in .left_part { width: 25%; padding-right: 15px; }
.popup_wrap .poup_inner .in .right_part { width: 75%; padding-left:15px;}
.popup_wrap .poup_inner .in .left_part .img { width: 240px; height: 240px; border-radius: 100%; margin:0 auto; } 
.popup_wrap .poup_inner .in .left_part .btm_part { text-align: center; padding-top: 15px; }
.popup_wrap .poup_inner .in .left_part .btm_part .name { font-size: 18px; font-weight: 700; color: var(--secondary-color); line-height: 1; }
.popup_wrap .poup_inner .in .left_part .btm_part .desi { font-size: 19px; font-weight: 400; color: var(--quaternary-color); padding: 5px 0; }
.popup_wrap .poup_inner .in .right_part h3 { color: var(--secondary-color); }
.popup_wrap .poup_inner .in .right_part .popup_content { font-size: 21px; }
.popup_wrap .poup_inner .in .right_part .quote { padding: 50px 30px 0; margin-top: 20px; border-top: 1px solid #CFD3D4; text-align: center; margin: 20px auto 0; }
.popup_wrap .poup_inner .in .right_part .quote .quote_title { font-size: 20px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 3.2px; text-transform: uppercase; color: var(--main-color); }
.popup_wrap .poup_inner .in .right_part .quote .quote_cont { font-size: 29px; font-style: normal; font-weight: 400; font-family: var(--sec-font); padding-top: 15px; }
.popup_wrap button.fancybox-button.fancybox-close-small { background: #fff !important; border-radius: 100%; top: 0px !important; right: 0px !important; }
.popup_wrap button.fancybox-button.fancybox-close-small svg path { fill: var(--quaternary-color) !important; }

.workwith_us { display: flex; align-items: center; padding: 120px 100px; border-radius: 36px; margin-top: 50px; width: 100%; position: relative; z-index: 1; }
.workwith_us .sub_title { font-size: 21px; font-weight: 700; }
.workwith_us .box_inner { max-width: 600px; }
.workwith_us .box_inner .box_cont ul { list-style-type: none; padding: 0; margin: 0; }
.workwith_us .box_inner .box_cont { padding: 25px 0; }
.workwith_us .box_inner .box_cont ul li { position: relative; padding-left: 30px; font-size: 21px; }
.workwith_us .box_inner .box_cont ul li+li { margin-top: 10px; }
.workwith_us .box_inner .box_cont ul li:before { position: absolute; content: ""; top: 7px; left: 0; width: 18px; height: 14px; background: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/white_check.svg)no-repeat center/cover; }
.workwith_us:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 36px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 36.84%, rgba(23, 23, 23, 0.55) 51.59%, rgba(255, 254, 254, 0.00) 66.35%); z-index: -1; }
.workwith_us .button-1.red { position: absolute; bottom: 40px; right: 40px; }

.hero_careers { display: inline-block; width: 100%; vertical-align: top; padding: 90px 0 220px; position: relative; z-index: 1; }
.hero_careers:after { content: ""; width: 100%; height: 173px; position: absolute; bottom: 0; left: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/shape-1%20%281%29.png) no-repeat; background-size: 100% 173px; z-index: -1; }
.hero_careers .title_cont { max-width: 992px; margin: 0 auto; }
.hero_careers .title_cont .content { font-size: 21px; }
.hero_careers .title_cont h1 { padding: 0 50px; }

.pet_lovers { display: inline-block; width: 100%; vertical-align: top; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); padding: 50px 0; }
.pet_lovers .title_content { max-width: 933px; margin: 0 auto 50px; }
.pet_lovers .title_content .content { font-size: 19px; }
.pet_lovers .col { width: 33.33%; padding: 0 13px; }
.pet_lovers .section_wrap { margin: 0 -13px; }
.pet_lovers .col h3 { color: var(--secondary-color); text-transform: capitalize; }
.pet_lovers .col .box_content { padding-top: 15px; }
.pet_lovers .col .title_cont { border-radius: 41px; background: #FFF; padding: 51px 27px; margin-bottom: 31px; }
.pet_lovers .col .btm_part .image { display: flex; align-items: flex-start; flex-wrap: wrap; }
.pet_lovers .col .btm_part .image .img_1 { width: 100%; height: 306px; border-radius: 33px; }
.pet_lovers .col .btm_part .image .btm_img { display: flex; align-items: flex-start; width: 100%; padding-top: 26px; justify-content: flex-end; }
.pet_lovers .col .btm_part .image .btm_img .img { height: 170px; }
.pet_lovers .col .btm_part .image .btm_img .img_3 { height: 315px; border-radius: 33px; width: 214px; margin-left: 13px; }
.pet_lovers .col .btm_part .image .img { border-radius: 33px; }
.pet_lovers .col .btm_part .image .btm_img .img.img_2 { width: 173px; margin-right: 13px; }
.pet_lovers .col.left_part { width: 36%; }
.pet_lovers .col.center_part { width: 32%; }
.pet_lovers .col.right_part { width: 32%; }
.pet_lovers .col.center_part .btm_part .img { width: 100%; height: 505px; }
.pet_lovers .col.center_part .title_cont { margin: 31px 0 0; }
.pet_lovers .col.right_part .title_cont { margin: 31px 0; }
.pet_lovers .col.right_part .image { align-items: flex-end; flex-wrap: nowrap; display: flex; }
.pet_lovers .col.right_part .image .img.img_1 { width: 226px; height: 267px; margin-right: 13px; }
.pet_lovers .col.right_part .image .img.img_2 { width: 196px; height: 199px; margin-left: 13px; }
.pet_lovers .col.right_part .image.btm_img .img.img_3 { width: 210px; height: 327px; border-radius: 33px; margin-right: 13px; }
.pet_lovers .col.right_part .image.btm_img .img.img_4 { width: 234px; height: 228px; border-radius: 33px; margin-left: 13px; }

.pawesome_benefits { display: inline-block; width: 100%; vertical-align: top; padding: 90px 0 60px; }
.pawesome_benefits .title { text-align: center; padding-bottom: 90px; }
.pawesome_benefits .title .pre_title { position: relative; z-index: 1; }
.pawesome_benefits .title .pre_title:before { position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 1px; background: #CFD3D4; transform: translateY(-50%); z-index: -1; }
.pawesome_benefits .title .pre_title span { background: #F5F5F7; padding: 0 30px; }
.pawesome_benefits .col { width: 25%; padding: 0 15px 30px; text-align: center; }
.pawesome_benefits .col .inner { padding: 0 10px; }
.pawesome_benefits .section_wrap { margin: 0 -15px; }
.pawesome_benefits .col .inner .icon { max-height: 64px; display: flex; align-items: center; justify-content: center; }
.pawesome_benefits .col .inner h4 { color: var(--secondary-color); padding-top: 15px; }

.current_openings { display: inline-block; width: 100%; vertical-align: top; padding-bottom: 90px; }
.current_openings .section_wrap { padding-top: 120px; position: relative; z-index: 1; }
.current_openings .inner { border-radius: 41px; background: #FFF; padding: 54px 82px; }
.current_openings .inner .title_btn { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 30px; }
.current_openings .inner .title_btn_cont { padding-bottom: 30px; }
.current_openings .inner .title_btn_cont .cont { font-size: 21px; }
.current_openings .inner .acc_wrap { padding-left: 64px; }
.current_openings .inner .acc_wrap .ac_inner { margin-bottom: 15px; border-bottom: 1px solid rgb(79 79 79 / 20%); padding: 0 15px 15px 15px; }
.current_openings .inner .acc_wrap .ac_inner .acc_content { padding-top: 10px; display: none; }
.current_openings .acc_wrap .ac_inner .acc_title { font-size: 23px; font-weight: 700; line-height: 35px; color: var(--secondary-color); position: relative; padding-right: 30px; transition: all .5s ease-in-out; cursor:pointer; }
.current_openings .acc_wrap .ac_inner .acc_title:before { position: absolute; content: "\f107"; top: 0; right: 0; font-family: fontAwesome; color: var(--main-color); transform: rotate(-90deg); }
.current_openings .acc_wrap .ac_inner .acc_title.active:before { transform: rotate(0); }
.current_openings .inner .acc_wrap .ac_inner .acc_content .button-1 { padding-top: 15px; }
.current_openings .acc_wrap .ac_inner .acc_title.active { color: var(--main-color); }
.current_openings .section_wrap .dog_img { position: absolute; top: 0; right: -180px; }
.current_openings .inner .acc_wrap .ac_inner .acc_content .button-1 a { min-width: 113px; }
.two_column.carreir_two .section_wrap { border: none; }

.two_column.carreir_two .col .mac_dispaly { height: 340px; }
.two_column.carreir_two .col .mac_dispaly .display_img > img { object-fit: cover; height: 100%; }

.hero_sc.hero_faq { min-height: 500px; padding-top: 90px; }
.faqs.faq_page { margin: 0; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); padding-bottom:0;  }
.faqs.faq_page:before { display: none; background: #fff; }
.faqs.faq_page .left_part { width: 70%; padding-right: 23px; }
.faqs.faq_page .right_part { width: 30%; position: sticky; top: 160px; padding-left: 20px; }
.faqs.faq_page .left_part .box_inner+.box_inner { margin-top: 70px; }
.faqs.faq_page .left_part .box_inner .faqs_wrap { padding-top: 40px; }
.faqs.faq_page .right_part .right_inner { border-radius: 36px; border: 6px solid #F5F5F7; padding: 44px 17px 44px 34px; }
.faqs.faq_page .right_part .right_inner ul { list-style-type: none; padding: 0; margin: 0; }
.faqs.faq_page .right_part .right_inner ul li+li { margin-top: 10px; }
.faqs.faq_page .right_part .right_inner ul li a { display: inline-block; padding: 15px 30px; font-size: 17px; border-radius: 90px; border: 1px solid var(--secondary-color); font-weight: 700; }
.faqs.faq_page .right_part .right_inner .quick_links { font-size: 23px; font-style: normal; font-weight: 700; line-height: 35px; padding-bottom: 30px; }
.faqs.faq_page .right_part .right_inner ul li.active a { background: var(--secondary-color);); border-color: var(--secondary-color); color: #fff; }
.faqs.faq_page .left_part .box_inner .faqs_wrap .col:last-child { border-bottom: 1px solid rgb(79 79 79 / 20%); padding-bottom: 22px; }

.large_cta_sc.faq_cta .area::before { display: none; }
.large_cta_sc.faq_cta .right_img { width: auto; }
.large_cta_sc.faq_cta .cover { overflow: hidden; }

/* Resource Page */
.resource_list_sc.blog-listing-main .blog-listing-wrapper { width: 900px; max-width: 100%; } 
.resource_list_sc.blog-listing-main .blog-listing-wrapper .blog-card { width: 100%; }
.resource_list_sc.blog-listing-main .subscribe-form-wrapper { width: calc(100% - 900px); max-width: 100%; }
.resource_list_sc.blog-listing-main .card-content { padding: 8px 0; }
.resource_list_sc.blog-listing-main .listing-row .blog-card .card-top { padding: 0; text-transform: capitalize; justify-content: flex-start; gap: 10px; }
.resource_list_sc .pagination { margin-top: 60px; border-top: 1px solid rgb(79 79 79 / 20%); padding-top: 40px; }
.resource_list_sc .pagination .blog-pagination-left .prev-link, .resource_list_sc .pagination .blog-pagination-right .next-link { display: none; }
.resource_list_sc .pagination .blog-pagination-left .enable, .resource_list_sc .pagination .blog-pagination-right .enable { display: flex; }

.full-page-section .hero_cover h1{max-width:870px;margin:0 auto;}
.full-page-section .section-row{display:flex;flex-wrap:wrap;padding-top: 60px;}
.full-page-section .section-row .left-main{width:calc(100% - 506px);}
.full-page-section .section-row .left-wrapper{display:flex;flex-wrap:wrap;}
.full-page-section .section-row .left-wrapper .right{width:214px;}
.full-page-section .section-row .left-wrapper .left{width:calc(100% - 214px);padding-right:30px;}
.full-page-section .section-row .left-wrapper h4{color:var(--secondary-color);}
.full-page-section .section-row .left-wrapper .content{margin-top:12px;}
.full-page-section .section-row .bottom-list{margin-top:15px;}
.full-page-section .section-row .bottom-list h4{color:var(--main-color);}
.full-page-section .section-row .bottom-list .content ul{display:flex;padding:0 0 0 20px;margin:0;flex-wrap:wrap;gap:30px;}
.full-page-section .section-row .bottom-list .content ul li{width:calc(50% - 30px);}
.full-page-section .section-row .bottom-list .content ul li::marker{color:var(--main-color);}
.full-page-section .section-row .bottom-list .content{margin-top:18px;}

.full-page-section .section-row .contact_2024{width:506px;}
.full-page-section .contact_2024 h3{font-size:38px;line-height:normal;color: var(--main-color);text-align: center;}
.full-page-section .contact_2024 form{margin-top:20px;}

.full-page-section .section-row .right_part{width:unset;padding-left:unset;}
.full-page-section .section-row .right_part .right_inner{width:386px;margin-left:auto;}
.full-page-section .contact_2024 .right_part form .hs-form-field:nth-child(even) > label{left:16px;}
.full-page-section .contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span:before{top:0px;}
.full-page-section .contact_2024 .inputs-list input[type="checkbox"] + span{font-size:14px;line-height:20px;}
.full-page-section .contact_2024 .right_part form .actions input.hs-button.primary.large{margin:0;padding:16px 35px;font-family:var(--main-font);font-weight:700; line-height: normal; border: 0; box-shadow: none; }
.full-page-section .contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span:after{top: 8px;}
.full-page-section .section-row .right_part .submitted-message{background:transparent; padding: 0; color: var(--quaternary-color); font-size: 14px; }
.full-page-section .section-row .right_part .submitted-message h6 { font-size: 38px; font-weight: 700; color: var(--main-color); margin-bottom: 5px; }

.full-page-section .section-row .right_part .submitted-message p span{color:var(--quaternary-color);}
.full-page-section .section-row .right_part .submitted-message a { padding: 15px 35px; font-weight:700; background: var(--secondary-color);color: #fff;font-family:var(--main-font);border-radius:60px; display: inline-block; vertical-align: top; margin-top: 15px; }
.full-page-section .section-row .right_part .submitted-message a:hover { background: #3765BF; }
.full-page-section .contact_2024 .right_part .right_inner { padding-top: 30px; padding-bottom: 30px; }

.blog-pagination a:hover { color: var(--secondary-color); }
.blog-pagination a.prev-link:hover:before, .blog-pagination a.next-link:hover:before { filter: brightness(0) saturate(100%) invert(40%) sepia(85%) saturate(467%) hue-rotate(184deg) brightness(92%) contrast(91%); }

/* History page */

.hero-overview.hirstory-banner .imgs [class*=img-3] {margin-bottom: 0;}
.timeline { background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 247, 1) 37%, rgba(245, 245, 247, 1) 100%); position: relative;margin-bottom: 180px;}
.timeline .main-title { max-width: 970px; }
.timeline .main-title .text { font-size: 21px; line-height: 33px; }
.timeline .timeline-wrapper { margin-top: 85px; position: relative;}
.timeline .timeline-wrapper .line { position: absolute; content: ''; width: 5px; height: 100%; background: #CECECE; top: 0px; left: 50%; }
.timeline .timeline-wrapper .active-line { position: absolute; content: ''; width: 5px; height: 0; background: var(--main-color); top: 0px; left: 50%; }
.timeline .timeline-row { max-width: 1070px; margin: 0 auto; }

.timeline .timeline-card { max-width: 421px; width: 100%;transition: 400ms }
.timeline .timeline-card.even {margin-left: auto;}
/* .timeline .timeline-card.odd{opacity: 0;}
.timeline .timeline-card.odd.active{opacity: 1;}
.timeline .timeline-card.even{opacity: 0;}
.timeline .timeline-card.even.active{opacity: 1;} */
.timeline .timeline-card .year { font-size: 44px; line-height: 52px; font-weight: 700; }
.timeline .timeline-card.active .year{color:var(--main-color);}
.timeline .timeline-card.active h4{color:var(--secondary-color);}
.timeline .timeline-card { position: relative; }
.timeline .timeline-card.odd:before { position: absolute; content: ''; width: 52px; height: 52px; border-radius: 50%; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/non-active-paw-icon.svg) no-repeat center; top: 0; right: -142px; border: 3px solid #F5F5F7; }
.timeline .timeline-card.even:before { position: absolute; content: ''; width: 52px; height: 52px; border-radius: 50%; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/non-active-paw-icon.svg) no-repeat center; top: 0; left: -138px; border: 3px solid #F5F5F7; }
.timeline .timeline-card.odd:after { position: absolute; content: ''; width: 52px; height: 52px; border-radius: 50%; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/active-paw-icon.svg) no-repeat center; top: 0; right: -142px; border: 3px solid #F5F5F7; opacity:0;}
.timeline .timeline-card.even:after { position: absolute; content: ''; width: 52px; height: 52px; border-radius: 50%; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/active-paw-icon.svg) no-repeat center; top: 0; left: -138px; border: 3px solid #F5F5F7; opacity:0;}
.timeline .timeline-card.odd.active:after { position: absolute; content: ''; width: 52px; height: 52px; border-radius: 50%; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/active-paw-icon.svg) no-repeat center; top: 0; right: -142px; border: 3px solid #F5F5F7; opacity:1;}
.timeline .timeline-card.even.active:after { position: absolute; content: ''; width: 52px; height: 52px; border-radius: 50%; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/active-paw-icon.svg) no-repeat center; top: 0; left: -138px; border: 3px solid #F5F5F7; opacity:1;}


.timeline .timeline-card:last-child { max-width: 1080px; padding: 70px 30px 100px; width: 100%; margin: 0 auto; background: var(--quaternary-color); border-radius: 48px; text-align: center; margin-top: 90px;}
.timeline .timeline-card:last-child.active{background:var(--secondary-color);}
.timeline .timeline-card:last-child .year { display: none; }
.timeline .timeline-card:last-child h4 { color: var(--tertiary-color); font-size: 51px; line-height: 60px; font-family: var(--sec-font); }
.timeline .timeline-card:last-child .card-content { color: var(--tertiary-color); max-width: 875px; margin: 12px auto 0; font-size: 21px; line-height: 33px; }
.timeline .timeline-card:last-child:before { right: calc(50% - 27px) !important; top: -27px; }
.timeline .timeline-card:last-child:after { right: calc(50% - 27px) !important;; top: -27px !important; }
.timeline .timeline-card:last-child .button-2{margin-top:40px;}
.timeline .timeline-card:last-child .button-2 a { border-color: #fff; color: #fff; }
.timeline .timeline-card:last-child .button-2 a:hover { background: #fff; color: var(--secondary-color); }


/* Partners page */
.logo-content-cards { padding: 120px 0 50px; }
.logo-content-cards .text .content { max-width: 1072px; margin: 10px auto 0; }
.logo-content-cards .cards-row { display: flex; flex-wrap: wrap; margin: 70px -18px 0; row-gap: 64px; justify-content: center; }
.logo-content-cards .card { width: 50%; padding: 0 18px; }
.logo-content-cards .card .card-inner {position: relative; background: #fff; border-radius: 20px; padding: 52px 48px 48px; height: 100%; display: flex; flex-direction: column; transition: 400ms}
.logo-content-cards .card .card-inner:hover{box-shadow: 0px 0px 17px 5px rgba(0, 0, 0, 0.11);} 
.logo-content-cards .card .card-inner a:before { position: absolute; content: ''; inset: 0; }
.logo-content-cards .card .logo { min-height: 177px; display: flex; align-items: center; justify-content: center; }
.logo-content-cards .card .card-body { /*display: flex; flex-direction: column; justify-content: space-between;*/ height: 100%; }
.logo-content-cards .card .card-body .card-top{margin-top: 40px;}
.logo-content-cards .card  h3 { margin-top: 10px; color:var(--secondary-color); }
.logo-content-cards .card  .button-2 { margin-top: 40px; }

/* Customer_2024 page */
.icon-content-cards { padding: 100px 0 64px; }
.icon-content-cards .cards-row { margin: 100px -18px 0; row-gap: 50px; display: flex; flex-wrap: wrap; }
.icon-content-cards .cards-row .card { width: 50%; padding: 0 18px; }
.icon-content-cards .cards-row .card .card-inner { border-radius: 20px; background: #FFF; padding: 42px 48px 48px; height:100%;transition: 400ms}
.icon-content-cards .cards-row .card .card-inner:hover{box-shadow:0px 0px 17px 5px rgba(0, 0, 0, 0.11);}
.icon-content-cards .cards-row .card .icon { min-height: 65px; display: flex; align-items: center; }
.icon-content-cards .cards-row .card h3 { margin-top: 10px; color: var(--secondary-color); }
.icon-content-cards .cards-row .card .content { margin-top: 10px; }
.icon-content-cards .cards-row .card .content a { color: var(--main-color); }
.icon-content-cards .cards-row .card .content a:hover { color: var(--secondary-color); }
.icon-content-cards .cards-row .card .content ul { margin: 0; padding: 0 0 0 35px; }
.icon-content-cards .cards-row .card .content ul li::marker { color: var(--main-color); }
.icon-content-cards .cards-row .card .button-2 { margin-top: 30px; }

.support-form h2 { font-family: var(--body_font); font-weight: 700; color: var(--secondary-color); }
.support-form .text .content p { padding: 0; font-size: 21px; line-height: 33px; }
.support-form .text .content span > span { color: var(--main-color); }
.support-form .inner { padding: 80px 93px 0; border-radius: 20px; border: 1px solid #FFF; background: #FFF; position:relative; z-index:2;}
.support-form .contact_2024 { max-width: 960px; margin: 40px auto 0;padding-bottom:86px; }
.support-form .contact_2024 .right_part { width: 100%; padding:0; }
.support-form .contact_2024 .right_part form textarea{padding-top:22px;}
.support-form .contact_2024 form { margin: 0 -22px; }
.support-form .contact_2024 form .form-columns-0 { display: none; }
.support-form .contact_2024 .right_part form fieldset.form-columns-1 .hs-form-field { padding: 0 22px; }
.support-form .contact_2024 .right_part form fieldset.form-columns-1 .hs-form-field legend { display: none !important; }
.support-form .contact_2024 form fieldset.form-columns-2 .hs-form-field { padding: 0 22px; }
.support-form .contact_2024 form .form-columns-3 .hs-form-field { width: 33.33%; padding: 0 22px; }
.support-form .contact_2024 form .hs-form-field > label { left: 40px; }
.support-form .contact_2024 form .hs-form-field:nth-child(even) > label { left: 40px; }
.support-form .contact_2024 form input[type="file"] { border: none; padding-left: 0; color: var(--quaternary-color); padding-top: 5px;}
.support-form .contact_2024 form input[type="file"]::file-selector-button { background: transparent; border: 1px solid var(--secondary-color); padding: 11px 24px; border-radius: 42px; color: var(--secondary-color); font-weight: 700; font-size: 12px; line-height: 20px; }
.support-form .contact_2024 form .hs-form-field.hs-fieldtype-file > label { position: relative; left: 0px; }
.support-form .contact_2024 .right_part form fieldset.form-columns-1 .hs-fieldtype-file.hs-form-field legend { display: block !important; color: #4F4F4F;}
.support-form .contact_2024 .right_part form .actions input.hs-button.primary.large{padding: 19px 35px;min-width:unset;}
.support-form .contact_2024 .right_part form fieldset.form-columns-1 .hs-form-field.hs-fieldtype-file .input { display: flex; gap:20px;}
.support-form .contact_2024 .right_part form .hs-submit{margin-top: -30px;}
.support-form .contact_2024 .right_part form .hs-submit .hs-button { margin-top: 0; }

/* Price Page */
.price_sc { padding: 100px 0 70px; position: relative; z-index: 1; background: #F5F5F7; }
.price_sc:before { position: absolute; content: ""; height: 485px; width: 100%; top: 0; left: 0; background: linear-gradient(180deg, #FFF 37.18%, rgba(255, 255, 255, 0.00) 100%); z-index: -1; }
.price_sc .main-title { max-width: 1040px; }
.price_sc .pricing_tab { margin-bottom: 30px; } 
.price_sc .pricing_tab ul { display: flex; justify-content: center; padding: 0; margin: 0; list-style-type: none; }
.price_sc .pricing_tab ul li a { display: inline-block; vertical-align: top; padding: 10px 25px 9px 25px; font-size: 14px; font-weight: 700; text-transform: capitalize; border: 1px solid #e2e2e2; border-radius: 30px; line-height: 1; min-width: 140px; text-align: center; color: #949494; }
.price_sc .pricing_tab ul li a:hover { color: var(--secondary-color); }
.price_sc .pricing_tab ul li.current a { background: var(--secondary-color); color: #ffff; }
.price_sc .pricing_tab ul li { margin: 0 -10px; }
.price_sc .pricing_tab ul li.current { position: relative; }

.price_plan_col { border-radius: 15px; background: #FFF; box-shadow: 0px 4px 14px 0px rgba(28, 66, 161, 0.04); width: calc(25% - 26px); margin: 13px; padding: 45px 13px 30px; position: relative; }
.price_plan_col .type h4 { font-size: 30px; font-weight: 700; color: var(--secondary-color); }
.price_plan_col .top { padding: 0 20px 20px; border-bottom: 1px solid var(--quaternary-color); }  
.price_plan_col .top .amount { font-size: 55px; font-weight: 600; color: var(--color1); line-height: 1; }
.price_plan_col .top .amount span { font-size: 21px; font-weight: 700; font-family: var(--main-font); margin-left: 2px; }
.price_plan_col .top .subscription_title { font-size: 19px; font-weight: 700; }
.price_plan_col .top .button-2 { margin-top: 10px; }
.price_plan_col .top span.dollar { font-size: 55px; font-weight: 600; line-height: 1; font-family: "Archivo", serif; position: relative; margin: 0; top: 2px; }
.price_plan_col .top .price_box { display: none; }
.price_plan_col .top .price_box#month { display: block; }
.price_plan_col .benefits p { padding: 0; }
.price_plan_col .benefits p + p { padding-top: 15px; }
.price_plan_col .benefits { padding: 20px 5px 0 14px; }
.price_plan_col .benefits ul { padding: 0; margin: 10px 0 0; list-style-type: none; }
.price_plan_col .benefits ul li { display: inline-block; vertical-align: top; width: 100%; margin-top: 7px; font-weight: 700; color: var(--secondary-color); padding-left: 25px; position: relative; }
.price_plan_col .benefits ul li:before { position: absolute; content: ""; height: 19px; width: 19px; top: 4px; left: 0px; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/check-circle-1.svg) no-repeat center / cover; }
.price_plan_col .custom_text { font-size: 45px; font-weight: 700; line-height: 1; color: var(--color1); }

.price_plan_col .popular_text { position: absolute; top: 15px; right: 15px; font-size: 14px; font-weight: 700; background: #fff; border-radius: 30px; color: var(--secondary-color); padding: 8px 15px; line-height: 1; min-width: 135px; text-align: center; }
.price_plan_col.popular { border-radius: 15px; background: var(--color1); box-shadow: 0px 44px 64px 0px rgba(72, 118, 235, 0.30); z-index: 1; }
.price_plan_col.popular:before { position: absolute; content: ""; height: 633px; width: 219px; top: 0; right: 0; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/popular-pattern.png) no-repeat center / cover; z-index: -1; }
.price_plan_col.popular .type h4 { color: #fff; }
.price_plan_col.popular .top { border-color: #fff; }
.price_plan_col.popular .top .amount { color: #fff; }
.price_plan_col.popular .top .subscription_title { color: #fff; }
.price_plan_col.popular .top .button-2 a { color: #fff; border-color: #fff; }
.price_plan_col.popular .benefits { color: #fff; }
.price_plan_col.popular .benefits ul li { color: #fff; }
.price_plan_col.popular .benefits ul li:before { filter: brightness(0) invert(1); }
.price_plan_col.popular .top .button-2 a:hover { border-color: #4977D2; }

.package_sc { padding-bottom: 150px; }
.package_wrap { display: flex; flex-wrap: wrap; border-radius: 36px; background: #FFF; }
.package_wrap .left { width: 55%; padding: 60px 40px; }
.package_wrap .right { width: 45%; background: var(--secondary-color); color: #fff; border-radius: 0px 36px 36px 0px; padding: 80px 75px 50px; position: relative; z-index: 1; }
.package_wrap .right h3 { font-size: 34px; color: #fff; margin-bottom: 30px; }
.package_wrap .right h4 { color: #fff; }
.package_wrap .right p { padding: 0 0 15px; }
.package_wrap .right .con { font-size: 17px; line-height: 29px; }
.package_wrap .right .button-2 { text-align: center; margin-top: 15px; }
.package_wrap .right .button-2 a { color: #fff; border-color: #fff; }
.package_wrap .right .button-2 a:hover { background: #fff; color: var(--secondary-color); }
.package_wrap .right .link { text-align: center; font-size: 15px; margin-top: 15px; text-decoration: underline; }
.package_wrap .right .link a { color: #fff; }
.package_wrap .right:after { position: absolute; content: ""; height: 163px; width: 163px; top: 13px; right: 13px; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/check-circle-1.png) no-repeat center / cover; z-index: -1; }

.package_wrap .left h2 { font-size: 44px; font-weight: 700; color: var(--secondary-color); font-family: var(--main-font); margin-bottom: 20px; }
.package_wrap .left ul[role="radio"] { display: flex; flex-wrap: wrap; padding: 0; gap: 35px; margin: 5px 0 10px; }
.package_wrap .left ul[role="radio"] li { font-size: 21px; font-weight: 700; margin-bottom: 0; }
.package_wrap .left ul[role="radio"].inputs-list li input[type="radio"] + span { line-height: 1.26; padding-left: 42px; }
.package_wrap .left ul[role="radio"].inputs-list li input[type="radio"] + span:before { height: 30px; width: 30px; border-color: var(--quaternary-color); border-radius: 6px; background: #fff; top: 1px; }
.package_wrap .left ul[role="radio"].inputs-list li input[type="radio"] + span:after { position: absolute; content: ""; height: 13px; width: 18px; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/tick.svg) no-repeat center / cover; top: 9px; left: 5px; opacity: 0; }
.package_wrap .left ul[role="radio"].inputs-list li input[type="radio"]:checked + span:after, .package_wrap .left ul[role="radio"] li.current input[type="radio"] + span:after { opacity: 1; }
.package_wrap .left .field.hs-form-field { position: relative; margin: 0 0 15px; }
.package_wrap .left .field.hs-form-field select { background-image: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/fi_chevron-down.svg); font-family: inter; color: #ABAFB1; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 8px; border: 1px solid var(--Black-1, #CFD3D4); width: 100% !important; padding: 20px 16px 0 16px; }
.package_wrap .left .field.hs-form-field > label { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; font-family: inter; color: #5E6366; position: absolute; top: 7px; left: 16px; }
.package_wrap .left form ul.hs-error-msgs { padding: 10px 0 0; }
.unlock_your_plan_raw { display: none; }
.unlock_your_plan_raw#plan1 { display: block; }

.package_wrap .left input[type="submit"] { background: var(--color1); min-width: 125px; }
.package_wrap .left input[type="submit"]:hover { background: var(--secondary-color); }
.unlock_your_plan_cover { position: relative; }
.unlock_your_plan_cover .lock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 22px; font-weight: 700; color: var(--secondary-color); line-height: 1.25; }
.unlock_your_plan { margin-top: 60px; filter: blur(10px); position: relative; z-index: 1; pointer-events: none; }
.unlock_your_plan h4 { color: var(--color1); }
.package_wrap .left .unlock_your_plan h2 { margin-bottom: 5px; }
.unlock_your_plan .button-1 a { background: var(--color1); margin-top: 20px; }
.unlock_your_plan .button-1 a:hover { background: var(--color2); }
.unlock_your_plan_cover.unlock .lock, .unlock_your_plan_raw.show .lock { display: none; }
.unlock_your_plan_cover.unlock .unlock_your_plan, .unlock_your_plan_raw.show .unlock_your_plan { filter: none; pointer-events: auto; }
.unlock_your_plan p { padding: 0; }
.unlock_your_plan p + p { padding-top: 30px; }

/**/
.pet_parent_hero.hero-individual-features .hero_sc { height: auto; min-height: 800px; }

/**/
.additional_features .inner .box_icon img { max-height: 110px; width: auto; }

.two_col_with_form_sc.full-page-section .contact_2024 h3 { line-height: 1.2; margin-bottom: 30px; }
.two_col_with_form_sc.full-page-section .contact_2024 .right_part form input, .two_col_with_form_sc.full-page-section .contact_2024 .right_part form textarea, .contact_2024 .right_part form select { }
.two_col_with_form_sc.full-page-section .section-row .right_part .right_inner { width: 100%; }
.two_col_with_form_sc.full-page-section .section-row .contact_2024 { width: 35%; }
.two_col_with_form_sc.full-page-section .section-row .left-main { width: 65%; }
.two_col_with_form_sc.full-page-section .contact_2024 .right_part form input, .two_col_with_form_sc.full-page-section .contact_2024 .right_part form textarea, .contact_2024 .right_part form select, .two_col_with_form_sc.full-page-section .contact_2024 .right_part form input::placeholder { font-size: 13px; }
.full-page-section .section-row .left-wrapper .left.img_disable { width: 100%; }
.two_col_with_form_sc.full-page-section .contact_2024 .right_part form .hs-form-field:nth-child(even) > label { left: 26px; } 
.two_col_with_form_sc.full-page-section .section-row .right_part { padding-left: 30px; }

.additional_features.global { background: #f5f5f7; padding-bottom: 150px; }  
.additional_features.global .inner .box_icon img { max-height: 110px; width: auto; }
.additional_features.btm-spacing { padding-bottom: 220px; }

.landing_main_area.body-container { padding-bottom: 300px; }

.two_col_with_form_sc.full-page-section .section-row .left-main .logos__grid { align-items: center; display: flex; flex-wrap: wrap; gap: 21px; }
.two_col_with_form_sc.full-page-section .section-row .left-main .logos__grid > div { align-items: center; display: flex; justify-content: center; max-width: 140px; }

/**** ***/
.payment-processing .main-title { max-width: 100%; font-size: 21px; line-height: 33px; color: #4F4F4F; }
.payment-processing .main-title h1 { line-height: 110%; letter-spacing: -0.61px; }
.payment-processing .main-title .content { margin-left: auto; margin-right: auto; max-width: 830px; width: 100%; }

.payment-processing .main { gap: 58px; }
.payment-processing .box { width: calc(50% - 29px); border-radius: 20px; background: #FFF; padding: 29px 29px 60px; font-size: 17px; line-height: 29px; color: #4F4F4F; }
.payment-processing .box h3 { color: var(--secondary-color); }
.payment-processing .box .image { height: 227px; display: flex; align-items: center; justify-content: center; }
.payment-processing .box ul { margin: 0; padding: 0; list-style-type: none; text-align: left; width: 100%; }
.payment-processing .box ul li { position: relative; margin: 0; padding: 0 0 0 15px; }
.payment-processing .box ul li:before { content: ''; width: 5px; height: 5px; position: absolute; top: 10px; left: 0; background: #4F4F4F; border-radius: 10px; }
.payment-processing .box .text { margin: 15px auto 0; max-width: 460px; width: 100%; display: flex; gap: 15px; }

.terminals-today .main-title h2 { color: var(--secondary-color); }
.terminals-today .main { padding: 70px; border-radius: 20px; border: 1px solid #FFF; background: #FFF; }
.terminals-today .main .form { margin: 0 auto; max-width: 1020px; padding-right: 440px; width: 100%; position: relative; }
.terminals-today form input, .terminals-today form textarea,
.terminals-today form select { border-radius: 8px; border: 1px solid #CFD3D4; width:100% !important; padding: 15px 16px 0 16px; }
.terminals-today form .hs-form-field > label { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; font-family: inter; color: #5E6366; position: absolute; top: 7px; left: 16px; }
.terminals-today form .hs-form-field { position: relative; }
.terminals-today form .hs-form-field.hs_services_offered > label { position: static; }
.terminals-today form input, .terminals-today form textarea, .terminals-today form select { font-family: inter; color:#ABAFB1; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.terminals-today form textarea.hs-input { height: 84px; }
.terminals-today form select { background-image: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/fi_chevron-down.svg)}
.terminals-today form select:focus { outline: none; }
.terminals-today form .hs-fieldtype-checkbox , .terminals-today form .hs-fieldtype-radio { padding: 0 16px; }
.terminals-today form .hs-fieldtype-checkbox > label , .terminals-today form .hs-fieldtype-radio > label { position: relative; left: auto; top: auto; margin: 0 0 12px; display: inline-block; font-size: 14px; }
.terminals-today form .hs-fieldtype-radio:nth-child(even) > label { left: 0 !important; }
.terminals-today form .hs-fieldtype-checkbox ul.inputs-list , .terminals-today form .hs-fieldtype-radio ul.inputs-list  { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; }
.terminals-today form .hs-form-field ul.inputs-list li > label span { padding-left:40px; }
.terminals-today form .hs-form-field ul.inputs-list li > label span:before { width:30px; height:30px; border-radius: 8px; top:-4px; }
.terminals-today form .hs-form-field ul.inputs-list li > label span:after { color: var(--main-color); background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/check.svg)no-repeat center/cover; width: 18px; height: 14px; content: ""; top: 5px; left: 6px; }
.terminals-today form .hs-form-field > label span.hs-form-required { color: var(--main-color); }
.terminals-today form .hs-form-field:nth-child(even) > label { left: 26px; }
.terminals-today form .hs-form-field.hs-fieldtype-booleancheckbox span.hs-form-required { padding: 0; color: var(--main-color); }
.terminals-today form input::placeholder{ color: #ABAFB1 !important; font-size: 15px; font-family: Inter; }
.terminals-today form .actions input.hs-button.primary.large { margin: 0; width: auto !important; min-width: auto; padding:15px 35px; font-size: 17px; line-height: 29px; border-radius:50px; color:#fff; display: inline-block; }

.terminals-today form .hs-main-font-element { font-size: 14px; line-height: 22px; color: #4F4F4F; width: 422px; position: absolute; top: 15%; right: 0; }
.terminals-today form .hs-main-font-element a { text-decoration: underline; color: #4F4F4F; }
.terminals-today form .hs-richtext p { padding: 0; }

/*** ***/
.bottom-shape::before { height: 473px; background-position: top left; }

.ppc-hero .main { border-bottom: 1px solid rgba(79, 79, 79, 0.5); align-content: flex-start; }
.ppc-hero .left { width: 50%; padding: 0 80px 0 0; font-size: 21px; line-height: 33px; }
.ppc-hero .left h1 { line-height: 110%; /* 67.1px */ letter-spacing: -0.61px; padding: 0 0 5px; }
.ppc-hero .left h3 { margin: 30px 0 0; }
.ppc-hero .left h5 { font-size: 23px; line-height: 35px; margin: 0 0 20px; }
/* .ppc-hero .logos { gap: 10px; } */
.ppc-hero .logos > div { width: calc(50% - 20px); text-align: center; background: #FFF; display: flex; /*align-items: center;*/ justify-content: center; padding: 10px; height: 139px; margin: 0 10px 20px; border-radius:20px; }
.ppc-hero .logos > div img { max-height: 100%; width: auto; }

.ppc-hero .right { margin: 80px 0 0; padding: 50px 42px 60px; width: 50%; border-radius: 20px; border: 1px solid #FFF; background: #FFF; position: relative; }
.ppc-hero .right .image { position: absolute; top: -116px; right: -40px; }
.ppc-hero .right h3 { text-align: center; font-size: 38px; line-height: 110%; color: var(--secondary-color); margin: 0 0 40px; }

.form-field form .hs-form-field { position: relative; }
.form-field form input, .form-field form textarea, .form-field form select { border-radius: 8px; border: 1px solid #CFD3D4; width:100% !important; padding: 15px 16px 0 16px; }
.form-field form .hs-form-field > label { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; font-family: inter; color: #5E6366; position: absolute; top: 7px; left: 16px; }
.form-field form .hs-form-field.hs_services_offered > label { position: static; }
.form-field form input, .form-field form textarea, .form-field form select { font-family: inter; color:#ABAFB1; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.form-field form textarea.hs-input { height: 84px; }
.form-field form select { background-image: url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/fi_chevron-down.svg)}
.form-field form .hs-fieldtype-checkbox , .terminals-today form .hs-fieldtype-radio { padding: 0 16px; }
.form-field form .hs-fieldtype-checkbox > label , .form-field  form .hs-fieldtype-radio > label { position: relative; left: auto; top: auto; margin: 0 0 12px; display: inline-block; font-size: 14px; }
.form-field form .hs-fieldtype-radio:nth-child(even) > label { left: 0 !important; }
.form-field form .hs-fieldtype-checkbox ul.inputs-list , .form-field form .hs-fieldtype-radio ul.inputs-list { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; }
.form-field form .hs-form-field ul.inputs-list li > label span { padding-left:40px; }
.form-field form .hs-form-field ul.inputs-list li > label span:before { width:30px; height:30px; border-radius: 8px; top:-4px; }
.form-field form .hs-form-field ul.inputs-list li > label span:after { color: var(--main-color); background:url(//3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/raw_assets/public/gingr/images/check.svg)no-repeat center/cover; width: 18px; height: 14px; content: ""; top: 5px; left: 6px; }
.form-field form .hs-form-field > label span.hs-form-required { color: var(--main-color); }
.form-field form .hs-form-field:nth-child(even) > label { left: 26px; }
.form-field form .hs-form-field.hs-fieldtype-booleancheckbox span.hs-form-required { padding: 0; color: var(--main-color); }
.form-field form .actions { text-align: center; }
.form-field form .actions input.hs-button { margin: 0; width: auto !important; min-width: auto; padding:15px 35px; font-size: 17px; line-height: 29px; border-radius:50px; color:#fff; display: inline-block; }

.form-field form select:focus { outline: none; }
.form-field form input::placeholder{ color: #ABAFB1 !important; font-size: 15px; font-family: Inter; }

.business-software .main-title { max-width: 100%; }
.business-software .main-title:before { content: ''; width: 48px; height: 49px; background: url('https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr_feb2010/Images/ginger%20icon.svg') no-repeat; display: block; margin: 0 auto 25px; }
.business-software .main { align-items: flex-start; }
.business-software .image { width: 468px; border-radius: 40px; overflow: hidden; }
.business-software .right { width: calc(100% - 468px); padding: 0 0 0 67px; font-size: 21px; line-height: 33px; }
.business-software .right h4 { margin: 22px 0 0; color: var(--secondary-color); }
.business-software .right h4:first-child { margin-top: 0; }
.business-software .right p { padding: 0; }

/*** ***/
.onboarding-herro .main-title { max-width: 100%; }
.onboarding-herro .main-title h1 { line-height: 110%; }
.onboarding-herro .main-title .content { margin: 6px auto 0; max-width: 1000px; width: 100%; }

.onboarding-herro .main { margin: 0 auto;; padding: 50px 42px 60px; max-width: 711px; width: 100%; border-radius: 20px; border: 1px solid #FFF; background: #FFF; position: relative; }
.onboarding-herro .main h3 { text-align: center; font-size: 38px; line-height: 110%; color: var(--secondary-color); margin: 0 0 25px; }

.icon-content-cards .cards-row form .input { border-radius: 8px; border: 1px solid #CFD3D4; font-size: 16px; line-height: normal; color: #ABAFB1; padding: 0 16px 5px; width: 259px; max-width: 100%; }
.icon-content-cards .cards-row form .input label { font-size: 12px; line-height: normal; color: #5E6366; }
.icon-content-cards .cards-row form .input input { padding: 0 0; width: 100% !important; height: auto; color: #ABAFB1; font-size: 16px; line-height: normal; border-radius: 0; }
.icon-content-cards .cards-row form input.hs-button { font-size: 17px; line-height: 28px; border-radius: 50px; border: 1px solid #4977D2; color: #4977D2; background: transparent; font-weight: 700; padding: 15px 39px; width: auto !important; margin: 28px 0 0; cursor: pointer; transition: all ease-in-out .4s; }
.icon-content-cards .cards-row form input.hs-button:hover { background: #4977D2; color: #FFF; }
.icon-content-cards .cards-row form { max-width: 440px; width: 100%; }

.hero-referral .main { border-bottom: none; }
.hero-referral .logo { gap: 20px; line-height: 0; }
.hero-referral .logo img { max-height: 70px; width: auto; }
.hero-referral .left { padding: 0 30px 0 0; width: calc(100% - 710px); }
.hero-referral .left .content { max-width: 648px; width: 100%; }
.hero-referral .right { width: 710px; margin: 110px 0 0; }
.hero-referral .right .offer { font-size: 23px; line-height: 35px; padding: 12px 50px 12px 20px; background: #EE4542; display: inline-block; color: #FFF; font-weight: 500; margin: -20px 0 45px -43px; position: relative; }
.hero-referral .right .offer:after { width: 60px; height: 100%; background: #FFF; position: absolute; top: 0; right: -40px; content: ''; transform: rotate(45deg); }

.display_grooming { max-width: 800px; width: 100%; position: relative; }
.display_grooming .inner_screen { position: absolute; top: 2%; left: 2%; bottom: 27%; right: calc(2% - 1px); line-height: 0; }
.display_grooming .inner_screen .screen_img { width: 100%; height: 100%; border-radius: 9px; overflow: hidden; }
.display_grooming .inner_screen .screen_img img { width: 100%; height: 100% !important; object-fit: cover; }
.display_grooming .inner_screen .screen_logo { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all ease-in-out .4s; }
.display_grooming .inner_screen .play_btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.display_grooming .inner_screen .play_btn a.play { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: flex-end; justify-content: flex-end; padding: 20px; }
.display_grooming .inner_screen .screen_img:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #EE4542; mix-blend-mode: multiply; }

.display_grooming .inner_screen:hover .screen_logo { transform: translateX(-50%) translateY(-50%) scale(1.10); }

.grooming-gingr .left { width: 48%; padding: 0 0 0 60px; }
.grooming-gingr .left .image { margin: -120px 0 0 -60px; padding-right: 14%; line-height: 0; min-width: calc(100% + 60px); }
.grooming-gingr .left .display_grooming { margin: -120px 0 0 auto; }
.grooming-gingr .right { width: 52%; padding: 140px 50px 140px; padding-right: calc((100% - 1490px) / 2); font-size: 21px; line-height: 33px; }
.grooming-gingr .right h5 { font-size: 23px; line-height: 35px; color: #4977D2; margin: 10px 0 0; }
.grooming-gingr .right p { padding: 0 0 10px; }
.grooming-gingr .right .content-list { padding: 20px 0 0 70px; }

.grooming-easy .main-title { max-width: 994px; font-size: 21px; line-height: 33px; }
.grooming-easy .main-title h2 { margin: 0 0 25px; }
.grooming-easy .display_grooming { margin: 0 auto; }
.grooming-easy .display_grooming .inner_screen { bottom: 3%; top: 3%; }

.schedule_demo.schedule_demov2{position: relative; padding-top:40px;}
.schedule_demo.schedule_demov2 .left_part{padding-top:70px; padding-bottom: 80px;}
.schedule_demo.schedule_demov2 .left_part .title_video .mac_banner.text-center{position:relative;}
.schedule_demo.schedule_demov2 .right_part{padding-top:112px;}
.schedule_demo.schedule_demov2 img.shape-bottom{position:absolute;left:0;bottom:0;width:100%;z-index:1;}
.schedule_demo.schedule_demov2 .hero_sc{padding-bottom: 170px;}
.schedule_demo.schedule_demov2 .hero_sc [class*="shape-2"]{bottom:15px;}
.schedule_demo.schedule_demov2 .hero_sc:after,
.schedule_demo.schedule_demov2 .shape-2:before{display:none;}




/* Responsive Css */
@media (min-width: 768px){
    .mobile_hero_con, .hero_sc .mob.btm_shape, .revenue_tab_nav .select_option { display: none; }
}

@media (min-width:992px){
    .dropdown_section .col .left .left_inner .mobtab_img { display: none; }
    .large_cta_sc.resource_cta .cover .left {padding: 105px 80px 80px 100px;}
}

@media (min-width: 1301px){
    .container .dnd-section > .row-fluid, .container { width: 1280px; }
}
@media (min-width:1351px){
    .resource_list_sc .container{ width:1350px; }
}


@media (min-width: 1501px){
    .container .dnd-section.large > .row-fluid, .container.large { width: 1360px; }
    .revenue_sc .container { width: 1410px; max-width: 100%; }
    
    .leftimng_cont .container { width: 1510px; }
    
    .schedule_demo .container { width: 1490px; }
    .pet_lovers .container { width: 1417px; }
    
    .hero-overview .container.large { width: 1445px; }
    
}

@media (min-width:1649px){
    
    .container.container-large { width: 1490px; }
}

@media (max-width: 1700px){
    /**/
    .hero_solutions [class*="box-shape-1"] { left: -280px; bottom: -150px; }
}

@media (max-width:1650px){
    .hero_solutions .right_part { padding-right: calc((100% - 1450px) / 2); }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part:before {right: -10px;}
    .indivisual_zigzag .col:nth-child(even) .inner .left_part .dog_img { right: -40px; }
    
    .current_openings .section_wrap { max-width: 1100px; margin: 0 auto; }
    
    .body-container.red-shape-bottom:after { height: 380px; background-position: top right; }
    .body-container.red-shape-bottom:before { height: 390px; }
    
    .grooming-gingr .right { padding-right: calc((100% - 1360px) / 2); }

    
}

@media (max-width:1540px){
    .hero_solutions .left_part { padding-left: calc((100% - 1250px) / 2); }
    .hero-overview.why_gin_hero .left { padding-left: calc((100% - 1250px) / 2); }

    .hero_solutions .left_part h1 { font-size: 48px; }
}

@media (max-width:1500px){
    .schedule_demo.schedule_demov2.contact_2024 .right_part .right_inner{padding-top:65px;}
}

@media (max-width:1499px){
    /* Homepage */
    .service_img { height: 350px; margin: 0 10px; }

    .large_cta_sc .area:before { left: -160px; top: -40px; }
    
    .hero_solutions .left_part { padding-bottom:200px; }
    
    .hero_solutions .right_part { padding-right: calc((100% - 1280px) / 2); }
    .hero_solutions .btm_shape { height: 300px; bottom: -80px; }
        
    .dropdown_cta .container { width: 1280px; }
    .cta_modules .main_part h2 { font-size: 40px; }
    
    .indivisual_zigzag .col:nth-child(even) .inner .left_part:before { right: 0; }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part:after { right: -40px; }
    .indivisual_zigzag .left_part:before { left: -40px; }
    .indivisual_zigzag .left_part:after { left: -60px; }
    
    .additional_features .inner { width: 100%; }
    .additional_features .col { padding: 0 10px; }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part .dog_img { right: -20px; }
    
    .hero_solutions .right_part .right_inner .img_2 { bottom: -200px; }
    
    .faqs { padding-bottom: 200px; }
    .customer_sucstory .section_wrap:before { right: -20px; width: 223px; height: 181px; }
    
    .faqs.precheck_faq { padding-bottom: 100px; }
    .twocolumn_tab .section_wrap .col .img_title h3 { font-size: 26px; padding-right: 10px; }
    
    .business_stories .container { width: 1280px; }
    
    /*.schedule_demo .hero_sc { height:1000px; }*/
    
    .review.demo_review:before, .review.demo_review:after { width: 30px; height: calc(100% - 161px); top: 70px; }
    .review.demo_review:after { width: 0px; }
    
    .hero-overview.team_hero .right .image { right: -50px; }
    
    .current_openings .section_wrap { max-width: 900px; }

    .body-container.red-shape-bottom:after { height: 360px; background-position: top right; }
    .body-container.red-shape-bottom:before { height: 370px; }
    
    
    .grooming-gingr .right { padding-right: calc((100% - 1280px) / 2); }
    

    .ppc-hero .logos > div { width: calc(50% - 14px); margin: 0 7px 15px; }
    
    .award_logo_sc .logocol { padding: 0 20px; }
    
    
}

@media (max-width:1350px){
    .indivisual_zigzag .col:nth-child(even) .inner .left_part:after { right: 50px; }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part:before { right:50px; }
    .hero_solutions .right_part { padding-right: calc((100% - 1240px) / 2); }
    .two_column .col { padding: 0 15px; }
    .two_column .section_wrap { margin: 0 -15px; }
    .icon_content .section_wrap { margin:0 -15px; }
    .icon_content .col {padding: 0 15px 60px;}
    
    /* Resources Page */
    .resource_list_sc.blog-listing-main .subscribe-form-wrapper { width: 350px; }
    .resource_list_sc.blog-listing-main .blog-listing-wrapper { width: calc(100% - 350px); }
    
    /* Partners page */
    .logo-content-cards .card { padding: 0 15px; }
    .logo-content-cards .cards-row { margin: 70px -15px 0; }
    .icon-content-cards .cards-row .card { padding: 0 15px; }
    .icon-content-cards .cards-row { margin: 100px -15px 0; }
    .support-form .contact_2024 form { margin: 0 -15px; }
    .support-form .contact_2024 .right_part form .hs-form-field > label { left: 32px; }
    .support-form .contact_2024 form .hs-form-field.hs-fieldtype-file > label { left: 0; }
    .support-form .contact_2024 form fieldset.form-columns-2 .hs-form-field { padding: 0 15px; }
    .support-form .contact_2024 form .form-columns-3 .hs-form-field { padding: 0 15px; }
    .support-form .contact_2024 .right_part form fieldset.form-columns-1 .hs-form-field { padding: 0 15px; }
    
    .hero-referral .right { width: 600px; }
    .ppc-hero .left { width: calc(100% - 600px); padding: 0 30px 0 0; }
    
    .schedule_demo.schedule_demov2 .hero_sc{padding-bottom:100px;}

    
    
}
@media (max-width:1300px){
    /* Homepage */
    .service_sc .splide__arrow { right: calc((100% - 1170px) / 2); }
    .additional_features .splide__arrow { right: calc((100% - 890px) / 2); }
    .service_sc .splide__arrow--prev { right: calc((100% - 1010px) / 2); }
    .additional_features .splide__arrow--prev { right: calc((100% - 1010px) / 2); }
    
    .hero_solutions .left_part { padding-left: calc((100% - 1170px) / 2); }
    .hero_solutions .right_part { padding-right: calc((100% - 1140px) / 2); }
    .hero_solutions .white_dots { height: 377px; width: 372px; }
    .dropdown_cta .container { width: 1200px; }
    .cta_modules .main_part { padding: 50px 40px; }
    .cta_modules .main_part h2 { font-size: 36px; }
    .hero_solutions .left_part h1 { font-size: 42px; }
    .hero_solutions .right_part .right_inner .img_2 { bottom: -220px; }
    
    .business_stories .container { width: 1200px; }
    
    .pet_lovers .col.left_part, .pet_lovers .col.center_part, .pet_lovers .col.right_part { width: 33.33%; }
    .pet_lovers .col .btm_part .image .btm_img .img.img_2 { width: 155px; height: 150px; }
    .pet_lovers .col .btm_part .image .btm_img .img_3 { width: 193px; }
    .pet_lovers .col.right_part .image .img.img_1 { width: 185px; }
    .pet_lovers .col.right_part .image .img.img_2 { width: 178px; }
    .pet_lovers .col.right_part .image.btm_img .img.img_3 { width: 163px; }
    .pet_lovers .col.right_part .image.btm_img .img.img_4 { width: 204px; }
    
    .current_openings .section_wrap .dog_img img { max-width: 100%; }
    .current_openings .section_wrap .dog_img { right: -110px; max-width: 177px; }
    .current_openings .section_wrap { padding-top: 80px; }
    .current_openings .inner { padding: 54px 40px; }
    .current_openings .inner .acc_wrap { padding-left: 30px; }
    
    .cta_modules.partners-cta .main_part { padding: 64px 52px; }
    
    .ppc-hero .left { padding: 0 50px 0 0; }
    
    .hero-overview.why_gin_hero .left{ padding-left: calc((100% - 1170px) / 2); }
    
    
}

@media (max-width:1200px){
    .container .dnd-section > .row-fluid, .container { width:920px; }
    
    .body-container:before { width: 450px; height: 460px; bottom: -170px; left: -80px; }
    .body-container:after { width: 370px; background-size: 100% 370px; right: 0px; bottom: -190px; }
    
    .body1 { font-size: 19px; }
    .body2 { font-size: 18px; }
    .body_s1 { font-size: 26px; }
    .body_q1 { font-size: 22px; }
    
    /* Homepage */
    .hero_sc [class*="shape-1"] { width: 300px; }
    .hero_sc [class*="shape-"] svg { width: 100%; }
    .hero_sc [class*="shape-2"] { width: 320px; }
    
    .service_img { height: 300px; margin: 0 10px; }
    .service_sc .splide__arrow { right: calc((100% - 890px) / 2); }
    .service_sc .splide__arrow--prev { right: calc((100% - 750px) / 2); }
    .additional_features .splide__arrow { right: calc((100% - 890px) / 2); }
    .additional_features .splide__arrow--prev { right: calc((100% - 750px) / 2); }
    
    .large_cta_sc .cover .left { padding: 50px 30px; }
    
    .pet_tab_con .img { height: 350px; border-radius: 20px; }
    
    .counter_wrap .counter_col .number { font-size: 44px; }
    .counter_wrap .counter_col { font-size: 22px; }
    
    .revenue_sc [class*="shape-2"] { width: 550px; bottom: 70px; }
    .revenue_sc [class*="shape-"] { width: 400px; display: flex; align-items: flex-end; }
    
    .scrolling-blocks .list-wrapper { margin: 0 -10px; }
    .scrolling-blocks .list-wrapper .col { margin: 0 10px; width: calc(50% - 20px); }
    .scrolling-blocks .list-wrapper .list+.list { margin-top: 25px; }
    
    /**/
    .hero_solutions:after { height: 120px; background-size: 100% 120px; }
    .hero_solutions .left_part { padding-left: calc((100% - 890px) / 2); padding-bottom: 160px; }
    .hero_solutions .left_part h1 { font-size: 42px; }
    .hero_solutions .right_part { padding-right: calc((100% - 920px) / 2); }
    .hero_solutions .right_part .right_inner .img_2 { bottom: -200px; }
    .hero_solutions .btm_shape { bottom: 0px; height: 210px; }

    .dropdown_cta .container { width: 920px; }
    .dropdown_section .col { padding: 30px 0 30px 50px; }
    .dropdown_section .col .left { width: 40%; padding-right: 30px; }
    .dropdown_section .col .right { width: 60%; padding-left: 30px; }
    .cta_modules .main_part h2 { font-size: 30px; }
    
    .cta_modules .link_wrap { flex-wrap: wrap; padding-right: 240px; }
    .cta_modules .link_wrap .title { width: 100%; }
    .cta_modules .link_wrap .button-1.red { margin-top: 10px; }
    .cta_modules .main_part .img { width: 270px; }

    .leftimng_cont .left_part .left_cont { width: 200px; height: 200px; }
    .leftimng_cont .left_part .left_cont .lt_cont { font-size: 80px; }
    .leftimng_cont .left_part .left_cont span { font-size: 20px; }
    .leftimng_cont .left_part { padding-right: 20px; }
    .leftimng_cont .right_part { padding-left: 20px; }
    .indivisual_zigzag .left_part .left_inner .dog_img { right: -40px; bottom: -50px; }
    .indivisual_zigzag .right_part { padding-left: 15px; }
    .indivisual_zigzag:after { height: 204px; }
    .indivisual_zigzag { padding: 100px 0 214px; }
    .indivisual_zigzag .left_part:before { left: 0; }
    .indivisual_zigzag .left_part:after { left: 0; }
    .indivisual_zigzag .col:nth-child(3) .left_part:after { left: 0; }
    .cta_modules.indi_cta { padding: 130px 0 70px; }
    .testimonial .testimonial_slider .bio { font-size: 20px; line-height: 35px; }
    .indivisual_zigzag .col:nth-child(even) .inner .right_part { padding-right: 15px; }
    .indivisual_zigzag .left_part { padding-right: 15px; }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part { padding-left: 15px; }
    
    .award_logo_sc:before { height: 200px; }
    .award_logo_sc { padding-bottom: 200px; }
    
    .twocolumn_tab .section_wrap .col .img_title .dog { max-width: 160px; }
    .twocolumn_tab .section_wrap .col .img_title h3 { width: 65%; font-size: 19px; line-height: 29px; }
    .twocolumn_tab .section_wrap .col .tab_img { padding: 0; }
    .twocolumn_tab .section_wrap .col .main_title {    max-width: 100%; }
    .twocolumn_tab .section_wrap .col { padding: 40px 60px 60px; }
    
    .business_stories .container { width: 920px; }
    
    
    .icon_content { padding: 80px 0; }
    .icon_content .col { padding: 0 15px 30px; }
    .icon_content .section_wrap { margin: 0 -15px; }
    .review .inner { padding: 0 15px 30px; }
    .business_stories { padding: 70px 0 20px; }
    .business_stories .right_part .img { width: 300px; }
    .business_stories .right_part .content_wrap { width: calc(100% - 300px); padding-left: 15px; }
    .business_stories .right_part .img .logo { width: 100px; height: 100px; right: -10px; padding: 10px; }
    .business_stories .left_part .filter ul li a { min-width: auto; padding: 6px 10px; width: 100%; }
    
    .hero-overview.why_gin_hero .left { padding: 30px 0 160px 0; padding-left: calc((100% - 890px) / 2); }
    
    .cs_imgcontent .right_part .logo_link .link a { font-size: 19px; }
    .cs_imgcontent .left_part { width: 70%; }
    .cs_imgcontent .right_part { width: 30%; }
    .cs_imgcontent .right_part .box_wrap .right_box { padding: 20px; border-radius: 25px; }
    .indivisual_zigzag.cs_about_gingr:after { background-size: 100% 100px; top: -100px; }
    .indivisual_zigzag.cs_about_gingr { margin-top: 150px; }
    
/*     .two_column .col .mac_dispaly .btm_img img { width: 100%; height: 100%; object-fit: cover; } */
    .two_column { padding-bottom: 150px; }
    .hero-overview.about_hero .image { left: 0; }
    
    .contact_2024 .left_part .left_inner .box_contnet, .contact_2024 .left_part .btm_cont, .contact_2024 .title_cont .content { font-size: 18px; }
    .contact_2024 .left_part { padding-right: 15px; }
    .contact_2024 .right_part { padding-left: 15px; }
    .contact_2024 .left_part .left_inner { padding: 30px; }
    .contact_2024 .right_part .right_inner { padding: 30px 20px; }
    .contact_2024 .right_part .right_inner .form_cont { font-size: 16px; }
    .contact_2024 .title_cont .call_us { font-size: 24px; }
    
    .schedule_demo .left_part .content { padding: 15px 0 25px 0; }
    .schedule_demo .left_part .mac_banner { width: 400px; height: 350px; }
    .schedule_demo .left_part .mac_banner .inner_screen { height: calc(100% - 127px); top: 7px; width: calc(100% - 13px); left: 6px; }
    .schedule_demo .right_part { padding-top: 80px; }
    .schedule_demo .right_part .dog { max-width: 70%; }
    .schedule_demo .right_part .form_wrap form .hs-fieldtype-checkbox ul.inputs-list, 
    .schedule_demo .right_part .form_wrap form .hs-fieldtype-radio ul.inputs-list {display: block;}
    .schedule_demo .right_part .form_wrap form .hs-fieldtype-checkbox ul.inputs-list li + li, 
    .schedule_demo .right_part .form_wrap form .hs-fieldtype-radio ul.inputs-list li + lili + li{margin-top: 10px;}
    
    .review.demo_review:before, .review.demo_review:after { height: calc(100% - 151px); }
    
    .hero-overview.team_hero .right .imgs { top: auto; }
    .hero-overview.team_hero .right .image { right: 0; }
    .workwith_us { padding: 80px 50px; }
    .team .col { padding: 0 20px 20px; }
    .team .col .img { width: 200px; height: 200px; }
    .popup_wrap .poup_inner .in .left_part .img { width: 200px; height: 200px; }
    .popup_wrap .poup_inner .in .left_part { width: 27%; }
    .popup_wrap .poup_inner .in .right_part { width: 73%; }
    
    .pawesome_benefits .col { width: 33.33%; }
    .pawesome_benefits .section_wrap { justify-content: center; }
    .pawesome_benefits { padding: 70px 0 50px; }
    .pawesome_benefits .title { padding-bottom: 70px; }
    
    .pet_lovers .col .title_cont { padding: 30px 15px; border-radius: 20px; margin-bottom: 20px; }
    .pet_lovers .col .btm_part .image .btm_img .img.img_2 { width: 112px; height: 100px; margin-right: 8px; }
    .pet_lovers .col .btm_part .image .img { border-radius: 20px; }
    .pet_lovers .col .btm_part .image .btm_img .img_3 { width: 163px; border-radius: 20px; height: 250px; }
    .pet_lovers .col .btm_part .image .btm_img { padding-top: 16px; }
    .pet_lovers .col.center_part .btm_part .img { height: 350px; }
    .pet_lovers .col.center_part .title_cont { margin: 20px 0 0; }
    .pet_lovers .col.right_part .image .img.img_1 { width: 129px; margin-right: 8px; }
    .pet_lovers .col.right_part .image .img.img_2 { width: 150px; margin-left: 8px; }
    .pet_lovers .col.right_part .title_cont { margin: 20px 0; }
    .pet_lovers .col.right_part .image.btm_img .img.img_3 { width: 112px; border-radius: 20px; margin-right: 8px; }
    .pet_lovers .col.right_part .image.btm_img .img.img_4 { width: 166px; margin-left: 8px; border-radius: 20px; }
    
    
    .current_openings { padding-bottom: 50px; }
    .current_openings .section_wrap { max-width: 750px; }

    .faqs.faq_page .right_part .right_inner { padding: 30px 10px; border-radius: 25px; }
    .faqs.faq_page .left_part { width: 65%; }
    .faqs.faq_page .right_part { width: 35%; }
    .faqs.faq_page .right_part .right_inner ul li a { font-size: 16px; }
    .large_cta_sc.faq_cta .right_img { width: 47%; }
    
    .full-page-section .section-row{padding-top:30px;}
    .full-page-section .section-row .left-main{width:100%;}
    .full-page-section .section-row .contact_2024{max-width:500px;width:100%;margin:40px auto 0;}
    .full-page-section .section-row .right_part .right_inner{width:100%;}
    
    /* Resources Page */
    .resource_list_sc.blog-listing-main .blog-listing-wrapper { max-width: 100%; width: 100%; }
    .resource_list_sc.blog-listing-main .subscribe-form-wrapper { width: 100%; }
    .resource_list_sc.blog-listing-main .subscribe-form-wrapper .inner { display: inline-block; vertical-align: top; width: 100%; position: static; }
    
    .timeline .timeline-card.odd { padding-right: 20px; }
    .timeline .timeline-card.even { padding-left: 20px; }
    .timeline .timeline-card.odd:before { right: -52px; }
    .timeline .timeline-card.odd.active:after { right: -52px; }
    .timeline .timeline-card.even:before { left: -48px; }
    .timeline .timeline-card.even.active:after { left: -48px; }
    
    .support-form .inner { padding: 80px 40px 0; }
    
    /* Price Page */
    .price_plan_col { width: calc(50% - 26px); }
    .package_wrap .left ul[role="checkbox"] li { width: 100%; margin-bottom: 5px; }
    .package_wrap .right { padding: 50px 25px; }
    .package_wrap .left ul[role="radio"] { gap: 20px; }
    .package_wrap .left ul[role="radio"] li { font-size: 18px; }
    
    /**/
    .two_col_with_form_sc.full-page-section .contact_2024 h3 { font-size: 28px; }
    .contact_2024 .right_part form .hs-form-field { width: 100% !important; padding: 0; }
    .contact_2024 .right_part form .hs-form-field > label { left: 15px !important; }
    .two_col_with_form_sc.full-page-section .section-row .contact_2024 { margin-top: 0; }

    .payment-processing .main { gap: 24px; }
    .payment-processing .box { width: calc(50% - 12px); }
    
    .terminals-today { margin-top: 24px; }
    .terminals-today .main { padding: 40px 30px; }
    .terminals-today .main .form { padding-right: 330px; }
    .terminals-today form .hs-main-font-element { width: 310px; }
    
    /** ***/
    .ppc-hero .left { padding: 0 40px 0 0; }
    .ppc-hero .logos > div {height: 100px; }
    .business-software .image { width: 400px; }
    .business-software .right { width: calc(100% - 400px); padding: 0 0 0 30px; }
    
    .onboarding-herro { padding: 50px 0; }
    
     .body-container.red-shape-bottom:after { height: 290px; background-position: top right; }
    .body-container.red-shape-bottom:before { height: 390px; }

    .grooming-gingr .right { padding-right: calc((100% - 920px) / 2); } 
    
    .hero-referral .right { width: 450px; padding: 50px 22px; margin: 80px 0 0; }
    .hero-referral .right .offer { margin: -10px 0 45px -23px; font-size: 18px; line-height: 24px; }
    .hero-referral .right .offer:after { width: 53px; height: 50px; }
    .hero-referral .logo { height: 50px; }
    .hero-referral .logo img { max-height: 50px; }
    
    .ppc-hero .left { width: calc(100% - 450px); padding: 0 20px 0 0; }
    .ppc-hero .right h3 { font-size: 30px; line-height: 38px; }
    
    .ppc-hero .left { font-size: 18px; line-height: 26px; }
    .grooming-gingr .left .image { margin: -60px 0 0 -60px; }
    .grooming-gingr .left .display_grooming { margin: -60px 0 0 auto; }
    .grooming-gingr .right .content-list { padding: 20px 0 0 30px; }
    .grooming-gingr .right h5 { font-size: 20px; line-height: 28px; }
    
    .grooming-gingr .right { font-size: 18px; line-height: 26px; }
    .grooming-easy .main-title { font-size: 18px; line-height: 26px; }
    
    .ppc-hero .logos > div { padding: 10px; }
    
    .schedule_demo.schedule_demov2 .right_part{padding-top: 77px;}

    
}

@media (max-width:991px){
    .container .dnd-section > .row-fluid, .container { width:720px; }
    
    .body1, .body2 { font-size: 17px; }
    .body_s1 { font-size: 22px; }
    .body_q1 { font-size: 20px; }
    
    .body-container:before { width: 350px; bottom: -230px; left: -20px; height: 420px; }
    .body-container:after { width: 280px; bottom: -250px; }
    
    /* Homepage */
    .mac_banner { width: 730px; height: 594px; }
    .mac_banner .inner_screen { width: calc(100% - 30px); left: 15px; height: calc(100% - 191px); top: 14px; }
    
    .service_sc .splide__arrow { right: calc((100% - 690px) / 2); }
    .service_sc .splide__arrow--prev { right: calc((100% - 560px) / 2); }
    
    .additional_features .splide__arrow { right: calc((100% - 690px) / 2); }
    .additional_features .splide__arrow--prev { right: calc((100% - 560px) / 2); }
    .additional_features.btm-spacing { padding-bottom: 0; }
    
    .large_cta_sc .area { padding-top: 170px; }
    .large_cta_sc .area:before { left: -60px; right: 0; margin: 0 auto; top: 20px; width: 360px; height: 241px; }
    
    .pet_tab_con .img { height: 280px; }
    .revenue_sc:before { width: 250px; background-size: 250px; bottom: -40px; }
    
    .counter_wrap .counter_col { font-size: 17px; }
    .counter_wrap .counter_col .number { font-size: 34px; }
    
    .revenue_sc [class*="shape-1"] { width: 250px; }
    .revenue_sc:after { height: 100px; background-size: 100% 100px; }
    .revenue_sc [class*="shape-2"] { bottom: 20px; width: 330px; }
    
    .scrolling-blocks .testi-card { padding: 30px 25px; }
    .scrolling-blocks .two-image .image { height: 155px; }
    .scrolling-blocks .two-image .image img { max-height: 90px; max-width: 100px; }
    .scrolling-blocks .sticky-dv .sticky-gradient { height: 186px; }
    
    /**/
    .hero_solutions:after { height: 90px; background-size: 100% 80px; bottom: -20px; }
    .hero_solutions [class*="box-shape-2"] { width: 180px; bottom: 0; }
    .hero_solutions [class*="box-shape-1"] { width: 200px; height: 200px; bottom: 0; left: 0; }
    .hero_solutions .left_part h1 { font-size: 33px; }
    .hero_solutions .left_part .content { max-width: 100%; font-size: 18px; }
    .hero_solutions .right_part .right_inner .img_2 { bottom: -110px; max-width:60%; }
    .hero_solutions [class*="box-shape-2"]:after { display: none; }
    
    .hero_solutions .left_part { width: 100%; padding: 0 15px 40px; max-width: 750px; margin: 0 auto; text-align: center; }
    .hero_solutions .right_part { width: 100%; padding: 0; text-align: center; max-width: 440px; margin: 0 auto; }
    .hero_solutions .left_part .button_wrap { justify-content: center; }
    .hero_solutions { padding-bottom: 105px; }

    .dropdown_cta .container { width: 720px; }
    .dropdown_section .col { padding: 30px 30px 0; }
    .dropdown_section .col .left { width: 100%; padding:0; }
    .dropdown_section .col .right { display:none; }
    .dropdown_section .col .right .tab_img { display: none !important; }
    .dropdown_section .col .left .left_inner .mobtab_img { padding-top:25px;}
    .dropdown_section .col .left .left_inner .inner_cont { padding: 25px 0; } 
    .dropdown_section .col .left .tab_title h5 { font-size: 18px; }
    
    .cta_modules .main_part h2 { padding: 0; }
    .cta_modules .main_part .img { position: static; width: 100%; padding-top:30px; justify-content: center; } 
    .cta_modules .link_wrap { flex-wrap: wrap; justify-content: center; text-align: center; padding-right: 0; }
    .cta_modules .main_part { padding: 40px 40px 0; }
    .cta_modules .link_wrap .title { padding-bottom: 30px; }
    .cta_modules .link_wrap .button-1.red { margin: 0; }

    .indivisual_zigzag { padding: 70px 0 210px; }
    .leftimng_cont .right_part .btn_wrap .button-1 { margin: 0 0 15px; }
    .leftimng_cont .left_part .left_cont .lt_cont { font-size: 50px; }
    .leftimng_cont .left_part .left_cont { width: 150px; height: 150px; top: -60px; }
    .indivisual_zigzag .left_part:before { width: 205px; height: 190px; }
    .indivisual_zigzag .left_part:after { width: 150px; height: 110px; }
    .indivisual_zigzag .left_part .left_inner .dog_img { right: 0; max-width: 70%; }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part:after { right: 0; }
    .indivisual_zigzag .col+.col { margin-top: 70px; }
    .additional_features .inner .hover .hover_cont { height: 140px; }
    .indivisual_zigzag.remove-shape-btm { padding-bottom: 0; }
    
    .customer_sucstory .section_wrap.active,
    .customer_sucstory .section_wrap { padding: 30px; border-radius: 15px; }
    .customer_sucstory .section_wrap:before { display: none; }
    .customer_sucstory .section_wrap .left_part { width: 100%; padding: 30px 0 0; order: 2; }
    .customer_sucstory .section_wrap .right_part { width: 100%; padding: 15px 0 0; }
    .customer_sucstory .section_wrap .right_part .logo { top: -5px; border-radius: 15px; }
    .customer_sucstory .section_wrap .right_part .img { border-radius: 15px; max-width: 430px; margin: 0 auto; }
    .customer_sucstory { padding-bottom: 70px; }
    .award_logo_sc .logocol { margin-bottom: 30px; width:25%; }
    .award_logo_sc:before { height: 150px; }
    .award_logo_sc { padding-bottom: 150px; }
    .additional_features.indsolu_features { padding-top: 70px; }
    .faqs { margin-top: 70px; padding: 70px 0; }
    .faqs:before { top: -100px; height: 150px; }
    .software-overview.remove_bgcolor { padding-top: 70px; }
    
    .hero-individual-features .hero_sc { height: 900px; }
    .two_column .left_part .btn_wrap { flex-wrap: wrap; }
    .two_column .left_part .btn_wrap .button-1 { margin: 0 0 15px; }
    .two_column .left_part { width: 50%; }
    .two_column .riht_part { width: 50%; }
    .dropdown_section .col .left .left_inner .mobtab_img .img img { width: 100%; }
    .twocolumn_tab .section_wrap .col .img_title .dog { max-width: 86px; bottom: -5px; }
    .twocolumn_tab:after { height: 100px; bottom: -30px; }
    .twocolumn_tab { padding-bottom: 130px; }
    
    .business_stories .container{ width:720px; }
    .icon_content .col { width: 50%; }
    .business_stories .right_part .img { width: 100%;  margin: 0; min-height: 200px; }
    .business_stories .left_part { width: 30%; }
    .business_stories .right_part { width: 70%; }
    .business_stories .section_wrap { flex-wrap: wrap; }
    .business_stories .right_part .content_wrap { width: 100%; padding: 15px; }
    .business_stories .right_part .right_inner { flex-wrap: wrap; padding: 0; }
    
    .review:before, .review:after { width: 200px; }
    .review .inner .inn { width: 400px; }
    
    .hero-overview.why_gin_hero .left { padding: 0; }

    .hero-individual-features.case_study .img_wrap .img { height: 300px; }
    .cs_imgcontent .left_part { padding-right: 15px; }
    .cs_imgcontent .right_part { padding-left: 15px; }
    .cs_imgcontent .right_part .logo_link .link a { font-size: 17px; line-height: 27px; }
    .cs_imgcontent .right_part .box_wrap .right_box .box_title { font-size: 18px; line-height: 23px; }
    .cs_imgcontent .right_part .box_wrap .right_box .year { font-size: 70px; line-height: 1.1; }
    .cs_imgcontent .right_part .box_wrap .right_box .year_title { font-size: 22px; line-height: 32px; }
    .cs_imgcontent .right_part .box_wrap .right_box .fav_title { font-size: 20px; line-height: 30px; }
    .cs_imgcontent .right_part .box_wrap .right_box .fav_icon { width: 70px; height: 70px; }
    .cs_imgcontent .right_part .box_wrap .right_box .fav_icon img { max-width: 30px !important; width: 100%; object-fit: contain; }
    .cs_imgcontent .right_part .scslider_wrap { font-size: 17px; line-height: 27px; }
    .cta_modules.cs_cta { padding-bottom:50px; }

    .two_column .col .mac_dispaly .inner_screen { height: calc(100% - 90px); width: calc(100% - 32px); }
    .two_column .col .mac_dispaly .display_img { width: 100%; }
    .two_column .col:nth-child(2) .mac_dispaly .btm_img { right: 0; }
    .two_column .col .btm_part .content { font-size: 18px; }
    .two_column .col { padding: 0 10px; }
    .two_column .section_wrap { margin: 0 -10px; }
    .two_column { padding-bottom: 50px; }
    
    .two_column .col:nth-child(2) .mac_dispaly .btm_img { max-width: 50%; }
    
    .contact_2024 { padding-bottom: 70px; }

    .schedule_demo .hero_sc { height: auto; }
    .schedule_demo { padding-bottom: 0; }
    .schedule_demo .right_part { padding-top: 60px; }
    .schedule_demo .left_part .mac_banner { width: 100%; }
    .schedule_demo .left_part .mac_banner .inner_screen { height: calc(100% - 165px); top: 4px; }
    .schedule_demo .left_part .content { font-size: 18px; }
    
    .schedule_demo .left_part { width: 100%; }
    .schedule_demo .right_part { width: 100%; }
    .contact_2024 .section_wrap { flex-wrap: wrap; }
    .contact_2024 .left_part { width: 100%; padding: 0 0 50px; }
    .contact_2024 .left_part .left_inner+.left_inner { margin-top: 30px; }
    .contact_2024 .left_part .left_inner .box_contnet,
    .contact_2024 .left_part .btm_cont,
    .contact_2024 .title_cont .content { font-size: 17px; }
    .contact_2024 .title_cont .call_us { font-size: 18px; }
    .contact_2024 .left_part .left_inner { padding: 20px; }
    .contact_2024 .right_part { width: 100%; padding: 0; }
    .contact_2024 .right_part form fieldset.form-columns-2 .hs-form-field:first-child { padding-right: 15px; }
    .contact_2024 { padding-bottom: 30px; }

    .schedule_demo .left_part .title_video .mac_banner.text-center { top: 0; position: relative; width: 100%; max-width: 320px;    /* margin: 0 auto; */ height: 250px; }
    .schedule_demo .left_part .mac_banner .inner_screen { height: calc(100% - 71px); width: calc(100% - 12px); }
    .contact_2024 .left_part { text-align: center; }
    .schedule_demo .right_part { padding-top: 100px; }
    .schedule_demo .hero_sc:after { }
    .schedule_demo { padding-bottom: 0; padding-top: 70px; }
    .schedule_demo .left_part .mac_banner .play_btn a img { width: 45px; height: 45px; }
    .schedule_demo .left_part .video_title:before { width: 20px; height: 20px; top: 11px; }
    .schedule_demo .left_part .video_title:before { width: 20px; height: 20px; top: 11px; }
    .schedule_demo .right_part .right_inner { padding-top: 64px; }
    .contact_2024 .right_part form .hs-form-field:nth-child(even) > label { left:16px; }

    .team .col .img { width: 170px; height: 170px; }
    .popup_wrap .poup_inner .in .left_part .img { width: 150px; height: 150px; }
    .popup_wrap .poup_inner .in .left_part { width: 30%; }
    .popup_wrap .poup_inner .in .right_part { width: 70%; }
    .popup_wrap .poup_inner .in .right_part .popup_content { font-size: 18px; }
    .popup_wrap .poup_inner .in .left_part .btm_part .desi { font-size: 17px; }
    .popup_wrap .poup_inner .in .right_part .quote .quote_title { font-size: 18px; }
    .popup_wrap .poup_inner .in .right_part .quote .quote_cont { font-size: 22px; }
    .popup_wrap .poup_inner { max-width: 100%; padding: 30px; border-radius: 30px; }
    .workwith_us { padding: 50px 25px; border-radius: 30px; }
    .workwith_us .button-1.red { bottom: 10px; right: 10px; }
    .workwith_us .box_inner .box_cont ul li { font-size: 18px; }
    .workwith_us .sub_title { font-size: 18px; }
    
    .hero_careers:after { background-size: 100% 113px; height: 113px; }
    .hero_careers { padding: 70px 0 150px; }
    
    .pet_lovers .section_wrap { margin: 0; }
    .pet_lovers .col.left_part,
    .pet_lovers .col.center_part,
    .pet_lovers .col.right_part { width: 100%; padding: 0 0 70px; }
    .pet_lovers .col:last-child { padding: 0; }
    .pet_lovers .col .btm_part .image .img { height: 300px; }
    .pet_lovers .col .btm_part .image .btm_img .img { width: 50%; }
    .pet_lovers .col .btm_part .image .btm_img .img_3 { height: 300px; width: 50%; }
    .pet_lovers .col .btm_part .image .btm_img .img.img_2 { }
    .pet_lovers .col .btm_part .image .btm_img { width: 100%; justify-content: flex-start; }
    .pet_lovers .col .btm_part .image .btm_img .img.img_2 { width: 50%; height: 300px; }
    .pet_lovers .col.right_part .image .img { width: 50%; }
    .pet_lovers .col.right_part .image { width: 100%; justify-content: flex-start; }
    .pet_lovers .col.right_part .image .img.img_1 { width: 50%; height: 300px; }
    .pet_lovers .col.right_part .image .img.img_2 { width: 50%; height: 300px; }
    .pet_lovers .col.right_part .image.btm_img .img.img_3 { width: 50%; !i; !; height: 300px; }
    .pet_lovers .col.right_part .image.btm_img .img.img_4 { width: 50%; height: 300px; }
    
    .current_openings .section_wrap { max-width: 600px; padding-top: 30px; }
    .current_openings .section_wrap .dog_img { max-width: 100px; right: -60px; }
    .current_openings .inner { padding: 54px 15px 15px; border-radius: 20px; }
    .current_openings .inner .acc_wrap { padding-left: 15px; }
    .current_openings .acc_wrap .ac_inner .acc_title { font-size: 20px; line-height: 30px; }
    .current_openings .inner .title_btn_cont .cont { font-size: 18px; }
    
    .two_column.carreir_two .col .mac_dispaly { height: 261px; }
    
    .hero_sc.hero_faq { min-height: 570px; }
    .faqs.faq_page .right_part .right_inner ul li a { font-size: 14px; padding: 10px; }
    .faqs.faq_page .right_part { top: 100px; }
    .faqs.faq_page .left_part .faq_title { font-size: 20px; }
    
    .timeline{margin:0;}
    .timeline .timeline-wrapper .line { left: 24px; }
    .timeline .timeline-wrapper .active-line { left: 24px; }
    .timeline .timeline-card{max-width:100%;}
    .timeline .timeline-card.odd{padding-right:0;}
    .timeline .timeline-card.odd, .timeline .timeline-card.even { padding-left: 60px; }
    .timeline .timeline-card + .timeline-card { margin-top: 30px !important; }
    .timeline .timeline-card:last-child { padding: 30px; border-radius: 20px; }
/*     .timeline .timeline-card.odd { padding-right: 0; } */
    .timeline .timeline-card.even { margin: 0; }
    .timeline .timeline-card.odd:before { right: auto; left: 0; }
    .timeline .timeline-card.odd:after { right: auto; left: 0; }
    .timeline .timeline-card.even:before { left: 0; }
    .timeline .timeline-card.even.active:after { left: 0; }
    
    .logo-content-cards { padding: 70px 0 50px; }
    .logo-content-cards .card { width: 100%; max-width: 700px; }
    .cta_modules.partners-cta .main_part { padding: 40px 40px 0; }
    
    .icon-content-cards { padding: 70px 0 50px; }
    .icon-content-cards .cards-row { margin: 60px -15px 0; row-gap: 40px; }
    .icon-content-cards .cards-row .card .card-inner { padding: 32px 34px 34px; }
    .support-form .contact_2024 form .form-columns-3 .hs-form-field { width: 100%; }
    .support-form .contact_2024 .right_part form .hs-form-field:nth-child(even) > label { }
    .support-form .contact_2024 .right_part form .hs-form-field:nth-child(even) > label { left: 32px; }
    .support-form .contact_2024 .right_part form fieldset.form-columns-1 .hs-form-field.hs-fieldtype-file .input { flex-direction: column; align-items: flex-start; }
    .support-form .contact_2024 .right_part form .hs-submit { margin-top: 0; }
    
    /* Price Page */
    .package_wrap .left { width: 100%; padding: 50px 25px; }
    .package_wrap .right { width: 100%; border-radius: 0; }
    .package_wrap { overflow: hidden; }
    
    /**/
    .two_col_with_form_sc.full-page-section .section-row .contact_2024 { width: 100%; max-width: 100%; }
    .two_col_with_form_sc.full-page-section .section-row .right_part { padding: 30px 0 0; }
    .two_col_with_form_sc.full-page-section .section-row .left-main { width: 100%; }
    .additional_features.global { padding-top: 50px; }
    
    .landing_main_area.body-container { padding-bottom: 150px; }
    
    .payment-processing { padding: 50px 0 0; }
    .payment-processing .main-title { font-size: 18px; line-height: 28px; }
    .payment-processing .box { width: 100%; }
    
    .terminals-today { margin-bottom: 0; }
    .terminals-today form .hs-main-font-element { margin: 0 0 14px; width: 100%; position: relative; }
    .terminals-today .main .form { padding: 0; }
    .terminals-today form .hs_submit { margin: 15px 0 0; }
    .terminals-today { margin-bottom: 0; }

    .ppc-hero .left { width: 100%; padding: 0; font-size: 17px; line-height: 24px; }
    .ppc-hero .right { width: 100%; margin: 100px 0 0; }
    .ppc-hero .main { padding: 50px 0; }
    .ppc-hero .right .image { max-width: 270px; top: -70px; right: -20px; }
    .comp-logos { margin: 20px 0 0; }
    
    .business-software .main-title:before  { margin: 0 auto 15px; }
    .business-software .image { width: 100%; max-width: 400px; margin: 0 auto; }
    .business-software .right { width: 100%; padding: 0; margin: 30px 0 0; font-size: 17px; line-height: 24px; }
    .ppc-hero .left h3 { margin: 10px 0 0; }
    .bottom-shape::before { bottom: -330px; }
    
    .onboarding-herro { padding: 50px 0 0; }
    
    .body-container.red-shape-bottom:after { height: 200px; background-position: top right; }
    .body-container.red-shape-bottom:before { height: 240px; }
    
    .ppc-hero { padding-top: 50px; }
    .ppc-hero .main { padding: 0; }
    .ppc-hero .right { margin: 50px 0 0 0; }
    
    .grooming-gingr { padding: 50px 0 0; }
    .grooming-gingr .left { max-width: 720px; width: 100%; margin: 0 auto; padding: 0 15px; }
    .grooming-gingr .left .image { margin: 0; padding: 0 10% 0 0; min-width: 100%; height: 300px; }
    .grooming-gingr .left .image img { width: 100%; height: 100% !important; object-fit: cover; }
    .grooming-gingr .left .display_grooming { max-width: 90%; }
    .grooming-gingr .right { padding: 0 15px; width: 100%; max-width: 720px; margin: 40px auto 0; }
    
    .grooming-gingr .right .content-list { padding: 0; }
    
    
    .hero-referral .left  ul { margin: 10px 0; text-align: left; }
    .ppc-hero .left { text-align: center; }
    .grooming-gingr .right { text-align: center; }
    
    .schedule_demo.schedule_demov2 .left_part {padding-top: 0;}
    .schedule_demo.schedule_demov2 .right_part{padding-top: 110px;}



}

@media (max-width:767px){
    .container .dnd-section > .row-fluid, .container { width:100%; }
    
    .body-container:before { width: 250px; bottom: -150px; left: -30px; height: 200px; background-size: 100% 200px; }
    .body-container:after { width: 230px; background-size: 100% 230px; height: 280px; bottom: -180px; }
    
    /* Homepage */
    .mac_banner { width: 450px; height: 433px; }
    .mac_banner .inner_screen { top: 9px; left: 9px; height: calc(100% - 185px); width: calc(100% - 18px); }
    .slider_img { height: 140px; width: 180px; }
    .hero_slider_area { min-height: 360px; }
    .hero_sc:after { background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/mobile-hero-shape-new.png) no-repeat; height: 67px; background-size: 100% 67px; }
    .hero_sc { padding-bottom: 150px; }
    .hero_sc [class*="shape-1"] { width: 200px; left: -70px; bottom: -180px; }
    .hero_sc [class*="shape-2"] { width: 200px; }
    
    .service_sc { margin: 0; padding-top: 40px; }
    .service_img { height: 250px; margin: 0 10px; border-radius: 12px; }
    .service_sc .splide__arrow { right: 15px; }
    .service_sc .splide__arrow--prev { right: 80px; }
    .service_sc .splide__arrow { left: calc(50% + 30px); right: auto; transform: translateX(-50%); }
    .service_sc .splide__arrow--prev { left: calc(50% - 30px); }
    
     .additional_features .splide__arrow { right: 15px; }
    .additional_features .splide__arrow--prev { right: 80px; }
    .additional_features .splide__arrow { left: calc(50% + 30px); right: auto; transform: translateX(-50%); }
    .additional_features .splide__arrow--prev { left: calc(50% - 30px); }
    
    .large_cta_sc .cover .left { width: 100%; text-align: center; padding: 50px 15px; }
    .large_cta_sc .cover { padding: 0; }
    .large_cta_sc .cover .left .body1 { display: none; }
    .large_cta_sc .cover .button-1.red { position: relative; right: auto; bottom: auto; margin-top: 15px; }
    .large_cta_sc .cover .right_img { width: 250px; margin: 0 auto; text-align: center; padding: 0 20px; position: relative; justify-content: center; right: auto; }
    .large_cta_sc .area:before { width: 220px; height: 140px; top: 0px; }
    .large_cta_sc .area { padding-top: 100px; }
    .large_cta_sc.custom .area .cover { padding: 0; }
    
    .revenue_sc { margin-bottom: 0; padding-bottom: 200px; }
    .revenue_sc:after { background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/mobile-hero-shape-new.png) no-repeat; height: 67px; background-size: 100% 67px; }
    .revenue_sc [class*="shape-1"] { width: 160px; bottom: -10px; left: -50px; }
    .revenue_sc [class*="shape-2"] { width: 200px; }
    .revenue_tab_nav { width: 300px; max-width: 100%; margin: 0 auto; position: relative; }
    .revenue_tab_nav ul { position: absolute; top: calc(100% - 50px); left: 0; width: 100%; display: inline-block; vertical-align: top; border-radius: 30px; z-index: 1; display: none; padding-top: 60px; }
    .revenue_tab_nav ul li { display: inline-block; vertical-align: top; width: 100%; }
    .revenue_tab_nav ul li a { display: inline-block; vertical-align: top; width: 100%; text-align: center; font-size: 17px; padding: 10px; }
    .revenue_tab_nav ul li.current a { background: transparent; color: var(--color4); }
    .revenue_tab_nav ul li a:before { display: none; }
    .revenue_tab_nav .select_option { display: inline-block; vertical-align: top; width: 100%; border-radius: 30px; padding: 15px 30px 15px 20px; font-size: 17px; font-weight: 700; text-align: center; background: var(--color2); color: #fff; position: relative; z-index: 2; }
    .revenue_tab_nav .select_option:after { position: absolute; content: ""; height: 8px; width: 12px; top: 26px; right: 20px; background: url(https://3057737.fs1.hubspotusercontent-na1.net/hubfs/3057737/gingr-2024/images/select-arrow-icon.svg) no-repeat center / cover; }
    .pet_tab_con .img { width: 500px; margin: 0 auto; max-width: 100%; }
    .pet_tab_con .con { width: 100%; padding: 30px 0 0; }
    .pet_tab_con .wrap { text-align: center; }
    
    .software-overview .tabs-list ul li a:after { display:none; }
    .tabs-list ul li.active a, .tabs-list ul li.active a:hover { background: transparent; color: var(--color4); }
    
    .scrolling-blocks { font-size: 16px; line-height: 33px; padding: 30px 0 80px; }
    .scrolling-blocks .title-part { text-align: center; }
    .scrolling-blocks .list-wrapper { margin: 0; display: block; }
    .scrolling-blocks .list-wrapper .list + .list { margin-top: 9px; }
    .scrolling-blocks .list-wrapper .col { margin: 0; width: auto; }
    .scrolling-blocks .list-wrapper .col + .col { margin-top: 9px; }
    .scrolling-blocks .two-image { margin: 0 -7px; }
    .scrolling-blocks .two-image .image { margin: 0 7px; width: calc(50% - 14px); border-radius: 11px; height: 120px; }
    .scrolling-blocks .testi-card { border-radius: 11px; }
    
    .counter_sc { display: none; }
    
    /**/
    .hero_solutions .left_part { width: 100%; padding: 0 15px 30px; }
    .hero_solutions .left_part .button_wrap .button-1 { padding: 0 0 15px; }
    .hero_solutions .right_part { padding: 0 15px; width: 100%; }
    .hero_solutions .white_dots { display: none; }
    .dropdown_cta .dropdown_cta_wrap+.dropdown_cta_wrap { margin-top: 70px; }
    .dropdown_cta .container { width:100%; }
    .dropdown_section .col { border-radius: 20px; padding:15px; }
    .cta_modules .main_part { padding: 50px 15px 0; border-radius: 20px; }
    .cta_modules .main_part h2 { padding: 0; font-size: 26px; }
    
    .leftimng_cont .left_part { width: 100%; padding: 0; }
    .leftimng_cont .left_part .left_cont { top: 0; }
    .leftimng_cont .right_part { width: 100%; padding: 25px 0 0; text-align:center;  }
    .indivisual_zigzag .left_part { width: 100%; padding: 0; width:450px; max-width:100%; margin:0 auto; }
    .indivisual_zigzag .left_part .img { height: 250px; }
    .indivisual_zigzag .left_part .left_inner .dog_img { max-width: 40%; }
    .indivisual_zigzag .right_part { width: 100%; padding: 80px 0 0; text-align:center; }
    .indivisual_zigzag .left_part:before { display: none; }
    .indivisual_zigzag .left_part:after { display: none; }
    .indivisual_zigzag .col+.col { padding: 0; }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part { padding: 0; }
    .indivisual_zigzag .col:nth-child(even) .inner .right_part { padding-right: 0; }
    .indivisual_zigzag:after { height: 100px; }
    .indivisual_zigzag { padding: 70px 0 120px; }
    .indivisual_zigzag .col { padding: 0; }
    .indivisual_zigzag .col:nth-child(even) .inner .left_part .dog_img { right: 0; }
    .indivisual_zigzag .col:nth-child(3) .left_part .dog_img { right: 0; }
    
    .hero_solutions .right_part .right_inner { padding: 0 15px; }
    
    
    .customer_sucstory .show_moreless > div a { font-size: 18px; }
    .customer_sucstory .show_moreless > div a:after { top: 11px; }
    .award_logo_sc:before { height: 60px; }
    .award_logo_sc { padding-bottom: 70px; }
    .faqs:before { height: 100px; top: -70px; }
    .faqs { margin: 50px 0 0; padding: 70px 0 0; }
    .faqs .faqs_wrap .col .faq_title { font-size: 18px; line-height: 1.2; }
    .faqs .faqs_wrap .col .faq_content { font-size: 17px; line-height: 1.3; }
    
    .faqs .faqs_wrap .col .faq_title:before { top:4px; }
    
    .leftimng_cont .right_part .btn_wrap { justify-content:center; }
    .leftimng_cont .right_part .btn_wrap .button-1 { margin: 0 15px 0 0; }
    
    .twocolumn_tab .section_wrap .col { padding: 30px; }
    .two_column .left_part { width: 100%; text-align: center; padding: 0; }
    .two_column .riht_part { width: 100%; padding: 30px 0 0; }
    .two_column .left_part .btn_wrap { justify-content: center; }
    .hero-individual-features .hero_sc { height: auto; padding: 0; }
    .dog_screen { margin-top: -140px; }
    .hero-individual-features .hero_slider_area { min-height: 250px; }
    .dog_screen .dog { top: -117px; max-width: 200px; }
    .twocolumn_tab { padding: 20px 0 130px; }
    .hero-individual-features .shape-2 { height: 400px; }
    .two_column .left_part .btn_wrap .button-1 { margin: 0 15px 0 0; }
    .twocolumn_tab .section_wrap .col h2 { max-width: 100%; }
    
    .twocolumn_tab .section_wrap .col .img_title { padding-bottom: 15px; }
    .twocolumn_tab .section_wrap .col .img_title h3 { width: 100%; padding-bottom: 98px; }
    .twocolumn_tab .section_wrap .col { padding: 15px; }
    .faqs.precheck_faq { padding-bottom: 50px; }
    .twocolumn_tab .section_wrap .col .img_title .dog { left: 0; right: 0; margin: auto; }
    
    .business_stories .container { width:100%; }
    
    
    .review:before,
    .review:after { width: 70px; }
    .review .inner .inn { padding: 30px; border-radius: 30px; width: 100%; }
    .business_stories:before { height: 150px; top: -110px; }
    .business_stories { margin-top: 70px; }
    .business_stories .left_part { width: 100%; padding: 0; top: 30px; z-index: 1; background: #f3f3f6; }
    .business_stories .right_part { width: 100%; padding: 25px 0 0; z-index: 1; }
    .business_stories span.mobile_select { display: block; padding: 10px 30px 10px 10px; border: 1px solid rgb(79 79 79 / 20%); cursor: pointer; position: relative; }
    .business_stories .left_part .filter { position: relative; }
    .business_stories .left_part .filter ul { position: absolute; top: 100%; width: 100%; background: #fff; z-index: 99; display: none; }
    .business_stories .right_part .content_wrap .button_wrap .button-1 a { z-index: inherit; }
    .business_stories span.mobile_select:before { color: var(--color1); content: "\f107"; font-family: FONTAWESOME; font-weight: 500; position: absolute; right: 10px; top: 10px; transition: all .4s ease-in-out; }
    
    .business_stories .title { padding: 0 0 40px; }
    .icon_content .title .top_content { max-width: 100%; font-size: 17px; }  
    .review .rating_logo .logo { max-width: 50%; margin: 0 auto; }
    .business_stories .right_part .img { height: 150px; min-height: auto; }
    
    .hero-individual-features.case_study .img_wrap { margin-top:-200px; }
    .hero-individual-features.case_study .img_wrap .img { margin-top: 0; }
    .hero-individual-features.case_study .hero_sc { min-height: 430px; }
    .hero-individual-features.case_study .hero_cover { padding-bottom: 150px; }
    .hero-individual-features.case_study.bottomspace .hero_cover { padding-bottom: 0; }
    .hero-individual-features.case_study .shape-2 { bottom: 0; }
    .cs_imgcontent .left_part { width: 100%; padding: 0; }
    .cs_imgcontent .right_part { width: 100%; padding: 25px 0 0; border: none; }
    
    .cs_imgcontent { padding: 50px 0; }
    .indivisual_zigzag.cs_about_gingr:after { background-size: 100% 50px; top: -50px; }
    .indivisual_zigzag.cs_about_gingr { margin-top: 100px; }

    .two_column .col { width: 100%; padding: 0 0 70px; }
    .two_column .section_wrap { margin: 0; }
    .two_column .col .inner { max-width: 434px; margin: 0 auto; }
    .two_column .col .btm_part .content .sameheight { height: auto !important; }
    .two_column .col .mac_dispaly .inner_screen { height: calc(100% - 110px); }
    
    .two_column .col .mac_dispaly { width: 434px; height: 340px; }
    .two_column .col+.col { padding: 0; }
    .two_column { padding-bottom:50px; }
    .two_column .col .btm_part { text-align: center; }
    .two_column .col .mac_dispaly .btm_img { bottom: 0; max-width:70%; }
    
    .team .col { width: 50%; }
    .team .col .desi { font-size: 17px; }
    .popup_wrap .poup_inner .in .left_part { width: 100%; padding: 0 0 30px; }
    .popup_wrap .poup_inner .in .right_part { text-align: center; width: 100%; padding: 0; }
    
    .workwith_us { border-radius:20px; }
    .popup_wrap .poup_inner { padding: 30px 15px; }
    .workwith_us:before { background: rgb(0 0 0 / 60%); border-radius: 20px; }
    
    .current_openings { overflow: hidden; }
    .pawesome_benefits .col { width: 50%; }
    .current_openings .section_wrap { max-width: 430px; }
    .current_openings .inner .title_btn .button-1 { padding-top: 15px; }
    .current_openings .inner .acc_wrap .ac_inner { padding: 0 0 15px 0; }
    .current_openings .inner .acc_wrap { padding: 0; }
    .pawesome_benefits { padding: 50px 0; }
    .hero_careers .title_cont h1 { padding:0; }
    
    .two_column.carreir_two .col .mac_dispaly { height: auto; }
    
    .hero_sc.hero_faq { min-height: auto; }
    .faqs.faq_page .left_part { width: 100%; padding: 50px 0 0; }
    .faqs.faq_page .right_part { width: 100%; padding: 0; top: 70px; }
    .faqs.faq_page .section_wrap { flex-direction: column-reverse; }
    .faqs.faq_page .right_part .right_inner .quick_links { display: inline-block; width: 100%; border: 6px solid #F5F5F7; border-radius: 0; padding: 15px; cursor: pointer; font-size:17px; position:relative; }
    .quick_links:before { position: absolute; content: ""; top: 26px; right: 10px; background: url(https://www.gingrapp.com/hubfs/gingr-2024/images/right-arrow.svg) no-repeat center / cover; width: 8px; height: 12px; transition: all .5s ease-in-out; transform: rotate(90deg); }
    .faqs.faq_page .right_part .right_inner { padding: 0; border: none; position: relative; background: #fff; }
    .faqs.faq_page .right_part .right_inner ul { position: absolute; top: 100%; background: #fff; z-index: 1; border: 6px solid #F5F5F7; width: 100%; padding: 25px 15px; border-top: 0; display: none; }
    .faqs.faq_page .right_part .right_inner ul li a { width: 100%; border: none; padding: 10px 0 0; font-size: 16px; }
    .faqs.faq_page .right_part .right_inner ul li.active a { background: transparent; color: var(--main-color); }
    .faqs.faq_page .right_part .right_inner ul li+li { border-top: 1px solid rgb(79 79 79 / 60%); }
   
    .timeline .timeline-card:last-child h4 { font-size: 32px; line-height: 40px; }
    .timeline .timeline-card:last-child .card-content { font-size: 17px; line-height: 1.7; }
    
    .logo-content-cards .cards-row { margin: 50px -15px 0; row-gap: 40px; }
    .logo-content-cards .card { width: 100%; max-width: 500px; }
    .logo-content-cards .card .card-inner { padding: 32px 24px 30px; }
    .logo-content-cards .card .logo { min-height: unset; }
    
    .icon-content-cards .cards-row .card { width: 100%; max-width: 400px; margin: 0 auto; }
    .support-form .inner { padding: 50px 30px; }
    .support-form .contact_2024 { padding: 0; }
    
    /* Price Page */
    .price_plan_col { width: 100%; margin: 0 0 30px; padding: 30px 15px; z-index: 1; }
    .price_plan_col .top { padding: 0 0 25px; }
    .price_plan_col .benefits { padding-left: 0; padding-right: 0; }
    .price_plan_col:last-child { margin: 0; }
    .price_sc { padding: 50px 0; }
    .package_wrap .left { padding: 50px 15px; }
    .package_wrap { border-radius: 14px; }
    .package_wrap .left h2 { font-size: 32px; }
    .package_wrap .left form ul[role="checkbox"].inputs-list li input[type="checkbox"] + span { font-size: 16px; padding-left: 32px; }
    .package_wrap .left form ul[role="checkbox"].inputs-list li input[type="checkbox"] + span:before { height: 25px; width: 25px; border-radius: 4px; top: -3px; }
    .package_wrap .right { padding: 50px 15px; }
    .package_wrap .right h3 { font-size: 26px; }
    .package_wrap .right .con { font-size: 16px; line-height: 24px; }
    .package_wrap .left .field.hs-form-field > label { position: relative; left: 0; top: auto; font-size: 12px; width: 100%; display: block; margin-bottom: 10px; }
    .package_wrap .left .field.hs-form-field select { padding: 0 15px; }
    .price_plan_col .top .top_in { height: auto !important; }
    
    /**/
    .pet_parent_hero.hero-individual-features .hero_sc { min-height: 500px; }
    .pet_parent_hero.hero-individual-features .dog_screen { margin-top: -230px; }
    
    .landing_main_area.body-container { padding-bottom: 100px; }
    
    .ppc-hero .right { padding: 50px 17px; }
    
    .onboarding-herro .main { padding: 30px 18px; border-radius: 10px; }
    
    .ppc-hero .right .image { right: 0; top: -50px; }
    
    .award_logo_sc .logocol { width: 100%; padding: 0; }
    
    .schedule_demo.schedule_demov2 .right_part{padding-top:16vw;}
    
    
}


@media (max-width:550px){ 
    .two_column .left_part .btn_wrap .button-1 { width: 100%; margin: 0 0 15px ; }

    .hero-individual-features.case_study .img_wrap .img { height: 250px; border-radius: 20px; }
    .hero-individual-features.case_study .img_wrap { padding-top: 50px; }
    .hero-individual-features.case_study.bottomspace .img_wrap { padding-top: 0; }
    .cs_imgcontent .left_part .img_cont img { border-radius: 20px; }
    .cs_imgcontent .right_part .box_wrap .right_box { border-radius: 20px; }
    
    .icon_content .section_wrap { margin: 0; }
    .icon_content .col { width: 100%; padding:0 0 30px; text-align:center; } 
    .icon_content .col:last-child{ padding:0; }
    .icon_content .col .box_icon { justify-content: center; }
    .icon_content.about_icon_cont { padding-bottom: 70px; }
    
    .contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span:before { width: 20px; height: 20px; border-radius: 5px; top: 0; }
    .contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span:after { width: 10px; height: 7px; top: 7px; }
    .contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span { padding-left: 30px; }
    
    .schedule_demo .right_part { padding-top:70px; }
    
    .team .icon_title { max-width: 100%; padding-bottom: 50px; }
    .team .col { width: 100%; padding: 0 0 30px; }
    .team .col:last-child { padding: 0; }
    .workwith_us { margin-top: 30px; padding: 20px; border-radius: 20px; }
    .workwith_us .button-1.red { position: static; }
    .workwith_us .box_inner .box_cont { padding: 20px 0; }
    .workwith_us .sub_title { font-size: 17px; line-height: 1.2; }
    
    .popup_wrap .poup_inner .in .right_part .quote { padding: 30px 0 0; }
    .popup_wrap .poup_inner .in .right_part .quote .quote_cont { font-size: 18px; }
    
    .hero_careers:after { background-size: 100% 73px; height: 73px; }
    .hero_careers { padding: 70px 0 100px; }
    .pet_lovers .title_content { margin-bottom: 30px; }
    .pet_lovers .col .btm_part .image .btm_img .img.img_2 { height: 200px; }
    .pet_lovers .col .btm_part .image .btm_img .img_3 { height: 200px; }
    .pet_lovers .col.right_part .image .img.img_1 { height: 200px; }
    .pet_lovers .col.right_part .image .img.img_2 { height: 200px; }
    .pet_lovers .col.right_part .image.btm_img .img.img_3 { height: 200px; }
    .pet_lovers .col.right_part .image.btm_img .img.img_4 { height: 200px; }
    .pawesome_benefits .title .pre_title span { padding: 0 10px; }
    .pawesome_benefits .col { width: 100%; padding: 0 0 30px; }
    .pawesome_benefits .section_wrap { margin: 0; }
    .pawesome_benefits .col .inner { padding: 0; }
    .pawesome_benefits .col:last-child { padding: 0; }
    .current_openings { padding-bottom: 0px; }
    .two_column.carreir_two .col .mac_dispaly { height: auto; }
    .pawesome_benefits .title { padding-bottom: 20px; }
    .pet_lovers { padding-bottom: 20px; }
    
    .full-page-section h1{font-size:32px;line-height:42px;}
    .full-page-section .section-row .left-wrapper .left{width:100%;padding:0;}
    .full-page-section .section-row .left-wrapper .right{margin:30px 0;}
    .full-page-section .section-row .bottom-list .content ul{display:block;}
    .full-page-section .section-row .bottom-list .content ul li{width:100%;}
    .full-page-section .section-row .bottom-list .content ul li + li{margin-top:15px;}
    .full-page-section .section-row .contact_2024{padding:0;}
    .full-page-section .contact_2024 h3{font-size:32px;}
    .full-page-section .contact_2024 .right_part form .hs-form-field ul.inputs-list li > label span:after{    top: 7px;}
    
    .support-form .inner { padding: 50px 15px; }
    
    .terminals-today .main { padding: 30px 15px; }
    .payment-processing .box .text { flex-flow: column; gap: 0; }
    .payment-processing .box { border-radius: 10px; }
    .terminals-today .main { border-radius: 10px; }
    
    .ppc-hero .logos > div { width: 100%; margin: 0 0 10px; border-radius:10px; }
    
}

@media (max-width:500px){
    .body-container:before { width: 200px; height: 200px; }
    .body-container:after { width: 140px; background-size: 100% 140px; height: 200px; }
    
    /* Homepage */
    .mac_banner { width: 251px; height: 200px; top: auto; bottom: 20px; }
    .mac_banner .inner_screen { top: 5px; left: 5px; height: calc(100% - 61px); width: calc(100% - 10px); }
    .hero_slider_area { min-height: 250px; }
    .mac_banner .screen_logo { width: 100px; }
    .mac_banner .play_btn a img { width: 25px; }
    .mac_banner .play_btn a { padding: 10px; }
    .slider_img { height: 140px; width: 250px; margin: 5px; border-radius: 8px; }
    
    /**/
    .hero_solutions .right_part .right_inner .img_2 { bottom: -90px; }
    .hero_solutions:after { height: 66px; background-size: 100% 50px; }
    .hero_solutions [class*="box-shape-2"] { width: 100px; }
    .hero_solutions [class*="box-shape-1"] { width: 150px; height: 150px; }
    
    .customer_sucstory .section_wrap .right_part .logo { width: 100px; height: 100px; padding: 10px; }
    .dog_screen .dog { max-width: 100px; top: -78px; }
    .dog_screen { margin-top: -180px; }
    
    .two_column .col .mac_dispaly .inner_screen { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 92px); }
    .two_column .col .mac_dispaly { width: 300px; margin: 0 auto; height: 260px; }
    
    .schedule_demo .right_part { padding-top:60px; } 
    
    .current_openings .section_wrap {max-width: 300px; }
    .current_openings .section_wrap .dog_img { max-width: 70px; right: -40px; }
    
    .current_openings .inner .title_btn_cont .cont { font-size: 17px; }
    
    /**/
    .pet_parent_hero.hero-individual-features .hero_sc { min-height: 550px; }
    
    .body-container { padding-bottom: 0; }  
    
    .hero-referral .logo { gap: 15px; height: auto; }
    .hero-referral .logo img { max-height: 40px; }
    .grooming-gingr .left .image { height: 240px; }
    
    .grooming-gingr .left .image { padding: 0 5% 0 0; }
    .grooming-gingr .left .display_grooming { max-width: 95%; }

    
}

@media (max-width:480px){
    .contact_2024 .right_part form fieldset.form-columns-2 .hs-form-field:first-child{ padding-right:0; }
    
    .schedule_demo .left_part .video_title:before { top: 7px; }
}

@media (max-width: 450px){
    .service_img { height: 180px; }
    .service_title { padding: 15px; }
    .service_title h3 { font-size: 20px; }
    .service_img .plus { height: 30px; width: 30px; right: 15px; bottom: 10px; }
    
    .revenue_sc [class*="shape-2"] { bottom: 0; }
    
    /**/
    .pet_parent_hero.hero-individual-features .hero_sc { min-height: 600px; }
    .hero-individual-features .hero_sc .shape-2:before { display: none; }
    
    
}
@media (max-width:380px){
    .leftimng_cont .right_part .btn_wrap .button-1 { margin: 0 0 15px 0; width: 100%; }
    
}

@media (max-width:350px){
    .two_column .col .mac_dispaly .inner_screen { height: calc(100% - 64px); }
    .two_column .col .mac_dispaly { width: 280px; height: 220px; }
    
    .schedule_demo .left_part .mac_banner .inner_screen { height: calc(100% - 85px); width: calc(100% - 10px); left: 6px; }
    .schedule_demo .right_part { padding-top:50px; }
    
    .current_openings .section_wrap { max-width: 270px; }
    
    /**/
    .pet_parent_hero.hero-individual-features .hero_sc { min-height: 650px; }
}