/*****************************
------------------------------
Project: Courses Finder
Author: Cyllestra Technologies
URL: http://cyllestra.com
--------------------------------
*******************************/

/** PADDING **/
.cts-p-l-0 { padding-left: 0px !important;}
.cts-p-l-3 { padding-left: 3px !important;}
.cts-p-l-5 { padding-left: 5px !important;}
.cts-p-l-10 { padding-left: 10px !important;}
.cts-p-l-15 { padding-left: 15px !important;}
.cts-p-l-20 { padding-left: 20px !important;}
.cts-p-l-25 { padding-left: 25px !important;}
.cts-p-l-30 { padding-left: 30px !important;}
.cts-p-l-35 { padding-left: 35px !important;}
.cts-p-l-40 { padding-left: 40px !important;}
.cts-p-l-45 { padding-left: 45px !important;}
.cts-p-l-50 { padding-left: 50px !important;}

.cts-p-r-0 { padding-right: 0px !important;}
.cts-p-r-3 { padding-right: 3px !important;}
.cts-p-r-5 { padding-right: 5px !important;}
.cts-p-r-10 { padding-right: 10px !important;}
.cts-p-r-15 { padding-right: 15px !important;}
.cts-p-r-20 { padding-right: 20px !important;}
.cts-p-r-25 { padding-right: 25px !important;}
.cts-p-r-30 { padding-right: 30px !important;}
.cts-p-r-35 { padding-right: 35px !important;}
.cts-p-r-40 { padding-right: 40px !important;}
.cts-p-r-45 { padding-right: 45px !important;}
.cts-p-r-50 { padding-right: 50px !important;}

.cts-p-t-0 { padding-top: 0px !important;}
.cts-p-t-3 { padding-top: 3px !important;}
.cts-p-t-5 { padding-top: 5px !important;}
.cts-p-t-10 { padding-top: 10px !important;}
.cts-p-t-15 { padding-top: 15px !important;}
.cts-p-t-20 { padding-top: 20px !important;}
.cts-p-t-25 { padding-top: 25px !important;}
.cts-p-t-30 { padding-top: 30px !important;}
.cts-p-t-35 { padding-top: 35px !important;}
.cts-p-t-40 { padding-top: 40px !important;}
.cts-p-t-45 { padding-top: 45px !important;}
.cts-p-t-50 { padding-top: 50px !important;}

.cts-p-b-0 { padding-bottom: 0px !important;}
.cts-p-b-3 { padding-bottom: 3px !important;}
.cts-p-b-5 { padding-bottom: 5px !important;}
.cts-p-b-10 { padding-bottom: 10px !important;}
.cts-p-b-15 { padding-bottom: 15px !important;}
.cts-p-b-20 { padding-bottom: 20px !important;}
.cts-p-b-25 { padding-bottom: 25px !important;}
.cts-p-b-30 { padding-bottom: 30px !important;}
.cts-p-b-35 { padding-bottom: 35px !important;}
.cts-p-b-40 { padding-bottom: 40px !important;}
.cts-p-b-45 { padding-bottom: 45px !important;}
.cts-p-b-50 { padding-bottom: 50px !important;}

.cts-p-lr-0 { padding-left: 0px !important; padding-right: 0px !important;}
.cts-p-lr-3 { padding-left: 3px !important; padding-right: 3px !important;}
.cts-p-lr-5 { padding-left: 5px !important; padding-right: 5px !important;}
.cts-p-lr-10 { padding-left: 10px !important; padding-right: 10px !important;}
.cts-p-lr-15 { padding-left: 15px !important; padding-right: 15px !important;}
.cts-p-lr-20 { padding-left: 20px !important; padding-right: 20px !important;}
.cts-p-lr-25 { padding-left: 25px !important; padding-right: 25px !important;}

.cts-p-tb-0 { padding-top: 0px !important; padding-bottom: 0px !important;}
.cts-p-tb-5 { padding-top: 5px !important; padding-bottom: 5px !important;}
.cts-p-tb-3 { padding-top: 3px !important; padding-bottom: 3px !important;}
.cts-p-tb-10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.cts-p-tb-15 { padding-top: 15px !important; padding-bottom: 15px !important;}
.cts-p-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.cts-p-tb-25 { padding-top: 25px !important; padding-bottom: 25px !important;}

.cts-p-trbl-0{padding: 0px !important;}
.cts-p-trbl-3{ padding: 3px !important;}
.cts-p-trbl-5{ padding: 5px !important;}
.cts-p-trbl-10{ padding: 10px !important;}
.cts-p-trbl-15{ padding: 15px !important;}
.cts-p-trbl-20{ padding: 20px !important;}
.cts-p-trbl-25{ padding: 25px !important;}

/** MARGIN **/
.cts-m-l-0 { margin-left: 0px !important;}
.cts-m-l-5 { margin-left: 5px !important;}
.cts-m-l-10 { margin-left: 10px !important;}
.cts-m-l-15 { margin-left: 15px !important;}
.cts-m-l-20 { margin-left: 20px !important;}
.cts-m-l-25 { margin-left: 25px !important;}
.cts-m-l-30 { margin-left: 30px !important;}
.cts-m-l-35 { margin-left: 35px !important;}
.cts-m-l-40 { margin-left: 40px !important;}
.cts-m-l-45 { margin-left: 45px !important;}
.cts-m-l-50 { margin-left: 50px !important;}

.cts-m-r-0 { margin-right: 0px !important;}
.cts-m-r-5 { margin-right: 5px !important;}
.cts-m-r-10 { margin-right: 10px !important;}
.cts-m-r-15 { margin-right: 15px !important;}
.cts-m-r-20 { margin-right: 20px !important;}
.cts-m-r-25 { margin-right: 25px !important;}
.cts-m-r-30 { margin-right: 30px !important;}
.cts-m-r-35 { margin-right: 35px !important;}
.cts-m-r-40 { margin-right: 40px !important;}
.cts-m-r-45 { margin-right: 45px !important;}
.cts-m-r-50 { margin-right: 50px !important;}

.cts-m-t-0 { margin-top: 0px !important;}
.cts-m-t-5 { margin-top: 5px !important;}
.cts-m-t-10 { margin-top: 10px !important;}
.cts-m-t-15 { margin-top: 15px !important;}
.cts-m-t-20 { margin-top: 20px !important;}
.cts-m-t-25 { margin-top: 25px !important;}
.cts-m-t-30 { margin-top: 30px !important;}
.cts-m-t-35 { margin-top: 35px !important;}
.cts-m-t-40 { margin-top: 40px !important;}
.cts-m-t-45 { margin-top: 45px !important;}
.cts-m-t-50 { margin-top: 50px !important;}
.cts-m-t-60 { margin-top: 60px !important;}
.cts-m-t-70 { margin-top: 70px !important;}
.cts-m-t-80 { margin-top: 80px !important;}
.cts-m-t-90 { margin-top: 90px !important;}
.cts-m-t-100 { margin-top: 100px !important;}

.cts-m-b-0 { margin-bottom: 0px !important;}
.cts-m-b-5 { margin-bottom: 5px !important;}
.cts-m-b-10 { margin-bottom: 10px !important;}
.cts-m-b-15 { margin-bottom: 15px !important;}
.cts-m-b-20 { margin-bottom: 20px !important;}
.cts-m-b-25 { margin-bottom: 25px !important;}
.cts-m-b-30 { margin-bottom: 30px !important;}
.cts-m-b-35 { margin-bottom: 35px !important;}
.cts-m-b-40 { margin-bottom: 40px !important;}
.cts-m-b-45 { margin-bottom: 45px !important;}
.cts-m-b-50 { margin-bottom: 50px !important;}
.cts-m-b-60 { margin-bottom: 60px !important;}
.cts-m-b-70 { margin-bottom: 70px !important;}
.cts-m-b-80 { margin-bottom: 80px !important;}
.cts-m-b-90 { margin-bottom: 90px !important;}
.cts-m-b-100 { margin-bottom: 100px !important;}

