@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");



@import url("bootstrap.min.css");

@import url("aos.css");

@import url("animate.min.css");

@import url("../js/nivo-slider/nivo-slider.css");

@import url("owl.carousel.min.css");

@import url("owl.theme.default.css");

@import url("stellarnav.css");

@import url("var.css");



* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    margin: 0;

    font-family: var(--font-opensans-serif);

}



audio,

canvas,

embed,

iframe,

img,

object,

svg,

video {

    display: block;

    max-width: 100%;

    width: 100%;

}



summary {

    display: list-item;

}



body,

html {

    height: 100%;

}



html {

    font-size: 100%;

}



body {

    line-height: 1.4;

}



p {

    font-size: var(--font-14);

    color: var(--color-dark);

    line-height: 1.55;

    margin-bottom: 1rem;

    font-weight: 500;

    font-family: var(--font-opensans-serif);

}



a,

a:hover, 
a:focus {
    outline:none !important;
    text-decoration: none;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--color-dark);

    font-family: var(--font-opensans-serif);

}



.sec_padding {

    padding: 60px 0;

}



.sec_title {

    margin-bottom: 30px;

}



.main_title {

    font-size: var(--font-40);

    font-weight: 700;

    color: var(--color-dark);

    font-family: var(--font-opensans-serif);

}



.main_title>span {

    color: var(--color-1);

    font-family: var(--font-opensans-serif);

}



.cursor {

    width: 30px;

    height: 30px;

    border-radius: 100%;

    border: 1px solid var(--color-dark);

    transition: all 200ms ease-out;

    position: fixed;

    pointer-events: none;

    left: 0;

    top: 0;

    -webkit-transform: translate(calc(-50% + 15px), -50%);

    -ms-transform: translate(calc(-50% + 15px), -50%);

    transform: translate(calc(-50% + 15px), -50%);

    z-index: 9999;

}



.cursor2 {

    width: 15px;

    height: 15px;

    border-radius: 100%;

    background-color: var(--color-dark);

    opacity: .3;

    position: fixed;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    pointer-events: none;

    transition: width .3s, height .3s, opacity .3s;

    z-index: 9999;

}



.hover {

    background-color: var(--color-2);

    opacity: 0.5;

}



.cursorinnerhover {

    width: 50px;

    height: 50px;

    opacity: .5;

}



.owl-dots{text-align: center;}

.owl-dot{margin:0 5px;border:none;
       background-color: transparent;
    padding: 0;
}

.owl-dot:focus{

    outline: none;

}



.owl-dot>span{

    display: block;

    width: 12px;

    height: 12px;

    border-radius: 100px;

    position: relative;

    background-color: var(--color-2);

        transition: 500ms ease, width 500ms;

}



.owl-dot.active>span{width: 20px;transition: 500ms ease, width 500ms;background-color: var(--color-1);}



/*---Button Area---*/



.btn-theme {

    position: relative;

    color: var(--color-white);

    padding: 10px 30px;

    text-transform: uppercase;

    font-weight: 600;

    background-color: var(--color-2);

    font-size: var(--font-15);

    border: none;

    overflow: hidden;

    border: 1px solid var(--color-2);

    border-radius: 100px;

    z-index: 1;

}



.btn-theme::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 0;

    background: var(--color-1);

    background: var(--theme-gradient);

    -webkit-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

    z-index: -1;

}



.btn-theme:hover::after {

    height: 100%;

    top: auto;

    bottom: 0;

    -webkit-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    transition: all .2s ease-in;

}



.btn-theme:hover {

    color: var(--color-white);

}



/*=========Main Header==============*/

.main_header {

    position: relative;

    width: 100%;

    background-color: var(--color-white);

    z-index: 999;

}



.offer_header {

    padding: 5px 0;

    background-color: var(--color-1);

}



.offer_header p {

    font-size: var(--font-15);

    color: var(--color-white);

}



.bottom_header {

    padding: 10px 0;

}



.navbar-brand {

    max-width: 148px;

    padding: 0;

    margin-right: 0;

    font-size: unset;

    text-decoration: none;

    white-space: unset;

    display: block;

    transition: all .2s;

}



.main_header.sticky .navbar-brand {

    max-width: 100px;

    transition: all .2s;

    margin: 5px 0;

}



