@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'Singo-1Goqv';
    src: url('../fonts/Singo-1Goqv.woff') format('woff'), url('../fonts/Singo-1Goqv.woff2') format('woff2'), url('../fonts/Singo-1Goqv.svg#Singo-1Goqv') format('svg'), url('../fonts/Singo-1Goqv.eot'), url('../fonts/Singo-1Goqv.eot?#iefix') format('embedded-opentype'), url('../fonts/Singo-1Goqv.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
} */

.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

a,
a:link,
a:visited,
a:active,
a:hover,
button,
input,
select,
textarea,
i {
    text-decoration: none;
    outline: none;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

input,
select,
textarea {
    width: 100%;
    outline: none;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
    height: auto;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    box-shadow: none;
}

img {
    max-width: 100%;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

p {
    font-size: 16px;
    line-height: 26px;
    color: #302959;
}

.comnbtn3::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #e76ce5;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 2px 0px 14px rgba(0, 0, 0, .6);
}

.comnbtn3::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #e76ce5;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2, .95, .57, .99);
    -moz-transition: all .4s cubic-bezier(.2, .95, .57, .99);
    -o-transition: all .4s cubic-bezier(.2, .95, .57, .99);
    transition: all .4s cubic-bezier(.2, .95, .57, .99);
    box-shadow: 2px 0px 14px rgba(0, 0, 0, .6);
}

.comnbtn3 {
    font-size: 16px;
    color: #fff;
    background: #7103b8;
    border-radius: 30px;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 10px;
    padding: 10px 35px;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 10;
    position: relative;
}

.comnbtn3 i,
.comnbtn3 svg {
    background: #C471FF;
    width: 30px !important;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    padding: 7px;
    vertical-align: middle;
    margin-left: 10px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.comnbtn3:hover {
    color: #fff;
}

.comnbtn3:hover i,
.comnbtn3:hover svg {
    background: #fff;
    color: #302959;
}

.comnbtn3:hover::before {
    opacity: 1;
    width: 116%;
}

.comnbtn3:hover::after {
    opacity: 1;
    width: 120%;
}

.comntitle {
    font-size: 62px;
    color: #302959;
    line-height: 50px;
    letter-spacing: 2.48px;
    margin-bottom: 40px;
    font-family: 'Singo-1Goqv';
}

.comntitle span,
.comntitle2 span,
.comntitle3 span {
    color: #7103B8;
}

.comntitle2 {
    font-size: 56px;
    color: #302959;
    line-height: 50px;
    letter-spacing: 2.48px;
    margin-bottom: 20px;
    font-family: 'Singo-1Goqv';
}

.comntitle3 {
    font-size: 30px;
    font-weight: 400;
    color: #913d8f;
    margin: 0 0 20px;
    line-height: 1.35em;
}

.comnpadding {
    padding: 90px 0;
}

.comnbg {
    background: #FAF5FE;
}

.bg1 {
    background: #F0E8F6;
}

.bg2 {
    background: #F8EBCB;
}

.bg3 {
    background: #EDF7B2;
}

.bg4 {
    background: #CFF1F9;
}

.bg5 {
    background: #C471FF;
}

.bg6 {
    background: #C9E235;
}

.bg7 {
    background: #F0F8C1;
}

.bg8 {
    background: #F9EFD5;
}

.bg9 {
    background: #D8F3FA;
}

.Element_icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.Element_icon img {
    position: absolute;
    animation-duration: 9s;
    animation-iteration-count: infinite;
}

.Element1 {
    top: 20%;
    left: 0;
    animation-name: fade-1;
}

.Element2 {
    bottom: 15%;
    left: 5%;
    animation-name: fade-2;
}

.Element3 {
    top: 5%;
    left: 20%;
    animation-name: fade-3;
}

.Element4 {
    bottom: 4%;
    left: 25%;
    animation-name: fade-4;
}

.Element5 {
    bottom: 32%;
    left: 48%;
    animation-name: fade-5;
}

.Element6 {
    top: 10%;
    right: 0;
    animation-name: fade-6;
}

.Element7 {
    top: 12%;
    right: 20%;
    animation-name: fade-7;
}

.Element8 {
    bottom: 18%;
    right: 10%;
    animation-name: fade-8;
}

@keyframes fade-1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    25% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0;
        transform: scale(0);
    }
    75% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes fade-2 {
    0% {
        opacity: 0.7;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
    }
    50% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    100% {
        opacity: 0.7;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
    }
}

@keyframes fade-3 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    40% {
        opacity: 0;
        transform: scale(0);
    }
    65% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes fade-4 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    10% {
        opacity: .2;
        transform: scale(.2);
    }
    20% {
        opacity: .4;
        transform: scale(.4);
    }
    30% {
        opacity: .6;
        transform: scale(.6);
    }
    40% {
        opacity: .8;
        transform: scale(.8);
    }
    50% {
        opacity: .9;
        transform: scale(.9);
    }
    60% {
        opacity: 1;
        transform: scale(1);
    }
    70% {
        opacity: 1;
        transform: scale(.8);
    }
    80% {
        opacity: 1;
        transform: scale(.6);
    }
    90% {
        opacity: 1;
        transform: scale(.4);
    }
    100% {
        opacity: 1;
        transform: scale(0);
    }
}

@keyframes fade-5 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    80% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes fade-6 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    20% {
        opacity: 1;
        transform: scale(1);
    }
    35% {
        opacity: 0;
        transform: scale(0);
    }
    55% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes fade-7 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    60% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes fade-8 {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    25% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    75% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fade-9 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    40% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0);
    }
}


/*===========================================  

Header Css Start Here

===========================================*/

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    background: #faf5fe;
    box-shadow: 0 0 2px 0px rgb(113, 3, 184, 0.5);
    z-index: 11;
}

header {
    position: absolute;
    width: 100%;
    top: 15px;
    z-index: 5;
}

.shopbtn {
    color: #2E2E2E;
    background: #fff;
    padding: 6px 30px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

.shopbtn:hover,
.shopbtn:focus {
    color: #fff;
    background: #7103B8;
}

.cartbtn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    display: none;
}

.cartbtn span {
    position: absolute;
    background: #7103B8;
    color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    right: 2px;
    top: 2px;
}

.cartbtn svg {
    background: #EDF7B2;
    width: 36px !important;
    height: 36px;
    padding: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
}


/*---------------------------------------
Menu Css Start Here
---------------------------------------*/

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: #302959;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 15px;
    margin-left: 25px;
    position: relative;
    z-index: 1;
}