.cts-m-lr-0 { margin-left: 0px !important; margin-right: 0px !important;}
.cts-m-lr-5 { margin-left: 5px !important; margin-right: 5px !important;}
.cts-m-lr-10 { margin-left: 10px !important; margin-right: 10px !important;}
.cts-m-lr-15 { margin-left: 15px !important; margin-right: 15px !important;}
.cts-m-lr-20 { margin-left: 20px !important; margin-right: 20px !important;}
.cts-m-lr-25 { margin-left: 25px !important; margin-right: 25px !important;}

.cts-m-tb-0 { margin-top: 0px !important; margin-bottom: 0px !important;}
.cts-m-tb-5 { margin-top: 5px !important; margin-bottom: 5px !important;}
.cts-m-tb-10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.cts-m-tb-15 { margin-top: 15px !important; margin-bottom: 15px !important;}
.cts-m-tb-20 { margin-top: 20px !important; margin-bottom: 20px !important;}
.cts-m-tb-25 { margin-top: 25px !important; margin-bottom: 25px !important;}

.cts-m-trbl-0{margin: 0px !important;}
.cts-m-trbl-5{ margin: 5px !important;}
.cts-m-trbl-10{ margin: 10px !important;}
.cts-m-trbl-15{ margin: 15px !important;}
.cts-m-trbl-20{ margin: 20px !important;}

/*** Fonts ***/
.cts-font-8 {font-size: 8px !important;}
.cts-font-9 {font-size: 9px !important;}
.cts-font-10 {font-size: 10px !important;}
.cts-font-11 {font-size: 11px !important;}
.cts-font-12 {font-size: 12px !important;}
.cts-font-13 {font-size: 13px !important;}
.cts-font-14 {font-size: 14px !important;}
.cts-font-15 {font-size: 15px !important;}
.cts-font-16 {font-size: 16px !important;}
.cts-font-17 {font-size: 17px !important;}
.cts-font-18 {font-size: 18px !important;}
.cts-font-19 {font-size: 19px !important;}
.cts-font-20 {font-size: 20px !important;}
.cts-font-21 {font-size: 21px !important;}
.cts-font-22 {font-size: 22px !important;}
.cts-font-23 {font-size: 23px !important;}
.cts-font-24 {font-size: 24px !important;}
.cts-font-25 {font-size: 25px !important;}
.cts-font-26 {font-size: 26px !important;}
.cts-font-27 {font-size: 27px !important;}
.cts-font-28 {font-size: 28px !important;}
.cts-font-29 {font-size: 29px !important;}
.cts-font-30 {font-size: 30px !important;}
.cts-font-35 {font-size: 35px !important;}
.cts-font-40 {font-size: 40px !important;}
.cts-font-50 {font-size: 50px !important;}
.cts-font-60 {font-size: 60px !important;}


/*** Box Width Start ***/
.cts-w-100 { width: 100% !important;}
.cts-w-90 { width: 90% !important;}
.cts-w-80 { width: 80% !important;}
.cts-w-70 { width: 70% !important;}
.cts-w-75 { width: 75% !important;}
.cts-w-60 { width: 60% !important;}
.cts-w-55 { width: 55% !important;}
.cts-w-50 { width: 50% !important;}
.cts-w-45 { width: 45% !important;}
.cts-w-40 { width: 40% !important;}
.cts-w-35 { width: 35% !important;}
.cts-w-30 { width: 30% !important;}
.cts-w-25 { width: 25% !important;}
.cts-w-20 { width: 20% !important;}
.cts-w-15 { width: 15% !important;}
.cts-w-10 { width: 10% !important;}
.cts-w-5 { width: 5% !important;}


.cts-max-100 { max-width: 100% !important;}
.cts-max-90 { max-width: 90% !important;}
.cts-max-80 { max-width: 80% !important;}
.cts-max-70 { max-width: 70% !important;}
.cts-max-60 { max-width: 60% !important;}
.cts-max-50 { max-width: 50% !important;}
.cts-max-40 { max-width: 40% !important;}

.cts-mw-70 { max-width: 70px !important; }
.cts-mw-80 { max-width: 80px !important; }
.cts-mw-100 { max-width: 100px !important; }
.cts-mw-150 { max-width: 150px !important; }
.cts-mw-200 { max-width: 200px !important; }
/*** Box Width End ***/

/*** Height ***/
.cts-h-10 { height: 10px !important; }
.cts-h-15 { height: 15px !important; }
.cts-h-20 { height: 20px !important; }
.cts-h-25 { height: 25px !important; }
.cts-h-30 { height: 30px !important; }
.cts-h-35 { height: 35px !important; }
.cts-h-40 { height: 40px !important; }
.cts-h-45 { height: 45px !important; }
.cts-h-50 { height: 50px !important; }
.cts-h-60 { height: 60px !important; }
.cts-h-70 { height: 70px !important; }
.cts-h-80 { height: 80px !important; }
.cts-h-90 { height: 90px !important; }
.cts-h-100 { height: 100px !important; }

.cts-mh-5 { max-height: 5px !important; }
.cts-mh-7 { max-height: 7px !important; }
.cts-mh-10 { max-height: 10px !important; }
.cts-mh-15 { max-height: 15px !important; }
.cts-mh-20 { max-height: 20px !important; }
.cts-mh-25 { max-height: 25px !important; }
.cts-mh-30 { max-height: 30px !important; }
.cts-mh-35 { max-height: 35px !important; }
.cts-mh-40 { max-height: 40px !important; }
.cts-mh-45 { max-height: 45px !important; }
.cts-mh-50 { max-height: 50px !important; }
.cts-mh-60 { max-height: 60px !important; }
.cts-mh-70 { max-height: 70px !important; }
.cts-mh-80 { max-height: 80px !important; }
.cts-mh-90 { max-height: 90px !important; }
.cts-mh-100 { max-height: 100px !important; }
/*** Height End ***/

.cts-align-right { text-align: right !important;}
.cts-align-left { text-align: left !important;}
.cts-align-center { text-align: center !important;}

