/* TEXT COLOR */
.color-white {
    color: #fff;
}

.color-royle-blue {
    color: #0b469b;
}

.color-secondery-blue {
    color: #000091 !important;;
}

.color-red {
    color: red;
}

.color-royal-green {
    color: #ed8129;
}

.color-grey {
    color: #6D7783 !important;
}

/* BACKGROUND COLOR */
.bg-primary {
    background-color: #0b469b !important;
}

.bg-grey-light {
    background-color: aliceblue !important;
}

.bg-light-blue {
    background-color: #3b5998 !important;
}

.bg-dark-sky-blue {
    background-color: #0082ca !important;
}

.bg-light-sky-blue {
    background-color: #55acee !important;
}

.bg-royal-green {
    background-color: #ed8129;
}

.bg-transparent-black {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-transparent-black-light {
    background-color: rgb(0 0 0 / 4%);
}

.instagram-gradient {
    background-image: linear-gradient(135deg, #833ab4, #fd1d1d); /* Gradient from purple to pink */
}


.bg-orange {
    background-color: #dd4b39 !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-medium-light {
    background-color: #fff !important;
}

.bg-pattern-01 {
    background-image: url(../img/banner2.png);
}


.bg-pattern-02 {
    background-image: url(../img/Savin-NY.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-pattern-03 {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: aliceblue;
    background-size: cover;
    background-image: url(../img/contact_form_bg.png);
}

/* POAITION */
.position-absolute {
	position: absolute !important;
}

.position-relative {
	position: relative !important;
}

.z-index-99 {
    z-index: 99 !important;
}

/* DISPLAY STYLE*/

.d-inline {
    display: inline !important;
}

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

.text-decoration-none {
    text-decoration: none !important;
}
.text-start {
    text-align: start !important;
}

/* PADDING */
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }

.pt-0 { padding-top: 0 !important; }
.pt-10 { padding-top: 10px !important; }
.pt-50 { padding-top: 50px !important; }

.pb-0 { padding-bottom: 0px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-35 { padding-bottom: 35px !important; }
.pb-80 { padding-bottom: 80px !important; }

.pl-17 { padding-left: 17px !important; }
.pl-30 { padding-left: 20px !important; }

.py-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* MARGIN */

.m-5 { margin: 5px !important; }

.mt-2 { margin-top: 2px !important; }
.mt-4 { margin-top: 4px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-64 { margin-top: 64px !important; }
.mt-75 { margin-top: 75px !important; }

.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }

.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }

.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-n-20 { margin-left: -20px !important; }
.ml-n-25 { margin-left: -25px !important; }
.ml-20 { margin-left: 20px !important; }

@media (max-width: 767px) {
    .ml-sm-0 {margin-left: 0 !important;}
}

.my-15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.my-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.my-25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

.my-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.my-35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.my-45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}

/* WIDTH */
.w-p-10 {
    width: 10% !important;
}

.w-p-12 {
    width: 12% !important;
}

.w-p-15 {
    width: 15% !important;
}

.w-p-20 {
    width: 20% !important;
}

.w-p-30 {
    width: 30% !important;
}

.w-p-45 {
    width: 45% !important;
}

.w-p-55 {
    width: 55% !important;
}

.w-p-70 {
    width: 70% !important;
}

.w-p-80 {
    width: 80% !important;
}

.w-p-88 {
    width: 88% !important;
}

.max-w-p-50 {
    max-width: 50%;
}

.min-w-0 {
    min-width: 0;
}

@media (max-width: 767px) {
    .w-sm-50 {width: 50% !important;}
    .max-w-p-sm-100 {max-width: 100% !important;}
}

/* HEIGHT */

.h-20 {
    height: 20px !important;
}

.h-200 {
    height: 200px !important;
}

.h-215 {
    height: 215px !important;
}

.h-225 {
    height: 225px !important;
}

/* FONT WEIGHTS */
.fw-light {
	font-weight: 300 !important;
}

.fw-normal {
	font-weight: 400 !important;
}

.fw-medium {
	font-weight: 500 !important;
}

.fw-bold {
	font-weight: 600 !important;
}

.fw-bolder {
	font-weight: 700 !important;
}

/* FONT SIZES */
.fs-10 {
	font-size: 10px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-17 {
	font-size: 17px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-25 {
	font-size: 25px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.fs-32 {
	font-size: 32px !important;
}

.fs-34 {
	font-size: 34px !important;
}

.fs-35 {
	font-size: 35px !important;
}

.fs-40 {
	font-size: 40px !important;
}

.fs-55 {
	font-size: 55px !important;
}

@media (max-width: 767px) {
    .fs-sm-10 {font-size: 10px !important;}
    .fs-sm-11 {font-size: 11px !important;}
    .fs-sm-13 {font-size: 13px !important;}
    .fs-sm-15 {font-size: 15px !important;}
    .fs-sm-16 {font-size: 16px !important;}
    .fs-sm-17 {font-size: 17px !important;}
    .fs-sm-18 {font-size: 18px !important;}
    .fs-sm-20 {font-size: 20px !important;}
}

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

.bottom-5 { bottom: 5px !important;}


.letter-spacing-1-5 {
	letter-spacing: 1.5px !important;
}

.letter-spacing-1 {
	letter-spacing: 1px !important;
}

.line-heigth-1-8 {
    line-height: 1.8 !important;
}

/* BOX-SHADOW */

.box-3d-shadow {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.10) 0px 50px 100px -20px, rgba(0, 0, 0, 0) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}