.navbar-light .navbar-nav .nav-link::after,
.navbar-light .navbar-nav .nav-link.active::after,
.navbar-light .navbar-nav .show>.nav-link::after {
    content: "";
    width: 0;
    height: 100%;
    background: #b550fc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: none;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.navbar-light .navbar-nav .nav-link:hover::after,
.navbar-light .navbar-nav .nav-link.active::after,
.navbar-light .navbar-nav .show>.nav-link::after {
    width: 100%;
}

.navbar-light .navbar-nav .nav-link.show {
    background-color: #b550fc;
    color: #fff;
    border-radius: 25px;
}

.navbar-light .navbar-nav .nav-link svg {
    margin-left: 5px;
    vertical-align: middle;
}

.navbar-nav .dropdown-menu {
    transform: translateX(-50%);
    width: 1220px;
    padding: 15px;
    z-index: 5;
    margin-top: 0;
    border: none;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #00000030;
    /* left: 50%; */
    top: 40px;
}

.dropdown-menu.custommenu.width_auto.show {
    min-width: 300px;
    padding: 15px;
    width: auto;
}

.custommenu {
    padding: 30px;
}

.comnmenutitle {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 5px;
}

.comnmenutitle a {
    color: #b550fc;
}

.comnmenutitle a:hover {
    color: #000;
}

.menulist {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-type: none;
}

.menulist:last-child {
    margin-bottom: 0;
}

.menulist li {
    padding-left: 10px;
    margin-bottom: 5px;
}

.menulist li:last-child {
    margin-bottom: 0;
}

.menulist li.menutitle {
    padding-left: 0;
    font-weight: 600;
    font-size: 18px;
}

.menulist li a {
    color: #505050;
    font-weight: 500;
    font-size: 16px;
}

.menulist li a:hover {
    color: #b550fc;
}


/*===========================================  

Banner Css Start Here

===========================================*/

.banner {
    background: #FAF5FE;
    height: 100vh;
    padding-top: 350px;
    position: relative;
    z-index: 1;
}

.banner::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/triangle-shape.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: 100% 100%;
}

.bannerimg {
    position: absolute;
    top: 0;
    right: 0;
}

.bannerimg>img {
    height: 80vh;
}

.bannerimg .best {
    width: 230px;
    padding: 15px 20px;
    display: flex;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #302959;
    background: transparent linear-gradient(108deg, #ffffff8c 0%, #F8D4FE 100%) 0% 0% no-repeat padding-box;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border-radius: 16px;
}

.bannerimg .ecourses {
    position: absolute;
    left: 70px;
    bottom: -50px;
}

.bannerimg .resources {
    position: absolute;
    right: 0px;
    bottom: 25px;
    border-radius: 16px 0 0 16px;
    -webkit-border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
    -ms-border-radius: 16px 0 0 16px;
    -o-border-radius: 16px 0 0 16px;
}

.bannerimg .resources img,
.bannerimg .ecourses img {
    margin-right: 15px;
}

.banner small {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #302959;
    display: block;
    margin-bottom: 10px;
}

.banner aside {
    font-size: 56px;
    line-height: 70px;
    text-transform: uppercase;
    color: #302959;
    font-family: 'Singo-1Goqv';
}

.banner aside small,
.banner aside .wrap {
    font-size: 56px;
    line-height: 60px;
    text-transform: uppercase;
    font-family: 'Singo-1Goqv';
    display: inline-block;
    color: #302959;
    margin: 0;
    border-color: #302959;
}

.banner aside span {
    font-size: 78px;
    color: #7103B8;
    display: block;
}

.banner p {
    margin: 20px 0;
}

.banner a {
    font-size: 16px;
    color: #fff;
    background: #302959;
    border-radius: 30px;
    text-transform: capitalize;
    display: inline-block;
    padding: 10px 35px;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 10;
    position: relative;
}

.banner a::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #e76ce5;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 2px 0px 14px rgba(0, 0, 0, .6);
}

.banner a::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #e76ce5;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2, .95, .57, .99);
    -moz-transition: all .4s cubic-bezier(.2, .95, .57, .99);
    -o-transition: all .4s cubic-bezier(.2, .95, .57, .99);
    transition: all .4s cubic-bezier(.2, .95, .57, .99);
    box-shadow: 2px 0px 14px rgba(0, 0, 0, .6);
}

.banner a:hover::before,
.banner a:hover::before {
    opacity: 1;
    width: 116%;
}

.banner a:hover::after,
.banner a:hover::after {
    opacity: 1;
    width: 120%;
}


/*===========================================  

Subscribes Css Start Here

===========================================*/

.Subscribes {
    background: #FFFFFF;
    box-shadow: 0px -11px 16px #0000001A;
    border-radius: 66px;
    padding: 20px 20px 20px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -60px;
    position: relative;
    z-index: 1;
    margin-top: 50px;
}

.subscrib_mail {
    font-size: 17px;
    position: relative;
    max-width: 500px;
    width: 100%;
    display: flex;
    background: #EDF7B2;
    padding: 20px;
    border-radius: 50px;
    color: #393E46;
}

.subscrib_mail input {
    width: calc(100% - 150px);
    border: none;
    height: 50px;
    background: none;
}

.subscrib_mail button {
    font-size: 18px;
    background: #302959;
    color: #fff;
    width: 200px;
    border: none;
    font-weight: 500;
    border-radius: 40px;
}

.subscrib_mail button svg {
    margin: 0 5px;
    font-size: 20px;
    vertical-align: sub;
}

.Subscribes aside {
    font-size: 48px;
    color: #302959;
    font-family: 'Singo-1Goqv';
}


/*===========================================  

Our Resources Css Start Here

===========================================*/

.Our_Resources {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.shape1 {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    margin: auto;
}

.shape2 {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    margin: auto;
}

#Resources {
    margin-bottom: 70px;
}

#Resources .item {
    padding: 20px;
    height: 300px;
}

.Resources_box {
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px #E7E1EED1;
    border-radius: 16px;
    padding: 40px;
    position: relative;
}

.Resources_box:hover {
    padding-bottom: 70px;
}

.Resources_box span {
    font-size: 18px;
    font-weight: 500;
    color: #302959;
    display: block;
    height: 55px;
    overflow: hidden;
}

#Resources .icon {
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    margin: 0 auto 20px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#Resources .icon img {
    width: auto;
    display: inline-block;
}

