html {
  font-size: 62.5%;
  overflow-x:hidden;
}

/* Small devices (landscape phones, 576px and up) */


@media (max-width: 576px) {
html {
  font-size: 45%;
}
}

/*  Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {
html {
  font-size: 46%;
}
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { }




:root {
    --Prim: #204678;
    --Primlight: #ffffff;
    --dark: #1d242a;
    --ligh: #edede8;
    --darktxt: #1d242a;
    --accdarktxt: #1d242a;
    --uniradius: 0.5rem;
}

body {
  font-size: 1.6rem;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  /* font-family: "Poppins", sans-serif; */
  color: var(--dark);
}


 h2 {
	font-size: 5.3rem;
 }

 h2 small {
    font-size: 45% !important;
    color: var(--Prim);

}

.title small{
	line-height: 33px;
    /* line-height: 80%; */
    position: absolute;
	}

	.sub-title{
			font-size:2.2rem;
			line-height: 22px;
			color:var(--Prim);


	}
 h4{
	font-size: 36px ;
				}

a {
    color: var(--Prim) ;
    text-decoration: none !important;
}
a:hover {
	color: var(--dark) ;
}
input:not([type='checkbox']):not([type='radio']), textarea, select {
    outline: none;
	border-radius:var(--uniradius);
    font: inherit;
    width: 100%;

    line-height: 3.25;
	/* margin-bottom: 1.25em; */
	margin-right: -.438em;
    line-height: 1;
    width: 100%;
    display: block;
    padding: 10px 24px;
    background: var(--ligh);
    color: inherit;
	font-size: 1em;
     border: none;
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 20%);
	transition: all .25s;
 }

 input[type=submit]{
	background: linear-gradient(to right,var(--Prim) 51%,var(--Prim) 100%) !important;
	color: var(--ligh) !important;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	border: 3px solid var(--Prim) !important;
 }


#menu-top-navbar li:last-child a{
	font: inherit;
	outline: none;
    /* line-height: 10px; */
	font-size: 14px;
    display: block;
    color: inherit;
    /* padding: 12px 14px; */
	white-space: initial;
	margin-right: -.438em;
	/* border-radius: var(--uniradius); */
    border: 0 !important; background: transparent;
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 20%);
	/* margin-left:20px; */
	align-items: center;
    font-weight: 500;
    color: var(--ligh)!important;
    /* border: 3px solid var(--Prim); */
    background: var(--Prim);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	/* border: 3px solid var(--dark); */
}



#menu-top-navbar .call_button a{
    line-height: 10px;
    padding: 12px 14px;
	border-radius: var(--uniradius);
	/* margin-left:20px; */
	/* border: 3px solid var(--Prim); */
	/* border: 3px solid var(--dark); */
}




 .btn{
    font: inherit;
	outline: none;
    line-height: 10px;
	font-size: 1em;
    display: block;
    color: inherit;
    line-height: 1.25;
    padding: 18px 12px !important;
	white-space: initial;
	margin-right: 0em;
	margin-bottom: 1.25em;
	border-radius: var(--uniradius);
    border: 0; background: transparent;
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 20%);
	 text-transform:uppercase !important;
 }
.btn-primary{
    align-items: center;
    font-weight: 500;
    color: var(--ligh)!important;
    border: 3px solid var(--Prim);
    background: var(--Prim);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	border: 3px solid var(--Prim);
}
.btn-primary:hover ,input:not([type='checkbox']):not([type='radio']):hover {
	 background: var(--ligh) !important;
	color: var(--Prim) !important;
	border-color: var(--Prim) !important;
	transition: all .25s;
}
.btn-secondary{
    align-items: center;
    font-weight: 500;
    color: var(--dark)!important;
    border: 3px solid var(--Prim);
    background: var(--ligh);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	border: 3px solid var(--dark);
}
.btn-secondary:hover{
	background: var(--dark) !important;
	color: var(--ligh) !important;
	transition: all .25s;

}
.bg-primary{
	background: var(--Prim) !important;
}

.text-primary{
	 color:var(--Prim) !important;
}

a.text-primary:focus, a.text-primary:hover{
	color:var(--dark) !important;
	text-decoration:none;
}

.current_page_item a {
	/* border-radius: var(--uniradius); */
    border: 0;
    /* background: #0367af33; */
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
    /* border: 3px solid #0367af4d; */
}
/* Row with no container*/


.current_page_item a:after {
      content: "";
      width:30px;
      height:3px;
	  border-radius:10px;
      background-color:var(--Prim);
      position: absolute;
      left:0;
      bottom:-1px;
    }

	.scrolled .current_page_item a:after {
      background-color:var(--Prim);
    }
