/*!
Theme Name: digitallydubai
Theme URI: http://underscores.me/
Author: digitallydubai
Author URI: https://digitallydubai.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: digitallydubai
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

digitallydubai is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 @font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
    url("fonts/fontawesome-webfont.woff") format("woff"), 
    url("fonts/fontawesome-webfont.ttf") format("truetype"), 
    url("fonts/fontawesome-webfont.svg") format("svg");
}
@font-face {
    font-family: "bootstrap-icons";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/bootstrap-icons.eot") format("embedded-opentype"),
    url("fonts/bootstrap-icons.woff") format("woff"),
    url("fonts/bootstrap-icons.woff2") format("woff2"), 
}

@font-face {
    font-family: 'Nunito-VariableFont_wght';
    src: url('fonts/Nunito-VariableFont_wght.eot?#') format('eot'),  /* IE6–8 */
         url('fonts/Nunito-VariableFont_wght.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'Mukta-ExtraLight';
    src: url('fonts/Mukta-ExtraLight.eot?#') format('eot'),  /* IE6–8 */
         url('fonts/Mukta-ExtraLight.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'Mukta-Medium';
    src: url('fonts/Mukta-Medium.eot?#') format('eot'),  /* IE6–8 */
         url('fonts/Mukta-Medium.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}




@font-face {
  font-family: 'Poppins-Light';
  src: url('fonts/Poppins-Light.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/Poppins-Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('fonts/Poppins-Medium.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/Poppins-Medium.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'WorkSans-Bold';
  src: url('fonts/WorkSans-Bold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/WorkSans-Bold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'CormorantGaramond-Medium';
    src: url('fonts/CormorantGaramond-Medium.eot?#') format('eot'),  /* IE6–8 */
         url('fonts/CormorantGaramond-Medium.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
  }


html {
    line-height: 1.15; 
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0; 
    padding: 0; 
    font-size: 17px; 
    line-height: 2; 
    font-family: 'Poppins-Light' !important;
}
main {
    display: block;
}
*{
    padding: 0; 
    margin: 0;
}
input:focus, 
a:focus, 
a:active, 
textarea:focus, 
img:focus {
    outline:none;
}
img {
    max-width:100%;
}
ul {
    padding: 0; 
    margin: 0;
}
a {
    text-decoration: none !important; 
    color: #222;
}
a:hover {
    color:#21CDC0;
}
p {
    line-height: 2;
}  
.bg-header{
    transition: all 0.5s;
    z-index: 997;
}
.bgheader1{
    background: #08449B;
    padding: 5px 0;
}
.home .bgheader2 {
    border-bottom: none;
}
.bgheader2 {
    background: none;
    padding: 15px 0;
    border-bottom: 1px solid #f5f5f5;
}
.address p{
    list-style: none; 
    color: #fff; 
    font-size: 14px; 
    text-align: left;
    display: inline-block;
    padding-right: 15px;
    margin-bottom: 0;
}
.address p:before { 
    font-family: "bootstrap-icons";
    content: "\F3E8";
    font-size: 13px;
    color: #21CDC0;
    padding-right: 3px;
}
.hours-work p{
    color: #fff; 
    font-size: 14px; 
    text-align: left;
    margin-bottom: 0;
}
.hours-work p:before{
    font-family: "bootstrap-icons";
    content:  "\F293";
    font-size: 13px;
    color: #21CDC0;
    padding-right: 5px;
}
.bgheader1 .email p{
    color: #fff; 
    font-size: 14px; 
    text-align: left;
    margin-bottom: 0;
}
.bgheader1 .email p:before{
    font-family: "bootstrap-icons";
    content: "\F32F";
    font-size: 13px;
    color: #21CDC0;
    padding-right: 5px;
}
.social-menu ul{
    text-align: right;
}
.social-menu li {
    padding-left: 15px;
    vertical-align: middle;
    display: inline-block;
    list-style: none;
}
.social-menu li a {
    font-size: 0 !important;
    display: inline-block;
    text-decoration: none;
    text-align: right;
}
.social-menu li:hover a:before{
    color:#222 !important;
}
.social-menu li.menu-item-20 a:before {
    font-family: "FontAwesome";
    content: "\f09a";
    font-size: 16px;
    color: #fff;
}
.social-menu li.menu-item-21 a:before{
    font-family: "bootstrap-icons";
    content: "\F437";
    font-size: 14px;
    color: #fff;
}
.social-menu li.menu-item-22 a:before{
    font-family: "bootstrap-icons";
    content: "\F618";
    font-size: 15px;
    color: #fff;
}
.social-menu li.menu-item-184 a:before{
    font-family: "bootstrap-icons";
    content: "\F8DB";
    font-size: 13px;
    color: #fff;
}
.social-menu li.menu-item-185 a:before{
    font-family: "bootstrap-icons";
    content: "\F6CC";
    font-size: 14px;
    color: #fff;
}
.social-menu li:hover a:before{
    color:#21CDC0 !important;
}

.logo {
    padding: 5px 0;
}
.main-menu ul {
    padding:0; 
    text-align: center; 
    margin: 0;
}
.main-menu li a {
  font-size: 17px;
  position: relative;
  display: inline-block;
  outline: none;
  text-decoration: none; 
}
.main-menu li {
    display:inline-block; 
    text-align: center; 
    padding: 5px 12px; 
    position: relative;
}
.main-menu li a:hover {
    color: #21CDC0 !important;
    text-shadow: none;
}
.main-menu li a:before {
    content: "";
    position: absolute;
    top: 0px;
    margin: auto;
    background-color: var(--prt-skin-color);
    height: 3px;
    width: 100%;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .55s cubic-bezier(.37,.31,.2,.85);
    transition: transform .55s cubic-bezier(.37,.31,.2,.85);
}
.main-menu li a:hover:before{transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    background: #21CDC0;
}
.main-menu ul ul{
    width:208px;
    text-align: right;
    position: absolute;
    visibility: hidden;
    display: block;
    opacity: 0;
    line-height: 14px;
    margin: 0;
    list-style: none;
    right: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
    transition: all .5s ease;
    z-index: 99;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 20%);
    box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 20%);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    padding: 7px 0;
}
.main-menu li:hover> ul{
    display:block;
    float:left;
    width:240px;
    margin-right: 0px;
    background: #fff;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    box-shadow: 0 3px 25px 0px rgb(43 52 59 / 10%), 0 0 0 rgb(43 52 59 / 10%) inset;
}
.main-menu .sub-menu li {
    width:100%; 
    float:left; 
    border-bottom: 1px solid rgb(0,0,0,.09); 
    list-style-type:none; 
    margin-right: 0; 
    margin-left: 0; 
    padding: 0px;
}
.main-menu .sub-menu li:last-child {
    border-bottom:none;
}
.main-menu .sub-menu li a {
    text-align: right; 
    font-size: 14px; 
    text-decoration:none; 
    width: 100%; 
    color: #7a8a9e; 
    padding: 10px;
}
.main-menu .sub-menu li li a:hover {
    color: #222;
}
.main-menu .sub-menu li a:before {
    display: none;
}
.main-menu ul ul ul {
    margin: -41px 207px 0 190px !important;
}
.btn-contact-header {
    text-align: right;
}
.btn-contact-header a {
    text-align: center;
    -moz-user-select: none;
    margin-bottom: 0;
    margin-top: 10px;
    cursor: pointer;
    transition: color 0.4s linear;
    position: relative;
    z-index: 1;
    border: 0;
    overflow: hidden;
    border-radius: 3px;
    background-color: #21CDC0;
    padding: 18px 15px;
    font-size: 16px;
    color: #fff;
    /* font-weight: 600; */
    line-height: 1;
    display: inline-block;
}
.btn-contact-header a:before {
    content: ""; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 101%; 
    height: 101%; 
    background: #08449b; 
    color: #fff !important; 
    z-index: 1; 
    transition: transform 0.5s; 
    transition-timing-function: ease; 
    transform-origin: 0 0; 
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); 
    transform: scaleX(0); 
    border-radius: 0;
}
.btn-contact-header a:hover {
    color: #fff !important; 
    text-decoration: none;
}
.btn-contact-header a:hover:before {
    transform: scaleX(1); z-index: -1;
}
.btn-contact-header p {
    margin-bottom: 0;
}
.slider {
    /* position: relative; 
    background: url(../../uploads/slider.jpg) center; 
    background-size: cover;
    height: 95vh; */

    background: url(../../uploads/slider.jpg) center; 
    width: 100%;
    min-height: 110vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* .slider .row {
    height: 796px;
} */
.overlay-bg {
    background: rgb(4 9 30 / 31%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.content1 {
    /* padding-top: 54px;
    z-index: 1; */

    position: absolute;
    top: 50%;
    transform: translate(10px, -50%);
}
.content1 h2 {
    padding-bottom: 20px; 
    color: #fff; 
    font-family: 'Nunito-VariableFont_wght';
    font-size: 78px;
    font-weight: 800;
    line-height: 1.2;
    text-shadow: 0 0 2px #333333a3;
}
.content1 p {
    color: #fff;
    font-size: 20px;
    text-transform: lowercase;
    font-family: 'Nunito-VariableFont_wght';
}
.content1 a {
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    border-radius: 3px;
    background: #21CDC0;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    padding: 14px 27px;
    margin: 18px 0 0;
    display: inline-block;
    letter-spacing: 1px;
    border: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
}
.content1 a:hover {
    background: #08449B;
    color: #ffffff;
}
.content1 a:before {
    background-color: #fff;
    content: "";
    height: 150px;
    left: -75px;
    position: absolute;
    top: -35px;
    transform: rotate(35deg);
    transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 40px;
    opacity: 0;
}
.content1 a:hover:before {
    left: 120%;
    transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0.25;
}
.content2-3{
    margin-top: -95px;
    position: relative;
}
.content2-1, .content3-1{ 
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 40px 0 40px 24px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.content2-1 h2, .content3-1 h2{
    color: #273353;
    font-size: 24px;
    font-weight: 800;
    font-family: 'Nunito-VariableFont_wght';
}
.content2-1 p, .content3-1 p{
    color: #21CDC0;
    font-size: 18px;
    font-weight: bold;
}
.content2-1 h2:before {
    content: "";
    background-image: url(../../uploads/icon1.png);
    width: 40px;
    height: 40px;
    vertical-align: sub;
    display: inline-block;
    float: left;
    margin-bottom: 66px;
    margin-right: 16px;
}
.content3-1 h2:before {
    content: "";
    background-image: url(../../uploads/icon0.png);
    width: 40px;
    height: 40px;
    vertical-align: sub;
    display: inline-block;
    float: left;
    margin-bottom: 66px;
    margin-right: 16px;
}
.content2-2, .content3-2{ 
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 0;
}
.bac-content4{
    position: relative;
    background: url(../../uploads/service-bg.jpg);
    background-size: cover;
    padding-top: 72px;
    margin-top: 38px;
    padding-bottom: 70px;
}
.content4 h2{
    color: #21cdc0;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
}
.content4 p{
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 40px;
}
.content5, .content6, .content7, .content8, .content9, .content10{
    background-color: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
.content5 .widget_text, .content6 .widget_text, .content7 .widget_text, .content8 .widget_text, .content9 .widget_text, .content10 .widget_text{
    padding: 0px 30px 30px 30px;
}
.content5 .widget_text h2, .content6 .widget_text h2, .content7 .widget_text h2, .content8 .widget_text h2, .content9 .widget_text h2, .content10 .widget_text h2{
    font-family: 'Nunito-VariableFont_wght';
    font-style: normal;
    line-height: 1.2;
    font-weight: 800;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 24px;
    margin-bottom: 5px;
    padding: 25px 0px 13px 0px;
}
.content5 .widget_text p, .content6 .widget_text p, .content7 .widget_text p,
.content8 .widget_text p, .content9 .widget_text p, .content10 .widget_text p{
    color: #727272;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 28px;
    margin-bottom: 0;
}
.content5 .widget_text a, .content6 .widget_text a, .content7 .widget_text a,
.content8 .widget_text a, .content9 .widget_text a, .content10 .widget_text a{
    background-color: #21CDC0;
    border: 1px solid #21CDC0;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 20px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    transition: 0.5s;
    display: table;
}
.content5 .widget_text a:hover, .content6 .widget_text a:hover, .content7 .widget_text a:hover,
.content8 .widget_text a:hover, .content9 .widget_text a:hover, .content10 .widget_text a:hover{
    background-color: #213162;
    border: 1px solid #213162;
    transition: 0.5s;
}
.bg-content11-12 {
    background-color: #F4FAF8;
}
.bg-content11-12 .container-fluid{
    padding-left: 0;
}
.content12 #text-18 h2{
    color: #21cdc0;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 7px;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
    padding-top: 30px;
}
.content12 #text-18 h3 {
    font-size: 35px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 15px;
}
.content12 #text-18 p {
    color: #727272;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 28px;
    margin-bottom: 0;
}
.content12 #text-19{
    padding-top: 41px;
    padding-bottom: 30px;
    border-bottom: 1px solid #F0F0F0;
}
.content12 #text-19 p{
    color: #3c4762;
    font-size: 18px;
    font-family: 'Mukta-Medium';
    line-height: 35px;
}
.content12 #text-20 a{
    background-color: #21CDC0;
    border: 1px solid #21CDC0;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 40px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    transition: 0.5s;
    display: table;
}
.content12 #text-20 a:hover{
    background-color: #213162;
    border: 1px solid #213162;
    transition: 0.5s;
}
.bg-content13-18{
    background:#08449B;
    padding: 100px 0;
}
.content13 {
    margin-bottom: 30px;
}
.content13 h2{
    color: #21cdc0;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 7px;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
    text-align: center;
}
.content13 h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #fff;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 15px;
    text-align: center;
}
.content13 p {
    color: #fff;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 28px;
    margin-bottom: 0;
    text-align: center;
}
.content14 img, .content15 img, .content16 img, .content17 img{
    margin: 0 auto;
    display: block;

    border: 1px dashed #2967bd;
    padding: 12px;
    border-radius: 50%;
}
.content14 h2, .content15 h2, .content16 h2, .content17 h2 {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
    color: #fff;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 15px;
    text-align: center;
    padding-top: 20px;
}
.content14 p, .content15 p, .content16 p, .content17 p  {
    color: #fff;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 28px;
    margin-bottom: 0;
    text-align: center;
}
.content15{
    display: none;
}
.content18 {margin-top: 60px; margin-bottom: 80px;}
.content18 h2{
    color: #21cdc0;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 7px;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
}
.content18 p {
    font-size: 17px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 19px;
}
.content19{margin-top: 100px; margin-bottom: 80px;}
.content19 #text-27 p{
    color: #666;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 30px;
}
.content19 #text-28 h2 {
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 15px;
}
.content19 #text-28 p{
    color: #666;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 30px;
}
.content19 #text-28 ul{
    padding-left: 9px;
}
.content19 #text-28 li{
    color: #555;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 30px;
    list-style: none;
}
.content19 #text-28 li:before{
    content: "\f058";
    padding-right: 5px;
    font-family: "FontAwesome";
    font-size: 19px;
    color: #21CDC0;
}
.content19 #text-28 a{
    background-color: #21CDC0;
    border: 1px solid #21CDC0;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 40px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    transition: 0.5s;
    display: table;
}
.content19 #text-28 a:hover{
    background-color: #213162;
    border: 1px solid #213162;
    transition: 0.5s;
}
.content20-23{
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 50px 0px 32px 0px;
    z-index: 1;
    position: relative;
    border-radius: 10px 10px 10px 10px;
}
.content21{
    display: none;
}
.content20 p, .content21 p, .content22 p, .content23 p{
    color: #273353;
    font-family: 'Nunito-VariableFont_wght';
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    padding-top: 20px;
}
.content20-23 .cg-progress{
    --size: 140px;
    --thickness: 14px;
    --p: 0;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display:grid;
    place-items:center;
    background:
        conic-gradient(#21CDC0 calc(var(--p) * 1%), #e9e9e9 0);
    position: relative;
    transition: background 800ms ease;
    margin: 0 auto;
}
.content20-23 .cg-progress::before{
    content:'';
    width: calc(var(--size) - var(--thickness) * 2);
    height: calc(var(--size) - var(--thickness) * 2);
    background: white;
    border-radius: 50%;
    position: absolute;
}
.content20-23 .cg-inner{
    position: relative;
    font-weight:600;
    color: #08449B;
    z-index: 1;
    font-family: system-ui, sans-serif;
}

.bc-content24 {
    position: relative;
    background: url(../../uploads/bg-1.jpg);
    background-size: cover;
    padding-top: 30px;
    margin-top: -152px;
    padding-bottom: 0;
}
.content24 {
    position: relative;
    top: 257px;
}
.content24 .owl-carousel.owl-loaded{
    margin-top: 50px;
}
.content24 h2{
    color: #fff;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 7px;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
    text-align: center;
}
.content24 h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #fff;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 15px;
    text-align: center;
} 
.content24 .psacp-post-carousel-wrap.psacp-design-2 .psacp-post-carousel-content{
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04); 
}
.content24 .psacp-post-carousel-wrap.psacp-design-2 .psacp-post-margin-content {
    margin-bottom: 30px;
}
.content25, .content26{
    margin-top: 300px;
}
.content25 h2 {
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 40px;
}
.content25 .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle{
    padding: 19px 0px 19px 10px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}
