@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Murecho:wght@100..900&display=swap');

body{
    font-family: 'Commissioner', sans-serif;
}
h1{
    font-family: 'Commissioner', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

h2{
    font-family: 'Commissioner', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom:0;
}

h3{
    font-family: 'Commissioner', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom:0;
}

h4,h5,h6{
    font-family: 'Commissioner', sans-serif;
}

p{
    font-family: 'Commissioner', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
a{
    font-family: 'Commissioner', sans-serif;
}


/***phone animation**/

.content-center {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:113.369px;
    padding:10px 0;
    background: linear-gradient(180deg, #25569C 0%, #3E82E3 100%);
}

.pulse i {
    color: #fff;
    font-size:20px !important;
}

.pulse {
    height: 60px;
    width: 60px;
    background-color: #D9333C;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: -20px;
}

.pulse::before {
    content: "";
    position: absolute;
    border: 1px solid #25569C;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
}

.pulse::after {
    content: "";
    position: absolute;
    border: 4.535px solid #25569C;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
    animation-delay: 0.3s;
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
/***end***/
/***collapse***/
.panel-title {
    padding-bottom: 0;
}
.panel-heading {
    background: #F5FAFF !important;
    padding: 15px 25px !important;
    border-radius: 0 !important;
    border: none !important;
}
.panel-body, .panel-collapse{
    background:transparent !important;
}
/***collapse**/
@media (min-width: 768px){
    .navbar-nav>li {
        margin: 0 30px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: -webkit-fill-available !important;
    }
}
@media(max-width:576px){
    .pos{
        right: -130px !important;
        top: 40px !important;
    }
    .panel-title>a{
        font-size:14px!important;
    }
    .fle{
        display:block !important;
    }
    .move{
        left:90px !important;
    }
    .is-social{
        text-align:left !important;
    }
    .serv > p{
        font-size: 12px !important;
    }
    .serv > .first{
        font-size: 16px !important;
    }
    .serv > img{
        max-width: 140px !important;
        height: 310px !important;
    }
    .imgcarousel{
        right: auto !important;
    }
    .contactsect{
        margin-top: 315px !important;
    }
    .margtoppar{
        margin-top: -100px !important;
    }
    
}

.rendered-form textarea.form-control {
    height: 100px !important;
}
.rendered-form .form-control {
    padding: 15px 12px !important;
}    
.is-btn-ghost2 {
	padding: 18px !important;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	letter-spacing: 0 !important;
}
.orange>a{
    padding: 18px !important;
    color: #FFF !important;
    text-align: center;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
	letter-spacing: 0 !important;
	border-radius: 5px !important;
    background: var(--dark-orange, #E47027) !important;
}

.form-control {
    border-radius: 5px !important;
    border: 1px solid #8B8B8B !important;
    background: #FFF !important;
}

input{
    color: rgba(0, 0, 0, 0.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 136.023%;
} 

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: none !important;
	border:none !important
}

.send-btn {
    padding: 18px !important;
    border-radius: 5px;
    border: 1px solid #FFF !important;
    background: var(--light-blue, #25569C) !important;
    width: 100%;
    text-align: center;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
	letter-spacing: 0 !important;
}

.send-btn:hover {
	background: #4B5777 !important;
	border: 2px solid #4B5777 !important;
	color: #fff !important;
}
.navbar-nav>li>a{
    color: #0D2843 !important;
    font-family: Murecho;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
}

.flex-lg.justify-between.items-center{
    justify-content: flex-start !important;
}

.footer-text, .footer-text>a{
    color: #0D2843;
    font-family: Murecho;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;


}

.owl-carousel .owl-item {
    margin: 0px 20px !important;
}
.owl-stage{
    display: flex !important;
    align-items: center !important;
}

.espabtn {
   background:transparent;
}
.espabtn a {
   background:transparent!important;
}
.tabimg {
   padding: 6px;
}
.pull-tab {
   z-index:999999999 !important;
   color: rgb(94, 94, 94);
   position: fixed;
   right: 0px;
   bottom:50px;
   width: 500px;
   height: auto;
   background: #FFFFFF;
   box-shadow: 0px 0px 100px 0px rgb(74 74 74 / 35%);
   padding: 14px 15px 0px 15px;
   border-radius: 3px;
   transition: 0.3s all;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
@media(max-width: 768px) {
    .pull-tab.tabbed {
        right: -330px !important;
        transition: 0.3s all;
    }
   .pull-tab {
       right: 0px;
       width: 330px;
   }
    .tabimg {
       padding: 22px 0;
    }
    .pull-tab .tab {
       margin-top: -16px!important;
       padding:13px!important;
       font-size:13px!important;
    }
}
.pull-tab.tabbed {
    right: -500px; transition: 0.3s all;
}
.pull-tab.untabbed {
    right: 500px; transition: 0.3s all;
}
.pull-tab .tab {
   cursor: pointer;
   color: #0F3B61;
   font-family: manrope, sans-serif !important;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   box-shadow: 0px -20px 50px 0px rgb(74 74 74 / 10%);
   position: absolute;
   left: -70px;
    top: 43%;
    background: #fff;
    text-align: center;
    padding: 10px 7px;
   text-transform: none;
   font-size: 13px;
   letter-spacing: 1px;
   font-weight: 600;
   width: auto;
   height: auto;
   -webkit-transform: rotate(
-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   margin-top: -15px;
}
.is-container.container-fluid-fluid {
	z-index: auto!important;
}