.Resources_box a {
    width: 120px;
    color: #302959;
    border-radius: 25px;
    text-transform: uppercase;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    transform: scale(0);
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.Resources_box:hover a {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.Professor_box {
    background: #FAF5FE;
    display: inline-flex;
    padding: 15px 20px;
    border-radius: 50px;
    margin-bottom: 15px;
    position: relative;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.Professor_box::before {
    content: "";
    background: rgb(196 113 255 / 30%);
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    border-radius: 50px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.eCourse_box::before {
    content: "";
    background: rgb(201 226 53 / 30%);
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    border-radius: 50px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.Professor_box:hover:before,
.eCourse_box:hover:before {
    width: 150px;
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.eCourse_box {
    background: #F6FBD8;
    display: inline-flex;
    padding: 15px 20px;
    border-radius: 50px;
    position: relative;
}

.Professor_box strong,
.eCourse_box strong {
    font-size: 26px;
    color: #302959;
    width: 130px;
    margin-right: 20px;
}

.Professor_box span,
.eCourse_box span {
    font-size: 18px;
    padding: 7px 25px;
    color: #fff;
    display: inline-block;
    border-radius: 30px;
}


/*===========================================  

Colleges universities Css Start Here

===========================================*/

.Colleges_universities {
    background: #FAF5FE;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.Colleges_universities .comntitle {
    margin-bottom: 15px;
    line-height: 60px;
}

.Colleges_universities .comntitle span {
    display: table;
}

.Colleges_universities .colleges_detail,
.Professors .colleges_detail {
    max-width: 550px;
    padding: 0 30px;
}

.Colleges_universities .colleges_detail a,
.training_services .colleges_detail a,
.designbtn {
    font-size: 16px;
    background: #FEC63D;
    color: #302959;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    padding: 12px 60px 12px 30px;
    border-radius: 50px;
    position: relative;
}

.Colleges_universities .colleges_detail a .svg-inline--fa.fa-w-14,
.training_services .colleges_detail a .svg-inline--fa.fa-w-14,
.designbtn .svg-inline--fa.fa-w-14 {
    background: #302959;
    color: #fec63d;
    width: 34px;
    line-height: 34px;
    height: 34px;
    padding: 9px;
    border-radius: 50%;
    margin-left: 15px;
    position: absolute;
    top: 7px;
    right: 10px;
}

.Colleges_universities .colleges_detail a:hover,
.training_services .colleges_detail a:hover,
.designbtn:hover {
    background: #b550fc;
    color: #fff;
}

.colleges_detail {
    position: relative;
    z-index: 1;
}


/*===========================================  

Get Touch with us Css Start Here

===========================================*/

.Get_Touch {
    position: relative;
    overflow: hidden;
}

.Get_Touch>p {
    font-weight: 500;
}

.getbox {
    display: flex;
    align-items: flex-start;
    padding: 30px;
    border-radius: 10px;
    margin-top: 40px;
    position: relative;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.getbox img {
    margin-right: 20px;
}

.getbox span {
    font-size: 18px;
    color: #302959;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.getbox p {
    margin: 0;
    height: 80px;
    overflow: hidden;
}

.getbox:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
}

.getbox:hover {
    transform: translateY(-10px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.getbox:hover:before {
    opacity: 0.6;
    transform: translateY(6px);
    animation-name: shadow;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


/*===========================================  

Administrators Training and services Css Start Here

===========================================*/

.training_services {
    background: #FAF5FE;
    padding: 30px 0;
    position: relative;
}

.training_services .comntitle2 span {
    display: block;
    margin-bottom: 10px;
}

.training_services p {
    margin-bottom: 30px;
}

.supportimg {
    margin-top: -85px;
    margin-bottom: -30px;
    text-align: center;
}


/*===========================================  

Follow us for fresh updates Css Start Here

===========================================*/

.Follow_us {
    position: relative;
}

.follow_link li {
    color: #302959;
    font-size: 15px;
    display: inline-block;
    border-radius: 12px;
    margin: 10px;
    vertical-align: text-top;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.follow_link li.ver {
    padding: 15px;
    text-align: center;
    max-width: 150px;
    width: 100%;
}

.follow_link li.ver img {
    max-width: 40px;
    display: block;
    margin: 0 auto 10px;
}

.follow_link li strong {
    display: block;
    font-size: 20px;
}

.follow_link li.hor {
    display: inline-flex;
    align-items: center;
    padding: 15px 30px;
    text-align: left;
}

.follow_link li.hor img {
    margin-right: 20px;
}

li.hor.facebook {
    margin-top: 45px;
}

.youtube {
    background: rgba(255, 0, 0, 0.05);
}

.youtube:hover {
    background: rgba(255, 0, 0, 0.1);
}

.facebook {
    background: rgba(25, 118, 210, 0.08);
}

.facebook:hover {
    background: rgba(25, 118, 210, 0.18);
}

.googleplus {
    background: rgb(220, 70, 57, 0.1);
}

.googleplus:hover {
    background: rgb(220, 70, 57, 0.2);
}

.linkedin {
    background: rgb(0, 119, 181, 0.1);
}

.linkedin:hover {
    background: rgb(0, 119, 181, 0.2);
}

.twitter {
    background: rgb(80, 171, 241, 0.1);
}

.twitter:hover {
    background: rgb(80, 171, 241, 0.2);
}

.instagram {
    background: rgb(145, 0, 255, 0.05);
}

.instagram:hover {
    background: rgb(145, 0, 255, 0.1);
}


/*===========================================  

Video Css Start Here

===========================================*/

.videodiv {
    text-align: center;
    position: relative;
}

.videodiv img {
    width: 100%;
}

.cover {
    background-image: url("../images/video.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 50%;
    margin-bottom: 50px;
    cursor: pointer;
}

.cover video {
    opacity: 0;
    width: 100%;
    transition: 1s;
    position: absolute;
    left: 0;
    z-index: -1;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
}


/*===========================================  

What Our Client Says Css Start Here

===========================================*/

.Client_Says {
    background: url("../images/World_map.png") no-repeat center center #F0E8F6;
    position: relative;
}


/* .Client_Says::before {
    content: "";
    background: #f7f1fc;
    width: 30%;
    height: 850px;
    position: absolute;
    left: 0;
    top: -50%;
    z-index: -1;
} */

.tio-po {
    position: relative;
    margin-top: 40px;
}

.tio-po .tio-doimg .owl-dot {
    background: none;
    border: 0px;
    padding: 0px;
}

/* .tio {
    background: #fff;
    box-shadow: 10px 10px 30px #F4F2F5;
    border-radius: 30px;
	text-align: center;
} */

.tio .tio-inner {
    display: flex;
    align-items: center;
}

.tio .tio-inner .tio-name h3 {
    margin-bottom: 0px;
}

.tio-doimg.owl-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-left: 130px;
}

.tio-doimg.owl-dots img {
    margin-bottom: 30px;
}

.tio .owl-nav {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.tio .owl-nav button.owl-next,
.tio .owl-nav button.owl-prev,
.tio button.owl-dot {
    background: #E3D1F6;
    color: #fff;
    border: none;
    /* padding: 0!important; */
    font: inherit;
    border-radius: 50%;
    font-size: 24px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    margin: 0 5px;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    background: #B550FC;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .tio .owl-nav {
        display: block;
        text-align: center;
    }
    .tio .owl-nav .owl-prev,
    .tio .owl-nav .owl-next {
        margin: 0px 10px;
        font-size: 20px !important;
    }
    .tio-doimg {
        display: none;
    }
}

.rating svg {
    color: #FEC63D;
}

.rating svg:last-child {
    color: #D4D4D4;
}

.username {
    font-size: 17px;
    color: #302959;
    margin-right: 20px;
    font-weight: 600;
}

/* .tio-img { */
    /* width: 30%; */
/* } */

.tio-img img {
    width: 100% !important;
    border-radius: 50%;
}

.tio-name {
    padding: 50px;
    width: 100%;
	background: #fff;
	box-shadow: 10px 10px 30px #F4F2F5;
    border-radius: 30px;
	text-align: center;
}

.tio-name p {
    margin-bottom: 30px;
}


/*===========================================  

Footer Css Start Here

===========================================*/

footer {
    background: #302959;
    color: #fff;
    position: relative;
    padding: 70px 0 50px 0;
}

.footerbox {
    display: flex;
    justify-content: space-between;
}

.ftlogo {
    width: 30%;
}

.ft_cotadd {
    width: 25%;
}

.ft_about {
    width: 15%;
}

footer h6 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
}

.ft_about li a {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    display: inline-block;
    position: relative;
}

.ft_about li a:hover {
    padding-left: 10px;
    color: #FEC63D;
}

footer p {
    font-size: 14px;
    color: #fff;
    margin: 25px 0;
}

.ft_social svg {
    font-size: 26px;
    color: #fff;
    margin-right: 10px;
}

.ft_cotadd a,
.ft_cotadd aside {
    display: flex;
    align-items: flex-start;
    color: #fff;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 25px;
}

.ft_cotadd svg {
    background: #EDF7B2;
    width: 30px !important;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 15px;
    font-size: 14px;
    color: #302959;
    padding: 6px;
}

.ft_social a:hover svg {
    color: #FEC63D;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.book_appointment {
    position: relative;
}

.book_appointment input {
    height: 53px;
    font-size: 15px;
    padding: 10px 60px 10px 20px;
    color: #302959;
    outline: none;
    border: none;
    background: #EDF7B2;
    border-radius: 27px;
    font-weight: 500;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
}

.book_appointment button {
    background: none;
    border: none;
    position: absolute;
    top: 7px;
    right: 8px;
    text-align: center;
    padding: 0;
}

.book_appointment button svg {
    background: #302959;
    color: #fff;
    margin: 0;
    width: 40px !important;
    height: 40px;
    padding: 8px;
}


/*===========================================  

Copyright Css Start Here

===========================================*/

.copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    color: #EDF7B2;
    border-top: 1px solid #fff;
    padding-top: 15px;
    margin-top: 30px;
    font-size: 14px;
}

.copyright a {
    color: #fff;
}

.copyright a:hover,
.copyright a:focus {
    color: #FEC63D;
}

.copyright span {
    color: #fff;
    text-align: center;
}

.copyright span img {
    display: block;
    margin-top: 5px;
}


/*=============================================================  

    Product List Css Start

=============================================================*/

.half_bannershape {
    position: absolute;
    bottom: -180px;
}

.inner_banner {
    background: #FAF5FE;
    height: auto;
    padding: 200px 0 0px 0;
    position: relative;
    z-index: 1;
}

.inner_banner aside {
    font-size: 56px;
    line-height: 70px;
    text-transform: uppercase;
    color: #302959;
    font-family: 'Singo-1Goqv';
}

.inner_banner aside span {
    font-size: 78px;
    color: #7103B8;
    display: block;
}

.inner_banner p {
    margin: 20px 0;
}

.inner_banner::before {
    display: none;
}

.inner_banner::after {
    content: "";
    background: url("../images/banner-bg-shape.png") no-repeat;
    background-size: 100% 100%;
    width: 540px;
    height: 100%;
    position: absolute;
    right: 12%;
    top: 0;
    z-index: -1;
}

.Our_Team {
    position: relative;
    background: #FAF5FE;
    /* margin-bottom: 80px; */
    padding-top: 50px;
}

.Our_Team .comntitle {
    margin-bottom: 15px;
    line-height: 60px;
}

.Our_Team form {
    margin-top: 20px;
}

.Our_Team input {
    height: 50px;
    background: rgba(113, 3, 184, 0.1);
    border: none;
    padding: 7px 15px;
    margin: 7px 0;
    border-radius: 6px;
}

.Our_Team input:focus,
.Our_Team textarea:focus {
    background: rgba(113, 3, 184, 0.2);
}

.Our_Team textarea {
    height: 120px;
    background: rgba(113, 3, 184, 0.1);
    border: none;
    padding: 15px 15px;
    margin: 7px 0;
    resize: none;
    border-radius: 6px;
}

.comnbtn {
    font-size: 16px;
    background: #FEC63D;
    color: #302959;
    border-radius: 30px;
    font-weight: 600;
    border: none;
    display: inline-block;
    padding: 10px 10px 10px 30px;
    margin-top: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    position: relative;
}

.comnbtn svg,
.comnbtn i {
    font-size: 24px;
    vertical-align: middle;
    margin-left: 10px;
    background: #302959;
    color: #fec63d;
    width: 34px !important;
    line-height: 34px;
    height: 34px;
    padding: 9px;
    border-radius: 50%;
    margin-left: 15px;
}

.comnbtn2 {
    font-size: 16px;
    background: #C4E3FE;
    color: #302959;
    border-radius: 30px;
    font-weight: 600;
    border: none;
    display: inline-block;
    padding: 10px 10px 10px 30px;
    margin-top: 20px;
    margin-left: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.Our_Team .comnbtn {
    display: table;
    margin: 15px auto 0;
}

.comnbtn:hover,
.comnbtn2:hover {
    background: #b550fc;
    color: #fff;
}

.comnbtn:hover svg,
.comnbtn:hover i {
    background: #302959;
    color: #fff;
}

.productlist li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 50px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.productlist li:nth-child(odd) {
    background: #FAF5FE;
}

.productlist li:nth-child(even) {
    background: rgb(254, 237, 196, 0.4);
}

.productlist li:nth-child(odd) h4 {
    color: #7103B8;
}

.productlist li:nth-child(even) h4 {
    color: #C1A258;
}

.productlist li .proimg {
    width: 30%;
}

.productlist li .proimg img {
    width: 100%;
    border-radius: 16px 0px 0px 16px;
}

.productlist li aside {
    width: 70%;
    padding: 50px;
}

.productlist li span {
    font-size: 18px;
    color: #302959;
    font-weight: 600;
}

.productlist li h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0;
}

.productlist li p {
    font-size: 16px;
    color: #302959;
    line-height: 28px;
    margin-bottom: 30px;
}

.professor_mentors {
    text-align: center;
    margin-top: 80px;
}

.professor_mentors .comntitle2 {
    letter-spacing: normal;
}

.professor_mentors a {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    background: transparent linear-gradient(108deg, #B550FC 0%, #F272E1 100%) 0% 0% no-repeat padding-box;
    border-radius: 27px;
    border: none;
    padding: 7px 10px 7px 30px;
    display: inline-block;
    margin-top: 15px;
}

.professor_mentors a svg {
    background: #fff;
    color: #7103B8;
    width: 40px !important;
    line-height: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    vertical-align: middle;
    margin-left: 10px;
}

.professor_mentors a:hover {
    background: transparent linear-gradient(108deg, #F272E1 0%, #B550FC 100%);
    border-radius: 27px;
}

.price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.price strong {
    font-size: 62px;
    color: #7103B8;
    font-family: 'Singo-1Goqv';
    font-weight: 500;
    margin-right: 25px;
}

.price del {
    font-size: 40px;
    color: #52507F;
    font-family: 'Singo-1Goqv';
}

.CV_Review li {
    margin-bottom: 0;
}

.CV_Review li .proimg,
.CV_Review li aside {
    width: 50%;
}

.CV_Review .comnbtn svg,
.CV_Review .comnbtn2 svg {
    background: #302959;
    color: #fff;
    padding: 7px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    vertical-align: middle;
}

.CV_Review .comnbtn2 svg {
    margin-left: 10px;
}

.review {
    padding-bottom: 100px;
}

.reviewtabs {
    border-bottom: 2px solid rgb(112 112 112 / 50%);
    margin-bottom: 50px;
}

.reviewtabs .nav-item {
    outline: none;
}

.reviewtabs .nav-link {
    color: #302959;
    font-size: 20px;
    opacity: .5;
    font-weight: 600;
    border: none;
    outline: none;
    position: relative;
    padding: 0px 0px 30px;
    margin: 0 40px;
    transition: all 300ms ease-in-out;
}

.reviewtabs .nav-link.active::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0px;
    width: 100%;
    height: 6px;
    background-color: #7103B8;
}

.reviewtabs .nav-item:first-child .nav-link {
    margin-left: 0px;
}

.reviewtabs .nav-item:last-child .nav-link {
    margin-right: 0;
}

.reviewtabs .nav-item.show .nav-link,
.reviewtabs .nav-link.active {
    border: none;
    color: #7103B8;
    opacity: 1;
}

.reviewtabs .nav-link:focus,
.reviewtabs .nav-link:hover {
    border: none;
}

.repara {
    color: #302959;
    font-size: 16px;
    margin-bottom: 20px;
}

.repara span {
    color: #B550FC;
    font-weight: 600;
}

.repara b {
    font-weight: 600;
}

.retitle {
    color: #B550FC;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.reviewcontent .fade {
    transition: opacity .15s linear;
}

.customer {
    background-color: #FAF5FE;
    padding: 50px 0px;
    position: relative;
    margin-bottom: 75px;
}

.customershape {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 0;
}

.customertitle {
    text-align: center;
    max-width: 950px;
    margin: 0 auto 40px;
}

.customertitle .comntitle2 {
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.customertitle p {
    max-width: 620px;
    margin: auto;
    color: #302959;
    font-weight: 500;
    margin-bottom: 0;
}

.customerbox {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 30px #E7E1EED1;
    padding: 10px 10px 15px;
    text-align: center;
    margin: 20px 0;
    transition: all 300ms ease-in-out;
    position: relative;
}

.customerbox:hover {
    box-shadow: 0px 20px 20px #E7E1EED1;
    transform: translateY(-10px);
}

.customerbox img {
    margin-bottom: 15px;
    border-radius: 15px;
    height: 200px;
    width: 100%;
    object-fit: cover;
    /* margin-top: -30px;
    box-shadow: 0px 3px 5px #ababab; */
}

.customerbox aside {
    color: #302959;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pricebox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 26px;
}

.pricebox p {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    margin-right: 20px;
    background: #B550FC;
    padding: 5px 10px;
    border-radius: 0 5px 5px 0;
    letter-spacing: 1px;
}

.pricebox span {
    color: #302959;
    font-size: 15px;
    font-weight: 600;
    text-decoration: line-through;
    opacity: .6;
}


/*----------------------------------------------------------------------*/


/*---------------------------- Slider arrow ----------------------------*/


/*----------------------------------------------------------------------*/

#customer-owl .owl-nav,
#job_leads .owl-nav,
#cover_latter .owl-nav,
#Job_Application .owl-nav,
#Professor .owl-nav,
#Build_Brand .owl-nav,
#our_Services .owl-nav {
    text-align: center;
    margin-top: 20px;
}

#customer-owl .owl-nav .owl-prev,
#customer-owl .owl-nav .owl-next,
#job_leads .owl-nav .owl-prev,
#job_leads .owl-nav .owl-next,
#cover_latter .owl-nav .owl-prev,
#cover_latter .owl-nav .owl-next,
#Job_Application .owl-prev,
#Job_Application .owl-next,
#Professor .owl-prev,
#Professor .owl-next,
#Build_Brand .owl-prev,
#Build_Brand .owl-next,
#our_Services .owl-prev,
#our_Services .owl-next {
    width: 32px;
    height: 32px;
    background-color: #302959;
    color: #fff;
    border-radius: 50%;
    margin: 0px 5px;
    opacity: .4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

#customer-owl .owl-nav .owl-prev:hover,
#customer-owl .owl-nav .owl-next:hover,
#job_leads .owl-nav .owl-prev:hover,
#job_leads .owl-nav .owl-next:hover,
#cover_latter .owl-nav .owl-prev:hover,
#cover_latter .owl-nav .owl-next:hover,
#Job_Application .owl-nav .owl-prev:hover,
#Job_Application .owl-nav .owl-next:hover,
#Professor .owl-nav .owl-prev:hover,
#Professor .owl-nav .owl-next:hover,
#Build_Brand .owl-nav .owl-prev:hover,
#Build_Brand .owl-nav .owl-next:hover {
    opacity: 1;
}

#customer-owl .owl-nav .owl-prev svg,
#job_leads .owl-nav .owl-next svg,
#cover_latter .owl-nav .owl-next svg {
    margin-right: 3px;
}

#customer-owl .owl-nav .owl-next svg,
#job_leads .owl-nav .owl-next svg,
#cover_latter .owl-nav .owl-next svg {
    margin-left: 3px;
}


/*----------------------------------------------------------------------*/


/*---------------------------- Slider arrow ----------------------------*/


/*----------------------------------------------------------------------*/

.bynametitle {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: capitalize;
}

.design .comntitle2 {
    line-height: 64px;
    margin-bottom: 40px;
}

.designpara {
    margin-bottom: 15px;
    font-size: 15px;
}

.partners {
    padding-bottom: 40px;
}

.partners .comntitle {
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}

.partners .getbox {
    padding: 10px 20px;
    margin-top: 20px;
}

.partners .getbox:before {
    display: none;
}

.partners .getbox:hover {
    transform: none;
}

.partners .getbox img {
    margin-right: 10px;
    width: 14px;
    margin-top: 5px;
}

.partners .getbox p {
    height: auto;
}

.partners .cover {
    margin-bottom: 0px;
}

.partners .shape2 {
    right: auto;
    left: 0;
}

.partpara {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.partpara:first-child {
    margin-top: 50px;
}

.designclient::before {
    display: none;
}

.startpara {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 40px;
}

.designcollage {
    padding-bottom: 0;
    padding-top: 80px;
}

.designcollage img {
    max-width: 700px;
}

.designcollage .colleges_detail {
    margin-left: 125px;
}


/*=========================================================

        Tab Css 

=========================================================*/

.three_tabs {
    margin-bottom: 70px;
}

.three_tabs .nav-tabs {
    border: none;
}

.three_tabs .nav-tabs .nav-link {
    background: #edf7b2;
    border: none;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 15px 30px;
    margin-right: 10px;
    border-radius: 15px 15px 0 0;
    position: relative;
}

.three_tabs .nav-tabs .nav-link::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
}

.three_tabs .nav-tabs .nav-link.active::after {
    border-top: 10px solid #7103b8;
}

.three_tabs .nav-tabs .nav-item.show .nav-link,
.three_tabs .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #7103b8;
    border: none;
}

.tab-content {
    padding: 25px;
    box-shadow: 0px 5px 15px #ddd;
    border-radius: 0 0 15px 15px;
}

.tabboxlist {
    display: flex;
    flex-wrap: wrap;
}

.tabboxlist li {
    width: 25%;
}

.tabboxlist li .customerbox {
    margin: 15px
}

#cover_latter .customerbox,
#job_leads .customerbox,
#Job_Application .customerbox,
#Build_Brand .customerbox,
#our_Services .customerbox {
    min-height: 320px;
}

#cover_latter .customerbox aside,
#job_leads .customerbox aside,
.tabboxlist li .customerbox aside {
    min-height: 50px;
}

.tabboxlist li .customerbox img {
    height: 190px;
    object-fit: cover;
}

.smallbanner {
    padding-top: 170px;
    padding-bottom: 20px;
}

.tabboxlist li .pricebox p,
#job_leads .pricebox p,
#cover_latter .pricebox p {
    margin-right: 0;
}

.exceptional_services {
    background: #302959;
    padding: 10px 0;
    text-align: center;
    position: relative;
    z-index: 4;
    display: none;
}

.exceptional_services.fixed {
    display: block;
    animation-name: toptodown;
    animation-duration: .5s;
}

@keyframes toptodown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.exceptional_services2 {
    display: block;
    padding: 0;
}

.exceptional_services2 .exceptional_services_link {
    display: flex;
    justify-content: center;
}

.exceptional_services_link a {
    font-size: 15px;
    color: #fff;
    padding: 1px 10px;
    margin: 2px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}

.exceptional_services2 .exceptional_services_link a {
    padding: 20px;
    margin: 0;
}

.exceptional_services2 .exceptional_services_link a:hover,
.exceptional_services2 .exceptional_services_link a.active {
    background-color: #b550fc;
    color: #fff;
}

.exceptional_services_link a::after {
    content: "";
    width: 1px;
    height: 86%;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -5px;
}

.exceptional_services2 .exceptional_services_link a::after {
    height: 100%;
    right: 0;
}

.exceptional_services_link a:last-child::after {
    display: none;
}

.exceptional_services_link a.active-tab {
    background: #B550FC;
    color: #fff;
}

.fixed {
    position: fixed;
    top: 96px;
    z-index: 10;
    width: 100%;
}

.JOB_LEADS_SERVICES {
    margin: 0;
    position: relative;
    z-index: 1;
}


/* .JOB_LEADS_SERVICES::after{
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #eedefa;
    z-index: -1;
} */

.CV_Cover,
.JOB_LEADS_SERVICES,
.Job_Application_Services,
.Build_Your_Brand {
    position: relative;
}

#first {
    position: absolute;
    top: -100px;
    left: 0;
}

#second {
    position: absolute;
    top: -140px;
    left: 0;
}

#third {
    position: absolute;
    top: -110px;
    left: 0;
}

