
/* Author: Hardeep Singh Villkhu */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* GLOBAL */
::-moz-selection { color: #fff;background: #0051eb;}
::selection { color: #fff;background: #0051eb; }
.textGray {color: #60697b !important;}
.poppinsBold {font-weight: 700 !important;}
.poppinsLight {font-weight: 300 !important;}
.font50 {font-size:50px;}
.font40 {font-size:40px;}
.font22 {font-size:22px;}
.font18 {font-size:18px;}
.font16 {font-size:16px;}
.font14 {font-size:14px;}
.lineHeight30 {line-height: 30px;}
.letterSpacing2 {letter-spacing: 2px;}
.bgGray {background: #eceef6;}
.bgBlack {background: #000;}
.bgBlue-dark{background: #092197;}
.bgBlue {background: #2543d3;}
.borderRadius15 {border-radius: 15px !important;}
.borderLeft10 {
    border-left: 10px solid #2644d3 !important;
}
.cursor-pointer {cursor: pointer;}
.height40 {height: 40px;}

.navbar-toggler:focus {
    box-shadow: none;
}

.minHeight90 {    min-height: 90px;}
.form-control:focus {
    box-shadow: none;
}

.error{
    color: red;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    display: block;
}

.placeOrder {    padding: 50px;
    text-align: center;}
.placeOrder h2 {    font-weight: 700;
    font-size: 24px;}
.placeOrder p {    margin: 25px 0 0 0;}


.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #2644d3;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
     width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 0 auto 30px;
    box-shadow: inset 0px 0px 0px #2644d3;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 80px #2644d3;
    }
}
a,a:hover,a:visited{text-decoration:none !important;color:inherit;display:inline-block;cursor:pointer;}
a:focus{color:inherit;outline:none;}


/*Buttons*/
.theme-btn-one {border-radius: 6px;position: relative;display: inline-block;font-size: 16px;line-height: 16px;color: #fff !important;text-align: center;font-weight: 600;padding: 13px 20px;text-align: center;z-index: 1;box-shadow: 0 20px 30px rgb(227 227 227 / 80%); transition: all 500ms ease;
   /* background-image: -webkit-gradient(linear, left top, right top, from(#1dbdf8), color-stop(50%, #5464fe), to(#2d4ad5));*/
    background-image:linear-gradient(90deg, #1dbdf8 0%, #5464fe 33%, #2d4ad5) !important;
}
.theme-btn-one:before {position: absolute;content: '';background: #153be3;width: 0%;height: 100%;left: 0px;top: 0px;opacity: 0;border-radius: 6px;z-index: -1;transition: all 500ms ease;}
.theme-btn-one:hover {background: #153be3;color: #fff !important;}
.theme-btn-one:hover:before {width: 100%;opacity: 1;}


.vincent_back_to_top.show {opacity: 1;bottom: 15px;}
.vincent_back_to_top {    border-radius: 8px;display: block;width: 50px;height: 50px;position: fixed;z-index: 9999;bottom: -100px;right: 15px;cursor: pointer;transition: all 0.2s ease-out;opacity: 0;background: rgb(65 87 234 / 70%);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.vincent_back_to_top:hover {background-color: #2643d3;}
.vincent_back_to_to.show {display: block !important;}
.vincent_back_to_top:after {display: block;font-size: 33px;line-height: 45px;width: 100%;text-align: center;height: 45px;font-family: 'Font Awesome 5 Pro';content: "\f106";color: #fff;position: absolute;top: 50%;left: 0;margin-top: -24px;}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
box-shadow: 0 20px 30px rgb(227 227 227 / 80%);
    transition: all 500ms ease;
    /* background-image: -webkit-gradient(linear, left top, right top, from(#1dbdf8), color-stop(50%, #5464fe), to(#2d4ad5)); */
    background-image: linear-gradient(90deg, #1dbdf8 0%, #5464fe 33%, #2d4ad5) !important;
}

.nav-link, .nav-link:focus, .nav-link:hover {
   
    color: #000;
}

.accordion-button:not(.collapsed) {
    color: #000;
        background-color: #fff;
        
}
.accordion-button:focus {
    box-shadow: none;
}

.tabsCustom .nav-pills .nav-link {
    background: #dddfe5;
    padding: 15px 45px;
}
.form-select:focus {
    box-shadow: none;
}

body{font-family: 'Poppins', sans-serif;color: #000;}
header {     width: 100%;
    position: absolute;
    z-index: 8;
    top: 0;}

.top-bar {       background: #2543d3;
    color: #fff;
    padding: 10px 0 50px 0;
    margin: 0 0 -40px 0;}
.top-bar .contactEmailTop {text-align: right;}


#navbar-example2 {
     z-index: 10;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 20px 30px rgb(211 220 232 / 80%);
    -webkit-box-shadow: 0 20px 30px rgb(211 220 232 / 80%);
    border-radius: 10px;
}


.logo img {width: 200px;}


.wrapSlide {padding: 250px 0 100px 0;    background: linear-gradient(3deg, #f7fbff 0%, #bdd2e9 100%, #e5f1ff 100%); position: relative;
            overflow: hidden;}

.pattern {
    bottom: -330px;
}
.slideText h3 img {
    width: 150px;
}


.booxCato {     transition: 0.3s all ease-in-out;
    border: 1px solid #2543d3;
    background: #fff;
    color: #2543d3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;}

.booxCato h2 {margin: 0;}

.booxCato:hover {
        transform: translateY(-15px);
    background: #2543d3;
    color: #fff;
    border: 1px solid #2543d3;
    box-shadow: 0 24px 48px -15px rgb(153 161 170 / 25%);
}







.process-wrapper.line .booxSteps {
    position: relative;
    text-align: center;
    margin: 30px 0 0 0;
    
}
.process-wrapper.line .booxSteps .btn-circle {
   transition: 0.3s all ease-in-out;
}
.process-wrapper.line .booxSteps:hover .btn-circle {
    transform: translateY(-15px);
    box-shadow: 0 24px 48px -15px rgb(153 161 170 / 25%);
}



.process-wrapper.line .booxSteps:after {
    width: 100%;
    position: absolute;
    content: "";
    height: 1px;
    background: 0 0;
    border-top: 1px solid rgba(164,174,198,.2);
    top: 2.5rem;
    z-index: 1;
    left: 12rem;
}
.process-wrapper.line .booxSteps.lastBoxxLine:after {display: none;}



.process-wrapper.line .booxSteps .btn-circle {
     position: relative;
    z-index: 2;
    width: 90px;
    height: 90px;
    display: inline-block;
    line-height: 66px;
    text-align: center;
    /* font-size: 45px; */
    border-radius: 100px;
    background-color: #2644d3;
    color: #fff;
}

.process-wrapper.line .booxSteps .btn-circle img {
   width: 47px;
}
.process-wrapper.line .booxSteps h4 {    font-weight: 700;
    font-size: 22px;
    line-height: 36px;
    color: #000;}
.process-wrapper.line .booxSteps p {    
    font-size: 16px;
    line-height: 28px;
    color: #000;
    margin: 0;}


.getStarted {background: linear-gradient(3deg, #f7fbff 0%, #bdd2e9 100%, #e5f1ff 100%);
}



.footer {}





/**********************************************Starts Breadcrumbs*********************************************************/


.breadcrumbs {padding: 250px 0 100px 0;    background: linear-gradient(3deg, #f7fbff 0%, #bdd2e9 100%, #e5f1ff 100%); 
    position: relative;
           }
.diceCape-page-breadcurmb {justify-content: center;align-items: center;margin: 0;}
.diceCape-page-breadcurmb li a, .diceCape-page-breadcurmb li span  {
  margin: 0px 10px;
  font-size: 22px;
  position: relative;
   color: #030938;
}

.diceCape-page-breadcurmb li a:hover {    color: #2543d3;}

.diceCape-page-breadcurmb li a:after {
 content: '\f111';
 font-weight: 900;
 font-size: 12px;
 font-family: 'Font Awesome 5 pro';
 margin: 0 0 0 25px;
 color: #2543d3;
}
.diceCape-page-breadcurmb li:last-child a:after {display: none;}








/**********************************************Ends Breadcrumbs*********************************************************/


/**********************************************Starts Privacy*********************************************************/

.privacyContent p {text-align: justify;}


/**********************************************Ends Privacy*********************************************************/















/* Media Queries */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

}
@media (min-width: 1367px) and (max-width: 1919px) {

.container {
    max-width: 100%;
    padding-left: 100px;
    padding-right: 100px;
}


}






@media (min-width: 1280px) and (max-width: 1312px) {

}
@media (min-width: 1199px) and (max-width: 1280px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    .process-wrapper.line .booxSteps:after {
        display: none;
    }

.nav-pills .nav-link {
    font-size: 14px;
}

}


@media (max-width: 767px){
.tabsCustom .nav-pills .nav-link {
 background: #dddfe5;
    padding: 10px;
    font-size: 14px;
}




    .process-wrapper.line .booxSteps:after {
        display: none;
    }
.font50 {
    font-size: 30px;
}
.font40 {
    font-size: 24px;
}
.lineHeight30 {
    line-height: 24px;
}

.font18 {
    font-size: 16px;
}

.breadcrumbs {
    padding: 180px 0 70px 0;
}

}



@media (min-width: 480px) and (max-width: 767px) {









}



@media (min-width: 150px) and (max-width: 479px) {
.logo img {
    width: 156px;
}

}