.content25 .ewd-ufaq-faq-div [aria-expanded="true"]{
    background-color: #21CDC0;
}
.content25 .ewd-ufaq-faq-div [aria-expanded="true"] .ewd-ufaq-post-margin-symbol{
    color: #fff;
}
.content25 .ewd-ufaq-faq-div [aria-expanded="true"] .ewd-ufaq-faq-title-text h4{
    color: #fff;
}
.content25 .ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span{
    font-size: 23px;
    padding-top: 9px;
}
.bc-content27{
    background:#08449B;
    padding: 50px 0;
}
.content27 h2{
    color: #fff;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    font-size: 40px;
    padding-bottom: 5px;
}
.content27 p{
    font-family: 'Mukta-Medium';
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
}
.bg-content28-30{
    margin-top: 80px;
}
.content28 h2{
    color: #21cdc0;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
}
.content28 p{
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 40px;
}
.content30 h2{
    color: #21cdc0;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 10px;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
}
.content30 h3{
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 9px;
}
.content30 p {
    color: #666;
    font-size: 16px;
    font-family: 'Mukta-Medium';
    line-height: 30px;
}
#text-36 h2, #text-37 h2,  #text-38 h2 {
    color: #273353;
    font-size: 16px;
    font-family: 'Nunito-VariableFont_wght';
    font-size: 25px;
    margin: auto;
    font-weight: 800;
}
.content30 #text-40 a{
    background-color: #21CDC0;
    border: 1px solid #21CDC0;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin: 40px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    transition: 0.5s;
    display: table;
}
.content30 #text-40 a:hover{
    background-color: #213162;
    border: 1px solid #213162;
    transition: 0.5s;
}
.content31 {
    margin-top: 80px;
}
.content31 h2{
    color: #21cdc0;
    font-size: 19px;
    border-radius: 30px;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    font-weight: bold;
}
.content31 p{
    font-size: 40px;
    margin: auto;
    font-weight: 800;
    line-height: 1.4;
    color: #273353;
    text-align: center;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 40px;
}