#fourth {
    position: absolute;
    top: -140px;
    left: 0;
}

#fifth {
    position: absolute;
    top: -180px;
    left: 0;
}

#our_Services {
    margin-bottom: 80px;
}

.main_right form input {
    background: #f7f1fc;
    padding: 8px 10px;
    height: 50px;
    margin-bottom: 15px;
    border: 1px solid rgba(113, 3, 184, 0.2);
}

.main_right form textarea {
    background: #f7f1fc;
    padding: 8px 10px;
    height: 100px;
    margin-bottom: 15px;
    border: 1px solid rgba(113, 3, 184, 0.2);
    resize: none;
}

.main_right form input:focus,
.main_right form textarea:focus {
    border: 1px solid rgba(113, 3, 184, 0.5);
    background: rgba(113, 3, 184, 0.1);
}

.list_service {
    margin: 25px 0;
}

.list_service h3 {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 2px;
    color: #B550FC;
    border-bottom: 1px solid;
    text-transform: capitalize;
    font-family: 'Singo-1Goqv';
}

.list_service li {
    /* background: rgba(113, 3, 184, 0.1); */
    background: #f1f1f1;
    padding: 25px 20px 35px 20px;
    margin-top: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.list_service li .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 10px;
    margin-right: 20px;
    text-align: center;
    font-size: 40px;
    background: #7103b8;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list_service li aside {
    width: calc(100% - 120px);
}