.main_header.sticky {

    display: block;

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    -webkit-box-shadow: 0px 1px 10px 0px rgb(0 0 0);

    box-shadow: 0px 1px 10px 0px rgb(0 0 0);

    -webkit-animation: smoothScroll 1s;

    animation: smoothScroll 1s;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



@-webkit-keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



.top_header {

    background-color: var(--color-3);

    padding: 8px 0;

}



.main_header.sticky .top_header {

    display: none;

}



.head_contact {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.head_contact>ul {

    padding: 0;

    margin: 0;

}



.head_contact>ul>li {

    list-style: none;

}



.head_social {

    width: 100%;

}



.head_social>ul {

    padding: 0;

    margin: 0;

    display: inline-block;

}



.head_social>ul>li {

    list-style: none;

    display: inline-block;

    margin-left: 5px;

}



.head_contact>ul>li>a {

    position: relative;

    display: inline-block;

    color: var(--color-dark);

    font-size: var(--font-14);

    font-weight: 600;

    margin-left: 15px;

}



.head_social>ul>li>a {

    position: relative;

    display: inline-block;

    color: var(--color-white);

    font-size: var(--font-14);

    font-weight: 600;

    width: 32px;

    height: 32px;

    text-align: center;

    line-height: 32px;

    border-radius: 100%;

}



.head_social>ul>li:nth-child(1)>a {

    background-color: #4267B2;

}



.head_social>ul>li:nth-child(2)>a {

    background-color: #1DA1F2;

}



.head_social>ul>li:nth-child(3)>a {

    background-color: #0A66C2;

}



.head_social>ul>li:nth-child(4)>a {

    background: -ms-linear-gradient(261deg, #405DE6, #5B51D8, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);

    background: -moz-linear-gradient(261deg, #405DE6, #5B51D8, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);

    background: -o-linear-gradient(261deg, #405DE6, #5B51D8, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);

    background: -webkit-linear-gradient(261deg, #405DE6, #5B51D8, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);

    background: linear-gradient(189deg, #405DE6, #5B51D8, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);

}



.head_contact>ul>li i,

.head_contact>ul>li>span {

    margin-right: 10px;

    color: var(--color-2);

    font-size: var(--font-14);

}



.head_contact>ul>li>span {

    margin: 0;

    font-weight: 600;

    color: var(--color-dark);

}



.head_contact>ul>li>a::after {

    content: '/';

    position: absolute;

    right: -10px;

    color: var(--color-dark);

}



.head_contact>ul>li>a:last-child::after {

    display: none;

}



.head_contact>ul>li>a:first-child {

    margin-left: 0;

}



.head_contact>ul>li>a:hover,

.head_social>a:hover {

    color: var(--color-2);

}



.head_social>span {

    color: var(--color-dark);

    font-size: var(--font-15);

    font-weight: 600;

}



/* - Banner Style  //---------------- */

.main_slider {

    position: relative;

    width: 100%;

}



.bend.niceties.preview-1 {

    z-index: 99;

    position: relative;

}



.slider-area2 {

    position: relative;

}



.slider-area2::after {

    content: '';

    position: absolute;

    bottom: -1px;

    width: 100%;

    height: 309px;

    background: url(../images/slider/shape.png);

    background-position: top center;

    background-size: cover;

    z-index: 99;

}



.nivo-caption .slider-content {

    width: 100%;

    height: 100%;

    text-align: left;

}



.sliderCaptionWrap {

    width: 50%;

    position: relative;

    top: 150px;

    z-index: 11;

}



.slider-layout2 .slider-content .sub_caption {

    font-size: var(--font-28);

    font-family: var(--font-opensans-serif);

    text-transform: uppercase;

    color: var(--color-white);

}



.slider-layout2 .slider-content .caption_title {

    font-size: min(max(20px, calc(1.25rem + (45 - 20) * ((100vw - 360px) / (1920 - 360)))), 45px);

    font-weight: 700;

    margin-bottom: var(--font-28);

    font-family: var(--font-opensans-serif);

    color: var(--color-white);

    text-transform: capitalize;

    -webkit-animation: fadeInUp 1500ms ease-in-out;

    animation: fadeInUp 1500ms ease-in-out;

}



.slider-layout2 .slider-content .caption_title span {

    font-family: var(--font-opensans-serif);

    color: var(--color-2);

}



.slider-layout1 .nivo-caption {

    top: -45px;

}



.slider-content .btn {

    background-color: var(--color-2);

    color: var(--color-white);

    border: 1px solid var(--color-2);

    border-radius: 100px;

    -webkit-animation: bounceInLeft 1800ms ease-in-out;

    animation: bounceInLeft 1800ms ease-in-out;

}



.active .caption_title {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

}



.active .slider-content .btn {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

}



.nivo-controlNav {

    position: absolute;

    top: 30%;

    right: 0;

    z-index: 99;

    transform: translateY(-30%);

    -webkit-transform: translateY(-30%);

    -moz-transform: translateY(-30%);

    -ms-transform: translateY(-30%);

    -o-transform: translateY(-30%);

}



.nivo-control {

    position: relative;

    display: block;

    background-color: var(--color-white);

    font-size: 0;

    margin: 5px;

    width: var(--font-20);

    height: var(--font-20);

    border-radius: 50%;

}



.nivo-control::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0%;

    height: 0%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background-color: var(--color-1);

    border-radius: 50%;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.nivo-control.active::after {

    width: 50%;

    height: 50%;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



/* - Banner Style  End */



/* --Process Sec--- */

.process_sec {

    position: relative;

}



.process_box {

    position: relative;

    background-color: var(--color-white);

    padding: var(--font-24);

    padding-bottom: 10px;

    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 23%);

    -webkit-box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 23%);

    border-radius: 100px 10px 10px 10px;

    -webkit-border-radius: 100px 10px 10px 10px;

    -moz-border-radius: 100px 10px 10px 10px;

    -ms-border-radius: 100px 10px 10px 10px;

    -o-border-radius: 100px 10px 10px 10px;

    height: 100%;

}



.process_box:hover{

    box-shadow: none;

    background-color: var(--color-3);

}



.process_box::before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform, opacity;

    transition-property: transform, opacity;

}



.process_box:hover:before,

.process_box:focus:before,

.process_box:active:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}



.process_icon {

    position: relative;

    width: 90px;

    height: 90px;

    z-index: 1;

    margin: auto;

    margin-top: -70px;

}



.process_icon::before {

    content: '';

    position: relative;

    width: 100%;

    height: 100%;

    background-color: var(--color-2);

    display: block;

    z-index: -1;

    border-radius: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    box-shadow: -3px -3px 10px 0px rgb(0 0 0 / 21%);

}



.process_box:hover .process_icon::before{

    background-color: var(--color-1);

    transform: rotate(135deg);

}



.process_box, .process_box:hover, .process_icon::before {

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.process_icon>img {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.process_text {

    margin-top: 20px;

    text-align: center;

}



.process_text>h3 {

    color: var(--color-dark);

    font-size: var(--font-20);

    font-weight: 700;

    margin-bottom: 10px;

    height: 50px;

}



/* ============== About Area ===============*/

.about_sec {

    position: relative;

    width: 100%;

    background: url(../images/bg/bg-1.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 170px;

}



.about_sec::after {

    content: '';

    position: absolute;

    height: 112px;

    width: 100%;

    bottom: -1px;

    background-image: url(../images/bg/shape-1.png);

    background-size: cover;

    background-position: bottom center;

    background-repeat: no-repeat;

    z-index: 1;

}



.about_wrap p {

    font-weight: 500;

    text-align: justify;

    color: var(--color-white);

}



.about_img {

    position: relative;

    width: 100%;

    margin: 0 auto;

    padding-bottom: 30px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}



/* ---SAles Force Area--- */



.selseforce_sec {

    position: relative;

    background: var(--color-white);

    background-repeat: no-repeat;

    background-position: top right;

}



.selseforceinner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 20px;

}



.selseforce_wrap {

    text-align: center;

    background-color: var(--color-white);

    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);

    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);

    position: relative;

    border-radius: 15px;

    width: 20%;

    overflow: hidden;

}



.selseforce_wrap>img,

.selseforce_wrap:hover>img {

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.selseforce_wrap:hover>img {

    transform: scale(1.1) rotate(-1deg);

    -webkit-transform: scale(1.1) rotate(-1deg);

    -moz-transform: scale(1.1) rotate(-1deg);

    -ms-transform: scale(1.1) rotate(-1deg);

    -o-transform: scale(1.1) rotate(-1deg);

}



.selseforce_wrap .btn {

    font-size: var(--font-14);

    color: var(--color-white);

    background-color: var(--color-2);

    border-radius: 50px;

    text-align: center;

    padding: 5px 10px;

    opacity: 0;

}



.selseforce_hover {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgb(0 0 0 / 95%)), to(rgb(0 0 0 / 20%)));

    background-image: -o-linear-gradient(bottom, rgb(0 0 0 / 95%) 25%, rgb(0 0 0 / 20%) 100%);

    background-image: linear-gradient(0deg, rgb(0 0 0 / 95%) 25%, rgb(0 0 0 / 20%) 100%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: end;

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.selseforce_wrap:hover>.selseforce_hover {

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgb(8 10 123 / 95%)), to(rgb(0 0 0 / 71%)));

    background-image: -o-linear-gradient(bottom, rgb(8 10 123 / 95%) 125%, rgb(0 0 0 / 71%) 100%);

    background-image: linear-gradient(0deg, rgb(8 10 123 / 95%) 25%, rgb(0 0 0 / 71%) 100%);

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.selhover_wraper {

    width: 100%;

    padding: 20px;

    text-align: center;

    height: 90px;

}



.selhover_wraper>h4 {

    position: relative;

    font-size: var(--font-18);

    font-weight: 700;

    margin-bottom: 10px;

    color: var(--color-white);

}



.selhover_wraper>p {

    color: var(--color-white);

    margin-bottom: 10px;

    font-weight: 400;

    opacity: 0;

    line-break: auto;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 8;

    -webkit-box-orient: vertical;

}



.selseforce_wrap:hover .selhover_wraper{

    height: 100%;

}



.selseforce_wrap:hover .selhover_wraper>p,

.selseforce_wrap:hover .btn {

    opacity: 1;

}



.selseforce_wrap:hover, .selhover_wraper, 

.selhover_wraper>p, .selseforce_wrap .btn{

    transition: all 500ms;

    -webkit-transition: all 500ms;

    -moz-transition: all 500ms;

    -ms-transition: all 500ms;

    -o-transition: all 500ms;

}



/* ---Counter Area--- */



.counter_sec {

    margin: -170px 0 0;

    z-index: 11;

    position: relative;

}



.counter_wraper {

    position: relative;

    background: url(../images/bg/bg-2.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    padding: 50px;

    -webkit-box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 24%);

    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 24%);

}



.milestone-counter {

    text-align: center;

    position: relative;

    width: 190px;

    height: 190px;

    margin: 0 auto;

    padding: 15px 20px;

}



.milestone-counter::before, .milestone-counter::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: var(--color-white);

    border-radius: 40px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 33%);

    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 33%);

}



