/*---- Author Brij Bhooshan ----*/
/*---- main css ----*/
html, body {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}

body {
    padding: 0;
    font-size: 15px;
    margin: 0;
    transition: 0.5s background ease;
    letter-spacing: 0.1px;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: 100% !important;
    background: #ffffff;
}

*, *:before, *:after {
    box-sizing: inherit;
}

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

* {
    scroll-behavior: inherit !important;
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

img {
    transition: 0.3s;
}

    img:hover {
        transform: scale(1.1);
    }

a {
    transition: .4s ease all;
    text-decoration: none;
}

    a:link, a:visited {
        text-decoration: none !important;
        color: #222222;
    }

    a:hover, a:active, a:focus {
        text-decoration: none !important;
    }
.h-center {
    display: flex;
    justify-content: center;
}
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

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

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

.lbl-txt {
    color: #21223e;
    padding: 5px 0px 5px 0px;
    font-weight: 400;
    font-size: 16px;
}

.alignright, img.alignright {
    float: right !important;
    margin: 5px 0px 20px 20px;
    border-radius: 0.25rem;
    clear: both;
    transition: transform ease .5s;
    -webkit-box-shadow: 2px 5px 10px -5px #00243a;
    -moz-box-shadow: 2px 5px 10px -5px #00243a;
    box-shadow: 2px 5px 10px -5px #00243a;
}

.alignleft, img.alignleft {
    float: left !important;
    margin: 5px 20px 20px 0px;
    clear: both;
    transition: transform ease .5s;
    -webkit-box-shadow: 2px 5px 10px -5px #00243a;
    -moz-box-shadow: 2px 5px 10px -5px #00243a;
    box-shadow: 2px 5px 10px -5px #00243a;
}

    .alignright:hover, .alignleft:hover {
        cursor: pointer;
        transform: scale(1.02);
    }

.section-padding {
    padding: 100px 0;
}

/*---- text color start ----*/

.title {
    position: relative;
    color: #000000;
    padding-bottom: 20px;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out 0s;
}
    .title:before {
        position: absolute;
        left: 0;
        width: 100px;
        margin: 0 auto;
        bottom: 0;
        height: 3px;
        animation: rotate 80s infinite linear;
        -webkit-animation: rotate 80s infinite linear !important;
        content: "";
        border-radius: 1px;
        background: rgb(255, 120, 16); /* Old browsers */
        background: -moz-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* FF3.6+ */
        background: -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(255, 120, 16, 1)), color-stop(25%, rgba(255, 21, 106, 1)), color-stop(50%, rgba(255, 94, 44, 1)), color-stop(75%, rgba(187, 13, 76, 1)), color-stop(100%, rgba(255, 120, 16, 1)) ); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* Opera 11.10+ */
        background: -ms-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* IE10+ */
        background: linear-gradient( to right, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7810', endColorstr='#ff7810',GradientType=1 ); /* IE6-9 */
    }
