/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Righteous&display=swap');

/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
    box-sizing: border-box !important;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #666666;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 1.80857;
    font-weight: normal;
}

a {
    color: #1f1f1f;
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    line-height: normal;
    color: #111111;
    margin: 0
}

h1 {
    font-size: 24px;
    font-family: 'Lato';
}

h2 {
    font-size: 22px;
    font-family: 'Lato';
}

h3 {
    font-size: 20px;
    font-family: 'Lato';
    font-weight: bold;
    line-height: 30px;
}

h4 {
    font-size: 18px;
    font-family: 'Lato';
    line-height: 30px;
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 13px
}

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

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #212121;
    text-decoration: none !important;
    opacity: 1
}

button:focus {
    outline: none;
}

ul,
li,
ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

p {
    margin: 0px;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
}

a {
    color: #222222;
    text-decoration: none;
    outline: none !important;
}

a,
.btn {
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
}

:focus {
    outline: 0;
}

.btn-custom {
    margin-top: 20px;
    background-color: transparent !important;
    border: 2px solid #ddd;
    padding: 12px 40px;
    font-size: 16px;
}

.lead {
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    margin: 0;
    padding: 0;
}

.form-control:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
    border: none !important;
}

.badge {
    font-weight: 500;
}

blockquote {
    margin: 20px 0 20px;
    padding: 30px;
}