.milestone-counter::after {

    background-color: var(--color-2);

    transform: rotate(0deg) scale(0);

    -webkit-transform: rotate(0deg) scale(0);

    -moz-transform: rotate(0deg) scale(0);

    -ms-transform: rotate(0deg) scale(0);

    -o-transform: rotate(0deg) scale(0);

    transition: all 200ms ease-in;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    -ms-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

}



.milestone-counter:hover::after {

    transform: rotate(45deg) scale(1);

    -webkit-transform: rotate(45deg) scale(1);

    -moz-transform: rotate(45deg) scale(1);

    -ms-transform: rotate(45deg) scale(1);

    -o-transform: rotate(45deg) scale(1);

    transition: all 200ms ease-in;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    -ms-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

}



.counter_icon {

    position: relative;

    width: 62px;

    margin: 0 auto 8px;

        z-index: 1;

}



.milestone-counter:hover>.counter_icon{

        filter: brightness(0) invert(1);

        -webkit-filter: brightness(0) invert(1);

}



.milestone-counter>p {

    position: relative;

        font-size: var(--font-24);

        margin-bottom: 0;

        z-index: 1;

}



.stat-count {

    position: relative;

    font-size: var(--font-24);

    font-weight: 700;

    color: var(--color-dark);

    text-align: center;

}