.list_service li a.head {
    font-size: 20px;
    color: #52507f;
    font-weight: 600;
    display: block;
    /* border-bottom: 2px solid; */
}

.list_service li a.serlink {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0;
    padding: 8px 20px;
    font-weight: bold;
    border-radius: 20px 0 0 0;
}

.reuest_pro {
    color: #2E2E2E;
    background: #faf5fe;
    text-align: center;
    box-shadow: 0 0 15px #ddd;
    margin-bottom: 30px;
    padding: 25px;
    font-size: 24px;
    border-radius: 10px;
}

.reuest_pro a {
    color: #fff;
    background: #52507F;
    padding: 7px 20px;
    font-size: 16px;
    display: table;
    margin: 15px auto 0;
    border-radius: 30px;
}

.testimonial {
    background: #faf5fe;
    padding: 30px 0;
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
}

.testimonial p {
    font-size: 18px;
}

.testimonial i,
.testimonial svg {
    font-size: 36px;
    color: #b550fc;
}

.testimonial blockquote {
    color: #b550fc;
    font-size: 16px;
    font-weight: 500;
}

.ctabtn {
    padding: 40px 0;
    background: #7103b8;
    color: #fff;
    text-align: center;
}

.ctabtn ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}

.ctabox {
    padding: 0 20px;
}

