/*****************************
------------------------------
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-spring-green { background-color: #319736!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); }
.cts-bg-gradient-blue-green { background: linear-gradient(to right, #0074D9, #2ECC40); }
.cts-bg-gradient-purple-pink { background: linear-gradient(to right, #B10DC9, #FF80CC); }
.cts-bg-gradient-cyan-magenta { background: linear-gradient(to right, #7FDBFF, #FF007F); }
.cts-bg-gradient-teal-amber { background: linear-gradient(to right, #39CCCC, #FFBF00); }
.cts-bg-gradient-indigo-lime { background: linear-gradient(to right, #3D5AFE, #01FF70); }
.cts-bg-gradient-sapphire-emerald { background: linear-gradient(to right, #0F52BA, #2ECC71); }
.cts-bg-gradient-gold-ruby { background: linear-gradient(to right, #FFD700, #E91E63); }
.cts-bg-gradient-topaz-jade { background: linear-gradient(to right, #19A3A3, #00A86B); }
.cts-bg-gradient-azure-turquoise { background: linear-gradient(to right, #007FFF, #40E0D0); }
.cts-bg-gradient-rose-peach { background: linear-gradient(to right, #FFC0CB, #FFDAB9); }
.cts-bg-gradient-sky-lavender { background: linear-gradient(to right, #87CEEB, #E6E6FA); }
.cts-bg-gradient-navy-maroon { background: linear-gradient(to right, #000080, #800000); }
.cts-bg-gradient-salmon-plum { background: linear-gradient(to right, #FA8072, #DDA0DD); }
.cts-bg-gradient-ivory-rose { background: linear-gradient(180deg, #faf7f5 0%, #fff4f4 100%); }
.cts-bg-gradient-gray { background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%); }

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

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

/*
* Text colors
*/
.cts-text-red {
    color: #FF4136; /* Red */
}

.cts-text-blue {
    color: #0074D9; /* Blue */
}

.cts-text-green {
    color: #2ECC40; /* Green */
}

.cts-text-yellow {
    color: #FFDC00; /* Yellow */
}

.cts-text-orange {
    color: #FF851B; /* Orange */
}

.cts-text-purple {
    color: #B10DC9; /* Purple */
}

.cts-text-pink {
    color: #FF80CC; /* Pink */
}

.cts-text-cyan {
    color: #7FDBFF; /* Cyan */
}

.cts-text-magenta {
    color: #FF007F; /* Magenta */
}

.cts-text-teal {
    color: #39CCCC; /* Teal */
}

.cts-text-lime {
    color: #01FF70; /* Lime */
}

.cts-text-indigo {
    color: #3D5AFE; /* Indigo */
}

.cts-text-silver {
    color: #DDDDDD; /* Silver */
}

.cts-text-gold {
    color: #FFD700; /* Gold */
}

.cts-text-emerald {
    color: #2ECC71; /* Emerald */
}

.cts-text-ruby {
    color: #E91E63; /* Ruby */
}

.cts-text-amethyst {
    color: #9B30FF; /* Amethyst */
}

.cts-text-topaz {
    color: #19A3A3; /* Topaz */
}

.cts-text-raspberry {
    color: #E30B5C; /* Raspberry */
}

.cts-text-turquoise {
    color: #40E0D0; /* Turquoise */
}

.cts-text-sapphire {
    color: #0F52BA; /* Sapphire */
}

.cts-text-amber {
    color: #FFBF00; /* Amber */
}

.cts-text-jade {
    color: #00A86B; /* Jade */
}

.cts-text-ivory {
    color: #FFFFF0; /* Ivory */
}

.cts-text-azure {
    color: #007FFF; /* Azure */
}

.cts-text-brown {
    color: #75311c; /* Azure */
}


/* 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;
}




/*** 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;
}

/*** 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-animate-items > * {
    opacity: 0;
    animation: fadeInUpItems 0.8s ease-out forwards;
}

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

.cts-font-serif{ font-family: sans-serif; }

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

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

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