.milestone-title {

    position: relative;

    color: var(--color-dark);

    width: 100%;

    font-size: var(--font-14);

    font-weight: 500;

    text-align: center;

    z-index: 1;

    margin: 0;

}



.milestone-counter:hover>p, 

.milestone-counter:hover>p>.stat-count, 

.milestone-counter:hover>.milestone-title {

    color: var(--color-white);

    transition: all 200ms ease-in;

    -webkit-transition: all 200ms ease-in;

    -moz-transition: all 200ms ease-in;

    -ms-transition: all 200ms ease-in;

    -o-transition: all 200ms ease-in;

}



/* ---Why US Area--- */



.why_us_sec {

    position: relative;

    background: url(../images/bg/bg-3.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

}



.why_us_icon {

        position: relative;

    width: 108px;

    height: 108px;

}



.why_us_icon::before, .why_us_icon::after {

    content: '';

    position: relative;

    display: block;

    width: 80%;

    height: 80%;

    left: 50%;

    top: 50%;

    border: 2px solid var(--color-2);

    border-radius: 20%;

    transform: translate(-50%, -50%) rotate(45deg);

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

    -moz-transform: translate(-50%, -50%) rotate(45deg);

    -ms-transform: translate(-50%, -50%) rotate(45deg);

    -o-transform: translate(-50%, -50%) rotate(45deg);

}



.why_us_icon::after {

    background-color: var(--color-2);

    position: absolute;

    transform: translate(-50%, -50%) rotate(45deg) scale(0);

    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);

    -moz-transform: translate(-50%, -50%) rotate(45deg) scale(0);

    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);

    -o-transform: translate(-50%, -50%) rotate(45deg) scale(0);

}



.why_us_wraper:hover .why_us_icon::after {

    transform: translate(-50%, -50%) rotate(45deg) scale(1);

    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);

    -moz-transform: translate(-50%, -50%) rotate(45deg) scale(1);

    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(1);

    -o-transform: translate(-50%, -50%) rotate(45deg) scale(1);

}



.why_us_icon>img {

    width: 45px;

    height: 45px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

}



.why_us_wraper:hover .why_us_icon>img {

    filter: brightness(0) invert(1);

    -webkit-filter: brightness(0) invert(1);

}



.why_us_icon::after, .why_us_wraper:hover .why_us_icon::after, 

.why_us_wraper:hover .why_us_icon>img{

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.why_us_text>h3 {

    color: var(--color-white);

    font-size: var(--font-18);

    font-weight: 600;

}



.why_us_text>p {

    color: var(--color-white);

    font-size: var(--font-14);

    font-weight: 400;

}



/* ---Why Say Area--- */



.testimonial_carousel {

    position: relative;

}



.testimonial_carousel .item {

    position: relative;

}



.testimonial_wraper {

    position: relative;

    padding: 20px;

    border-radius: 15px;

    margin: 10px;

    background: url(../images/home/quote_icon.png) #fff;

    background-repeat: no-repeat;

    background-position: 90% 16%;

    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 28%);

    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 28%);

}



