/*general css*/
html,body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
img {
    border:0;
    outline:none;
}
a{
    outline:none;
    text-decoration:none;
}
input {
    outline:none;
}
.clear,header,footer{
    clear:both;
}
html, body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, .cad-body-wrapper,header,footer{
    margin:0;
    padding:0;
}
.my_row{
    margin: 0!important;
    padding: 0!important;
}
a {
    outline:none;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:focus{
    background: transparent;
    text-decoration: none;
}
body{
    display: inline-block;
    width: 100%;
    height: 100%;
}
/*general css*/

/* header css */
.cd-nav-trigger {
    top: 16px;
    /*right: 5%;*/
    height: 44px;
    width: 44px;
    z-index: 5;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
    /* icon created in CSS */
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #ffffff;
    z-index: 10;
}
.cd-nav-trigger {
    position: relative;
    display: inline-block;
}
.cd-nav-trigger.close-nav::before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cd-nav-trigger::before {
    background-color: linear-gradient(to top, #0652BB,#0096D3);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
    /* upper and lower lines of the menu icon */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background-color: #ffffff;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* apply transition to transform property */
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
    content: '';
    -webkit-transform: translateY(-10px) rotate(0deg);
    -moz-transform: translateY(-10px) rotate(0deg);
    -ms-transform: translateY(-10px) rotate(0deg);
    -o-transform: translateY(-10px) rotate(0deg);
    transform: translateY(-10px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
    content: '';
    -webkit-transform: translateY(10px) rotate(0deg);
    -moz-transform: translateY(10px) rotate(0deg);
    -ms-transform: translateY(10px) rotate(0deg);
    -o-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
    content: '';
    /* 2 rounded colored backgrounds for the menu icon */
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
}
.cd-nav-trigger::before {
    content: '';
    background-color: transparent;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.cd-nav-trigger::after {
    content: '';
    /*background: linear-gradient(to top, #0652BB,#0096D3);*/
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
    content: '';
    /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
    content: '';
    /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
    background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
    content: '';
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
    content: '';
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
.dg-navigation-wrapper nav{
    background-color: transparent;
    box-shadow: none;
}
.cd-primary-nav {
    /* by default it's hidden */
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 200px 5% 50px!important;
    z-index: 3;
    /*background-color: rgb(0,150,211);*/
    background: linear-gradient(to top, #0652BB,#0096D3);
    overflow: auto;
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
    margin: 10px 0;
    width: 100%;
    line-height: 70px;
    text-align: center;
    text-transform: capitalize;
}
.cd-primary-nav a:hover{
    background-color: transparent;
    box-shadow: 0px 4px 0px 0px #ffffff;
    /*transition: all 0.4s ease-in-out;*/
    transition: all 0.9s cubic-bezier(0.000, 0.000, 0.230, 1);
    background-position: 0%;
}
.cd-primary-nav a {
    font-size: 34px;
    display: inline-block;
    color: #FFFFFF;
    padding: 0px 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    transition: all 0.4s ease-in-out;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(
        to right,
        #fbce41,
        #fbce41 50%,
        #ffffff 50%);
    background-size: 200% 100%;
    background-position: 100%;
}
.cd-primary-nav.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
    opacity: 1;
}
.cd-overlay-nav, .cd-overlay-content {
    /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
    position: fixed;
    top: 18px;
    right: 5%;
    height: 4px;
    width: 4px;
    -webkit-transform: translateX(-20px) translateY(20px);
    -moz-transform: translateX(-20px) translateY(20px);
    -ms-transform: translateX(-20px) translateY(20px);
    -o-transform: translateX(-20px) translateY(20px);
    transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
    /* background fades out at the end of the animation */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-overlay-nav {
    /* main rounded colored bg 1 */
    z-index: 2;
}
.cd-overlay-nav span {
    background: linear-gradient(to top, #0652BB,#0096D3);
}
.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 4;
}
.cd-overlay-content span {
    background-color: linear-gradient(to top, #0652BB,#0096D3);
}
.preloader-telo-section{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    background-color: rgba(0,0,0,0.5);
}
.preloader-wrapper.pre-telo-loader{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
}
.spinner-telo, .spinner-telo-only{
    border-color: #ed821a;
}
.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
}
.banner-container{
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
header.dg-header-main-section {
    display: inline-block;
    width: 100%;
    position: absolute;
    padding: 20px 0;
    transition: all 0.4s ease;
    z-index: 99999;
}
.logo-col-section{
    display: inline-flex;
    max-width: 70%;
    width: 100%;
    align-items:center;
    padding-left: 18px;
}
.dg-skill-section{
    padding-left: 30px;
}
.dg-skills {
    font-size: 14px;
    color: rgb(255,255,255);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    display: inline-block;
}
.inner .dg-skills {
    color: #000000;
    font-weight: 500;
}
.cd-nav-trigger{
    max-width: 64px;
    width: 100%;
    float: right;
    text-align: right;
}
.dg-navigation-wrapper.active{
    display: block;
}
.dg-navigation-wrapper{
    display: none;
}
.dg-header-main-section.inner .cd-nav-trigger.close-nav .cd-icon{
    background-color: transparent;
}
.dg-header-main-section.inner .cd-nav-trigger .cd-icon,.dg-header-main-section.inner .cd-nav-trigger .cd-icon::before, .dg-header-main-section.inner .cd-nav-trigger .cd-icon::after{
    background-color: #0059bc;
}
.dg-header-main-section.inner{
    position: relative;
}
.dg-header-main-section.inner .cd-nav-trigger.close-nav .cd-icon::before, .dg-header-main-section.inner .cd-nav-trigger.close-nav .cd-icon::after{
    background-color: #ffffff;
}

.wwwhww-section-small .collapsible-header {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 48px;
    color: rgb(9,148,216);
    font-family: "Barlow Semi Condensed", sans-serif;
    text-transform: none;
    background-color: transparent;
    border-bottom: 1px solid #0994d8;
    box-shadow: none;
    padding: 0;
    justify-content: space-between;
    padding: 0 15px;
}
.wwwhww-section-small .collapsible-header i{
    margin: 0;
}
.wwwhww-section-small .collapsible-body{
    border-bottom: 1px solid #0994d8;
}
.wwwhww-section-small .collapsible{
    border: none;
    box-shadow: none;
}
header.dg-header-main-section.stick .dg-logo, header.dg-header-main-section.stick .dg-logo img{
    width: 110px;
}
header.dg-header-main-section.stick .dg-skills{
    color: #000000;
}
header.dg-header-main-section.stick.home .cd-nav-trigger.close-nav .cd-icon{
    background-color: transparent;
}
header.dg-header-main-section.stick.home .cd-nav-trigger .cd-icon::before, header.dg-header-main-section.stick.home .cd-nav-trigger .cd-icon::after{
    background-color: #0059bc;
}
header.dg-header-main-section.stick.home .cd-nav-trigger .cd-icon{
    background-color: #0059bc;
}
header.dg-header-main-section.stick.home .dg-skills-seperator{
    background-color: #000000;
}
header.dg-header-main-section.stick{
    position: fixed;
    background-color: #f3f3f3;
    transition: all 0.4s ease-in-out;
    padding: 0px;
    border-bottom: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    top: 0;
}
/*header css*/

/*home page css*/
.dg-banner-section{
    /*background: url(../images/homepage-bg-banner.jpg) no-repeat center center #097BD1;*/
    background: url(../images/homepage-bg-banner-one.jpg) no-repeat center center, linear-gradient(#0A95DA, #0886D3, #067ACD, #0667C6, #065CC1, #0653BD);
    height: 880px;
    width: 100%;
    float: left;
    /*background-size: contain;*/
}
.dg-banner-text-section.slick-initialized .slick-slide {
    outline: medium none;
}
.dg-banner-text {
    font-size: 60px;
    letter-spacing: 2px;
    line-height: 64px;
    color: rgb(255,255,255);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 100;
    max-width: 600px;
    margin-top: 80px;
    display: inline-block;
}
.dg-banner-text span{
    font-weight: 700;
    color: #fbce41;
}
.dg-banner-section{
    padding-top: 100px;
    display: inline-block;
    width: 100%;
    margin-bottom: 80px;
}
.dg-banner-text-section{
    display: inline-flex;
    align-items:center;
    height: 620px;
    width: 100%;
    position: relative;
    max-width: 600px!important;
}
.i-believe-desc{
    font-size: 54px;
    color: rgb(255,255,255);
    font-family: "Sacramento", sans-serif;
    vertical-align: top;
    display: inline-block;
}
.ibelieve-border-right-yellow{
    border-right: 1px solid #fbce41;
    width: 1px;
    height: 80px;
}
.ibelieve-border-section{
    display: inline-block;
    margin-top: 50px;
    margin-left: 10px;
}
.i-believe-section{
    display: inline-block;
    width: 100%;
}
.ibelieve-border-right-blue{
    border-right: 1px solid #6590cf;
    width: 1px;
    height: 80px;
}
.every-thought-desc {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 48px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 300;
    margin: 30px 0;
    display: inline-block;
}
.exicutive-desc {
    display: inline-block;
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 48px;
    color: #999999;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 300;
    margin: 30px 0;
}
.every-thought-section {
    display: inline-block;
    width: 100%;
    margin: 40px 0;
    padding: 40px 0;
}
.every-thought-content {
    /*margin-top: 40px;*/
    display: inline-block;
    width: 100%;
}
.every-thought-row{
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
.i-believe-main-desc {
    font-size: 54px;
    color: rgb(251,206,65);
    font-family: "Sacramento", sans-serif;
    display: inline-block;
}
.i-believe-main-desc span{
    /*color: #000000;*/
}
.i-deliver-border{
    border-bottom: 1px solid #b7b7b7;
    width: 70%;
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 30px;
    max-width: 1210px;
}
.i-believe-main-row{
    display: inline-flex;
    width: 100%;
}
.i-believe-main-section{
    position: relative;
}
.honed-competencies-title {
    font-size: 60px;
    letter-spacing: 2px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.honed-desc {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 26px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    /*border-left: 2px solid #face41;*/
    padding-left: 20px;
    margin-top: 14px;
    height: 46px;
    width: 180px;
}
.honed-section {
    display: inline-flex;
    align-items: flex-start;
    margin: 50px 0;
    width: 33%;
    vertical-align: top;
}
.honed-images {
    width: 95px;
    display: inline-block;
    border-right: 2px solid #face41;
    height: 70px;
}
.honed-ompetencies-row {
    width: 100%;
    display: inline-block;
    margin: 50px 0;
}
.snapshot-title {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 48px;
    color: rgb(9,148,216);
    font-family: "Barlow Semi Condensed",sans-serif;
    display: inline-block;
    text-transform: uppercase;
}
.snapshot-sub-title {
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 60px;
    color: rgb(251,206,65);
    font-family: "Barlow Semi Condensed";
    text-transform: uppercase;
    font-weight: 500;
}
.snapshot-sub-title span{
    color: #ffffff;
    font-weight: 200;
}
.dg-snapshot-section{
    background-color: #0652bb;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.wwwhww-section{
    border-left: 1px dashed #043e8f;
}
.wwwhww-section .tabs {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    width: 100%;
    display: inline-block;
    background-color: #0652bb;
    margin: 0;
    white-space: nowrap;
    max-width: 96px;
    padding-bottom: 10px;
}
.wwwhww-section .tabs .tab {
    display: block;
    text-align: center;
    height: 48px;
    padding: 0;
    /* width: 100%; */
    margin: 0;
    text-transform: uppercase;
    line-height: 48px;
    display: inline;
    transition: all 0.4s ease-in-out;
}
.wwwhww-section .tabs .tab a.active {
    font-size: 36px;
    transition: all 0.4s ease-in-out;
    border-bottom: 2px solid #fbce41;
    transform: translateY(10px) rotate(0deg);
    color: #face41;
    width: auto;
    display: inline-block;
    margin-top: -10px;
}
.wwwhww-section .tabs .tab a {
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease;
    transition: color .28s ease;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 48px;
    color: rgb(9,148,216);
    font-family: "Barlow Semi Condensed", sans-serif;
    text-transform: none;
    padding: 0;
    text-align: left;
    /* padding: 2px 0; */
    /* margin: 10px 0; */
    transition: all 0.6s ease-in-out;
}
.wwwhww-desc-sec{
    visibility: visible;
    animation-delay: 1.4s;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.wwwhww-section .tabs .indicator{
    display: none;
}
.wwwhww-section-row {
    display: inline-flex;
    align-items: center;
    margin-left: 30px;
}
.dg-snapshot-row {
    display: inline-flex;
    align-items: center;
    margin: 30px 0;
    padding: 30px 0;
    min-height: 370px;
}
.wwwhww-desc-section {
    padding-left: 30px;
    display: inline-block;
}
.wwwhww-title{
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 48px;
    color: #ffffff;
    font-family: "Barlow Semi Condensed",sans-serif;
}
.wwwhww-description{
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: rgb(255,255,255);
    font-family: "Barlow Semi Condensed",sans-serif;
}
.testimonial-description {
    font-size: 28px;
    letter-spacing: 0.4px;
    color: rgb(51,51,51);
    font-family: "Times New Roman",sans-serif;
    font-style: italic;
    padding-top: 30px;
    max-width: 94%;
}
.testimonial-designation {
    font-size: 18px;
    letter-spacing: 0.4px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 400;
}
.testimonial-name {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 48px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed",sans-serif;
}
.testimonial-title-tag {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 48px;
    color: #999999;
    font-family: "Barlow Semi Condensed",sans-serif;
}
.testimonial-title {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 48px;
    color: rgb(51,51,51);
    font-family: "Barlow Semi Condensed", sans-serif;
    text-transform: uppercase;
}
.dg-testimonial-section {
    width: 100%;
    display: inline-block;
}
.dg-testimonial-section .slick-initialized .slick-slide {
    outline: medium none;
}
.dg-testimonial-row {
    margin: 50px 0;
    padding: 50px 0;
    width: 100%;
    display: inline-block;
}
.dg-testimonial-section .slick-dots li button {

}
.dg-testimonial-section .slick-dots li button:before {
    font-size: 40px;
    line-height: 20px;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\2022';
    color: #000000;
    opacity: 0.10;
}
.dg-testimonial-section .slick-dots li button:before:hover {
    color: #000000;
    opacity: 0.50;
}
.dg-testimonial-section .slick-dots {
    width: 60%;
    text-align: left;
    left: 267px;
}
.dg-testimonial-section .slick-dots li.slick-active button:before {
    color: #0652bb;
    opacity: 1;
}
.dg-testimonials {
    margin: 30px 0;
    padding: 30px 0px;
    width: 100%;
    display: inline-block;
}
.testimonial-image img {
    width: 197px;
}
/*home page css*/

/*about us css*/
.dg-about-title {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 48px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed",sans-serif;
    margin-bottom: 30px;
    max-width: 410px;
    width: 100%;
    display: inline-block;
}
.dg-about-desc {
    max-width: 410px;
    width: 100%;
    font-size: 18px;
    letter-spacing: 0px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: 500;
}
.dg-about-row {
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin: 40px 0;
    padding: 40px 0;
}
.about-dipanker-name {
    font-size: 54px;
    color: rgb(6,82,187);
    font-family: "Sacramento",sans-serif;
    display: inline-block;
    position: relative;
}
.about-dipanker-name span {
    font-size: 14px;
    letter-spacing: 0px;
    color: rgb(24,25,26);
    font-family: "Barlow Semi Condensed",sans-serif;
    position: absolute;
    bottom: 0px;
    right: 6px;
    font-weight: 500;
}
.about-dipanker-name span.dg-border{
    border-bottom: 1px solid #b7b7b7;
    width: 70px;
    position: absolute;
    left: -20px;
    bottom: 8px;
}
.interesting-fact-title{
    font-size: 36px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}
.about-if-desc {
    font-size: 20px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed", sans-serif;
    display: inline-block;
    font-weight: 500;
    padding-left: 15px;
    line-height: 25px;
    padding-top: 75px;
    width: 100%;
    max-width: 320px;
}
.about-if-number {
    font-size: 30px;
    letter-spacing: 1px;
    color: rgb(251,206,65);
    font-family: "Barlow Semi Condensed",sans-serif;
    display: inline-block;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 12px;
}
.about-if-border {
    border-left: 1px solid #fbce41;
    height: 50px;
    margin-left: 15px;
}
.about-if-number-sec {
    display: inline-block;
}
.about-if-grid-flex{
    display: inline-flex;
    /*align-items: end;*/
}
.about-if-grid {
    display: inline-block;
    width: 33%;
    margin: 40px 0;
}
.about-timeline-tile {
    font-size: 36px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
a.know-work-btn {
    font-size: 20px;
    letter-spacing: 1px;
    color: rgb(255,255,255);
    font-family: "Barlow Semi Condensed",sans-serif;
    background-color: #0652bb;
    text-align: center;
    width: 300px;
    display: inline-block;
    height: 66px;
    line-height: 66px;
    border-radius: 10px;
}
.know-work-btn-section {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.know-work-btn-section {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 26px;
}
.dg-about-interesting-facts-section {
    display: inline-block;
    width: 100%;
    margin: 50px 0;
}
.dg-about-timeline-row {
    margin: 50px 0;
    display: inline-block;
    width: 100%;
}
.dg-about-timeline-row {
    margin: 50px 0 100px 0;
    display: inline-block;
    width: 100%;
}
.dg-about-desc-section.about-first-section {
    padding-left: 40px;
}
/*about us css*/
/*experiance css*/
.dg-experience-body-row {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
    padding: 30px 0;
    overflow: hidden;
}
.dg-experience-title {
    font-size: 80px;
    letter-spacing: 2px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 200;
    line-height: 100px;
}
.dg-experience-sub-title {
    width: 300px;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    margin: 30px 0;
    display: inline-block;
}
.dg-degree-name {
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 44px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed", sans-serif;
}
.dg-degree-university {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #666666;
    font-family: "Barlow Semi Condensed", sans-serif;
}
.dg-experience-dgree-sec {
    display: inline-flex;
    align-items: center;
    margin-bottom: 30px;
    width: 100%;
}
.dg-exp-image {
    width: 100%;
    text-align: center;
}
.dg-degree-desc-section {
    padding-left: 30px;
}
.dg-exp-section {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}
.current-role-title {
    font-size: 18px;
    letter-spacing: 0px;
    color: rgb(153,153,153);
    font-family: "Barlow Semi Condensed", sans-serif;
}
.current-role-desc {
    font-size: 20px;
    letter-spacing: 1px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 500;
    line-height: 26px;
}
.dg-work-exp {
    width: 100%;
    max-width: 310px;
    font-size: 18px;
    letter-spacing: 0.4px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    display: inline-block;
    font-weight: 400;
    line-height: 20px;
}
.dg-exp-date {
    font-size: 16px;
    letter-spacing: 0px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    text-align: right;
    font-weight: 500;
    line-height: 20px;
    padding-right: 10px;
}
.dg-experience-section{
    margin:20px 0px 40px;;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.dg-degree-icon {
    width: 70px;
    display: inline-block;
}
.dg-exp-date span {
    width: 100%;
    display: inline-block;
}
.snapshot-title-section {
    overflow: hidden;
    margin-bottom: 40px;
}
/*experiance css*/

/*accomplishments css*/
.dg-accom-title {
    font-size: 80px;
    letter-spacing: 2px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 94px;
    margin: 25px 0;
    padding: 25px 0;
}
.dg-accom-title span{
    color: #fbce41;
}
.dga-title {
    font-size: 24px;
    letter-spacing: 1px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    position: relative;
    line-height: 26px;

}
.dg-accom-desc-section {
    padding-left: 20px;
}
.dga-title span{
    position: absolute;
    border-bottom: 1px solid #cccccc;
    right: 10px;
    bottom: 6px;
    width: 280px;
}
.dga-title-two {
    font-size: 46px;
    letter-spacing: 1px;
    color: #0652bb;
    font-family: "Barlow Semi Condensed",sans-serif;
}
.dg-accom-description {
    font-size: 20px;
    letter-spacing: 1px;
    color: rgb(51,51,51);
    font-family: "Barlow Semi Condensed",sans-serif;
    margin-bottom: 20px;
}
.dg-accom-description span{
    font-weight: 600;
}
.accomplishemnets-section{
    margin: 50px 0;
    display: inline-block;
    width: 100%;
}
.accomplishemnets-main-section {
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
}
/*accomplishments css*/

/*contact css*/
.dg-contact-desc {
    font-size: 20px;
    color: rgb(0,0,0);
    font-family: "Barlow Semi Condensed",sans-serif;
    line-height: 24px;
    width: 100%;
    max-width: 400px;
}
.dg-contact-title{
    font-size: 80px;
    letter-spacing: 2px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 200;
    line-height: 100px;
    margin-bottom: 30px;
}
form.dg-contact-form-section {
    width: 370px;
    height: 520px;
    padding: 40px 50px;
    box-shadow: 0px 0px 35px 8px #efefef;
    margin: 0 auto;
    border-radius: 10px;
}
.dg-contact-section {
    width: 100%;
    display: inline-block;
}
.dg-contact-row {
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin: 60px 0;
    padding-bottom: 50px;
}
.dg-contact-section .input-field input {
    height: 60px;
}
.dg-contact-section .input-field label {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    cursor: text;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    pointer-events: none;
    font-size: 24px;
    letter-spacing: 1px;
    color: rgb(153,153,153);
    font-family: "Barlow Semi Condensed",sans-serif;
    line-height: 24px;
}
.dg-contact-section .input-field label:not(.label-icon).active {
    -webkit-transform: translateY(-14px) scale(0.6);
    transform: translateY(-14px) scale(0.6);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.dg-contact-section input[type=email]:not(.browser-default), .dg-contact-section input[type=text]:not(.browser-default){
    height: 50px;
    border-bottom: 2px solid #cccccc;
    line-height: 60px;
    padding: 0 10px;
    width: 93%;
}
.dg-contact-section textarea.materialize-textarea {
    overflow-y: hidden;
    padding: .8rem 10px 1.6rem 10px;
    resize: none;
    min-height: 100px;;
    border-bottom: 2px solid #cccccc;
    width: 93%;
}
.dg-contact-section input[type=text]:not(.browser-default):focus:not([readonly]), .dg-contact-section input[type=email]:not(.browser-default):focus:not([readonly]),.dg-contact-section textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #ccc;
    -webkit-box-shadow:none;
    box-shadow: none;
}
.dg-contact-section input[type=text]:not(.browser-default):focus:not([readonly])+label, .dg-contact-section input[type=email]:not(.browser-default):focus:not([readonly])+label, .dg-contact-section textarea.materialize-textarea:focus:not([readonly])+label {
    color: #cccccc;
}
.dg-contact-section a.dg-submit-btn {
    font-size: 24px;
    letter-spacing: 1px;
    color: rgb(6,82,187);
    font-family: "Barlow Semi Condensed";
    background-color: #fbce41;
    width: 100%;
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
}
.dg-contact-section .dg-submit-section {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
/*contact css*/

/*footer css*/
footer {
    background-color: #0d0c0c;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.dg-footer-row{
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 120px;
}
.dg-footer-desc{
    font-size: 18px;
    letter-spacing: 0px;
    color: rgb(102,102,102);
    font-family: "Barlow Semi Condensed";
    padding: 0 10px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}
.dg-footer-desc a {
    font-size: 18px;
    letter-spacing: 0px;
    color: rgb(102,102,102);
    font-family: "Barlow Semi Condensed";
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}
.footer-logo img {
    width: 100px;
    display: inline-block;
}
.dg-footer-section {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}
.dg-left-footer {
    float: left;
}
.dg-right-footer {
    float: right;
}
/*footer css*/

/* header css */
.result_response {
    font-family: "Barlow Semi Condensed", sans-serif;
    font-size: 26px;
    color: #ffffff;
    width: 100%;
    display: inline-block;
    text-align: center;
    max-width: 520px;
    padding: 10px 0;
    line-height: 46px;
    font-weight: 500;
}
.preloader-wrapper.active {
    -webkit-animation: none;
    animation: none;
}
.loader-dg-logo {
    display: inline-block;
    width: 100%;
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .dg-skill-section {
        padding: 10px 0px;
        margin-top: 30px;
        text-align: center;
        border-top: 1px dashed #d7d7d7;
        border-bottom: 1px dashed #d7d7d7;
    }
}
.preloader-telo-section{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    background-color: rgba(6,82,187,0.8);
}
.preloader-wrapper.pre-telo-loader{
    width: 100%;
    height: 50px;
    position: absolute;
    top: 50%;
    left: auto;
    right: auto;
    bottom: 50%;
    text-align: center;
}
.error_divison {
    background: #F9EDBE;
    /*border: 1px solid #F0C36D;*/
    color: #000;
    padding: 10px 15px;
    margin: 10px auto;
    position: fixed;
    top: 10px;
    left: 0;
    right: 0;
    width: 400px;
    z-index: 10000;
    box-shadow: 1px 1px 2px 1px #CCC;
    text-align: center;
    display: none;
    border-radius: 2px;
    font-size: 16px;
}
/* scroll up arrow */
/* CK */
.scroll-top-wrapper {
    position: fixed;
    background: url('assets/images/arrow-up-cirlce.png') no-repeat center center;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    width: 50px;
    height: 50px;
    right: 30px;
    bottom: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
/* CK */
/* scroll up arrow */
.dg-skills-seperator{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: initial;
    margin: 0px 7px;
}
.dg-header-main-section.inner .dg-skills-seperator{
    background-color: #000000;                    
}
.dg-header-main-section.home .dg-skills-seperator{
    background-color: #ffffff;
}
.dg-logo ,.dg-logo img{
    width: 147px;
    height: 71px;
    display: block;
}
/* header css */