.title1 {
    position: relative;
    color: #000000;
    padding-bottom: 15px;
    margin-bottom: 10px;
    transition: all 0.5s ease-in-out 0s;
}
.title1:before {
    position: absolute;
    left: 0;
    width: 100px;
    margin: 0 auto;
    bottom: 0;
    height: 2px;
    animation: rotate 80s infinite linear;
    -webkit-animation: rotate 80s infinite linear !important;
    content: "";
    border-radius: 1px;
    background: rgb(255, 120, 16); /* Old browsers */
    background: -moz-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* FF3.6+ */
    background: -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(255, 120, 16, 1)), color-stop(25%, rgba(255, 21, 106, 1)), color-stop(50%, rgba(255, 94, 44, 1)), color-stop(75%, rgba(187, 13, 76, 1)), color-stop(100%, rgba(255, 120, 16, 1)) ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* Opera 11.10+ */
    background: -ms-linear-gradient( left, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* IE10+ */
    background: linear-gradient( to right, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 94, 44, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100% ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7810', endColorstr='#ff7810',GradientType=1 ); /* IE6-9 */
}

.offer-crd {
    border-radius: 1rem;
    display: inline-block;
}

.crd-border {
    background: rgb(131, 58, 180);
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
    display: inline-block;
    border-radius: 1rem;
}

.text-center .title:before {
    left: 50%;
}

.text-right .title:before {
    left: inherit;
    right: 0;
}

.txt-heading {
    color: #ff5b11;
}

    .txt-heading span {
        color: #606060;
    }

.txt-shadow {
    text-shadow: 1px 1px 1px lightgrey;
}

.txt-shadow-new {
    text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.txt-shadow-bl {
    text-shadow: 1px 3px 6px #000000 !important;
}

.txt-shadow-b {
    text-shadow: 1px 1px 1px rgb(2 2 2 / 32%) !important;
}

.txt-shadawbig {
    text-shadow: 5px 7px 7px rgb(2 2 2 / 32%) !important;
}

.txt-rsorng {
    color: #fb641b !important
}

.txt-rsblue {
    color: #2874f0 !important;
}

.txt-primary-all {
    color: #2f3f56 !important;
}

.txt-secondry-all {
    color: #333333 !important;
}

.txt-primary {
    color: #21223e !important;
}

.txt-secondry {
    color: #323c4f !important;
}

.txt-primary-db {
    color: #204256 !important;
}

.txt-secondry-db {
    color: #204056 !important;
}

.txt-primary-gray {
    color: #f3f3f3 !important;
}

.txt-secondry-gray {
    color: #888888 !important;
}

.txt-primary-bl {
    color: #03356e !important;
}

.txt-secondry-bl {
    color: #00005b !important;
}

.txt-primary-b {
    color: #0000a0 !important;
}

.txt-secondry-b {
    color: #0000ff !important;
}

.txt-primary-lb {
    color: #f3f8fe !important;
}

.txt-secondry-lb {
    color: #0066ff !important
}

.txt-primary-bn {
    color: #025add !important;
}

.txt-secondry-bn {
    color: #1c2045 !important;
}

.txt-primary-o {
    color: #ff5b11 !important;
}

.txt-secondry-o {
    color: #ff7900 !important;
}

.txt-primary-orng {
    color: #ff4516 !important;
}

.txt-secondry-orng {
    color: #ff4516 !important;
}

.txt-primary-lo {
    color: #fb872b !important;
}

.txt-secondry-lo {
    color: #ff754b !important;
}

.txt-admin {
    color: #ef6719 !important;
}

.txt-primary-r {
    color: #ff0000 !important;
}

.txt-admin {
    color: #ef6719 !important;
}

.txt-secondry-r {
    color: #cc2900 !important;
}

.txt-primary-dr {
    color: #8e0000 !important;
}

.txt-primary-pink {
    color: #f4543c !important;
}

.txt-secondry-pink {
    color: rgb(239, 46, 36) !important;
}

.txt-primary-g {
    color: #2d7c0a !important;
}

.txt-secondry-g {
    color: #0c8b51 !important
}

.txt-primary-lg {
    color: #97b832 !important;
}

.txt-secondry-lg {
    color: #a9ba13 !important;
}

.txt-primary-y {
    color: #ffc800 !important;
}

.txt-secondry-y {
    color: #ffd562 !important;
}

.txt-primary-brown {
    color: #993300 !important;
}

.txt-secondry-brown {
    color: rgb(207, 0, 0) !important;
}

.txt-blink {
    color: #606060 !important;
}

.txt-lightgreen {
    color: #97b832 !important;
}

.txt-newgreen {
    color: #3db166;
}

    .txt-newgreen:hover {
        color: #ffffff;
    }

.txt-primary-gn {
    color: #2d7c0a !important;
}

.txt-secondry-gn {
    color: #228b22 !important;
}

.txt-primary-dg {
    color: #356001 !important;
}

.txt-secondry-dg {
    color: #325b01 !important;
}

.txt-all {
    color: #404040 !important
}

.txt-h2 {
    color: #333333 !important;
}

.txt-grd {
    background-image: linear-gradient( 45deg,#4374b9,#ee424f,#ee424f,#ee424f,#ee424f) !important;
    color: transparent !important;
    -webkit-background-clip: text !important;
}

.txt-grad {
    background: linear-gradient( 330deg,#ff9000 0,red 50%,#0a00b2 100%);
    background: -moz-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);
    background: -webkit-linear-gradient( 330deg,#ff9000 0,red 50%,#0a00b2 100%);
    background-image: -ms-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    display: inline-block;
}

.lh-22 {
    line-height: 22px !important;
}

.lh-24 {
    line-height: 24px !important;
}

.lh-26 {
    line-height: 26px !important;
}

.lh-28 {
    line-height: 28px !important;
}

.lh-30 {
    line-height: 30px !important;
}
/*-- text color end --*/
/*---- font size start ----*/
.fs-012 {
    font-size: 12px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs-050 {
    font-size: 50px !important;
}
/*---- font size end ----*/
/*---- font family end ----*/
.ff-cent {
    font-family: Century Schoolbook !important;
}

.ff-mono {
    font-family: Montserrat-webfont !important;
}

.ff-exo {
    font-family: Exo !important;
}

.ff-nun {
    font-family: Nunito Sans !important
}
/*---- font family end ----*/
/*-- font weight start --*/
.fw-400 {
    font-weight: 400 !important;
}

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

.fw-600 {
    font-weight: 600 !important;
}
/*-- font weight end --*/
/*-- shadow start --*/
.rsshadow-b1, .shadow-b1 {
    box-shadow: 0 -6px 10px 5px #0000007f;
}

.rsshadow-0 {
    box-shadow: 0 1px 3px #0000001f,0 1px 2px #0000003d;
}

.rsshadow-1 {
    box-shadow: 0 1px 3px #0000001f,0 1px 2px #0000003d;
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

    .rsshadow-1:hover {
        box-shadow: 0 14px 28px #00000040,0 10px 10px #00000038
    }

.rsshadow-2 {
    box-shadow: 0 3px 6px #00000029,0 3px 6px #0000003b
}

.rsshadow-3 {
    box-shadow: 0 10px 20px #00000030,0 6px 6px #0000003b
}

.rsshadow-4 {
    box-shadow: 0 14px 28px #00000040,0 10px 10px #00000038
}

.rsshadow-5 {
    box-shadow: 0 19px 38px #0000004d,0 15px 12px #00000038
}

.rsshadow-6 {
    box-shadow: 0 3px 6px #0000001f,0 3px 6px #0000003d;
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

.rsshadow-7 {
    box-shadow: -1px 8px 15px 10px #00000054,0 6px 6px #0000003b
}

.rsshadow-8 {
    box-shadow: 0 0 8px 2px rgb(255, 255, 255) fff6e,0 -1px 6px #060606
}

.rsshadow-9 {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.rsshadow-10 {
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.box-shadow {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
/*-- shadow end --*/
/*---- backgraund start ----*/
.bg-rad-10 {
    border-radius: 10px !important
}

.bg-rad-7 {
    border-radius: 7px !important
}

.bg-rad-5 {
    border-radius: 5px !important
}

.bg-rsorng {
    background: #fb641b !important
}

.bg-rsblue {
    background: #2874f0 !important;
}

.bg-primary-b {
    background: #204056 !important;
}

.bg-secondary-gray {
    background: #eaeaead9 !important;
}

.bg-gray {
    background: #f5f5f5 !important;
}

.bg-primary-gray {
    background: #f3f3f3 !important;
}

.bg-lightdark {
    background-color: rgba(0, 0, 0, 0.45);
}

.bg-tabdark {
    background-color: #2f3f56 !important;
}

.bg-shadow {
    background-color: #2f3f56 !important;
    box-shadow: 0 0 20px 0 rgb(57 73 99 / 15%);
}

.bg-lightblue {
    background-color: #8fd8f9 !important;
}

.bg-darkblue {
    background-color: #163269 !important;
}

.bg-lightbluec {
    background-color: #caedfd !important;
}

.bg-lightbluen {
    background-color: rgba(9, 175, 24, 0.15) !important;
}

.bg-voilet-blue {
    background: #a594f9 !important;
}

.bg-lightgreen {
    background-color: #f0f9cc !important;
}

.bg-lightsand {
    background-color: #fbefcc !important
}

.bg-card {
    background: #fffff9 !important;
}

.bg-know {
    background: #f9f9ef !important;
}

.bg-sand {
    background: #d9d9b5 !important
}

.bg-aboutall, .bg-aboutrs {
    background: #eff3f6 !important;
}

.bg-txt {
    background: #e9e9c5 !important;
}

.bg-lightgr {
    background: #d6fdec !important
}

.bg-lightpink {
    background: #ffdfda !important;
}

.bg-lightsky {
    background: #dae9ff !important;
}

.bg-lightpink1 {
    background: #fae7db !important;
}

.bg-grinish {
    background: linear-gradient(135deg, #d4f0d0 12.13%, #eceac1 59.55%) !important;
}

.bg-grinish-1 {
    background: linear-gradient(135deg, #e6ecc1 25%, #efe7df 59.55%) !important;
}

.bg-lgrinish {
    background: linear-gradient(135deg, #fffee9 12.13%, #d0f0e1 100%) !important;
}

.bg-lp {
    background: linear-gradient(139.03deg, rgb(255, 241, 205) 5.05%, rgb(255, 232, 237) 51.71%) !important;
}

.bg-bl {
    background: linear-gradient(270deg, #4B81C7 0, #905DEF 100%) !important;
}

.bg-orng {
    background: linear-gradient(140.9deg, #fff1cd 25%, #ffe8ed 59.55%) !important;
}

.bg-lg {
    background: linear-gradient(135deg, #eceac1 6.13%, #a5a5a5 59.55%) !important;
}

.bg-ccard {
    background: linear-gradient(93.8deg,#f5e8da 0%,#deece8 100%) !important;
}

.bg-foot {
    background: linear-gradient(93.8deg,#f5e8da 0%,#deece8 100%);
    box-shadow: 0px 0px 12px rgba(0,0,0,0.08);
    border-radius: 8px;
    padding: 20px 20px 8px 20px;
    position: relative;
}

.bg-back {
    background: linear-gradient(to right, #fc354c, #0abfbc) !important
}

.bg-grd-og {
    background: linear-gradient(90deg, rgba(254, 180, 73, 1) 0%, rgb(84 175 188) 90%) !important;
}

.bg-23 {
    background: url('../images/bg23.jpg') !important;
}

.bg-shape {
    background: url('../images/bottom-bg-shape.png') !important;
}

.bg-gplay {
    background: url('../images/gplay.png') !important;
}

.bg-placement {
    background: url('../images/placement.png') !important;
}

.bg-achive {
    background: url('../images/achive-bg.png') !important;
}

.bg-image {
    background: url('../images/bg_image.jpg') !important;
}

.bg-game {
    background: url('../images/game-bg.jpg') !important;
}

.bg-tiny {
    background: url('../images/tiny_grid.png') !important;
}
/*---- background end ----*/
/*---- border start ----*/
.border-all {
    border: 1px solid #0e1476 !important;
    z-index: 4000;
}

.border-lg {
    border: 1px solid #699714 !important;
    z-index: 4000;
}

.border-green {
    border: 1px solid #2d7c0a !important;
    z-index: 4000;
}

.border-darkblue {
    border: 1px solid #0000a0 !important;
    z-index: 4000;
}

.border-lightgray {
    border: 1px solid #fff !important;
}
/*---- border end ----*/
/*---- gradient colour start ----*/
.grd-green {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#49c4a4), to(#97b832));
    background: -webkit-linear-gradient(left, #49c4a4, #97b832);
    background: -moz-linear-gradient(left, #49c4a4, #97b832);
    background: -o-linear-gradient(left, #49c4a4, #97b832);
    background: -ms-linear-gradient(left, #49c4a4, #97b832);
    background: linear-gradient(left, #49c4a4, #97b832);
    background-color: #49c4a4;
    color: #fff;
}

.grd-blue {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31c8b1), to(#4ec7ff));
    background: -webkit-linear-gradient(left, #31c8b1, #4ec7ff);
    background: -moz-linear-gradient(left, #31c8b1, #4ec7ff);
    background: -o-linear-gradient(left, #31c8b1, #4ec7ff);
    background: -ms-linear-gradient(left, #31c8b1, #4ec7ff);
    background: linear-gradient(left, #31c8b1, #4ec7ff);
    background-color: #4ec7ff;
    color: #fff;
}

.grd-red {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d90647), to(#eb402c));
    background: -webkit-linear-gradient(left, #d90647, #eb402c);
    background: -moz-linear-gradient(left, #d90647, #eb402c);
    background: -o-linear-gradient(left, #d90647, #eb402c);
    background: -ms-linear-gradient(left, #d90647, #eb402c);
    background: linear-gradient(left, #d90647, #eb402c);
    background-color: #d90647;
    color: #fff;
}

.grd-light-green {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#29bb92), to(#69cbb0));
    background: -webkit-linear-gradient(left, #29bb92, #69cbb0);
    background: -moz-linear-gradient(left, #29bb92, #69cbb0);
    background: -o-linear-gradient(left, #29bb92, #69cbb0);
    background: -ms-linear-gradient(left, #29bb92, #69cbb0);
    background: linear-gradient(left, #29bb92, #69cbb0);
    background-color: #29bb92;
}

.grd-pink {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c659a7), to(#fd67a0));
    background: -webkit-linear-gradient(left, #c659a7, #fd67a0);
    background: -moz-linear-gradient(left, #c659a7, #fd67a0);
    background: -o-linear-gradient(left, #c659a7, #fd67a0);
    background: -ms-linear-gradient(left, #c659a7, #fd67a0);
    background: linear-gradient(left, #c659a7, #fd67a0);
    background-color: #cc48d4;
}

.grd-orange {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff5183), to(#ff754b));
    background: -webkit-linear-gradient(left, #ff5183, #ff754b);
    background: -moz-linear-gradient(left, #ff5183, #ff754b);
    background: -o-linear-gradient(left, #ff5183, #ff754b);
    background: -ms-linear-gradient(left, #ff5183, #ff754b);
    background: linear-gradient(left, #ff5183, #ff754b);
    background-color: #ff5183;
}

.grd-black {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383d41), to(#5d6069));
    background: -webkit-linear-gradient(left, #383d41, #5d6069);
    background: -moz-linear-gradient(left, #383d41, #5d6069);
    background: -o-linear-gradient(left, #383d41, #5d6069);
    background: -ms-linear-gradient(left, #383d41, #5d6069);
    background: linear-gradient(left, #383d41, #5d6069);
    background-color: #5d6069;
}

.grd-lightblue {
    background: #33aaf8;
    background: -moz-linear-gradient(top, #33aaf8 0%, #0674bb 100%);
    background: -webkit-linear-gradient(top, #33aaf8 0%,#0674bb 100%);
    background: linear-gradient(to bottom, #33aaf8 0%,#0674bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33aaf8', endColorstr='#0674bb',GradientType=0 );
}

.grd-sand {
    background: #c9c190; /* Old browsers */
    background: -moz-linear-gradient(top, #c9c190 0%, #d5cea6 50%, #b7ad70 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c190), color-stop(50%,#d5cea6), color-stop(100%,#b7ad70)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c9c190 0%,#d5cea6 50%,#b7ad70 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c9c190 0%,#d5cea6 50%,#b7ad70 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c9c190 0%,#d5cea6 50%,#b7ad70 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c9c190 0%,#d5cea6 50%,#b7ad70 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c190', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
}
/*---- gradient colour start ----*/
/*-- table style start --*/
.academicTable {
    padding: 5px 0px 5px 0px !important
}

    .academicTable th {
        background-color: #f3f8fe !important;
        color: #303030 !important;
    }

    .academicTable > tbody > tr {
        background-color: rgb(255,255,255);
        color: #21223e;
    }

        .academicTable > tbody > tr:nth-of-type(odd) > * {
            background-color: #eaeaead9;
            color: #21223e;
        }

    .academicTable td, .academicTable th {
        border: 1px solid rgb(251 206 206) !important;
        padding: 4px 10px 4px 8px !important;
    }

.facultyTable th {
    background-color: #f3f8fe !important;
    color: #303030 !important;
}

.facultyTable td, .facultyTable th {
    border: 1px solid #2d7c0a !important;
    padding: 4px 10px 4px 8px !important;
    font-size: 15px !important;
}

.facultyTable td {
    color: #21223e !important;
}

.detailsTable {
    padding: 5px 0px 5px 0px !important;
}

    .detailsTable > tbody > tr > th {
        background: #1f2a3a !important;
        color: #f5f5f5 !important;
        padding: 7px 0px !important;
        border: 1px solid #f5f5f5 !important;
        font-weight: 500 !important;
        font-size: 14px !important;
    }

    .detailsTable > tbody > tr > * {
        background-color: #f3f8fe;
        color: #21223e;
    }

    .detailsTable > tbody > tr:nth-of-type(odd) > * {
        background-color: #d1e7dd;
        color: #21223e;
    }

    .detailsTable th, .detailsTable td {
        border: 1px solid #0000a0;
        padding: 4px 10px 4px 8px !important;
        font-size: 14px !important;
    }

.detailTable {
    padding: 5px 0px 5px 0px !important;
}

    .detailTable > tbody > tr > th {
        background: #1f2a3a !important;
        color: #f5f5f5 !important;
        padding: 7px 0px !important;
        border: 1px solid #f5f5f5 !important;
        font-weight: 500 !important;
        font-size: 14px !important;
    }

    .detailTable > tbody > tr > * {
        background-color: #f3f8fe;
        color: #21223e;
    }

    .detailTable > tbody > tr:nth-of-type(odd) > * {
        background-color: rgba(0, 0, 0, 0.05);
        color: #21223e;
    }

    .detailTable th, .detailTable tr, .detailTable td {
        border: 1px solid #0000a0;
        padding: 4px 10px 4px 8px !important;
        font-size: 14px !important;
    }

.facultycard {
    padding: 7px 15px
}

.faculty-title {
    background-color: #f3f8fe !important;
    color: #303030 !important;
    font-weight: bold;
    padding: 5px 0px 5px 8px !important;
}

.faculty-txt {
    color: #21223e !important;
    padding: 5px 0px 5px 8px !important;
}

.pdfobject-container {
    height: 30rem !important;
    border: 1rem solid rgba(0,0,0,.1) !important;
}

.bg-table {
    background-color: #cfe2ff !important
}

.bg-table-all {
    background: #1f2a3a !important;
}

.bg-table-lb {
    background-color: #f3f8fe !important;
    color: #2d7c0a !important;
}
/*-- table style end --*/
/*-- accordion end --*/
.accordion .accordion-item {
    background: none;
    position: relative;
}

    .accordion .accordion-item .accordion-button {
        text-transform: capitalize;
        font-size: 19px;
        padding: 10px 10px;
        border: none;
        font-weight: 700;
        background-color: #ffffff;
        box-shadow: 0px 0px 10px #ccc;
    }

        .accordion .accordion-item .accordion-button[aria-expanded="true"] {
            color: #ffffff;
            background-color: #eb9a30;
        }

        .accordion .accordion-item .accordion-button:focus {
            border-color: inherit;
            box-shadow: none;
        }
/*-- accordion end --*/
/*---- rs btn start ----*/
.rsbtn {
    border-radius: 5px;
    overflow: visible;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1),background-color 200ms cubic-bezier(0.35, 0, 0.25, 1);
}

.call-btn {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    background-color: #ff7200;
    padding: 7px 16px;
    border: 1px solid currentColor;
}

.blue-btn {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    background-color: #0996d3;
    padding: 7px 16px;
    border: 1px solid currentColor;
}

    .call-btn:hover, .blue-btn:hover {
        color: rgb(255, 255, 255);
        background-color: #444444;
    }

.gray-btn {
    background-color: #e9f9ff;
    color: #444444 !important;
    text-align: center;
    padding: 7px 16px;
    border: 1px solid currentColor;
    font-size: 15px;
}

    .gray-btn:hover {
        color: rgb(255, 255, 255) !important;
        background-color: #ff5561;
    }

.voilet-btn {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    background-color: #d3485d;
    padding: 7px 16px;
    border: 1px solid currentColor;
}

    .voilet-btn:hover {
        color: rgb(255, 255, 255);
        background-color: rgb(147, 50, 65);
    }

.pink-btn {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    background-color: #f4543c;
    padding: 7px 16px;
    border: 1px solid currentColor;
}

    .pink-btn:hover {
        color: #444444 !important;
        background-color: #e9f9ff;
    }

.green-btn {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    background-color: #699714;
    padding: 7px 16px;
    border: 1px solid currentColor;
}

    .green-btn:hover {
        color: rgb(255, 255, 255);
        background-color: #ff5561;
    }

.btn-logo {
    font-size: 10px;
    font-weight: normal;
    padding: 8px 3px 8px 3px;
    margin: 1px 1px;
    vertical-align: middle;
    background: #f4543c;
    color: rgb(255, 255, 255);
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.primary-btn {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    background-color: #1f2a3a;
    padding: 7px 16px;
    border: 1px solid currentColor;
}

    .primary-btn:hover {
        color: rgb(255, 255, 255);
        background-color: #ff5561;
    }

.btn-logo {
    font-size: 10px;
    font-weight: normal;
    padding: 8px 3px 8px 3px;
    margin: 1px 1px;
    vertical-align: middle;
    background: #f4543c;
    color: rgb(255, 255, 255);
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.btn-green-moon {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    padding: 7px 16px;
    background: #56ab2f;
    background: linear-gradient(to right,#a8e063,#56ab2f);
    border: 1px solid #eee
}

.btn-orange-moon {
    font-size: 15px;
    color: rgb(255, 255, 255) !important;
    text-align: center;
    padding: 7px 16px;
    background: #fc4a1a;
    background: linear-gradient(to right,#f7b733,#fc4a1a);
    border: 1px solid #eee
}

    .btn-orange-moon:hover {
        background: #56ab2f;
        background: linear-gradient(to right,#a8e063,#56ab2f);
    }

.header-btn a {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.03em;
    color: #ffffff;
    border: 1px solid #22b6b6;
    border-radius: 5px;
    padding: 10px 30px;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .header-btn a::after {
        position: absolute;
        content: "";
        display: block;
        left: 15%;
        right: -20%;
        top: -4%;
        height: 150%;
        width: 150%;
        bottom: 0;
        background-color: rgb(34,182,182);
        transform: skewX(45deg) scale(0, 1);
        z-index: -1;
        transition: all .5s ease-out 0s;
        overflow: hidden;
    }

    .header-btn a:hover {
        color: #1D1D1D;
    }

        .header-btn a:hover::after, .letscall-btn a:hover::after {
            transform: skewX(45deg) scale(1,1)
        }

.letscall-btn a {
    background: linear-gradient(90deg, rgba(255, 120, 16, 1) 0%, rgba(255, 94, 44, 1) 90%);
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.03em;
    border: 1px solid currentColor;
    border-radius: 5px;
    padding: 10px 30px;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .letscall-btn a::after {
        position: absolute;
        content: "";
        display: block;
        left: 15%;
        right: -20%;
        top: -4%;
        height: 150%;
        width: 150%;
        bottom: 0;
        background: linear-gradient(135deg,#020381 0%,#2874fc 100%);
        transform: skewX(45deg) scale(0, 1);
        z-index: -1;
        transition: all .5s ease-out 0s;
        overflow: hidden;
    }
/*---- rs btn end ----*/