.cts-center-my-block{
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cts-left-my-block{
    float: left !important;
}

.cts-right-my-block{
    float: right !important;
}

.cts-pointer{
    cursor: pointer!important;
}

.cts-va-m {
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

/*** TEXT CHANGES START ***/
.cts-text-bold{ font-weight: bold!important; }
.cts-text-400{ font-weight: 400!important; }
.cts-text-500{ font-weight: 500!important; }
.cts-text-600{ font-weight: 600!important; }
.cts-text-700{ font-weight: 700!important; }
.cts-text-800{ font-weight: 800!important; }
.cts-text-bolder{ font-weight: bolder!important; }

.cts-text-white{ color: #FFFFFF !important; }
.cts-text-gray{ color: #CCCCCC !important; }


/* BG color */
/* Solid Background Colors */
.cts-bg-red { background-color: #FF4136!important; }
.cts-bg-blue { background-color: #0074D9!important; }
.cts-bg-green { background-color: #2ECC40!important; }
.cts-bg-yellow { background-color: #FFDC00!important; }
.cts-bg-orange { background-color: #FF851B!important; }
.cts-bg-purple { background-color: #B10DC9!important; }
.cts-bg-pink { background-color: #FF80CC!important; }
.cts-bg-cyan { background-color: #7FDBFF!important; }
.cts-bg-magenta { background-color: #FF007F!important; }
.cts-bg-teal { background-color: #39CCCC!important; }
.cts-bg-lime { background-color: #01FF70!important; }
.cts-bg-indigo { background-color: #3D5AFE!important; }
.cts-bg-silver { background-color: #DDDDDD!important; }
.cts-bg-gold { background-color: #FFD700!important; }
.cts-bg-emerald { background-color: #2ECC71!important; }
.cts-bg-ruby { background-color: #E91E63!important; }
.cts-bg-amethyst { background-color: #9B30FF!important; }
.cts-bg-topaz { background-color: #19A3A3!important; }
.cts-bg-raspberry { background-color: #E30B5C!important; }
.cts-bg-turquoise { background-color: #40E0D0!important; }
.cts-bg-sapphire { background-color: #0F52BA!important; }
.cts-bg-amber { background-color: #FFBF00!important; }
.cts-bg-jade { background-color: #00A86B!important; }
.cts-bg-ivory { background-color: #FFFFF0!important; }
.cts-bg-azure { background-color: #007FFF!important; }
.cts-bg-mint { background-color: #98FF98!important; }
.cts-bg-rose { background-color: #FFC0CB!important; }
.cts-bg-peach { background-color: #FFDAB9!important; }
.cts-bg-sky { background-color: #87CEEB!important; }
.cts-bg-coral { background-color: #FF7F50!important; }
.cts-bg-lavender { background-color: #E6E6FA!important; }
.cts-bg-olive { background-color: #808000!important; }
.cts-bg-maroon { background-color: #800000!important; }
.cts-bg-navy { background-color: #000080!important; }
.cts-bg-plum { background-color: #DDA0DD!important; }
.cts-bg-salmon { background-color: #FA8072!important; }

.cts-bg-light-red { background-color: #ffcccc!important; } /* Light Red */
.cts-bg-light-green { background-color: #ccffcc!important; } /* Light Green */
.cts-bg-light-blue { background-color: #cce5ff!important; } /* Light Blue */
.cts-bg-light-yellow { background-color: #fffacc!important; } /* Light Yellow */
.cts-bg-light-orange { background-color: #ffe5cc!important; } /* Light Orange */
.cts-bg-light-purple { background-color: #e5ccff!important; } /* Light Purple */
.cts-bg-light-gray { background-color: #f2f2f2!important; } /* Light Gray */
.cts-bg-light-pink { background-color: #ffd1dc!important; } /* Light Pink */
.cts-bg-light-teal { background-color: #ccf2f4!important; } /* Light Teal */

/* Specific color: Spring Wood */
.cts-bg-spring-wood { background-color: #f9f6f3!important; } /* Spring Wood */

/* Gradient Backgrounds */
.cts-bg-gradient-red-yellow { background: linear-gradient(to right, #FF4136, #FFDC00) !important; }
.cts-bg-gradient-blue-green { background: linear-gradient(to right, #0074D9, #2ECC40) !important; }
.cts-bg-gradient-purple-pink { background: linear-gradient(to right, #B10DC9, #FF80CC) !important; }
.cts-bg-gradient-cyan-magenta { background: linear-gradient(to right, #7FDBFF, #FF007F) !important; }
.cts-bg-gradient-teal-amber { background: linear-gradient(to right, #39CCCC, #FFBF00) !important; }
.cts-bg-gradient-indigo-lime { background: linear-gradient(to right, #3D5AFE, #01FF70) !important; }
.cts-bg-gradient-sapphire-emerald { background: linear-gradient(to right, #0F52BA, #2ECC71) !important; }
.cts-bg-gradient-gold-ruby { background: linear-gradient(to right, #FFD700, #E91E63) !important; }
.cts-bg-gradient-topaz-jade { background: linear-gradient(to right, #19A3A3, #00A86B) !important; }
.cts-bg-gradient-azure-turquoise { background: linear-gradient(to right, #007FFF, #40E0D0) !important; }
.cts-bg-gradient-rose-peach { background: linear-gradient(to right, #FFC0CB, #FFDAB9) !important; }
.cts-bg-gradient-sky-lavender { background: linear-gradient(to right, #87CEEB, #E6E6FA) !important; }
.cts-bg-gradient-navy-maroon { background: linear-gradient(to right, #000080, #800000) !important; }
.cts-bg-gradient-salmon-plum { background: linear-gradient(to right, #FA8072, #DDA0DD) !important; }

.cts-bg-gradient-red-yellow-blue { background: linear-gradient(to right, #FF4136, #FFDC00, #0074D9) !important; }
.cts-bg-gradient-green-blue-purple { background: linear-gradient(to right, #2ECC40, #0074D9, #B10DC9) !important; }
.cts-bg-gradient-orange-pink-cyan { background: linear-gradient(to right, #FF851B, #FF80CC, #7FDBFF) !important; }
.cts-bg-gradient-purple-teal-yellow { background: linear-gradient(to right, #B10DC9, #39CCCC, #FFDC00) !important; }
.cts-bg-gradient-magenta-lime-amber { background: linear-gradient(to right, #FF007F, #01FF70, #FFBF00) !important; }
.cts-bg-gradient-indigo-silver-gold { background: linear-gradient(to right, #3D5AFE, #DDDDDD, #FFD700) !important; }
.cts-bg-gradient-sapphire-turquoise-emerald { background: linear-gradient(to right, #0F52BA, #40E0D0, #2ECC71) !important; }
.cts-bg-gradient-ruby-topaz-jade { background: linear-gradient(to right, #E91E63, #19A3A3, #00A86B) !important; }
.cts-bg-gradient-rose-sky-lavender { background: linear-gradient(to right, #FFC0CB, #87CEEB, #E6E6FA) !important; }
.cts-bg-gradient-navy-maroon-salmon { background: linear-gradient(to right, #000080, #800000, #FA8072) !important; }

.cts-bg-gradient-red-orange-yellow { background: linear-gradient(to right, #FF4136, #FF851B, #FFDC00) !important; }
.cts-bg-gradient-blue-cyan-teal { background: linear-gradient(to right, #0074D9, #7FDBFF, #39CCCC) !important; }
.cts-bg-gradient-green-lime-emerald { background: linear-gradient(to right, #2ECC40, #01FF70, #2ECC71) !important; }
.cts-bg-gradient-purple-pink-magenta { background: linear-gradient(to right, #B10DC9, #FF80CC, #FF007F) !important; }
.cts-bg-gradient-amber-gold-yellow { background: linear-gradient(to right, #FFBF00, #FFD700, #FFDC00) !important; }
.cts-bg-gradient-indigo-blue-purple { background: linear-gradient(to right, #3D5AFE, #0074D9, #B10DC9) !important; }
.cts-bg-gradient-peach-rose-pink { background: linear-gradient(to right, #FFDAB9, #FFC0CB, #FF80CC) !important; }
.cts-bg-gradient-sky-azure-turquoise { background: linear-gradient(to right, #87CEEB, #007FFF, #40E0D0) !important; }
.cts-bg-gradient-lavender-amethyst-purple { background: linear-gradient(to right, #E6E6FA, #9B30FF, #B10DC9) !important; }
.cts-bg-gradient-maroon-raspberry-ruby { background: linear-gradient(to right, #800000, #E30B5C, #E91E63) !important; }

.cts-bg-gradient-mint-cream-white { background: linear-gradient(to right, #AAF0D1, #F5FFFA, #FFFFFF) !important; }
.cts-bg-gradient-steel-gray-silver { background: linear-gradient(to right, #43464B, #A9A9A9, #C0C0C0) !important; }
.cts-bg-gradient-charcoal-slate-navy { background: linear-gradient(to right, #36454F, #708090, #000080) !important; }
.cts-bg-gradient-tangerine-apricot-lemon { background: linear-gradient(to right, #F28500, #FBCEB1, #FFF44F) !important; }
.cts-bg-gradient-seafoam-mint-lime { background: linear-gradient(to right, #9FE2BF, #AAF0D1, #BFFF00) !important; }
.cts-bg-gradient-coffee-mocha-caramel { background: linear-gradient(to right, #4B3621, #704214, #FFDDA0) !important; }
.cts-bg-gradient-midnight-blue-black { background: linear-gradient(to right, #191970, #000000) !important; }
.cts-bg-gradient-flame-cherry-crimson { background: linear-gradient(to right, #E25822, #DE3163, #DC143C) !important; }
.cts-bg-gradient-blush-rose-fuchsia { background: linear-gradient(to right, #F9D5D3, #FFC0CB, #FF00FF) !important; }
.cts-bg-gradient-grape-violet-indigo { background: linear-gradient(to right, #6F2DA8, #8A2BE2, #4B0082) !important; }

.cts-bg-gradient-crimson { background-image: linear-gradient(to right, #a91b2e, #bd3240, #d14852, #e55e65) !important; }
.cts-bg-gradient-cherry { background-image: linear-gradient(to right, #c91f3a, #d73755, #e45170, #f16b8b) !important; }
.cts-bg-gradient-rose { background-image: linear-gradient(to right, #e91e63, #ec407a, #f06292, #f48fb1) !important; }
.cts-bg-gradient-blush { background-image: linear-gradient(to right, #d36c82, #dc7d91, #e58e9f, #ee9fad) !important; }
.cts-bg-gradient-ruby { background-image: linear-gradient(to right, #880e4f, #a01861, #b82372, #d02e84) !important; }
.cts-bg-gradient-peach { background-image: linear-gradient(to right, #ff7a6a, #ff8b7c, #ff9c8e, #ffada0) !important; }
.cts-bg-gradient-emerald { background-image: linear-gradient(to right, #00695c, #00897b, #26a69a, #4db6ac) !important; }
.cts-bg-gradient-jade { background-image: linear-gradient(to right, #1b5e20, #2e7d32, #43a047, #66bb6a) !important; }
.cts-bg-gradient-forest { background-image: linear-gradient(to right, #14532d, #1e6839, #288d4a, #33a95a) !important; }
.cts-bg-gradient-leaf { background-image: linear-gradient(to right, #81c784, #a5d6a7, #c8e6c9, #e8f5e9) !important; }
.cts-bg-gradient-mint { background-image: linear-gradient(to right, #66cdaa, #78d9b7, #8ae5c4, #9cf1d2) !important; }
.cts-bg-gradient-lime { background-image: linear-gradient(to right, #aeea00, #c6f02b, #def658, #f6f885) !important; }
.cts-bg-gradient-amethyst { background-image: linear-gradient(to right, #6a1b9a, #7b2db1, #8d3ec8, #9f50df) !important; }
.cts-bg-gradient-lavender { background-image: linear-gradient(to right, #ba68c8, #ce93d8, #e1bee7, #f3e5f5) !important; }
.cts-bg-gradient-grape { background-image: linear-gradient(to right, #512da8, #5e35b1, #673ab7, #7e57c2) !important; }
.cts-bg-gradient-mauve { background-image: linear-gradient(to right, #a28baf, #b29cbf, #c2add0, #d3bee0) !important; }
.cts-bg-gradient-orchid { background-image: linear-gradient(to right, #da70d6, #e080dc, #e690e2, #ec9fe8) !important; }
.cts-bg-gradient-indigo { background-image: linear-gradient(to right, #303f9f, #3f51b5, #5c6bc0, #7986cb) !important; }
.cts-bg-gradient-cobalt { background-image: linear-gradient(to right, #003c8f, #0051b5, #256ecb, #5190e3) !important; }
.cts-bg-gradient-steel { background-image: linear-gradient(to right, #4682b4, #5a94c2, #6ea6d0, #82b8de) !important; }
.cts-bg-gradient-sky { background-image: linear-gradient(to right, #4fc3f7, #64d3ff, #79e3ff, #8ef3ff) !important; }
.cts-bg-gradient-ice { background-image: linear-gradient(to right, #a1c4fd, #c2d7ff, #dee9ff, #f3fbff) !important; }
.cts-bg-gradient-azure { background-image: linear-gradient(to right, #007fff, #1a8fff, #339fff, #4daffe) !important; }
.cts-bg-gradient-navy { background-image: linear-gradient(to right, #001f3f, #003366, #004c8c, #0062b2) !important; }
.cts-bg-gradient-sunset { background-image: linear-gradient(to right, #f57c00, #f68c1f, #f79c3d, #f8ac5c) !important; }
.cts-bg-gradient-mango { background-image: linear-gradient(to right, #ffb300, #ffc233, #ffd166, #ffe099) !important; }
.cts-bg-gradient-daisy { background-image: linear-gradient(to right, #ffeb3b, #fff263, #fff98c, #ffffb5) !important; }
.cts-bg-gradient-amber { background-image: linear-gradient(to right, #ffa000, #ffb733, #ffce66, #ffe599) !important; }
.cts-bg-gradient-goldenrod { background-image: linear-gradient(to right, #daa520, #e3b634, #ebc748, #f4d85c) !important; }
.cts-bg-gradient-lemon { background-image: linear-gradient(to right, #faff00, #fcff3a, #feff75, #ffffb0) !important; }
.cts-bg-gradient-cocoa { background-image: linear-gradient(to right, #4e342e, #5d4037, #6d4c41, #795548) !important; }
.cts-bg-gradient-apricot { background-image: linear-gradient(to right, #ffab91, #ffbcab, #ffcdc5, #ffe0df) !important; }
.cts-bg-gradient-sage { background-image: linear-gradient(to right, #a8bfa4, #b7ccb2, #c7d8c1, #d6e5cf) !important; }
.cts-bg-gradient-sandstone { background-image: linear-gradient(to right, #c19a6b, #d2ae83, #e4c29b, #f5d6b3) !important; }
.cts-bg-gradient-volcano { background-image: linear-gradient(to right, #801336, #a91b0d, #d4240f, #ff3600) !important; }
.cts-bg-gradient-dragonfruit { background-image: linear-gradient(to right, #8e005d, #a20068, #b60074, #ca0080) !important; }
.cts-bg-gradient-blueberry { background-image: linear-gradient(to right, #3c3b6e, #4d4a89, #5e59a4, #7069bf) !important; }
.cts-bg-gradient-matcha { background-image: linear-gradient(to right, #556b2f, #6d823f, #859950, #9db161) !important; }
.cts-bg-gradient-melon { background-image: linear-gradient(to right, #ffb88c, #ffc3a3, #ffceb9, #ffd9d0) !important; }
.cts-bg-gradient-wisteria { background-image: linear-gradient(to right, #b39ddb, #c3ade2, #d3bdea, #e3cdf1) !important; }
.cts-bg-gradient-fern { background-image: linear-gradient(to right, #2e7d32, #429444, #56ab56, #6ac268) !important; }
.cts-bg-gradient-fig { background-image: linear-gradient(to right, #4b114f, #632465, #7a377b, #924b91) !important; }
.cts-bg-gradient-smoke { background-image: linear-gradient(to right, #4e4e50, #5f5f61, #707072, #818183) !important; }
.cts-bg-gradient-glacier { background-image: linear-gradient(to right, #b0e0e6, #c2e8ec, #d4eff2, #e7f7f8) !important; }
.cts-bg-gradient-slate { background-image: linear-gradient(to right, #37474f, #455a64, #546e7a, #627e8a) !important; }
.cts-bg-gradient-crystal { background-image: linear-gradient(to right, #d5f3fe, #c0e7ff, #aadcff, #95d0ff) !important; }
.cts-bg-gradient-bark { background-image: linear-gradient(to right, #5d4037, #6e5047, #7f6057, #907167) !important; }
.cts-bg-gradient-candy { background-image: linear-gradient(to right, #ff66c4, #ff85ce, #ffa3d9, #ffc2e3) !important; }
.cts-bg-gradient-tropics { background-image: linear-gradient(to right, #0ab3a3, #1cc7b2, #3ddace, #6ceedf) !important; }
.cts-bg-gradient-tea { background-image: linear-gradient(to right, #b5c99a, #c4d6ab, #d3e3bc, #e2f0cd) !important; }
.cts-bg-gradient-sunbeam { background-image: linear-gradient(to right, #fff176, #ffea61, #ffe24b, #ffda36) !important; }
.cts-bg-gradient-lemonade { background-image: linear-gradient(to right, #fff59d, #fff9b0, #fffcc3, #ffffd6) !important; }
.cts-bg-gradient-marigold { background-image: linear-gradient(to right, #ffc107, #ffca28, #ffd54f, #ffeb3b) !important; }
.cts-bg-gradient-butter { background-image: linear-gradient(to right, #fce38a, #fdf1aa, #fef9c8, #ffffe5) !important; }
.cts-bg-gradient-honey { background-image: linear-gradient(to right, #ffb74d, #ffc966, #ffdb80, #ffee99) !important; }
.cts-bg-gradient-goldenlight { background-image: linear-gradient(to right, #fdd835, #ffe047, #ffe85a, #fff06c) !important; }

/*
* Text colors
*/
.cts-text-red { color: #FF4136 !important; }
.cts-text-blue { color: #0074D9 !important; }
.cts-text-green { color: #2ECC40 !important; }
.cts-text-yellow-light { color: #ffeb3b !important; }
.cts-text-yellow { color: #FFDC00 !important; }
.cts-text-orange { color: #FF851B !important; }
.cts-text-purple { color: #B10DC9 !important; }
.cts-text-pink { color: #FF80CC !important; }
.cts-text-cyan { color: #7FDBFF !important; }
.cts-text-magenta { color: #FF007F !important; }
.cts-text-teal { color: #39CCCC !important; }
.cts-text-lime { color: #01FF70 !important; }
.cts-text-indigo { color: #3D5AFE !important; }
.cts-text-silver { color: #DDDDDD !important; }
.cts-text-gold { color: #FFD700 !important; }
.cts-text-emerald { color: #2ECC71 !important; }
.cts-text-ruby { color: #E91E63 !important; }
.cts-text-amethyst { color: #9B30FF !important; }
.cts-text-topaz { color: #19A3A3 !important; }
.cts-text-raspberry { color: #E30B5C !important; }
.cts-text-turquoise { color: #40E0D0 !important; }
.cts-text-sapphire { color: #0F52BA !important; }
.cts-text-amber { color: #FFBF00 !important; }
.cts-text-jade { color: #00A86B !important; }
.cts-text-ivory { color: #FFFFF0 !important; }
.cts-text-azure { color: #007FFF !important; }

.cts-text-maroon { color: #800000 !important; }
.cts-text-navy { color: #000080 !important; }
.cts-text-charcoal { color: #36454F !important; }
.cts-text-beige { color: #F5F5DC !important; }
.cts-text-olive { color: #808000 !important; }
.cts-text-coral { color: #FF7F50 !important; }
.cts-text-salmon { color: #FA8072 !important; }
.cts-text-plum { color: #DDA0DD !important; }
.cts-text-mint { color: #AAF0D1 !important; }
.cts-text-lavender { color: #E6E6FA !important; }
.cts-text-cream { color: #FFFDD0 !important; }
.cts-text-peach { color: #FFDAB9 !important; }
.cts-text-bronze { color: #CD7F32 !important; }
.cts-text-copper { color: #B87333 !important; }
.cts-text-rose { color: #FFC0CB !important; }
.cts-text-smoke { color: #708090 !important; }
.cts-text-stone { color: #8A8A8A !important; }
.cts-text-midnight { color: #191970 !important; }
.cts-text-mocha { color: #3B2F2F !important; }
.cts-text-sand { color: #C2B280 !important; }

/* Text gradient color */
/* Class 1: Purple-Pink-Blue Gradient */
.cts-text-gradient-purple-pink-blue {
    background: linear-gradient(45deg, #6a11cb, #2575fc, #ff758c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 2: Orange-Yellow-Red Gradient */
.cts-text-gradient-orange-yellow-red {
    background: linear-gradient(45deg, #ff8c00, #ffd700, #dc143c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 3: Green-Teal-Blue Gradient */
.cts-text-gradient-green-teal-blue {
    background: linear-gradient(45deg, #00c853, #00bfa5, #1e88e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 4: Pink-Red-Purple Gradient */
.cts-text-gradient-pink-red-purple {
    background: linear-gradient(45deg, #e91e63, #d50000, #8e24aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 5: Blue-Indigo-Violet Gradient */
.cts-text-gradient-blue-indigo-violet {
    background: linear-gradient(45deg, #2196f3, #3f51b5, #9c27b0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 6: Red-Orange-Pink Gradient */
.cts-text-gradient-red-orange-pink {
    background: linear-gradient(45deg, #ff1744, #ff9100, #ff4081);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 7: Yellow-Green-Teal Gradient */
.cts-text-gradient-yellow-green-teal {
    background: linear-gradient(45deg, #ffeb3b, #4caf50, #00bcd4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 8: Cyan-Blue-DeepBlue Gradient */
.cts-text-gradient-cyan-blue-deepblue {
    background: linear-gradient(45deg, #00e5ff, #2979ff, #304ffe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 9: Amber-Lime-Green Gradient */
.cts-text-gradient-amber-lime-green {
    background: linear-gradient(45deg, #ffc107, #cddc39, #4caf50);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 10: Blue-Teal-Purple Gradient */
.cts-text-gradient-blue-teal-purple {
    background: linear-gradient(45deg, #1e88e5, #00acc1, #8e24aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 11: Purple-Magenta-Red Gradient */
.cts-text-gradient-purple-magenta-red {
    background: linear-gradient(45deg, #8e24aa, #d81b60, #e53935);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 12: Green-Lime-Yellow Gradient */
.cts-text-gradient-green-lime-yellow {
    background: linear-gradient(45deg, #43a047, #c0ca33, #fdd835);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 13: Indigo-Purple-Pink Gradient */
.cts-text-gradient-indigo-purple-pink {
    background: linear-gradient(45deg, #3949ab, #8e24aa, #f06292);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 14: Teal-Cyan-Blue Gradient */
.cts-text-gradient-teal-cyan-blue {
    background: linear-gradient(45deg, #00796b, #00bcd4, #2196f3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 15: Red-Orange-Yellow Gradient */
.cts-text-gradient-red-orange-yellow {
    background: linear-gradient(45deg, #d32f2f, #f57c00, #fbc02d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 16: Pink-Purple-Blue Gradient */
.cts-text-gradient-pink-purple-blue {
    background: linear-gradient(45deg, #ec407a, #ab47bc, #42a5f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 17: Blue-Green-Lime Gradient */
.cts-text-gradient-blue-green-lime {
    background: linear-gradient(45deg, #1e88e5, #43a047, #d4e157);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 18: DeepPurple-Purple-Pink Gradient */
.cts-text-gradient-deeppurple-purple-pink {
    background: linear-gradient(45deg, #512da8, #8e24aa, #ff4081);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 19: Cyan-Teal-Green Gradient */
.cts-text-gradient-cyan-teal-green {
    background: linear-gradient(45deg, #00bcd4, #00796b, #388e3c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Class 20: Yellow-Orange-Red Gradient */
.cts-text-gradient-yellow-orange-red {
    background: linear-gradient(45deg, #fdd835, #fb8c00, #d32f2f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-peach-rose-pink {
    background: linear-gradient(45deg, #FFDAB9, #FFC0CB, #FF80CC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-sky-azure-turquoise {
    background: linear-gradient(45deg, #87CEEB, #007FFF, #40E0D0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-lavender-amethyst-purple {
    background: linear-gradient(45deg, #E6E6FA, #9B30FF, #B10DC9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-maroon-raspberry-ruby {
    background: linear-gradient(45deg, #800000, #E30B5C, #E91E63);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-ivory-beige-sand {
    background: linear-gradient(45deg, #FFFFF0, #F5F5DC, #C2B280);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-smoke-charcoal-black {
    background: linear-gradient(45deg, #B0C4DE, #36454F, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-mint-lime-emerald {
    background: linear-gradient(45deg, #AAF0D1, #01FF70, #2ECC71);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-gold-amber-orange {
    background: linear-gradient(45deg, #FFD700, #FFBF00, #FF851B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-olive-teal-jade {
    background: linear-gradient(45deg, #808000, #39CCCC, #00A86B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-navy-indigo-blue {
    background: linear-gradient(45deg, #000080, #3D5AFE, #0074D9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-rose-peach-gold {
    background: linear-gradient(45deg, #FFC0CB, #FFDAB9, #FFD700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-ruby-plum-amethyst {
    background: linear-gradient(45deg, #E91E63, #DDA0DD, #9B30FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-mocha-coffee-bronze {
    background: linear-gradient(45deg, #3B2F2F, #4B3621, #CD7F32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-teal-cyan-azure {
    background: linear-gradient(45deg, #39CCCC, #7FDBFF, #007FFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-turquoise-emerald-jade {
    background: linear-gradient(45deg, #40E0D0, #2ECC71, #00A86B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-coral-salmon-orange {
    background: linear-gradient(45deg, #FF7F50, #FA8072, #FF851B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-indigo-violet-fuchsia {
    background: linear-gradient(45deg, #3D5AFE, #9C27B0, #FF00FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-mint-peach-ivory {
    background: linear-gradient(45deg, #AAF0D1, #FFDAB9, #FFFFF0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-charcoal-silver-platinum {
    background: linear-gradient(45deg, #36454F, #DDDDDD, #E5E4E2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cts-text-gradient-stone-smoke-steel {
    background: linear-gradient(45deg, #8A8A8A, #708090, #43464B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*** TEXT CHANGES END ***/

/*** Background ***/
.cts-bg-dark { background: #232323 !important; border: 1px solid #232323 !important;}
.cts-bg-light { background: #f4f4f4 !important; border: 1px solid #F3F3F3 !important;}
/*.cts-bg-gray { background: #DDDDDD !important; border: 1px solid #DDDDDD !important;}*/

/*** Borders ***/
.cts-border-all{ border: 1px solid #ebebeb!important; }
.cts-border-b{ border-bottom: 1px solid #ebebeb!important; }
.cts-border-b-dark{ border-bottom: 1px solid #c9c9c9!important; }
.cts-border-l{ border-left: 1px solid #ebebeb!important; }
.cts-border-r{ border-right: 1px solid #ebebeb!important; }

/*** HIDE **/
.cts-hide{ display: none!important; }
.cts-f-hide{ display: none !important; }

/*** Button ***/
.cts-btn-gray, .cts-btn-gray:hover, .cts-btn-gray:active {
    background-color: #DDDDDD !important;
    border: 1px solid #DDDDDD !important;
    color: #4c5667 !important;
}

.cts-btn {
    display: inline-block !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    border: 1px solid transparent !important;
    border-radius: 0.25rem !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    user-select: none !important;
}

.cts-btn-light        { background-color: #f8f9fa !important; border-color: #f8f9fa !important; color: #212529 !important; }
.cts-btn-light:hover { background-color: #e2e6ea !important; border-color: #dae0e5 !important; }

.cts-btn-dark         { background-color: #343a40 !important; border-color: #343a40 !important; color: #fff !important; }
.cts-btn-dark:hover { background-color: #23272b !important; border-color: #1d2124 !important; }

.cts-btn-indigo       { background-color: #6610f2 !important; border-color: #6610f2 !important; color: #fff !important; }
.cts-btn-indigo:hover { background-color: #520dc2 !important; border-color: #3d0a99 !important; }

.cts-btn-orange       { background-color: #fd7e14 !important; border-color: #fd7e14 !important; color: #fff !important; }
.cts-btn-orange:hover { background-color: #e8590c !important; border-color: #c14600 !important; }

.cts-btn-teal         { background-color: #20c997 !important; border-color: #20c997 !important; color: #fff !important; }
.cts-btn-teal:hover { background-color: #198754 !important; border-color: #146c43 !important; }

.cts-btn-pink         { background-color: #e83e8c !important; border-color: #e83e8c !important; color: #fff !important; }
.cts-btn-pink:hover { background-color: #c82368 !important; border-color: #bd215e !important; }

.cts-btn-purple       { background-color: #9c27b0 !important; border-color: #9c27b0 !important; color: #fff !important; }
.cts-btn-purple:hover { background-color: #7b1fa2 !important; border-color: #6a1b9a !important; }

.cts-btn-brown        { background-color: #795548 !important; border-color: #795548 !important; color: #fff !important; }
.cts-btn-brown:hover { background-color: #5d4037 !important; border-color: #4e342e !important; }

.cts-btn-bluegray     { background-color: #607d8b !important; border-color: #607d8b !important; color: #fff !important; }
.cts-btn-bluegray:hover { background-color: #455a64 !important; border-color: #37474f !important; }

.cts-btn-cyan         { background-color: #00bcd4 !important; border-color: #00bcd4 !important; color: #fff !important; }
.cts-btn-cyan:hover { background-color: #0097a7 !important; border-color: #006064 !important; }

.cts-btn-green        { background-color: #4caf50 !important; border-color: #4caf50 !important; color: #fff !important; }
.cts-btn-green:hover { background-color: #388e3c !important; border-color: #2e7d32 !important; }

.cts-btn-red          { background-color: #f44336 !important; border-color: #f44336 !important; color: #fff !important; }
.cts-btn-red:hover { background-color: #d32f2f !important; border-color: #c62828 !important; }

.cts-btn-amber        { background-color: #ff9800 !important; border-color: #ff9800 !important; color: #fff !important; }
.cts-btn-amber:hover { background-color: #fb8c00 !important; border-color: #ef6c00 !important; }


/* 1. Sunset */
.cts-btn-gradient-sunset {
    background: linear-gradient(45deg, #ff7e5f, #feb47b, #ffcc70) !important;
    color: white !important;
}
.cts-btn-gradient-sunset:hover { filter: brightness(0.95) !important; }

/* 2. Ocean */
.cts-btn-gradient-ocean {
    background: linear-gradient(45deg, #2193b0, #6dd5ed, #b2fefa) !important;
    color: white !important;
}
.cts-btn-gradient-ocean:hover { filter: brightness(0.95) !important; }

/* 3. Ice */
.cts-btn-gradient-ice {
    background: linear-gradient(45deg, #a1c4fd, #c2e9fb, #e0f7fa) !important;
    color: black !important;
}
.cts-btn-gradient-ice:hover { filter: brightness(0.95) !important; }

/* 4. Lava */
.cts-btn-gradient-lava {
    background: linear-gradient(45deg, #f12711, #f5af19, #ffeb3b) !important;
    color: white !important;
}
.cts-btn-gradient-lava:hover { filter: brightness(0.95) !important; }

/* 5. Space */
.cts-btn-gradient-space {
    background: linear-gradient(45deg, #2c3e50, #4ca1af, #2c3e50) !important;
    color: white !important;
}
.cts-btn-gradient-space:hover { filter: brightness(0.95) !important; }

/* 6. Forest */
.cts-btn-gradient-forest {
    background: linear-gradient(45deg, #134e5e, #71b280, #a3de83) !important;
    color: white !important;
}
.cts-btn-gradient-forest:hover { filter: brightness(0.95) !important; }

/* 7. Coral */
.cts-btn-gradient-coral {
    background: linear-gradient(45deg, #ff9966, #ff5e62, #ff9966) !important;
    color: white !important;
}
.cts-btn-gradient-coral:hover { filter: brightness(0.95) !important; }

/* 8. Purple Haze */
.cts-btn-gradient-purple-haze {
    background: linear-gradient(45deg, #8e2de2, #4a00e0, #8e2de2) !important;
    color: white !important;
}
.cts-btn-gradient-purple-haze:hover { filter: brightness(0.95) !important; }

/* 9. Rose */
.cts-btn-gradient-rose {
    background: linear-gradient(45deg, #e96443, #904e95, #e96443) !important;
    color: white !important;
}
.cts-btn-gradient-rose:hover { filter: brightness(0.95) !important; }

/* 10. Mango */
.cts-btn-gradient-mango {
    background: linear-gradient(45deg, #ffe259, #ffa751, #ffe259) !important;
    color: black !important;
}
.cts-btn-gradient-mango:hover { filter: brightness(0.95) !important; }

/* 11. Blue Lagoon */
.cts-btn-gradient-blue-lagoon {
    background: linear-gradient(45deg, #43cea2, #185a9d, #43cea2) !important;
    color: white !important;
}
.cts-btn-gradient-blue-lagoon:hover { filter: brightness(0.95) !important; }

/* 12. Purple Pink */
.cts-btn-gradient-purple-pink {
    background: linear-gradient(45deg, #7b2ff7, #f107a3, #7b2ff7) !important;
    color: white !important;
}
.cts-btn-gradient-purple-pink:hover { filter: brightness(0.95) !important; }

/* 13. Sunny Morning */
.cts-btn-gradient-sunny-morning {
    background: linear-gradient(45deg, #f6d365, #fda085, #f6d365) !important;
    color: black !important;
}
.cts-btn-gradient-sunny-morning:hover { filter: brightness(0.95) !important; }

/* 14. Flame */
.cts-btn-gradient-flame {
    background: linear-gradient(45deg, #f12711, #f5af19, #f12711) !important;
    color: white !important;
}
.cts-btn-gradient-flame:hover { filter: brightness(0.95) !important; }

/* 15. Aqua Marine */
.cts-btn-gradient-aqua-marine {
    background: linear-gradient(45deg, #1a2980, #26d0ce, #1a2980) !important;
    color: white !important;
}
.cts-btn-gradient-aqua-marine:hover { filter: brightness(0.95) !important; }

/* 16. Twilight */
.cts-btn-gradient-twilight {
    background: linear-gradient(45deg, #0f2027, #203a43, #2c5364) !important;
    color: white !important;
}
.cts-btn-gradient-twilight:hover { filter: brightness(0.95) !important; }

/* 17. Peach */
.cts-btn-gradient-peach {
    background: linear-gradient(45deg, #ed4264, #ffedbc, #ed4264) !important;
    color: black !important;
}
.cts-btn-gradient-peach:hover { filter: brightness(0.95) !important; }

/* 18. Neon Lights */
.cts-btn-gradient-neon {
    background: linear-gradient(45deg, #00f2fe, #4facfe, #00f2fe) !important;
    color: black !important;
}
.cts-btn-gradient-neon:hover { filter: brightness(0.95) !important; }

/* 19. Grape */
.cts-btn-gradient-grape {
    background: linear-gradient(45deg, #a18cd1, #fbc2eb, #a18cd1) !important;
    color: black !important;
}
.cts-btn-gradient-grape:hover { filter: brightness(0.95) !important; }

/* 20. Cool Blues */
.cts-btn-gradient-cool-blues {
    background: linear-gradient(45deg, #43cea2, #185a9d, #43cea2) !important;
    color: white !important;
}
.cts-btn-gradient-cool-blues:hover { filter: brightness(0.95) !important; }

/*** Same Height Columns ***/
.cts-same-h {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.cts-same-h > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*** Cursor And Underline ***/
.cts-cp-ul {
    cursor: pointer!important;
}

.cts-va-b {
    vertical-align: bottom!important;
}

.cts-cp-ul:hover {
    text-decoration: underline!important;
}

.cts-ul-dotted {
    border-bottom: 1px dotted #000!important;
    text-decoration: none!important;
}

.cts-ul {
    text-decoration: underline!important;
}

.cts-content-pipe-r {
    position: relative!important;
    padding-right: 11px!important;
    white-space: nowrap!important;
}

.cts-no-cp {
    text-decoration: none !important
}

.cts-content-pipe-r > span::after {
    position: absolute;
    content: " | ";
    right: 0;
}

.cts-col-container {
    display: table;
    width: 100%;
}
.cts-col {
    display: table-cell;
    padding-right: 5px;
}

.cts-icon-container {
    width: 100%;
    display: table;
}

.cts-icon-container .cts-icon {
    width: 20px;
    display: table-cell;
    /*position: relative;*/
}

.cts-border-t { border-width: 1px 0 0 0 !important; border-style: solid !important; } /* Top */
.cts-border-r { border-width: 0 1px 0 0 !important; border-style: solid !important; } /* Right */
.cts-border-b { border-width: 0 0 1px 0 !important; border-style: solid !important; } /* Bottom */
.cts-border-l { border-width: 0 0 0 1px !important; border-style: solid !important; } /* Left */
.cts-border-t-0 {border-top: 0!important;}
.cts-border-r-0 {border-right: 0!important;}
.cts-border-b-0 {border-bottom: 0!important;}
.cts-border-l-0 {border-left: 0!important;}
.cts-border-all-0 {border: 0!important;}
.cts-box-shadow-0 {box-shadow: none!important;}

/*.cts-icon-container .cts-icon i {*/
    /*position: absolute;*/
/*}*/

.cts-icon-container .cts-icon-contents {
    display: table-cell;
}

.cts-border-round {
    border: 1px solid #ddd;
    border-radius: 50%;
}

.cts-br-4 { border-radius: 4px !important; }
.cts-br-6 { border-radius: 6px !important; }
.cts-br-8 { border-radius: 8px !important; }
.cts-br-10 { border-radius: 10px !important; }
.cts-br-12 { border-radius: 12px !important; }
.cts-br-16 { border-radius: 16px !important; }
.cts-br-20 { border-radius: 20px !important; }
.cts-br-24 { border-radius: 24px !important; }
.cts-br-30 { border-radius: 30px !important; }
.cts-br-50 { border-radius: 50px !important; }
.cts-br-full { border-radius: 50% !important; } /* Full round */

.cts-ul-list-none {list-style-type: none!important;}

.cts-position-none{
    position: unset!important;
}
.cts-deep-gray{color: #747474!important;}

ul.cts-icon-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.cts-icon-list li {
    position: relative;
    padding: 4px 4px 4px 20px;
}
ul.cts-icon-list li em:first-child{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 30px;
}
.cts-text-truncate-td {
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    max-width:1px;
}
.cts-text-truncate{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cts-letter-spacing-1 {
    letter-spacing: 0.1px;
}

.cts-letter-spacing-2 {
    letter-spacing: 0.2px;
}

.cts-cover-image-300 {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.cts-cover-image-250 {
    width: 250px;
    height: 250px;
    object-fit: cover;
}

.cts-cover-image-200 {
    width: 200px;
    height: 150px;
    object-fit: cover;
}

.cts-cover-image-50 {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.cts-cover-image-40 {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.cts-cover-fit {
    object-fit: cover;
}

.cts-text-justify {
    text-align: justify!important;
}

.cts-liveWireLoading-wrapper {
    height: 250px;
    position: relative;
}
.cts-liveWireLoading:before {
    content: "";
    position: absolute;
    right: 2px;
    top: 1px;
    width: calc(100% - 4px);
    height: calc(100% - 2px);
    border-radius: inherit;
    z-index: 1;
}
.cts-liveWireLoading::after {
    content: ""; /* This is required for the pseudo-element to work */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    opacity: 1;
    z-index: 9999; /* Make sure it appears above other elements */
    border: 3px solid rgba(23, 23, 23, 0.2); /* Faint border */
    border-top-color: rgba(23, 23, 23, 0.7); /* Darker color for the spinner effect */
    border-radius: 50%;
    animation: spin-poo 1s linear infinite; /* Animate the spin */
    -webkit-animation: spin-poo 1s linear infinite; /* For older webkit browsers */
    background-color: rgba(255, 255, 255, 0.5); /* Optional: A light background to ensure visibility */
}
/* Add the keyframes for the spinner */
@keyframes spin-poo {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin-poo {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}



.cts-fadeInUp-animation {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUpAnimation 0.7s ease forwards;
}

@keyframes fadeInUpAnimation {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cts-font-serif{ font-family: sans-serif !important; }
.cts-price-ui {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-feature-settings: "tnum";
}
.cts-price-premium {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.cts-price-premium-soft {
    font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.cts-lh-20 { line-height: 20px !important; }
.cts-lh-22 { line-height: 22px !important; }
.cts-lh-24 { line-height: 24px !important; }
.cts-lh-26 { line-height: 26px !important; }
.cts-lh-28 { line-height: 28px !important; }
.cts-lh-32 { line-height: 32px !important; }
.cts-lh-36 { line-height: 36px !important; }
.cts-lh-40 { line-height: 40px !important; }
.cts-lh-48 { line-height: 48px !important; }


.cts-bc-red { border-color: red !important; }
.cts-bc-green { border-color: green !important; }
.cts-bc-light-green { border-color: #4CAF50 !important; }
.cts-bc-blue { border-color: blue !important; }
.cts-bc-yellow { border-color: yellow !important; }
.cts-bc-orange { border-color: orange !important; }
.cts-bc-purple { border-color: purple !important; }
.cts-bc-black { border-color: black !important; }
.cts-bc-gray { border-color: gray !important; }
.cts-bc-pink { border-color: pink !important; }
.cts-bc-teal { border-color: teal !important; }
.cts-bc-brown { border-color: brown !important; }
.cts-bc-cyan { border-color: cyan !important; }
.cts-bc-magenta { border-color: magenta !important; }
.cts-bc-lime { border-color: lime !important; }
.cts-bc-olive { border-color: olive !important; }
.cts-bc-maroon { border-color: maroon !important; }
.cts-bc-navy { border-color: navy !important; }
.cts-bc-silver { border-color: silver !important; }

.cts-text-line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.cts-text-line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.cts-text-line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/*** xs ***/
@media only screen and (max-width: 767px){
    .cts-p-l-xs-0 { padding-left: 0 !important; }
    .cts-p-l-xs-10 { padding-left: 10px !important; }
    .cts-p-l-xs-20 { padding-left: 20px !important; }
    .cts-p-l-xs-30 { padding-left: 30px !important; }

    .cts-p-t-xs-0 { padding-top: 0 !important; }
    .cts-p-t-xs-10 { padding-top: 10px !important; }
    .cts-p-t-xs-20 { padding-top: 20px !important; }
    .cts-p-t-xs-30 { padding-top: 30px !important; }

    .cts-p-b-xs-0 { padding-bottom: 0 !important; }
    .cts-p-b-xs-10 { padding-bottom: 10px !important; }
    .cts-p-b-xs-20 { padding-bottom: 20px !important; }
    .cts-p-b-xs-30 { padding-bottom: 30px !important; }

    .cts-p-r-xs-0 { padding-right: 0 !important; }
    .cts-p-r-xs-10 { padding-right: 10px !important; }
    .cts-p-r-xs-20 { padding-right: 20px !important; }
    .cts-p-r-xs-30 { padding-right: 30px !important; }

    .cts-m-l-xs-0 { margin-left: 0 !important; }
    .cts-m-l-xs-10 { margin-left: 10px !important; }
    .cts-m-l-xs-20 { margin-left: 20px !important; }
    .cts-m-l-xs-30 { margin-left: 30px !important; }

    .cts-m-t-xs-0 { margin-top: 0 !important; }
    .cts-m-t-xs-10 { margin-top: 10px !important; }
    .cts-m-t-xs-20 { margin-top: 20px !important; }
    .cts-m-t-xs-30 { margin-top: 30px !important; }

    .cts-m-b-xs-0 { margin-bottom: 0 !important; }
    .cts-m-b-xs-10 { margin-bottom: 10px !important; }
    .cts-m-b-xs-20 { margin-bottom: 20px !important; }
    .cts-m-b-xs-30 { margin-bottom: 30px !important; }

    .cts-m-r-xs-0 { margin-right: 0 !important; }
    .cts-m-r-xs-10 { margin-right: 10px !important; }
    .cts-m-r-xs-20 { margin-right: 20px !important; }
    .cts-m-r-xs-30 { margin-right: 30px !important; }

    .cts-xs-hide { display: none; }

    .cts-font-8-xs { font-size: 8px !important; }
    .cts-font-9-xs { font-size: 9px !important; }
    .cts-font-10-xs { font-size: 10px !important; }
    .cts-font-11-xs { font-size: 11px !important; }
    .cts-font-12-xs { font-size: 12px !important; }
    .cts-font-13-xs { font-size: 13px !important; }
    .cts-font-14-xs { font-size: 14px !important; }
    .cts-font-15-xs { font-size: 15px !important; }
    .cts-font-16-xs { font-size: 16px !important; }
    .cts-font-17-xs { font-size: 17px !important; }
    .cts-font-18-xs { font-size: 18px !important; }
    .cts-font-19-xs { font-size: 19px !important; }
    .cts-font-20-xs { font-size: 20px !important; }
    .cts-font-21-xs { font-size: 21px !important; }
    .cts-font-22-xs { font-size: 22px !important; }
    .cts-font-23-xs { font-size: 23px !important; }
    .cts-font-24-xs { font-size: 24px !important; }
    .cts-font-25-xs { font-size: 25px !important; }
    .cts-font-26-xs { font-size: 26px !important; }
    .cts-font-27-xs { font-size: 27px !important; }
    .cts-font-28-xs { font-size: 28px !important; }
    .cts-font-29-xs { font-size: 29px !important; }
    .cts-font-30-xs { font-size: 30px !important; }
}

/*** sm/md/lg ***/
@media only screen and (min-width: 768px){
    .cts-p-l-sm-0 { padding-left: 0 !important; }
    .cts-p-l-sm-10 { padding-left: 10px !important; }
    .cts-p-l-sm-15 { padding-left: 15px !important; }
    .cts-p-l-sm-20 { padding-left: 20px !important; }
    .cts-p-l-sm-30 { padding-left: 30px !important; }

    .cts-p-t-sm-0 { padding-top: 0 !important; }
    .cts-p-t-sm-10 { padding-top: 10px !important; }
    .cts-p-t-sm-15 { padding-top: 15px !important; }
    .cts-p-t-sm-20 { padding-top: 20px !important; }
    .cts-p-t-sm-30 { padding-top: 30px !important; }

    .cts-p-b-sm-0 { padding-bottom: 0 !important; }
    .cts-p-b-sm-10 { padding-bottom: 10px !important; }
    .cts-p-b-sm-15 { padding-bottom: 15px !important; }
    .cts-p-b-sm-20 { padding-bottom: 20px !important; }
    .cts-p-b-sm-30 { padding-bottom: 30px !important; }

    .cts-p-r-sm-0 { padding-right: 0 !important; }
    .cts-p-r-sm-10 { padding-right: 10px !important; }
    .cts-p-r-sm-15 { padding-right: 15px !important; }
    .cts-p-r-sm-20 { padding-right: 20px !important; }
    .cts-p-r-sm-30 { padding-right: 30px !important; }

    .cts-m-l-sm-0 { margin-left: 0 !important; }
    .cts-m-l-sm-10 { margin-left: 10px !important; }
    .cts-m-l-sm-15 { margin-left: 15px !important; }
    .cts-m-l-sm-20 { margin-left: 20px !important; }
    .cts-m-l-sm-30 { margin-left: 30px !important; }

    .cts-m-t-sm-0 { margin-top: 0 !important; }
    .cts-m-t-sm-10 { margin-top: 10px !important; }
    .cts-m-t-sm-15 { margin-top: 15px !important; }
    .cts-m-t-sm-20 { margin-top: 20px !important; }
    .cts-m-t-sm-30 { margin-top: 30px !important; }

    .cts-m-b-sm-0 { margin-bottom: 0 !important; }
    .cts-m-b-sm-10 { margin-bottom: 10px !important; }
    .cts-m-b-sm-15 { margin-bottom: 15px !important; }
    .cts-m-b-sm-20 { margin-bottom: 20px !important; }
    .cts-m-b-sm-30 { margin-bottom: 30px !important; }

    .cts-m-r-sm-0 { margin-right: 0 !important; }
    .cts-m-r-sm-10 { margin-right: 10px !important; }
    .cts-m-r-sm-15 { margin-right: 15px !important; }
    .cts-m-r-sm-20 { margin-right: 20px !important; }
    .cts-m-r-sm-30 { margin-right: 30px !important; }

    .cts-sm-hide { display: none; }
}