.ctabox aside {
    font-size: 30px;
    color: #fff;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 500;
}

.ctabox p {
    color: #fff;
}

.ctabox a {
    font-size: 14px;
    background: #fff;
    color: #7103b8;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid;
    border-radius: 30px;
    padding: 7px 20px;
    margin: 25px auto 0;
    display: table;
    font-weight: 600;
}

.ctabox a:hover {
    background: none;
    color: #fff;
}

.Professors {
    background: #fff;
    padding: 30px 0 0 0;
    display: flex;
    align-items: center;
}

.Blog_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Blog_list li {
    width: 32%;
    display: block;
    background: #FAF5FE;
    padding: 15px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 15px;
}

.Blog_list li .proimg,
.Blog_list li .proimg img {
    width: 100%;
}

.Blog_list li aside {
    width: 100%;
    padding: 20px 0;
}

.Blog_list h4 a {
    color: #7103B8;
    font-size: 22px;
    font-weight: 600;
}

.blogulist li {
    align-items: initial;
}

.blogulist li .proimg img {
    height: 100%;
    object-fit: cover;
}

.blogulist li aside {
    padding: 20px;
}

.blogulist li span {
    font-size: 14px;
}

.blogulist li h4 {
    margin-top: 5px;
}

.blogulist li:nth-child(odd) h4 a {
    color: #7103B8;
}