.testimonial_wraper>.testimonial_author {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.testimonial_author>.author_figure {

    width: 80px;

    height: 80px;

    border-radius: 100%;

    overflow: hidden;

    border: 2px solid var(--color-2);

}



.testimonial_author>.author_name {

    margin-left: 20px;

}



.testimonial_author>.author_name>h4 {

    font-weight: 700;

    font-size: var(--font-20);

}



.testimonial_comment {padding-top: 10px;}



.testimonial_comment>p {text-align: justify;}



/* ---Request Area Start--- */



.requestform_sec{

    position: relative;

    background: url(../images/bg/bg-4.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding-top: 180px;

    padding-bottom: 80px;

}



.requestform_sec::after {

    content: '';

    position: absolute;

    height: 112px;

    width: 100%;

    top: -1px;

    background-image: url(../images/bg/shape-1.png);

    background-size: cover;

    background-position: bottom center;

    background-repeat: no-repeat;

    z-index: 1;

    transform: rotate(180deg);

}

 

.request_form .form-control{

margin-bottom: 10px;

    padding: 12px;

    background-color: transparent;

    border-radius: 100px;

    color: var(--color-white);

    font-size: var(--font-14);

    font-weight: 500;

    border: 1px solid #4547ad;

    box-shadow: none;

    outline: none;

}



.request_form .form-control:focus{

    border-color: var(--color-white);

    transition: 200ms;

    -webkit-transition: 200ms;

    -moz-transition: 200ms;

    -ms-transition: 200ms;

    -o-transition: 200ms;

}



.request_form .form-control::placeholder{color:var(--color-white);}

.request_form textarea.form-control {

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

}



/* ---Event Area--- */

 

.event_box{

    position: relative;

    margin-left: 80px;

}



.event_figure{

    left: -78px;

    top: 50%;

    transform: translateY(-50%);

    overflow: hidden;

    border-radius: 15px;

    width: 170px;

    height: 170px;

    position: absolute;

        z-index: 11;

}



.event_figure>img{

    height: 100%;

    object-fit: cover;

    -webkit-object-fit: cover;

}



.event_wraper{    

width: 100%;

    position: relative;

    border: 1px solid #959595;

    border-radius: 20px;

    padding: 35px 20px;

    padding-left: 120px;

    background-color: var(--color-white);

    overflow: hidden;

    z-index: 1;

}



.c__blobs {

    height: 100%;

    filter: url(#goo);

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    bottom: -3px;

    right: -1px;

    z-index: -1;

}



.c__blobs span {

    background-color:var(--color-3);

    width: 40%;

    height: 100%;

    border-radius: 100%;

    position: absolute;

    transform: scale(1.4) translateY(125%) translateZ(0);

    transition: all 700ms ease;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

}



.c__blobs span:nth-child(1) {

    left: -5%;

}



.c__blobs span:nth-child(2) {

    left: 30%;

    transition-delay: 60ms;

}



.c__blobs span:nth-child(3) {

    left: 66%;

    transition-delay: 25ms;

}



.event_box:hover .c__blobs span {

    transform: scale(1.4) translateY(0) translateZ(0);

}



.event_wraper>ul{

    display: inline-block;

    position: relative;

    padding: 0;

    margin: 0;

}



.event_wraper>ul>li{

    display: inline-block;

    margin-right: 10px;

    font-size: var(--font-18);

    color: var(--color-1);

    font-weight: 600;

}



.event_wraper>ul>li>i{color: var(--color-2);}



.event_wraper>h4 {

    font-size: var(--font-20);

    font-weight: 700;

    margin: 10px 0;

}



.ourstudent_sec {

    position: relative;

    margin: 0 0 -160px 0;

    z-index: 11;

}



.ourstudent_wraper {

    position: relative;

    padding: 60px;

    background: url(../images/bg/bg-2.png);

    background-position: center;

    background-size: cover;

    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 40%);

    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 40%);

    z-index: 1;

}



.ourstudent_box {

    margin: 5px;

    border-bottom: 4px solid #1d98d4;

    border-bottom-right-radius: 20px;

    border-top-left-radius: 20px;

    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 64%);

    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 64%);

    overflow: hidden;

}



.ourstudent_box>img {

    height: 100px;

    -o-object-fit: contain;

    object-fit: contain;

    background-color: #fff;

}



.ourstudent_carousel .owl-prev, 

.ourstudent_carousel .owl-next{

    position: absolute;

    left: -35px;

    top: 50%;

    width: 33px;

    height: 33px;

    color: var(--color-1);

    border: 1px solid var(--color-1);

    background-color: transparent;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    padding: 5px 0px;

}



.ourstudent_carousel .owl-next {right: -35px;left: auto;}

.ourstudent_carousel .owl-prev:hover, 

.ourstudent_carousel .owl-prev:focus,

.ourstudent_carousel .owl-next:hover, 

.ourstudent_carousel .owl-next:focus{

    outline: none;

    color: var(--color-white);

    border: 1px solid var(--color-1);

    background-color: var(--color-1);

}



/* ---Footer Start--- */

.main_footer {

    position: relative;

    padding-top: 200px;

    background: url(../images/bg/bg-5.png);

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    overflow: hidden;

    z-index: 1;

}



.main_footer::after{

    content: '';

    position: absolute;

    height: 112px;

    width: 100%;

    top: -1px;

    background-image: url(../images/bg/shape-2.png);

    background-size: cover;

    background-position: bottom center;

    background-repeat: no-repeat;

    z-index: 1;

}



.footer_title {

    font-size:var(--font-24);

    color:var(--color-white);

    font-weight: 600;

    margin-bottom: 20px;

}



.footer_contact,

.quick_link {

    padding: 0;

    margin: 0;

}



.footer_contact>li,

.quick_link>li {

    list-style: none;

    position: relative;

    margin-bottom: 15px;

    padding-left: 30px;

}



.footer_contact>li i {

    position: absolute;

    left: 0;

    top: 0;

    color:var(--color-2);

    font-size:var(--font-18);

}



.footer_contact>li>a,

.quick_link>li>a {

    position: relative;

    font-size:var(--font-14);

    color: var(--color-white);

    font-weight: 400;

}



.quick_link>li {

    padding-left: 0;

    padding-right: 0;

    margin-bottom: 5px;

}



.quick_link>li>a {

    padding-left: 0px;

}



.footer_contact>li>a:hover,

.quick_link>li>a:hover {

    color: var(--color-2);

}

 

.social_footer>a {

    display: inline-block;

    color: var(--color-white);

    text-align: center;

    font-size:var(--font-18);

    margin-right: 10px;

}

 