.no_container{
	width:100%;
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus{
	box-shadow:none;
}
.overflow-hidden{
	overflow:hidden;
}


/*
*
*
Common CSS Ends here
*
*
*/
nav .top-bar {
	background: var(--Prim);
    padding: 10px 0;
    position: fixed;
    width: 100%;
    top: 0;
    display: none;
}
nav .top-bar .news {
    font-size: 14px;
}
nav .top-bar .news span.stat {
    font-size: 12px;
    color: #fff;
    background: var(--Prim);
    padding: 5px 7px;
    border-radius: 4px;
    margin-right: 5px;
}

.scrolled .top-bar {
	display:none;
}
nav .top-bar .news a {
    position: relative;
    color: var(--ligh);
    font-weight: 600;
    display: inline-block;
    max-width: 280px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* overflow: hidden; */
    vertical-align: middle;
    -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* nav .top-bar .news a::after { */
    /* content: "\f105"; */
    /* right: 0; */
    /* margin-left: 10px; */
    /* display: inline-block; */
    /* font: normal normal normal 14px/1 FontAwesome; */
    /* font-size: inherit; */
    /* text-rendering: auto; */
    /* -webkit-font-smoothing: antialiased; */
    /* -moz-osx-font-smoothing: grayscale; */
/* } */
nav .top-bar .news a:hover {
    color: var(--dark);
}
nav .top-bar ul.links li:not(:last-child) {
    margin-right: 20px;
}
nav .top-bar ul.links li a {
    font-size: 14px;
    color: var(--ligh);
    font-weight: 600;
    -webkit-transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
nav .top-bar ul.links li a:hover {
    color: var(--Prim);
}
nav {
    background: 0 0;
	background-image: linear-gradient(180deg, #0000003b 0%, #80d0c700 100%);
    position: fixed !important;
    z-index: 999;
    width: 100%;
    padding: 60px 0 0px 0 !important;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.navbar-brand {
    color: var(--ligh);
    font-weight: 700;
}
.navbar-brand:hover {
    opacity: 0.8;
    color: var(--ligh);
    font-weight: 700;
}
nav .navbar-brand img {
    height: 30px;
    transform: scale(1.5);
    transition: all 0.5s linear;
    width: auto;
    transform-origin: left center !important;
}
.scrolled .navbar-brand img {
    height: 30px;
    transform: scale(1.4);
	margin-left: 0px;
  transform-origin: left center !important;
}

nav li.nav-item > a.nav-link {
    color: var(--dark);
    font-weight: 600;
	filter: drop-shadow(0px 0px 0px #50505000);
    -webkit-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scrolled li.nav-item > a.nav-link{
	    color: var(--Prim);
	filter: drop-shadow(0px 0px 4px #0e69a800);
}
nav li.nav-item > a.nav-link.dropdown-toggle::after {
    position: relative;
    content: "\f107";
    /* color: var(--dark); */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    width: auto;
    height: auto;
    margin-left: 7px;
    vertical-align: middle;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

nav li.nav-item.show > a.nav-link.dropdown-toggle::after {
    content: "\f106";
}
nav li.nav-item.show > a.nav-link,
nav li.nav-item:not(.user-item) > a.nav-link:hover {
    opacity: 0.8;
}
nav li.nav-item > .dropdown-menu {
    padding: 15px 0;
    min-width: 300px;
    top: 45px;
    left: -50%;
    border-radius:5px;
	border:none;
    box-shadow: 0 4px 9px 0 rgba(67, 65, 79, 0.1);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

nav li.nav-item > .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 3px;
    width: 17px;
    height: 17px;
    -webkit-transform: translate(-50%, 0) rotate(-315deg);
    transform: translate(-50%, 0) rotate(-315deg);
    border-radius: 3px;
    background-color: #fff;
}
.dropdown-item {
    display: block;
    padding: 8px 15px;
    width: 100%;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    text-align: inherit;
    white-space: break-spaces;
    background-color: transparent;
    border: 0;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item {
    padding: 10px 15px 10px 20px;
    font-size: 15px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    color: #2c2f3e;
    background: #fff;
    overflow: hidden;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: var(--Prim);
    -webkit-transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
nav li.nav-item > .dropdown-menu > a.dropdown-item img {
    margin-right: 15px;
    width: 30px;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item span.name {
    font-size: 15px;
    padding-right: 40px;
    font-weight: 700;
    color: #666;
}
nav li.nav-item > .dropdown-menu > a.dropdown-item:hover {
    background-color: var(--ligh);
}
nav li.nav-item > .dropdown-menu > a.dropdown-item:hover::before {
    width: 2px;
}
nav li.nav-item.user-item > a.nav-link {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 8px 16px 8px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
nav li.nav-item.user-item > a.nav-link:hover {
    color: var(--Prim);
    background: #fff;
}
nav.custom, nav.scrolled {
    background: linear-gradient(to top,rgb(255 255 255) 0%,rgb(255 255 255 / 53%) 100%) !important;
    padding: 20px 0 20px 0 !important;
	backdrop-filter: blur(10px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	box-shadow: 0 10px 45px rgb(0 0 0 / 20%);
}
@media (max-width: 991.98px) {
    nav {
        background: 0 0;
        padding: 50px 0 12px 0 !important;
        box-shadow: none;
    }
    nav::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        right: 0;
        height: 60px;
        z-index: -1;
    }
    nav .navbar-brand img {
        height: 26px;
    }
    nav.custom,
    nav.scrolled {
        background: 0 0;
        /* padding: 12px 0 12px 0 !important; */
        box-shadow: none;
    }

    nav li.nav-item.user-item > a.nav-link,
    nav li.nav-item > a.nav-link {
        padding: 12px 0;
    }
    nav li.nav-item > a.nav-link.dropdown-toggle {
        position: relative;
    }
    nav li.nav-item > a.nav-link.dropdown-toggle::after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        color: var(--Prim);
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        float: right;
    }
    nav li.nav-item.user-item > a.nav-link,
    nav li.nav-item > .dropdown-menu > a.dropdown-item,
    nav li.nav-item > a.nav-link {
        color: var(--ligh);
        font-size: 14px;
        font-weight: 700;

    }
    nav li.nav-item > .dropdown-menu {
        min-width: auto;
        top: 0;
        left: auto;
        -webkit-transform: none;
        transform: none;
        box-shadow: none;
        border: 0;
        padding: 5px 0 5px 10px;
    }
    nav li.nav-item > .dropdown-menu::before {
        display: none;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item {
        padding: 8px 0;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item::before {
        display: none;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item:hover {
        background: #fff;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item span.name {
        font-size: 12px;
        color: #666;
        font-weight: 600;
    }
    nav li.nav-item > .dropdown-menu > a.dropdown-item:hover span.name {
        color: var(--dark);
    }
    nav li.nav-item.user-item > a.nav-link {
        border-width: 0 0 1px;
        border-radius: 0;
        padding: 8px 0;
    }
    .navbar-collapse {
        position: fixed;
        top: 60px;
        width: 100%;
        left: 0;
        background: rgba(0, 0, 0, 0.3);
        height: 100vh;
    }
    nav .navbar-nav {
        padding: 30px;
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-top: 15px;
        background: #fff;
        border-radius: 5px;
        max-width: 690px;
        overflow: auto;
        max-height: 85%;
        display: block;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding: 0 15px;
    }
    nav .navbar-toggler {
        position: relative;
        width: 30px;
        height: 30px;
        font-size: 17px;
        vertical-align: middle;
        padding: 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        text-align: right;
        outline: 0 !important;
        text-decoration: none !important;
        font-weight: 700;
        background: 0 0;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
		z-index:9;
    }
    nav .navbar-toggler span {
        position: absolute;
        width: 30px;
        height: 2px;
        top: 50%;
        left: 50%;
        background: var(--Prim);
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    nav .navbar-toggler.collapsed span::before {
        content: "";
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        background: gray;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    nav .navbar-toggler.collapsed span:nth-child(1) {
        -webkit-animation: span-first-off 0.5s ease-in-out;
        animation: span-first-off 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 40%;
    }
    nav .navbar-toggler.collapsed span:nth-child(2) {
        -webkit-animation: span-second-off 0.5s ease-in-out;
        animation: span-second-off 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    nav .navbar-toggler.collapsed span:nth-child(3) {
        -webkit-animation: span-third-off 0.5s ease-in-out;
        animation: span-third-off 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 60%;
    }
    nav .navbar-toggler:hover span::before {
        width: 100%;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    nav .navbar-toggler span:nth-child(1) {
        -webkit-animation: span-first-on 0.5s ease-in-out;
        animation: span-first-on 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 50%;
    }
    nav .navbar-toggler span:nth-child(2) {
        -webkit-animation: span-second-on 0.5s ease-in-out;
        animation: span-second-on 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    nav .navbar-toggler span:nth-child(3) {
        -webkit-animation: span-third-on 0.5s ease-in-out;
        animation: span-third-on 0.5s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        top: 50%;
    }
    @-webkit-keyframes span-first-on {
        0% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
    }
    @keyframes span-first-on {
        0% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
    }
    @-webkit-keyframes span-first-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
    }
    @keyframes span-first-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
        }
    }
    @-webkit-keyframes span-second-on {
        0% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
    }
    @keyframes span-second-on {
        0% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
    }
    @-webkit-keyframes span-second-off {
        0% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }
    @keyframes span-second-off {
        0% {
            -webkit-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
        }
        25% {
            background: gray;
        }
        50% {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
        }
        100% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
    }
    @-webkit-keyframes span-third-on {
        0% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
    }
    @keyframes span-third-on {
        0% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
        30% {
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        100% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
    }
    @-webkit-keyframes span-third-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
    }
    @keyframes span-third-off {
        0% {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
        }
        30% {
            -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
        }
        100% {
            -webkit-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
        }
    }
}
@media (max-width: 767.98px) {
    nav .navbar-nav {
        overflow: auto;
        max-width: 510px;
        max-height: 85%;
        display: block;
    }
}
@media (max-width: 575.98px) {

}

.browse_all_nav_link {
    background: var(--Prim) !important;
}
.browse_all_nav_link a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.browse_all_nav_link:hover {
    background: var(--dark) !important;
}

@media (max-width: 991.98px) {
	  nav .navbar-nav {
        max-width: 100%;
        overflow: auto;
        max-height: 85%;
        display: block;
    }

	nav li.nav-item > a.nav-link{
		filter: drop-shadow(0px 0px 4px #ffffff00) !important;
	}

	nav li.nav-item.user-item > a.nav-link, nav li.nav-item > .dropdown-menu > a.dropdown-item, nav li.nav-item > a.nav-link{
		color: var(--Prim);
	}


	.menu-item:last-child a{
	font: inherit;
	outline: none;
    line-height: 10px;
	font-size: 1em;
    display: block;
    color: inherit;
    padding: 12px 8px;
	white-space: initial;
	margin-right: -.438em;
	border-radius: var(--uniradius);
    border: 0; background: transparent;
    box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 0%);
	margin-left:0px;
	align-items: center;
    font-weight: 500;
    color: var(--ligh)!important;
    border: 3px solid var(--Prim);
    background: var(--Prim);
    transition: all .25s;
    font-family: "Yantramanav",Arial,Helvetica,sans-serif;
	transition: all .25s;
	border: 3px solid var(--Prim);
	text-align:center;
}


}

.topheader_txt a{
	font-size:1.4em;
	line-height: 15px;
    color: var(--ligh);
	margin-top: 10px;
	background: #e77e1d;
}
.topheader_txt a small{
	font-size:.85rem;
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*
Extra Nav bar added for perticularly for this theme
*/
.navbar-toggler{
	    right: 30px !important;
    position: absolute !important;
}

.callto_notice{
	position:absolute;
	right:30px;

}
.topheader_txt img{
	padding-right:10px;
	width:40px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--Prim) !important;
    color: var(--ligh) !important;
}

/*
*
*
navbar Section CSS Ends Here
*
*
*/



/*
*
*
*
Top slider banner Section Start here
*
*
*/

.feat_wraper{
	display:flex;
}
.banner_features {
	max-width:600px;
}
.banner_features li{
	width:50%;
	display: table-cell;

}
.banner_features li::before{
	font-family: 'Font Awesome 5 Free';
	font-size:40px;
	line-height:1;
    font-weight: 900;
    color: var(--ligh);
	display:block;
	position: absolute;
    margin-left: -50px;
}


.bt_bb_content_slider_item[class*="light_solid"]:before {
    background-color: rgba(255,255,255,.8);
}

.slide .slide__content{
	    top: 40% !important;
}

.slider_feature_icon{
	font-size:40px;
	position: relative;
	top: -55px;
	right: 40px;
	}
.slide__content--headings {
	max-width:600px;
}

.slide__content--headings .btn{
	position: absolute;
    padding: 0 70px;

}
.slide .slide__content--headings .title{
	color: var(--dark);
}
.slide .slide__content--headings .title{
	    font-weight: 700;
}
 /* Small devices (landscape phones, 576px and up) */


.slide .slide__content--headings .title {
    text-transform: uppercase;
	font-size: 3.5rem !important;
}
@media (max-width: 576px) {

.slide .slide__content--headings .title {
    font-size: 3.5rem;
}
.floating_book{
	right: -66px !important;
}


 .banner_features li:last-child{margin-top: -40px;}

.slide .slide__content{
	    top: 25% !important;
}

}




/*  Medium devices (tablets, 768px and up) */

@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { }




/*
*
*
*
Top slider banner Section end here
*
*
*/





/*
*
*
*
Book your appoinment section start here
*
*
*
*/

	.counter .count_img{
		width:auto;
		height:4rem;
	}
.service_icons div img{
	padding: 10px;
    background: #ffffff1f;
    width: 70px;
    height: 70px;
    border-radius: var(--uniradius);
    line-height: inherit;
    border: 4px solid #ffffff17;
}


.service_icons a img{
	padding: 10px;
    background: #ffffff42;
    width: 70px;
    height: 70px;
    border-radius: var(--uniradius);
    line-height: inherit;
    border: 4px solid #ffffff5e;
}
.service_icons a {
	color:#ffffff;
	text-decoration:none;
}


.contact_wraper{
	    background-size: cover;
		box-shadow: inset 0px 1px 2000000px 2000px #20467873;
}
.sec_block_quote{
	/*margin-top: -13.5em;*/
    z-index: 1;
    margin-bottom: 0em;
}
.block_quote{
			z-index:1;
			border-radius: var(--uniradius);
			color: #fcdcce;
			text-align: center;
			/* padding: 70px 0px 50px 0px; */
			background-color:var(--Prim);
    background-size: cover;
	}

.plan {
    background-color:var(--Prim);
	border:4px solid var(--Prim);
	border-radius: var(--uniradius);
  color:#ffffff !important;
}
blockquote {
    display: block;
    margin: 0;
    font-size: 1.563em !important;
    font-family: "Playfair Display",Arial,Helvetica,sans-serif;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    padding: 0 1.25em;
    font-weight: 300;
    text-align: center;
}
.block_quote img{
	max-width:120px;
	height:auto;
	margin-top:1em;
	margin-bottom:1em;
}


blockquote p:first-child:after {
    content: "\201d" !important;
    margin-left: .16em;
margin-right: -.65em;
}

blockquote p:first-child:before, blockquote p:first-child:after {
    content: "\201c";
	font-size: 2em;
    display: inline-block;
    line-height: 0;
    transform: translateY(.25em);
}


blockquote:first-child:after  {
    margin-top: 30px;
}

blockquote:first-child:before  {
    margin-top: -30px;
}

.blockquote::after, .blockquote::before {
    content: "";
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border-bottom: 2px solid #ffffff;
    height: 2px;
    width: 200px;
}


/* form wrapper */

.form_wraper{
    margin-left: -8.33%;
	flex: 0 0 58% !important;
	max-width: 58% !important;
	backdrop-filter: blur(10px);
	padding: 40px 20px 40px 20px;
	border-radius: var(--uniradius);
	box-shadow: 0 10px 45px rgb(0 0 0 / 20%);
	background: linear-gradient(to top,rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 20%) 100%) !important;
	}
	.form_wraper .content{
				margin-left: 16%;
				padding-left: 20px;
				padding-right: 20px;
	}


				.form_wraper img{
				width:100%;
				}

				.form_wraper .content hr{
					margin-top: 2rem;
					margin-bottom: 2rem;
				}



/* Small devices (landscape phones, 576px and up) */
@media (max-width: 376px){
.slide .slide__content {
    top: 30% !important;
}
}

@media (max-width: 450px) {
  .slide .slide__img {
      height: 100vh !important;
  }
}
@media (max-width: 576px) {

.slide .slide__img img{
	margin-top: -120px !important;
}

.slide .slide__content {
    top: 23% !important;
}


.slide .slide__img {
    height: 130vh !important;
}

}
@media (max-width: 576px) {


.form_wraper{
	padding: 0px 0px 0px 0px !important;
	}

.abou_banner{
	padding: 8em 0 8em 0 !important;
	    background-size: cover;
		/* box-shadow: inset 0 0 0 2000px rgb(250 253 255 / 25%); */
}
.slide .slide__img img{
	margin-top: -240px ;
}
.slide__content--headings .btn{
	    padding: inherit !important;
}

.slide .slide__img {
    width: 140% !important;
    height: 100vh ;
}
.sec_block_quote{
/*	margin-top:-300px !important;*/
}

nav .top-bar .news a{
  max-width:100% !important;
}

.service_icons div img {
    padding: 10px;
    background: #ffffff1f;
    width: 70px;
    height: 70px;
    border-radius: var(--uniradius);
    line-height: 1;
    border: 4px solid #ffffff29;
}
.service_icons a img{
	width: 70px;
    height: 70px;
}

.blockquote {
font-size: 1.3em !important;
}
.form_wraper .content{
	margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
}

/*  Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {

	.form_wraper .content{
		margin-left: 0;
	}

.form_wraper{
    margin-left: 0;
	flex: auto !important;
	max-width: 100% !important;

}
/*.sec_block_quote{
	margin-top:-45px;
}*/
	}

/* Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
/*.sec_block_quote{
    margin-top: -9em;
}*/
}

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1200px) { }
/*
*
*
*
Book your appoinment section end here
*
*
*
*/

/*
*
*
*
Service Grid Section Start Here
*
*
*
*/

.service{

}


.service .img_holder img{
	width:100%;
	border-radius: var(--uniradius);
}
.service .icon_holder {
	z-index:1;
	margin-top: calc(-50px * 1.75 / 2);
	box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    padding: 0;
	background: var(--ligh);
	box-shadow: 0 0 0 2em #ffffff inset;
    color: #070604;
	font-size: 40px;
	text-align:center;
    width: 60px;
    height: 60px;
}
.service .grid_holder{
	overflow:hidden;
}

.service .icon_holder label{
	width:100%;
	height:100%;
	margin-left: 25px;
	background-color: var(--ligh);
	border-radius: var(--uniradius);
	box-shadow: 0 2px 10px rgb(0 0 0 / 20%)
}
.service  .text_holder{
	margin-top: calc(-50px * 1.75 / 2);
	padding-top: calc(50px * 2.75 / 2);
	border-radius:var(--uniradius);
	padding-right: 25px;
    padding-left: 25px;
	padding-bottom: 15px;
	background: var(--Prim);
	min-height:170px;
}
.service  .text_holder h4{
	font-size:24px;
}

@media (max-width: 576px){
	.service .text_holder{
		min-height:auto;
	}

	h2{
		font-size:36px;
	}
	h4{
		font-size:26px;
	}
}

.slide-text-half {
  background:rgba(130,20,20,0.8);
  color:#fff;
  padding:0px;
  height:100%;
  width:inherit;
  z-index:2;
  position:absolute;
  top:0;
}

/*
*
*
*
Service Grid Section end Here
*
*
*
*/


/*
*
*
*
Who we are Section start Here
*
*
*
*/
.image_wrapper{
	    background-size: cover;
    background-repeat: no-repeat;
	}

.block_quote_we_are{
text-align:center;
padding: 80px 0px 80px 0px;
}
@media (max-width: 991.98px) {
	.image_wrapper {
    background-size: cover;
    background-repeat: no-repeat;
		background-position: center right;
	}
	.spl_white_block{
		    background: #ffffff80;
	}
}

.first_we_are_container{
    /* background-image: url(http://localhost/denti_theme/wp-content/uploads/2020/01/background-3.jpg); */
}
/* second section*/
.persona{
/* 	margin-top: -80px; */
}
.persona .row{ overflow: hidden;}




.persona .img_holder img{
	width:100px;
	padding:25px;
	margin-top:30px;
	background: var(--Prim);
	border-radius: var(--uniradius);
	box-shadow: 1px 1px 3px 1px rgb(34 34 34 / 20%)
}
.persona .icon_holder {
	position:relative;
	margin-top: calc(-50px * 1.75 / 2);

}
.persona .grid_holder{
	overflow:hidden;
}

.persona .icon_holder a{
	margin-left: 25px;
	margin-right: 25px;
	margin-top:-80px;
}
.persona  .text_holder{
	margin-top: calc(-50px * 1 / 2);
	padding-top: calc(50px * 2.75 / 2);
	padding-right: 25px;
    padding-left: 25px;
	padding-bottom: 25px;
	background: var(--dark);
	height:100%;
	border-radius:var(--uniradius);
}
  .service_a {
	text-decoration:none !important;
}

.service_a:hover .text_holder {
	background:#212121e0;
	transition: all .5s;
}

.img_holder:hover img {
		background:#212121;
		transition: all .5s;
}
.persona  .text_holder h4{
	font-size:30px;
}
.btn_hover {
	opacity:0;
	transition: all .5s;
}

.img_holder_hover:hover + .btn_hover {
opacity:1;
}
.btn_hover:hover {
	opacity:1;
}

.persona_name hr{
	    width: 4.25rem;
		margin-left: 0px;
		background: #ffffff;
		border: 2px solid var(--ligh);
}

 .socio_icon{
	 max-width: 77%;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	justify-content: space-evenly;
}
 .socio_icon li a{
	 border-radius:50%;
	width:36px;
	height:36px;
	padding:5px;
	position:absolute;
	display:flex;
	justify-content: center;
  transition: box-shadow .3s, color .3s;
  background-size: 0 0;
  background-position: 50% 50%;
  border-radius: 30px;
  box-shadow: inset 0 0 0 50px var(--ligh);
  text-decoration:none;



}
.socio_icon li a i{
	line-height:1.7;
}

:root {
    --fb: #4267B2;
    --tw: #00acee;
    --wa: #25d366;
    --ln: #FD1D1D;
    --yt: #FF0000;
    --pi: #E60023;
}

.socio_icon .fb_icon a { color:var(--fb);  background: var(--fb); }
.socio_icon .tw_icon a { color:var(--tw);  background: var(--tw); }
.socio_icon .wa_icon a { color:var(--wa);  background: var(--wa); }
.socio_icon .ln_icon a { color:var(--ln);  background: var(--ln); }
.socio_icon .yt_icon a { color:var(--yt);  background: var(--yt); }
.socio_icon .pi_icon a { color:var(--pi);  background: var(--pi); }





.socio_icon li a:hover {
  color: var(--ligh);
  box-shadow: inset 0 0 0 0px var(--ligh);
}
@media (max-width: 576px){
.socio_icon{
	font-size: 1.9rem;
}


	.persona .text_holder{
		height:auto;
		border-radius:var(--uniradius);
	}

.banner_features li{
	width:100% !important;
	display:block;
}
}
/*
*
*
*
who we are Section end Here
*
*
*
*/






 .we-are img{
	width: 200px;
    height: auto;
 }

 .we-are .right_img{
		width:80%;
		height:auto;
 }



/*
*
*
*
Feature grid section Start here
*
*
*
*/


.grid_feature_icon{
	padding-top:10px;
}

.grid_feature_title{
	font-size:17px;
	    font-weight: 400;
}
.grid_feature_description{
	font-size:14px;
	    opacity: .7;
		    overflow-wrap: anywhere;
}



/*
*
*
*
Feature grid section end here
*
*
*
*/


/*
*
*
*
Map Section start here
*
*
*
*/
.map_container iframe{
	width:100%;
	height:700px;
	border-radius: var(--uniradius);
}
.time_container{
	/* right: 30px;
	margin-right:-30px;
    position: absolute; */
	border-radius: var(--uniradius);
	padding:40px;
	padding-right: 40px !important;
    padding-left: 40px !important;
}
.time_title{
	font-size:26px;
}
.time_table{
	font-size:14px;
}
.time_table tr{
	border-bottom: 0.2px solid #ffffff70;
}
.time_table tr:last-child { border-bottom: 0.2px solid #ffffff00;
}

.time_table tr td{
		padding-top :10px;
		padding-bottom :10px;
		}

/*	@media (max-width: 576px){
		.time_container{ position: inherit; padding-right: 15px !important; padding-left: 15px !important;}
		.map_container{margin-bottom: -5px;}
	}
		@media (min-width: 576px){
.time_container{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
		}

		@media (min-width: 768px){
			.time_container{
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
		}
*/
/*
*
*
*
Map Section end here
*
*
*
*/


/*
*
*
*
Footer Section Start Here
*
*
*
*/
footer{
	background: var(--ligh);
}
footer h6{
	font-size:18px;
}

footer h6:after {
    width: 3.25rem;
    margin-top: .625em;
}
footer hr{
	margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border: 0;
    border-top: 3px solid var(--Prim);
    max-width: 50px;
	margin: 0px;
}

footer ul{

}

footer ul li{
	padding-bottom:15px;
}
footer ul li a{
	text-decoration:none !important;
	color: var(--dark);
}

footer ul li a:hover{
	text-decoration:none !important;
	color: var(--Prim);
}
.bottom_footer{
	background: var(--dark);
}
.bottom_footer p{
	font-size:14px;
	    margin-top: 10px;
}
.bottom_footer p a{
	color: var(--Prim);
}
/*
*
*
*
Footer Section end Here
*
*
*
*/

/*
 * *
 * *
 * Owl Carousal
 * *
 * *
 * *
 */

.owl-nav{
	display:none;
}

.bglight{
	background: #ffffff;
}







/********************************/
/********************************/
/********************************/
/********************************/
/*****Book Appoinment page*******/
/********************************/
/********************************/
/********************************/
/********************************/
.book_appoinment{
	margin-top:40px;
}

/********************************/
/********************************/
/********************************/
/********************************/
/****Book Appoinment page end****/
/********************************/
/********************************/
/********************************/
/********************************/





/********************************/
/********************************/
/********************************/
/********************************/
/******About Us page Start*******/
/********************************/
/********************************/
/********************************/
/********************************/


.counter_wraper{
	padding: 10px;
    background: var(--Prim);
    line-height: inherit;
    border: 4px solid #ffffff59;
    border-radius: var(--uniradius);
}
.counter{
	font-size: 1.5em;
    font-weight: 800;
}

.counter_wraper p{
	    margin-bottom: 0rem;
}

.abou_banner{
	padding: 5em 0 5em 0 ;
	    background-size: cover;
		/* box-shadow: inset 0 0 0 2000px rgb(250 253 255 / 25%); */
}

.item{
	background:#ffffff;
	box-shadow: 1px 1px 7px 0px rgb(34 34 34 / 7%);
	border-radius: var(--uniradius);
}


.testi-quote-icon-left{
    font-size: 40px;
    position: fixed;
    opacity: 0.3;
}
.testi-quote-icon-right{
    font-size: 100px;
    position: fixed;
    opacity: 0.3;
    bottom: 0;
    right: 0;
}

.owl-carousel .owl-item img{
    width: 100%;
    height: auto;
	padding:10px;
  background: #c9dbf3;
    border-radius: var(--uniradius);
}
/********************************/
/********************************/
/********************************/
/********************************/
/*******About Us page end********/
/********************************/
/********************************/
/********************************/
/********************************/




/********************************/
/********************************/
/********************************/
/********************************/
/******* Our Service page *******/
/********************************/
/********************************/
/********************************/
/********************************/

.our-service-txt-wraper{
	padding: 10em 0 10em 0;
}


.feature_list{
	  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.feature_list li{
	list-style:none;
	padding:10px;
}

.service_content_wraper{

}
/********************************/
/********************************/
/********************************/
/********************************/
/***** Our Service page end *****/
/********************************/
/********************************/
/********************************/
/********************************/




/********************************/
/********************************/
/********************************/
/********************************/
/*** Individual Service page ****/
/********************************/
/********************************/
/********************************/
/********************************/


.not_sure{
	position: absolute;
    right: 0;
	bottom: -15px;
}


@media (max-width: 768px){
	.banner_img{
	height: 50vh;

	}

/*  .sec_block_quote{
      margin-top: -4em;
  }

*/
	.our-service-txt-wraper{
		padding:4em 0 4em 0;
	}
}
/********************************/
/********************************/
/********************************/
/********************************/
/** Individual Service page end **/
/********************************/
/********************************/
/********************************/
/********************************/


/********************************/
/********************************/
/********************************/
/********************************/
/********Contact Us page*********/
/********************************/
/********************************/
/********************************/
/********************************/

.banner_map {
	margin-top:80px;
	width:100%;
	height:100vh;
}
.banner_map iframe{
	width:100%;
	height:100%;
}





/* Small devices (landscape phones, 576px and up) */


@media (max-width: 576px) { }

/*  Medium devices (tablets, 768px and up) */

@media (max-width: 768px) { }

/* Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
.banner_map{
		margin-top:72.25px;
}
}

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1200px) { }






/********************************/
/********************************/
/********************************/
/********************************/
/******Contact Us page end*******/
/********************************/
/********************************/
/********************************/
/********************************/





/********************************/
/********************************/
/********************************/
/********************************/
/*********Blog Grid page*********/
/********************************/
/********************************/
/********************************/
/********************************/

.main_header {
    padding: 130px 0 130px 0 !important;
    background: linear-gradient(rgb(3 103 175 / 51%) 55%,rgb(3 103 175)),url(../../../assets/images/media/banner.jpg) no-repeat center center fixed;
    box-shadow: inset 0 0 0 2000px rgb(53 55 56 / 50%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.blog-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
	padding: 100px 0px;
}

.card-content a{
	text-decoration:none;
}

.card-container {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin: 20px;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    line-height: 1.5;
    color: #303336;
}

.blog_card {
    min-height: 380px;
    border-radius: 10px;
    box-shadow: 0 40px 40px -20px #0000001f;
    overflow: hidden;
}

.area{
	height:auto !important;
}

.blog_card {
	border:none;
}
.blog_card .card-top {
    height: 200px;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 300;
    overflow: hidden;
    font-style: normal;
    border-radius: 10px;
	background: var(--Prim);
	box-shadow: 0 11px 8px -3px #00000029;
}

.blog_no_img :after {
   font-family: "Font Awesome 5 Free";
   content: "\f03e";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--ligh);
  font-size: 4.5em;
  opacity: .75;

  }
  .area_no_img :after {
   font-family: "Font Awesome 5 Free";
   content: "\f03e";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--ligh);
  font-size: 4.5em;
  opacity: .75;

  }

.card-top   span:after{
	  content: "";

}
.card-top   span:before{
	font-family: "Font Awesome 5 Free";
    content: "\f073";
	font-size: 1.5em;
}

.blog_card .card-top a {
    display: block;
    height: 100%;
}

.blog_card .card-top a img {
    width: 100%;
    height: inherit;
	  z-index:1;
    object-fit: cover;
    object-position: center;
    transition: all 2s cubic-bezier(0.04, -0.05, 0, 0.6);
}

.blog_card .card-content {
    padding: 20px 30px;
}

.blog_card .card-content .tag {
    font-weight: 700;
    letter-spacing: 2px;
	font-size: 1em;

}

.blog_card .blog_title {
    color: #303336;
    font-weight: 700;
    transition: 300ms;
	font-size: 1em;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog_card p {
    color: #7B8591;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ---------------------------- */
/* Content Style | Hover Effect */
/* ---------------------------- */

.blog_card .card-top a img:hover {
    opacity: .5;
	transform: scale(1.1);
}

.blog_card .blog_title:hover {
    color: var(--Prim);
}
/* ======================== */


/* Display this style when screen-width is lower than 1240px */
@media only screen and (max-width: 1240px) {

    .blog-main  {
        display: block;
        height: auto;
        min-height: max(640px, 100vh);
        padding: 80px 0;
    }

    .card-container {
        grid-template-columns: 1fr 1fr;
        height: auto;
        margin: 0;
        padding: 40px;
    }

    .blog_card {
        height: auto;
    }

}

/* Display this style when screen-width is lower than 768px */
@media only screen and (max-width: 768px) {

    .card-container {
        grid-template-columns: 1fr;
    }

}

/* Display this style when screen-width is lower than 425px */
@media only screen and (max-width: 425px) {

    .card-container {
        padding: 20px;
    }

}

.blog_main_header {
	box-shadow:inset 0 0 0 2000px #0367af !important;
	}

/********************************/
/********************************/
/********************************/
/********************************/
/******Blog Grid page end*******/
/********************************/
/********************************/
/********************************/
/********************************/


.spl-txt{
	color:#595150 !important;
}

.feature_list li {

}


@media (max-width: 576px) {
.spl-txt{
	    margin-top: 130px !important;
}
}


.review-box{
  display: none !important;
}


@media (max-width: 576px) {
    .push-down h1, .sub-title{
        text-align: center;
    }
    .push-down{
        text-align: center;
    }

    .push-down a{
        display: block;
        margin: auto;
    }

    .sec_block_quote h2, .sec_block_quote p ,
    #service h2, #service p,
    .text_holder , .we-are h2, 
    .we-are p , .persona h2 , .persona p,
    .abou_banner p ,.abou_banner h2 , section p, section h2,  section li, section h3
    {
        text-align: center;
    }

    .persona_name hr {
    margin-left: auto;

}
footer hr{
    margin: auto;
}

nav .navbar-nav , .dropdown-menu{
text-align: center;
}

.current_page_item a:after {

    margin-left: calc(50% - 13px);

    }
.time_table {
    text-align: center;
}
}

}