.blogulist li:nth-child(even) h4 a {
    color: #C1A258;
}

.blogulist li:nth-child(odd) h4 a:hover {
    color: #b550fc;
}

.blogulist li:nth-child(even) h4 a:hover {
    color: #ffb500;
}

.productlist li p {
    margin-bottom: 10px;
}

.productlist li .comnbtn {
    margin-top: 0;
    padding: 5px 10px;
}

.productlist li .comnbtn svg,
.productlist li .comnbtn i {
    font-size: 24px;
    width: 24px !important;
    line-height: 24px;
    height: 24px;
    padding: 5px;
    margin-left: 5px;
}

.blogpagination .page-link {
    border-color: #b550fc;
    color: #000;
}

.blogpagination .page-link:hover {
    background-color: #b550fc;
    color: #fff;
}

.blogpagination .page-link svg {
    vertical-align: middle;
}

.sidebarbox {
    background: #f6eaff;
    border-radius: 10px;
    padding: 20px 25px;
    margin-bottom: 40px;
}

.sidebartitle {
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 24px;
}

.sidebarlist {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0px;
}

.sidebarlist li {
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
}

.sidebarlist li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 20px;
    background-image: url(../images/sidebararrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sidebarlist li:nth-child(odd),
.sidebarlist li:nth-child(even) {
    background-color: transparent;
}

.sidebarlist li:last-child {
    margin-bottom: 0;
}

.sidebarlist li a {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.sidebarlist li a:hover {
    color: #B550FC;
}

.sidebarbox2 {
    background: #fff2d4;
    border-radius: 10px;
    padding: 20px 25px;
    margin-bottom: 40px;
    text-align: center;
}

.sidebarbox2 aside {
    color: #7103b8;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.sidebarbox2 p {
    font-size: 16px;
    color: #302959;
    line-height: 24px;
    margin-bottom: 15px;
}

.sidebarbtn {
    display: block;
    background-color: #FEC63D;
    padding: 10px;
    color: #000;
    font-weight: 700;
    font-size: 22px;
}

.sidebarbtn:hover {
    background-color: #b550fc;
    color: #fff;
}

.sidebarbtn span {
    display: block;
    color: #767676;
    font-size: 16px;
    font-weight: 500;
    transition: all 300ms ease-in-out;
}

.sidebarbtn:hover span {
    color: #ddd;
}

.sidebarimg {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 40px;
}

.sidebarimg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(88 66 87 / 75%);
}

.sidebarimg img {
    width: 100%;
}

.sidebarimgdetail {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 10px 30px;
}

.sidebarimgdetail a aside {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
}

.sidebarimgdetail a p {
    color: #fff;
    margin-bottom: 10px;
}

.sidebarimgdetail a span {
    color: #ffb500;
    font-weight: 700;
    font-size: 20px;
}

.sidebarbox2 .text-start {
    margin-bottom: 20px;
}

.sidebarbox2 small {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

.sidebarsocial {
    margin-bottom: 40px;
}

.sidebarsocial li.ver {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #f6eaff;
    border-radius: 10px;
    margin: 2px;
}

.sidebarsocial li.ver:hover {
    background-color: #fff2d4;
}

.sidebarsocial li.ver img {
    margin: 0;
    width: 30px;
}

.bloglistdetail li .proimg {
    width: 100%;
}

.bloglistdetail li .proimg img {
    border-radius: 15px 15px 0px 0px;
}

.bloglistdetail li aside {
    padding: 40px 20px;
    width: 100%;
}

.bloglistdetail li p {
    margin-bottom: 30px;
}

.bloglistdetail li p:last-child {
    margin-bottom: 0px;
}

.comnbox {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 30px #e7e1eed1;
    padding: 25px;
    margin: 20px 0;
    text-align: center;
    transition: all 300ms ease-in-out;
}

.service_step {
    text-align: center;
}

.service_step h4 a {
    font-size: 22px;
    color: #302959;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

.step_dark_bar {
    background: #302959;
    color: #fff;
    font-size: 20px;
    margin: 30px auto 0;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 36px;
}

.step_dark_bar p {
    color: #fff;
}

.step_dark_bar svg,
.step_dark_bar i {
    display: block;
    margin: 15px auto 0;
    font-size: 24px;
    color: #302959;
    background: #fec63d;
    width: 40px !important;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
}

.bounce {
    display: inline-block;
    position: relative;
    -moz-animation: bounce 0.5s infinite linear;
    -o-animation: bounce 0.5s infinite linear;
    -webkit-animation: bounce 0.5s infinite linear;
    animation: bounce 0.5s infinite linear;
}

.fa-twitter {
    color: #027bdd;
    font-size: 3em;
    margin: 20px;
}

@-webkit-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@-moz-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@-o-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@-ms-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

.style1 {
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.style1 li {
    padding-left: 30px;
    margin-bottom: 10px;
    position: relative;
    background: none !important;
}

.style1 li:before {
    content: "";
    font-family: "fontawesome";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/check.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
}

.Contact_mentors {
    text-align: center;
    background: url("https://thebabbgroup.com/images/bootcamp-image-BA.jpg") no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.Contact_mentors h3 {
    font-size: 48px;
    color: #fff;
    line-height: 50px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-family: Singo-1Goqv;
}

.Contact_mentors p {
    color: #fff;
}

.next_prv_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.next_prv_link a {
    font-size: 16px;
    color: #302959;
}

.next_prv_link a svg,
.next_prv_link a i {
    margin: 0 5px;
    font-size: 20px;
    background: #7103b8;
    color: #fff;
    border-radius: 50%;
    padding: 3px;
    width: 30px !important;
    height: 30px;
    vertical-align: middle;
}

.testimonials_list li {
    padding: 15px 30px;
    display: block;
}

.testimonials_list li span {
    display: block;
    margin-bottom: 15px;
}


/*------------------------------------------------------------------
 
30-05-2022 CSS Start here 

 ------------------------------------------------------------------*/

.aboutpro {
    padding: 80px 0px 0px;
}

.aboutpro .colleges_detail {
    margin: auto;
}

.aboutresource .customerbox {
    margin: 40px;
}

.aboutresource .pricebox p {
    margin-right: 0;
}

.aboutresource .customerbox aside {
    font-size: 15px;
    margin-bottom: 0;
}

.aboutresource .customerbox img {
    width: 100%;
}

.aboutresource .comnbtn {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 5px 10px 5px 20px;
}

.aboutresource .comnbtn svg,
.aboutresource .comnbtn i {
    margin-left: 5px;
    width: 25px !important;
    line-height: 25px;
    height: 25px;
    padding: 5px;
}

.productlist li:last-child {
    margin-bottom: 0;
}

.aboutproduct li {
    align-items: initial;
}

.aboutproduct li aside {
    padding: 40px;
}

.aboutproduct li:nth-child(even) {
    flex-direction: row-reverse;
}

.aboutproduct li:nth-child(even) .proimg img {
    border-radius: 0px 16px 16px 0px;
}

.productlist li .proimg img {
    height: 100%;
    object-fit: cover;
}

.aboutcall {
    background-color: #FAF5FE;
    padding: 50px 0px;
}

.aboutcall .professor_mentors {
    margin-top: 0px;
}

.style2 {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.style2 li {
    width: 25%;
    margin-bottom: 20px;
    font-size: 18px;
    color: #302959;
    font-weight: 500;
    position: relative;
    padding-left: 25px;
}

.style2 li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url(../images/vmarrow.svg);
    background-size: cover;
    background-position: center;
}


/*------------------------------------------------------------------

    30-05-2022 CSS End here

------------------------------------------------------------------*/


/*------------------------------------------------------------------

    31-05-2022 CSS Start here 

------------------------------------------------------------------*/

.vmresourcebox aside {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #302959;
    margin-bottom: 0px;
}

.vmresourcebox .comntitle2 {
    font-size: 42px;
    line-height: 1;
    letter-spacing: 1px;
}

.getbox svg {
    font-size: 35px;
    margin-right: 20px;
    color: #302959;
}

.faqdiv {
    margin-bottom: 25px;
    background-color: #faf5fe;
    border-radius: 10px;
    transition: all 300ms ease-in-out;
}

.faqdiv.open {
    background-color: #F0F8C1;
}

.faqhead {
    padding: 15px 25px;
    cursor: pointer;
    position: relative;
    transition: all 300ms ease-in-out;
}

.faqdiv.open .faqhead {
    padding-bottom: 0;
}

.faqhead::before,
.faqhead::after {
    position: absolute;
    content: "";
    background: #302959;
    top: 50%;
    width: 16px;
    height: 2px;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.faqdiv .faqhead::before {
    transform: translateY(-50%) rotate(90deg);
}

.faqdiv.open .faqhead::before {
    transform: translateY(-50%) rotate(0deg);
}

.faqhead .headtitle {
    font-weight: 600;
    color: #302959;
    margin-bottom: 0;
    font-size: 22px;
}

.faqbody {
    padding: 15px 25px;
    display: none;
}

.faqdiv.active .faqbody {
    display: block;
}

.faqbody p {
    margin-bottom: 0;
}


/*------------------------------------------------------------------

    31-05-2022 CSS End here 

------------------------------------------------------------------*/


/*Free Ebook*/

.sidebarbox2 form input {
    margin: 10px 0;
    height: 50px;
    padding: 5px 15px;
    border: 1px solid #7103b8;
    border-radius: 6px;
}

.sidebarbox2 form button {
    width: 100%;
    border: none;
    text-transform: capitalize;
    margin-top: 15px;
}


/* 02-06-2022*/

.testimonials_list li h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0;
    line-height: 26px;
}

.pslogo img {
    max-width: 150px;
    margin: 20px auto 0;
    display: table;
}

.comnmenutitle {
    border-bottom: 1px solid #b858fc;
}

.comnmenutitle a {
    color: #b550fc !important;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 15px;
}

.menulist li {
    padding-left: 20px;
}

.menulist li a {
    font-size: 14px;
    position: relative;
}

.menulist li a svg,
.menulist li a i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
    position: absolute;
    left: -20px;
    top: 0;
}

.whitebg {
    background: #fff;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9);
    max-width: 300px;
    width: 100%;
}

.bpslogo {
    margin-top: -50px;
}

.ftlogo img {
    max-width: 250px;
}

.copyright span {
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    max-width: 150px;
}

.customerbox2 {
    padding: 0;
}

.customerbox2 a {
    display: flex;
    align-items: center;
}

.customerbox2 a img {
    margin-bottom: 0;
    border-radius: 15px 0 0 15px;
    height: 150px;
    max-width: 280px;
}

.customerbox2 .pricebox {
    position: initial;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
}

.customerbox2 .pricebox p {
    margin: 0;
    padding: 0;
    background: no-repeat;
    color: #B550FC;
    font-size: 20px;
    font-weight: 700;
}

.customerbox3 {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 30px #e7e1eed1;
}

.customerbox3 img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.customerbox3:hover img {
    transform: scale(1.2);
}

.customerbox3 aside {
    font-size: 16px;
    width: 100%;
    color: #fff;
    background: rgb(48, 41, 89, 0.7);
    font-weight: 600;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    text-align: center;
}

address {
    margin: 0;
}


/*===================================================================== 

            09-06-22 Css Add  

=====================================================================*/


/*----------------------------------- News Blog Slider Css Stat Here -----------------------------------*/

#newsblogslider h5 {
    font-size: 16px;
    margin: 15px 0;
    min-height: 70px;
    line-height: 24px;
    font-weight: 600;
}

#newsblogslider span {
    display: block;
}

#newsblogslider .comnbtn {
    padding: 5px 10px 5px 25px;
}

#newsblogslider .comnbtn svg,
#newsblogslider .comnbtn i {
    width: 26px !important;
    line-height: 26px;
    height: 26px;
    padding: 3px;
    margin-left: 5px;
}

#newsblogslider .owl-dots {
    display: none;
}

#newsblogslider .owl-nav {
    text-align: center;
    margin-top: 30px;
}

#newsblogslider .owl-nav button {
    background: #302959;
    color: #fff;
    border: none;
    font: inherit;
    border-radius: 50%;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    margin: 0 5px;
}


/* to remove slide effect  css */

.animated {
    -webkit-animation-duration: 0 ms !important;
    animation-duration: 0 ms !important;
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

#newsblogslider .item {
    background: #f0e8f6;
    padding: 15px;
    border-radius: 10px;
}