.social_footer a:hover {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.bottom_footer {

    border-top: 1px dotted #818181;

    margin-top: 20px;

    padding: 15px 0;

}



.bottom_footer .copyright_txt {

    margin: 0;

    text-align: center;

    color: var(--color-white);

}



.bottom_footer .copyright_txt span {

color: var(--color-2);

}



.bottom_footer .copyright_txt a {

    color: var(--color-white);

}



/* ===========Scroll To Top===========*/

.progress-wrap {

    position: fixed;

    right: 4px;

    bottom: 20px;

    height: 35px;

    width: 35px;

    background-color:var(--color-2);

    cursor: pointer;

    display: block;

    border-radius: 50px;

    z-index: 10000;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}



.progress-wrap.active-progress {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}



.progress-wrap::after {

    position: absolute;

    font-family: bootstrap-icons !important;

    content: "\f145";

    text-align: center;

    line-height: 35px;

    font-size:var(--font-24);

    color:var(--color-white);

    left: 0;

    top: 0;

    height: 35px;

    width: 35px;

    cursor: pointer;

    display: block;

    z-index: 1;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}



.progress-wrap:hover::after {

    opacity: 0;

}



.progress-wrap::before {

    position: absolute;

    font-family: bootstrap-icons !important;

    content: "\f145";

    text-align: center;

    line-height: 35px;

    font-size: var(--font-24);

    opacity: 0;

    background-image:var(--theme-gradient);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    left: 0;

    top: 0;

    height: 35px;

    width: 35px;

    cursor: pointer;

    display: block;

    z-index: 2;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}



.progress-wrap:hover::before {

    opacity: 1;

}



.progress-wrap svg path {

    fill: none;

}



.progress-wrap svg.progress-circle path {

    stroke:var(--color-1);

    stroke-width: 4;

    box-sizing: border-box;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}



/* - inner section start */



/* - inner section start */



.brdcrum_area {
      position: relative;
    height: 400px;
    padding-top: 75px;
}

.brdcrum_area::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: url(../images/slider/shape2.png);
    background-position: top center;
    background-size: cover;
    z-index: 99;
}

.brdcrum_area::after {

    content: '';

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 154px;

    background: url(../images/slider/shape2.png);

    background-position: top center;

    background-size: cover;

    z-index: 99;

}



.brdcrum_tittle {

    color: #fff;

    font-size: var(--font-35);

    font-weight: 600;

}

.brdcrum_area ul {

    padding: 0;

    margin: 0;

    position: relative;

    display: inline-block;

}

.brdcrum_area ul li {

    list-style: none;

    position: relative;

    display: inline-block;

    margin-right: 11px;

}

.brdcrum_area ul li a{

   color:#fff;

}

.brdcrum_area ul li:nth-child(1) a::after {

    content: '/';

    position: absolute;

    color: #fff;

    top: 0;

    right: -10px;

    opacity: 1;

}

.brdcrum_area ul li:nth-child(2) a {

    font-weight: 500;

    color: #e16926;

}


.bend.niceties.preview-1 {

    z-index: 99;

    position: relative;

}



/*about section*/





.aboutin_wrap p {

    font-weight: 500;

    text-align: justify;

    color: #282828

}



.aboutin_img {

    position: relative;

    width: 100%;

    margin: 0 auto;

    padding-bottom: 30px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

}

 

.list-section ul{

    padding:0px;

    margin: 0;

}

.list-section ul li {

    padding-left: 64px;

    list-style: none;

    position: relative;

    margin-bottom: 17px;

}

 
.list-section ul li::after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 6%;
    height: 23px;
    background: url(../images/home/icon-list.png);
    background-position: top center;
    background-size: cover;
    left: 0px;
    top: 4px;
}




/*our courses start*/



.courses-section h2{

	color: #030397;

    font-weight: bold;

    font-size: 30px;

}

.courses-section h3{

	color: #1f1d2a;

    font-weight: bold;

    font-size: 27px;

}

.courses-section h4{

	color: #282828;

    font-weight: 600;

}

















.courses-image img{

	border-radius: 17px;

}



.courses-image a{

	float: right;

    color: #f96e21;

    font-weight: bold;

}

.list-section-courses {

    margin-bottom: 19px;

    margin-top: 19px;

}

.list-section-courses ul{padding:0px;}

.list-section-courses ul li {

    padding-left: 48px;

    list-style: none;

    position: relative;

    margin-bottom: 10px;

}

 

.list-section-courses ul li::after {

    content: '';

    position: absolute;

    bottom: 0px;

    width: 3%;

    height: 17px;

    background: url(../images/home/icon-list.png);

    background-position: top center;

    background-size: cover;

    left: 0px;

    top: 4px;

}



.next-batch{

    font-weight: bold;

    color: #2b2b2b;

}

.next-batch a i{

    padding-left: 10px;

}



/*our courses end*/



.traning_wraper{

    background: #dadada;

    border-bottom: 4px solid #f96e21;

}



.traning-icons{

    position: relative;

    width: 108px;

    height: 108px;

}



.traning-icons img {

    width: 60px;

    height: 60px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

}

.traning_text h3{

    color: #000000;

    font-size: var(--font-18);

    font-weight: 600;

}

