/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

html body h2 {
    font-family: 'bld';
    font-size: 40px;
    line-height: 50px;
}
html body h1 {
    font-family: bld !important;
    font-size: 90px;
    line-height: 100px;
    text-shadow: 0 0 20px #3371c7;
}
html body p {
    font-family: 'bld';
}
#slider-sec {
    padding-top: 25% !important;
    padding-bottom: 25% !important;
}
a#butt-sec i {
    right: 30px;
    font-size: 30px;
}
a#butt-sec {
    padding: 15px 50px 15px 40px;
    background: transparent !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 40px 8px #3371c7;
    font-size: 22px;
    font-family: 'bld';
    position: relative;
}
#g-sec img {
    margin: 0px auto;
}
#g-sec .wpb_text_column {
    box-shadow: 0px 0px 20px 8px #3978c0;
    padding: 30px 0px 40px 30px;
    border-radius: 20px !important;
    margin-bottom: 150px !important;
}
#g-sec .img-with-aniamtion-wrap:nth-child(2) {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#g-sec .cen:before {
    content: '';
    background: transparent;
    z-index: -9;
    border: 11px solid #fff;
    position: absolute;
    width: 90%;
    height: 85%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    opacity: 0.3;
}
#ser-sec a#butt-sec {
    display: table;
    margin: 0px auto;
}
#about-sec .img-with-aniamtion-wrap.right img {
    width: 15%;
    transition: 0.9s;
}
#about-sec .img-with-aniamtion-wrap.right {
    position: absolute;
    right: 0;
    top: unset;
    bottom: 20%;
    margin: auto;
    left: 0;
    transition: 0.9s;
}
#about-sec img {
    width: 100%;
}
#about-sec .img-with-aniamtion-wrap:nth-child(1) {
    border: 5px solid #ffffff8f;
    border-radius: 500px !important;
    padding: 0px 0px 0px 0px !important;
}
#about-sec .ryt {
    padding-left: 40px;
}
#about-sec .lft {
    padding-right: 60px;
}
#in-sec h2 {
    font-size: 30px;
    line-height: 40px;
}
#in-sec a#butt-sec {
    box-shadow: unset;
}
#in-sec a#butt-sec {
    box-shadow: unset;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#in-sec .cen .vc_column-inner {
    box-shadow: 0px 0px 20px 7px #3978c0;
    margin: 0px 10px;
    padding: 30px 40px;
    border-radius: 10px !important;
}

element.style {
}
#testi-sec img {
    width: auto;
    margin: 0px auto;
    display: table;
}
#testi-sec .txt {
    background-image: url(https://devu12.onlinetestingserver.com/blackhole/wp-content/uploads/2022/10/Group-7.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 30px 30px 40px 40px;
}
#testi-sec .iwithtext .iwt-icon {
    position: unset;
    left: 0;
    top: 0;
}
#testi-sec .iwithtext .iwt-text {
    padding-left: 0px;
    padding-top: 10px;
}
#testi-sec .owl-dots {
    display: none;
}
#footer-outer {
    background: transparent !important;
    text-transform: capitalize;
}
#copyright p {
    font-size: 16px;
    font-weight: 500;
    font-family: rubik !important;
}
#copyright {
    padding: 20px 0px !important;
}
#footer-widgets .row {
    border-bottom: 2px solid #ffffff6b;
}
#footer-widgets .icn ul li a i {
    background: #fff;
    color: #4b81c7;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px !important;
    box-shadow: 0px 0px 13px 0px #4b81c7;
}
#footer-widgets .icn ul li {
    display: inline-block;
}


header#top {
    animation: 3s ease-out 0s 1 slideInFromLeft;
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}



#ser-sec .img-with-aniamtion-wrap.center {
    position: relative;
    transition: 0.5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0, 0, 0.69, 0.67);
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-name: imgg;
}

@keyframes imgg {
    0% {
        transform: rotate3d(1, 1, 1, 45deg);
    
    }
    25% {
        transform: rotate3d(1, 1, 1, 190deg);
        
    }
    50% {
        transform: rotate3d(1, 1, 1, 300deg);
    
    }
    75% {
            transform: rotate3d(1, 1, 1, 360deg);
        
    }
    100% {
        transform: rotate3d(1, 1, 1, 405deg);
    
    }
}





#g-sec .cen:before {
    transition: 0.5s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0, 0, 0.69, 0.67);
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-name: imgs;
}

@keyframes imgs {
    0% {
        transform: rotatex(180deg);
    
    }
    25% {
        transform: rotatex(360deg);
        
    }
    50% {
        transform: rotatex(180deg);
    
    }
    75% {
            transform: rotatex(360deg);
        
    }
    100% {
        transform: rotatex(180deg);
    
    }
}

#g-sec .img-with-aniamtion-wrap:nth-child(2) img {
    transition: 0.5s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0, 0, 0.69, 0.67);
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-name: imgd;
}

@keyframes imgd {
    0% {
        filter: brightness(1)drop-shadow(12px 4px 6px #fff);
    
    }
    25% {
        filter: brightness(1)drop-shadow(12px 4px 6px #fff0);
        
    }
    50% {
        filter: brightness(1)drop-shadow(12px 4px 6px #fff);
    
    }
    75% {
        filter: brightness(1)drop-shadow(12px 4px 6px #fff0);
        
    }
    100% {
        filter: brightness(1)drop-shadow(12px 4px 6px #fff);
    
    }
}

#about-sec .lft:hover .img-with-aniamtion-wrap.right {
    bottom: 40%;
}
#about-sec .lft:hover .img-with-aniamtion-wrap.right img {
    width: 30%;
    transform: translateX(-120%) !important;
}

#about-sec .img-with-aniamtion-wrap:nth-child(1) {
    transition: 0.5s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0, 0, 0.69, 0.67);
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-name: imgt;
}

@keyframes imgt {
    0% {
        transform: rotatey(100deg);
    
    }
    25% {
        transform: rotatey(200deg);
        
    }
    50% {
        transform: rotatey(300deg);
    
    }
    75% {
        transform: rotatey(400deg);
        
    }
    100% {
        transform: rotatey(500deg);
    
    }
}

/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
	#testi-sec {
    padding-bottom: 0px !important;
}
	#slider-sec {
    padding-top: 25% !important;
    padding-bottom: 20% !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	#about-sec .ryt {
    padding-left: 0px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 820px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}