.bgblog {
    padding: 0px 0px 120px 0px;
}
.title-latest-news {
    font-size: 32px;
    font-weight: 800;
    color: #1d2c38;
    text-align: center;
    margin-top: 200px;
    padding-bottom: 30px;
}
.box-latest-news {
    position: relative;
}
.box-latest-news .main-box-thumbnail a {
    position: relative;
}
.box-latest-news .box-thumbnail {
    overflow: hidden;
}
.box-latest-news .box-thumbnail img {
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: auto;
}
.box-latest-news:hover img {
    transform: scale(1.045);
}
.box-latest-news .main-box-content {
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 25px;
    min-height: 200px;
}
.box-latest-news .main-box-content .entry-header {
    padding-top: 16px;
}
.box-latest-news .entry-header a {
    font-family: 'Nunito-VariableFont_wght';
    color: #222;
    font-size: 20px;
    text-align: left;
    display: block;
    padding-bottom: 10px;
    line-height: 30px;
}
.box-latest-news .entry-header a:hover {
    color: #21CDC0;
}
.box-latest-news .entry-content p {
    color: #777; 
    line-height: 1.5; 
    font-size: 16px;
    font-family: 'Mukta-Medium';
}
.box-latest-news .box-cat-name {
    display: inline-block;
    padding-top: 10px;
}
.box-latest-news .cat-name { 
    font-size: 13px;
    color: #777;
}
.box-latest-news .cat-name:before {
    font-family: "FontAwesome";
    content:"\f07c";
    color: #777;
    font-size: 14px;
    padding-right: 3px;
}
.box-latest-news .box-date {
    display: inline-block;
    padding-top: 10px;
}
.box-latest-news .date {
    font-size: 13px;
    color: #777;
    margin-left: 10px;
}
.box-latest-news .date:before {
    font-family: "FontAwesome";
    content:"\f073";
    color: #777;
    font-size: 14px;
    padding-right: 3px;
}
.home .bg-box-footer{
    margin-top: 0px;
}
.bg-box-footer {
    background-color: #08449B;
    border-bottom: 1px solid #2157A5;
    margin-top: 50px;
}
.box-footer1 p{
    color: #fff;
    text-align:center;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}