.what_will_sec {

    position: relative;

    background: url(../images/bg/bg-6.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

}





/*contact us start*/



/* --Process Sec--- */

.contact_info {

    background: url(../images/bg/bg-7.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    width: 80%;

    margin: 0 auto;

}



.contact-detail_sec {

    position: relative;

}



.contact_box {

    position: relative;

    padding: var(--font-24);

    padding-bottom: 10px;

   

}



.box_left{

    border-right: 1px solid #000;

}



.contact_box:hover:before,

.contact_box:focus:before,

.contact_box:active:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}



.contact_icon {

    position: relative;

    width: 90px;

    height: 90px;

    z-index: 1;

    margin: auto;

   

}



.contact_icon::before {

    content: '';

    position: relative;

    width: 100%;

    height: 100%;

    background-color: var(--color-2);

    display: block;

    z-index: -1;

    border-radius: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    box-shadow: -3px -3px 10px 0px rgb(0 0 0 / 21%);

}



.contact_box:hover .contact_icon::before{

    

    transform: rotate(135deg);

    background-color: #ff5b00;

}



.contact_box, .contact_box:hover, .contact_icon::before {

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.contact_icon>img {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    

}



.contact_text {

    margin-top: 20px;

    text-align: center;

}



.contact_text>h3 {

    color: #ffffff;

    font-size: var(--font-20);

    font-weight: 700;

    margin-bottom: 10px;

}

.contact_text a{

    display: block;

    color: #fff;

    font-size: var(--font-14);

}

.contact_text p{color: #fff;;}



/*/form_wrapper start*/

.form_wrapper {

   

}



.contact_form .form-group{

    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 23%);



}





/*/college page start*/



.college_sec{

   position: relative;

    background: url(../images/bg/bg-7.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

  

}



.college_wrap p{color: #fff;}

.college_img_one{

    position: relative;

    bottom: -34px;

    z-index: 9;

}

.college_img_one img{

    width: auto;

    margin-left: auto;

}



.college_sec::after {

    content: '';

    position: absolute;

    height: 112px;

    width: 100%;

    top: -1px;

    background-image: url(../images/bg/shape-1.png);

    background-size: cover;

    background-position: bottom center;

    background-repeat: no-repeat;

    z-index: 1;

    transform: rotate(180deg);

}



/*/college page end*/







/* --discuss Sec--- */

.discuss_sec {

    position: relative;

}



.discuss_box {

    position: relative;

    background-color: var(--color-white);

    padding: var(--font-24);

    padding-bottom: 10px;

    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 23%);

    -webkit-box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 23%);

    border-radius: 90px 10px 10px 10px;

    /* -webkit-border-radius: 100px 10px 10px 10px; */

    -moz-border-radius: 90px 10px 10px 10px;

    -ms-border-radius: 90px 10px 10px 10px;

    -o-border-radius: 90px 10px 10px 10px;

    width: 80%;

    margin-left: auto;

}



.discuss_box:hover{

    box-shadow: none;

    background-color: var(--color-3);

}



.discuss_box::before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform, opacity;

    transition-property: transform, opacity;

}



.discuss_box:hover:before,

.discuss_box:focus:before,

.discuss_box:active:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}



.discuss_icon {

    position: relative;

    width: 90px;

    height: 90px;

    z-index: 1;

    margin: auto;

    left: -252px;

    top: -59px;

}



.discuss_icon::before {

    content: '';

    position: relative;

    width: 100%;

    height: 100%;

    background-color: var(--color-2);

    display: block;

    z-index: -1;

    border-radius: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    box-shadow: -3px -3px 10px 0px rgb(0 0 0 / 21%);

}



.discuss_box:hover .discuss_icon::before{

    background-color: var(--color-1);

    transform: rotate(135deg);

}



.discuss_box, .discuss_box:hover, .discuss_icon::before {

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.discuss_icon>img {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.discuss_text {

    margin-top: 20px;

    text-align: left;

    margin-left: 53px;

}



.discuss_text>h3 {

    color: var(--color-dark);

    font-size: var(--font-20);

    font-weight: 700;

    margin-bottom: 10px;

  

}







/* --Recruitment Sec--- */

.recruitment_sec {

    position: relative;

}



.recruitment_box {

    position: relative;

    background-color: var(--color-white);

    padding: var(--font-24);

    padding-bottom: 10px;

    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 23%);

    -webkit-box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 23%);

    border-radius: 100px 10px 10px 10px;

    -webkit-border-radius: 100px 10px 10px 10px;

    -moz-border-radius: 100px 10px 10px 10px;

    -ms-border-radius: 100px 10px 10px 10px;

    -o-border-radius: 100px 10px 10px 10px;

    height: 100%;

    background-image: linear-gradient(to right, #00026c , #080a7b);

}



.recruitment_box:hover{

    box-shadow: none;

    background-color: var(--color-3);

}



.recruitment_box::before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform, opacity;

    transition-property: transform, opacity;

}



.recruitment_box:hover:before,

.recruitment_box:focus:before,

.recruitment_box:active:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}



.recruitment_icon {

    position: relative;

    width: 90px;

    height: 90px;

    z-index: 1;

    margin: auto;

    margin-top: -70px;

}



.recruitment_icon::before {

    content: '';

    position: relative;

    width: 100%;

    height: 100%;

    background-color: var(--color-2);

    display: block;

    z-index: -1;

    border-radius: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    box-shadow: -3px -3px 10px 0px rgb(0 0 0 / 21%);

}