button {
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.full {
    float: left;
    width: 100%;
}

.layout_padding {
    padding-top: 90px;
    padding-bottom: 90px;
}

.layout_padding_2 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.light_silver {
    background: #f9f9f9;
}

.theme_bg {
    background: #38c8a8;
}

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

.full {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}


/**-- heading section --**/


/*---------------------------- preloader area ----------------------------*/

.main-layout {
    background-repeat: no-repeat;
    /*background: url(../images/body_bg.png);*/
}

.loader_bg {
    position: fixed;
    z-index: 9999999;
    background: #fff;
    width: 100%;
    height: 100%;
}

.loader {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader img {
    width: 280px;
}


/*-- navigation--*/

.navigation.navbar {
    padding-top: 12px;
}

.navigation.navbar-dark .navbar-nav .nav-link {
    padding: 0 25px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

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

.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
    color: #fdd430;
}


/*-- header area --*/


/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/

.head_top {
    background: url(../images/banner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.header {
    width: 100%;
    background: transparent;
    padding: 2em 0 0 2em;
}

.logo a {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 40px;
}

.banner_main {
    padding: 0px 0 100px 0;
}

.text-bg {
    text-align: left;
    max-width: 561px;
    width: 100%;
    float: right;
    padding-right: 150px;
}

.text-bg h1 {
    color: #fff;
    font-size: 45px;
    line-height: 50px;
    font-weight: bold;
}

.text-bg p {
    color: #fff;
    font-size: 17px;
    line-height: 28px;
    padding: 40px 0;
}

.text-bg a {
    font-size: 17px;
    background-color: #fff;
    color: #0891f8;
    padding: 13px 0px;
    width: 100%;
    max-width: 190px;
    text-align: center;
    display: inline-block;
    transition: ease-in all 0.5s;
    border-radius: 10px;
}

.text-bg a:hover {
    background-color: #000;
    color: #fff;
    transition: ease-in all 0.5s;
    border-radius: 26px;
}

.text-img {
    padding-top: 120px;
}

.text-img figure {
    margin: 0px;
}

.text-img figure img {
    width: 100%;
}

.titlepage {
    text-align: center;
    padding: 3em 0 1em;
}

.titlepage h2 {
    font-size: 40px;
    color: #3e3e3e;
    line-height: 35px;
    font-weight: bold;
    padding: 0;
    padding-bottom: 20px;
}

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


/** business section **/

.business {
    padding-top: 35px;
}

.business .titlepage span {
    color: #0891f8;
    font-size: 30px;
    font-family: 'Lato';
    text-transform: uppercase;
    line-height: 37px;
    padding-bottom: 10px;
    display: inline-block;
}

.business .titlepage h2 {
    color: #272f43;
    font-weight: normal;
}

.business .business_box {
    text-align: center;
}

.business .business_box figure {
    margin: 0;
}

.business .business_box figure img {
    width: 100%;
}

.business .business_box p {
    color: #000;
    font-size: 17px;
    line-height: 28px;
    padding: 35px 0px;
}

.business .business_box .read_more {
    background: #252525;
    color: #fff;
}

.business .business_box .read_more:hover {
    background: #0891f8;
}


/** end business section **/


/** Testimonial section **/

.Testimonial {
     background: url(../images/test.png);
     background-repeat: no-repeat;
     margin-top: 90px;
     padding: 62px 0px 135px 0px;
     background-position: center;
     background-size: 100% 100%;
}

.Testimonial .titlepage h2 {
     color: #fff;
     margin-bottom: 0px;
     padding-bottom: 0px;
}

.Testimonial .titlepage span {
     color: #fff;
}

.Testimonial_box i {
     border: #e6e1e1 solid 12px;
     width: 150px;
     height: 150px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     border-radius: 210px;
     cursor: pointer;
     background: #e6e1e1;
}



.Testimonial_box {
     text-align: left;
}

.Testimonial_box h4 {
     color: #fff;
     text-transform: uppercase;
     font-size: 20px;
     line-height: 20px;
     font-weight: 400;
     padding: 0;
}

.Testimonial_box p {
     color: #fff;
     font-size: 17px;
     line-height: 28px;
     padding: 25px 0;
     padding-right: 200px;
}


/** end Testimonial section **/


/** contact section **/

.padd_leri0 {
    padding-left: 0;
    padding-right: 0;
}

.contact .titlepage span {
    font-size: 17px;
    line-height: 28px;
}

.contact {
    /*padding-top: 90px;*/
}

.main_form {
    padding: 50px 50px;
    border: #008df3 solid 1px;
    border-radius: 40px;
    margin: 0px 80px;
}

.contact .main_form .form_contril {
    border: #008df3 solid 1px;
    margin-bottom: 20px;
    width: 100%;
    height: 45px;
    background: #fff;
    color: #008df3;
    font-size: 17px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.contact .main_form .textarea {
    border: #008df3 solid 1px;
    margin-bottom: 20px;
    width: 100%;
    height: 60px;
    background: #fff;
    color: #008df3;
    font-size: 17px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.contact .main_form .send_btn {
    font-size: 17px;
    transition: ease-in all 0.5s;
    background-color: #000;
    color: #fff;
    padding: 13px 0px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    width: 100%;
    max-width: 190px;
}

.contact .main_form .send_btn:hover {
    background-color: #008df3;
    transition: ease-in all 0.5s;
    color: #fff;
    border-radius: 26px;
}

#contact *::placeholder {
    color: #6b7280;
    opacity: 1;
}

.current {
    color: #6b7280;
    margin-top: -4px;
    position: absolute;
}

.con_img figure {
    margin: 0;
}

.con_img figure img {
    width: 100%;
}


/** end contact section **/

.read_more {
    font-size: 17px;
    background-color: #fff;
    color: #000;
    padding: 13px 0px;
    width: 100%;
    max-width: 190px;
    text-align: center;
    display: inline-block;
    transition: ease-in all 0.5s;
    border-radius: 10px;
}

.read_more:hover {
    background: #000;
    color: #fff;
    border-radius: 26px;
    transition: ease-in all 0.5s;
}


/** footer **/

.multi {
    color: #008df3;
}

.footer {
    background: #fff;
}

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

.cont h3 {
    font-family: 'Righteous', cursive;
    font-size: 30px;
    line-height: 45px;
    color: #23262d;
    font-weight: bold;
    padding-bottom: 30px;
}

.cont span {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    padding: 30px 0px 30px 0px;
    display: inline-block;
    font-weight: bold;
}

.cont p {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    padding: 0 130px;
    padding-bottom: 60px;
}

ul.social_icon {
    text-align: center;
}

ul.social_icon li {
    display: inline-block;
    margin: 0 3px;
}

ul.social_icon li a {
    background: #fff;
    box-shadow: #ddd 0px 0px 10px 0px;
    font-size: 22px;
    padding-top: 5px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    color: #008df3;
}

ul.social_icon li a:hover {
    background: #23262d;
}

.copyright {
    padding: 20px 0px;
    background: #0891f8;
    margin-top: 50px;
    position: relative;
}



.copyright p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.copyright a {
    color: #fff;
}

.copyright a:hover {
    color: #23262d;
}


/** end footer **/


img.card-topimg {
    margin: 0 auto;
}
.card-deck .card{
    text-align: center;
    padding: 2em 1em 1em 1em;
}
.titlepage h3 {
    font-size: 2em;
}









/*! CSS Used from: https://huggingface.co/front/build/style.b71d2b978.css */
button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,select{text-transform:none;}
[type=submit],button{-webkit-appearance:button;}
::-moz-focus-inner{border-style:none;padding:0;}
:-moz-focusring{outline:1px dotted ButtonText;}
p{margin:0;}
button{background-color:transparent;background-image:none;}
*,:after,:before{border:0 solid;box-sizing:border-box;}
textarea{resize:vertical;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;}
input::placeholder,textarea::placeholder{color:#6b7280;}
button{cursor:pointer;}
:-moz-focusring{outline:auto;}
button,input,select,textarea{color:inherit;line-height:inherit;padding:0;}
/*[type=email],[type=tel],[type=text],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;}*/
/*[type=email]:focus,[type=tel]:focus,[type=text]:focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px;}*/
input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1;}
input::placeholder,textarea::placeholder{color:#6b7280;opacity:1;}
.btn{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));border-radius:.5rem;border-width:1px;padding:.25rem .75rem;white-space:nowrap;}
.btn:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px;}
.btn{--tw-border-opacity:1;--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0));--tw-gradient-to:#f3f4f6;--tw-text-opacity:1;border-color:#aaaaaa;color:rgba(31,41,55,var(--tw-text-opacity));}
.btn:hover{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.btn:disabled{cursor:not-allowed;opacity:.5;}
.btn.btn-lg{font-weight:400;padding:.375rem 1rem;}
.form-input:not([type=checkbox]){--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity));border-width:2px;}
.form-input:not([type=checkbox])::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(156,163,175,var(--tw-placeholder-opacity));}
.form-input:not([type=checkbox]):-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(156,163,175,var(--tw-placeholder-opacity));}
.form-input:not([type=checkbox])::placeholder{--tw-placeholder-opacity:1;color:rgba(156,163,175,var(--tw-placeholder-opacity));}
.form-input:not([type=checkbox]){--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.form-input:not([type=checkbox]):focus{--tw-border-opacity:1;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(191,219,254,var(--tw-ring-opacity));--tw-ring-opacity:0.5;border-color:rgba(147,197,253,var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);}
.form-input:not([type=radio]):not([type=checkbox]){border-radius:.375rem;display:block;margin-top:.25rem;width:100%;}
.form-input:disabled{cursor:not-allowed;opacity:.5;}
.mb-2{margin-bottom:.5rem;}
.mt-4{margin-top:1rem;}
.ml-3{margin-left:.75rem;}
.h-auto{height:auto;}
.space-y-2\.5>:not([hidden])~:not([hidden]){
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity));}
input,textarea {
    color: #6b7280;
    padding: 0.6em 1em;
    margin-top: 1em !important;
}
.nice-select.open .list, .nice-select .list{
    overflow-y: scroll;
    max-height: 20em;
}
.center{
    text-align: center;
    margin: 0 auto;
}
.sliderimgs {
    text-align: center;
}
.sliderimgs img{
    max-width: 160px;
    max-height: 150px;
    padding: 1em;
}

.t2 {
    /*visibility: hidden;*/
    display: none;
 }

.captchafld{
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    margin: 15px;
    padding: 10px;
    width: 100px;
}

select {
    display: block !important;
    margin: 0;
    border: 0;
    padding: 0;
    height: 1px;
    opacity: 0;
    position: relative;
    /* Top should be the same as the height of your */
    /* unfocused, nice select replacement element! */
    top: 30px;
}

.logo img{
    max-width: 300px;
}
.successmsg{
    color: green;
}
.errormsg{
    color: #ff0000;
}