.box-footer1 p:before {
    font-family: "bootstrap-icons";
    content: "\F32F";
    font-size: 15px;
    color: #21CDC0;
    padding-right: 5px;
    vertical-align: bottom;
}
.box-footer2 p{
    color: #fff;
    text-align:center;
    border-left:1px solid #2157A5;
    border-right:1px solid #2157A5;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}
.box-footer2 p:before {
    font-family: "bootstrap-icons";
    content: "\F3E8";
    font-size: 15px;
    color: #21CDC0;
    padding-right: 3px;
}
.box-footer3 p{
    color: #fff;
    text-align:center;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}
.box-footer3 p:before {
    font-family: "bootstrap-icons";
    content: "\F4E7";
    font-size: 16px;
    color: #21CDC0;
    padding-right: 3px;
}
.box-footer3 a{
    color:#fff;
}

.bg-footer1 {
    background-color: #08449B;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px 0px 0px;
}
.footer1,
.footer2,
.footer3 {
    margin-bottom: 60px;
    color: #fff;
}
.footer1 h2,
.footer2 h2,
.footer3 h2{
    font-weight: bold;
    color: #fff;
    font-family: 'Nunito-VariableFont_wght';
    padding-bottom: 20px;
    font-size: 28px;
}
.footer1 p{
    font-size: 14px;
    text-align: justify;
}
.footer2 a {
    color: #fff;
}
.footer2 ul {
    text-align: left;
} 
.footer2 li {
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block;
    list-style: none;
}
.footer2 li a {
    font-size: 0 !important;
    display: inline-block;
    text-decoration: none;
    text-align: right;
    color:#fff;
}
.footer2 li:hover a:before{
    color:#21CDC0 !important;
}
.footer2 li.menu-item-20 a:before {
    font-family: "FontAwesome";
    content: "\f09a";
    font-size: 16px;
    color: #fff;
}
.footer2 li.menu-item-21 a:before{
    font-family: "bootstrap-icons";
    content: "\F437";
    font-size: 14px;
    color: #fff;
}
.footer2 li.menu-item-22 a:before{
    font-family: "bootstrap-icons";
    content: "\F618";
    font-size: 15px;
    color: #fff;
}
.footer2 li.menu-item-184 a:before{
    font-family: "bootstrap-icons";
    content: "\F8DB";
    font-size: 13px;
    color: #fff;
}
.footer2 li.menu-item-185 a:before{
    font-family: "bootstrap-icons";
    content: "\F6CC";
    font-size: 14px;
    color: #fff;
}
.footer3 ul{
    padding-left: 30px;
}
.footer3 li{
    color: #fff;
}
.footer3 li a{
    color: #fff;
}
.footer3 li a:hover{
    color: #21CDC0;
}
.bg-footer2{
    background-color: #074CAF;
}
.copyright p{
    text-align: left;
    color: #fff;
    padding-top: 20px;
    font-size: 13px;
    padding-bottom: 20px;
    margin-bottom: 0;
    font-family: 'Mukta-Medium';
}
.back-top {
    position: fixed;
    bottom: 90px;
    right: 24px;
    z-index: 99;
}
.back-top a {
    display: block;
    width: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    height: 40px;
    font-size: 24px;
    background: #21cdc0;
    border-radius: 5px;
}
.back-top a:before {
    margin-right: -1px;
    display: inline-block;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    vertical-align: top;
    line-height: 44px;
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    content: "\f148";
}
.back-top a:before {
    margin-right: -1px;
    display: inline-block;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    vertical-align: top;
    line-height: 44px;
    font-family: FontAwesome;
    font-size: 28px;
    color: #fff;
    content: "\f148";
}

/************************** contact us ************************/
.page-id-10 .entry-content .icon-address:before {
    content: "\F3E8";
    font-family: "bootstrap-icons";
  }
.page-id-10 .entry-content .whatsapp:before{
      font-family: "FontAwesome";
      content: "\f232";
      font-size: 20px;
      vertical-align: middle;
  }
  .page-id-10 .entry-content .telegram:before{
      font-family: "FontAwesome";
      content: "\f1d9";
      font-size: 20px;
      vertical-align: middle;
  }
.page-id-10 .entry-content .address:before, .page-id-10 .entry-content .email:before, .page-id-10 .entry-content .tel:before {
      color: #08449B;
      font-size: 25px;
      margin-right: 10px;
  }
.page-id-10 .entry-content .email:before {font-size: 20px;}
.page-id-10 .entry-content .address h2, .page-id-10 .entry-content .fax h2, .page-id-10 .entry-content .email h2, .page-id-10 .entry-content .tel h2 {
    padding-top: 15px;
    color: #393C40;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
  }
.page-id-10 .entry-content .tel:before {
    content: "\F4E7";
    font-family: "bootstrap-icons";
  }
.page-id-10 .entry-content .tel a {
    text-align: center;
    margin: 32px 0 20px;
    font-size: 15px;
  }
.page-id-10 .entry-content .email:before {
    content: "\F32F";
    font-family: "bootstrap-icons";
  }
.page-id-10 .entry-content .fax:before {
    content: "\f16d";
    font-family: "FontAwesome";
  }
.page-id-10 .entry-content input {
    text-align: right;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #ced7e4;
    padding: 13px 15px 13px 20px;
    font-size: 15px;
  }
.page-id-10 .entry-content input .wpcf7-captchar {
    width: auto;
  }
.page-id-10 textarea {
    height: 80px;
    border-radius: 5px;
    border: 1px solid #e2d7f1;
    padding: 13px 15px 13px 20px;
    width: 100%;
    margin-bottom: 5px;
  }
.page-id-10 .entry-content label {
    width: 100%;
  }
.page-id-10 .entry-content input[type=submit] {
    width: auto;
    background: #21CDC0;
    color: #fff;
    border: 1px solid #21CDC0;
    padding: 10px 40px;
    display: inline-block;
  }
.page-id-10 .entry-content input[type=submit]:hover {
    background: #fff;
    color: #08449B;
  }



/**** inner-page ****/
.inner-page{margin-top: 40px;}
.inner-page h1 {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 32px;
    padding-left: 14px;
    color: #372644;
    border-left: 3px solid #21CDC0;
    font-family: 'Nunito-VariableFont_wght';
}


/**** cat-post ****/
.description-cat{
    background: #04091e;
    margin: 30px 0;
    padding: 50px 0 23px;
}
.description-cat .taxonomy-description h2 {
    color: #fff !important; 
    text-align: center;
}
.description-cat .taxonomy-description p {
    font-size: 14px; 
    color: #fff !important; 
    text-align: center;
}
.category .cat-post {
    margin-top: 50px;
}
.category .cat-post img {
    margin: 0 auto;
    display: block;
    height: auto;
}
.category .cat-post h2.entry-title {
    font-weight: bold;
    padding: 25px 0px 9px 0px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
    line-height: 1.5;
}
.category .cat-post p {
    padding: 10px 0px 25px;
    color: #656565;
}
.category .joomirpost {
    box-shadow: 0px 0px 4px #cdcdcd;
    padding: 13px;
    background: #fff;
    height: 378px;
}
.category article {
    margin-bottom: 20px;
}
.archive .nav-links .page-numbers{padding: 0 8px; background: #EEEEEE;}


/**** inner-post ****/
.inner-post {
    margin-top: 50px;
}
.inner-post .entry-content img {
    margin: 10px auto;
    display: block;
	height: auto;
}
.inner-post .content-left .entry-content h2 {
    padding-bottom: 20px;
    padding-top: 20px;
}
.inner-post .content-left .post-thumbnail img{width: 100%; height: auto; margin-bottom: 20px;}
.inner-post .content-left .entry-title {
    padding-top: 20px;
	font-weight: bold;
    font-size: 24px;
    color: #000;
    font-family: 'Nunito-VariableFont_wght';
}
.inner-post p {
    color: #000;
    line-height: 2;
    text-align: justify;
}
.inner-post ul {
    padding-left: 20px;
}
.blog-content-right {
    margin-top: 30px;
}
.blog-content-right section {
    margin-bottom: 30px;
    border-top: 3px solid #08449B;
    padding: 30px;
    color: #000;
    box-shadow: 0px 0px 4px #cdcdcd;
}
.blog-content-right .main-box-content .entry-header {
    padding-top: 0px;
}
.blog-content-right h2 {
    font-family: 'Nunito-VariableFont_wght';
    font-size: 25px;
    padding-bottom: 15px;
}
.blog-content-right input {
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #ced7e4;
    padding: 8px;
    font-size: 15px;
}
.blog-content-right label {
    width: 60%;
}
.blog-content-right input[type=submit] {
    width: auto;
    background: #21CDC0;
    color: #fff;
    border: 1px solid #21CDC0;
    padding: 8px 40px;
    display: inline-block;
}
.blog-content-right input[type=submit]:hover {
    background: #fff;
    color: #08449B;
}


/******* search-results *******/
.search-results .box-search .page-title {
    font-family: 'Nunito-VariableFont_wght';
    color: #222;
    font-size: 20px;
    text-align: left;
    display: block;
    padding-bottom: 10px;
    line-height: 30px;
    margin-top:44px;
}
.search-results .content-search {
    border-bottom: 1px solid #efeaea;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.search-results .content-search img{
    height:auto;
}
.search-results .content-search .entry-title{
    padding-top: 20px;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    font-family: 'Nunito-VariableFont_wght';
}
.box-search .nav-links .page-numbers {
    padding: 0 8px;
    background: #EEEEEE;
}


@media screen and (max-width: 1200px) and (min-width: 992px) {
   
}
@media (max-width:992px) {
    .main-menu {
        display: none;
    }
}
@media (max-width:767px) {
    .slider {
        height: auto;
        background-position: initial;
    }
    .btn-contact-header a{
        padding: 18px 19px;
    }
    .content1 h2 {
        font-size: 35px;
    }
    .content2-2, .content3-2{
        padding-left: 15px;
        text-align: center;
    }
    .content11, .content12{
        padding: 0 20px 0 20px;
    }
    .content12{
        margin-top: 30px;
    }
    .content18 {
        margin-bottom: 0px;
    }
    .content19 {
        margin-top: 48px;
    }
    .content26 {
        margin-top: 50px;
    }
    .content30{
        margin-top: 30px;
    }
    .box-footer2 p{
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }
    .box-footer1 p, .box-footer2 p{
        padding-bottom: 7px;
    }
    .box-footer1 p, .box-footer2 p, .box-footer3 p{
        text-align: left;
    }
    .blog-content-right label {
      width: 100%;
    }
}
@media (max-width: 576px) {
    .content1 {
        transform: translate(0px, -50%);
    }
    .content20-23{
        padding:0;
    }
}