.recruitment_box:hover .recruitment_icon::before{

    background-color: var(--color-1);

    transform: rotate(135deg);

}



.recruitment_box, .recruitment_box:hover, .recruitment_icon::before {

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.recruitment_icon>img {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.recruitment_text {

    margin-top: 20px;

    text-align: center;

}



.recruitment_text>h3 {

    color: #ffffff;

    font-size: var(--font-20);

    font-weight: 700;

    margin-bottom: 10px;

    height: 50px;

}



.coast a{

    font-weight: bold;

    font-size: 25px;

    text-decoration: underline;

    color: #12129a;

}





.growth_sec {

    position: relative;

    background: url(../images/bg/bg-9.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}



.growth_sec::after {

    content: '';

    position: absolute;

    height: 112px;

    width: 100%;

    top: -1px;

    background-image: url(../images/bg/shape-1.png);

    background-size: cover;

    background-position: bottom center;

    background-repeat: no-repeat;

    z-index: 1;

    transform: rotate(180deg);

}



.growth_wrapper{

    background: #fff;

    border-radius: 10px;

}

.growth_image img{

    border-radius: 10px 10px 0px 0px;

}

.growth_wrap-content {

    padding: 40px 10px;
    min-height: 230px;

}



.growth_wrap-content p{}



/* Reach us in 3 Steps */



.reachus_sec {

    position: relative;

}

.list-reserah>li {
    position: relative;
    list-style: none;
}
.list-reserah>li::after {
    content: '';
    position: absolute;
    right: -110px;
    width: 202px;
    height: 100px;
    top: 0;
    background: url(../images/home/Reachus-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 1;
}

.list-reserah>li:last-child:after{
    display: none;
}

.reachus_box {

    position: relative;

    background-color: var(--color-white);

    padding: var(--font-24);

    padding-bottom: 10px;

 



}







.reachus_box:hover:before,

.reachus_box:focus:before,

.reachus_box:active:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}



.reachus_icon {

    position: relative;

    width: 90px;

    height: 90px;

    z-index: 1;

    margin: auto;

    margin-top: -70px;

}



.reachus_icon::before {

    content: '';

    position: relative;

    width: 100%;

    height: 100%;

    background-color: var(--color-2);

    display: block;

    z-index: -1;

    border-radius: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    box-shadow: -3px -3px 10px 0px rgb(0 0 0 / 21%);

}



.reachus_box:hover .reachus_icon::before{

    background-color: var(--color-1);

    transform: rotate(135deg);

}



.reachus_box, .reachus_box:hover, .reachus_icon::before {

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.reachus_icon>img {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}



.reachus_text {

    margin-top: 20px;

    text-align: center;

}



.reachus_text>h3 {

    color: #000;

    font-size: var(--font-20);

    font-weight: 700;

    margin-bottom: 10px;

    height: 50px;

}

.detail_page_text ul {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
}

.detail_page_text ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: var(--font-18);
    color: var(--color-1);
    font-weight: 600;
}
.detail_page_text ul li i {
    color: var(--color-2);
}

.detail_page_text h4 {
    font-size: var(--font-20);
    font-weight: 700;
    margin: 10px 0;
}
.detail_page_text p{
    text-align: justify;
}


.detail_page_text .list_section_detail ul li {
    padding-left: 64px;
    list-style: none;
    position: relative;
    margin-bottom: 17px;
    font-size: var(--font-14);
    color: var(--color-dark);
    line-height: 1.55;
    margin-bottom: 1rem;
    font-weight: 500;
    font-family: var(--font-opensans-serif);
}
.detail_page_text .list_section_detail ul li::after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 9%;
    height: 27px;
    background: url(../images/home/icon-list.png);
    background-position: top center;
    background-size: cover;
    left: 0px;
    top: 4px;
}


.detail_page_img {
    position: relative;
    padding: 20px 0 0 20px;
    z-index: 1;
   
}
.detail_page_img img{
    border-radius: 0px 0px 39px;
   
}

.detail_page_img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    background-color: #040595;
    z-index: -1;
}

.list_section_detail h5{
    font-size: var(--font-20);
    font-weight: 700;
    margin: 10px 0;
}

.stellarnav>ul>li>a:focus {
     outline: none;
}





/* recruitment-form */
.contact_wrap .form-group input{
       border: 1px solid #d7d7d7;
    box-shadow: none;
    background: none;
}



span.wpcf7-list-item {
    display: block;
    margin-left: 0;
    padding-top: 8px;
}

.form-check-input{border:none;}

.contact_wrap textarea.form-control{
        margin-top: 11px;
}


.contact_wrap label{}


.popup_form .form-control{
      margin-bottom: 10px;
    padding: 12px;
    background-color: transparent;
    border-radius: 10px;
    color: #000;
    font-size: var(--font-14);
    font-weight: 500;
    border: 1px solid #cfcfcf;
    box-shadow: none;
    outline: none;
        margin-top: 10px;
}
.modal-body .btn-close{
    text-align: right;
    position: absolute;
    right: -9px;
    top: -7px;
    background-color: #ebebeb;
    border-radius: 50%;
    opacity: 1;
    padding: 7px;
    border: 1px solid #ddd;
    font-size: 13px;}

.popup_form .form-control input{
    
    
}