/* COMMON CSS */

body {font-family: "Space Grotesk", sans-serif; overflow-x:hidden;} 
h1, h2, h3, h4, h5, h6 {font-family: "Big Shoulders", sans-serif; font-weight:700;}
a {transition: all ease 0.5s;}
a:hover {text-decoration:none;}

h2 {font-size:52px; margin:0 0 50px; color:#000; line-height:52px; text-transform:uppercase;}
strong.tagline {color:#fff; font-weight:700; font-size:22px; display:block; padding:0 0 20px;}

section {padding:70px 0;}

#banner_Sl {
    overflow: hidden;
}
#banner_Sl .item {
    position: relative;
}

#banner_Sl button.owl-prev {
    background-color: transparent;
    border: 0;
    cursor: url(../images/arrow-l-white.png),auto;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -99999px;
    top: 0;
    width: 20%;
    z-index: 2;
    border: 0 !important;
    outline: 0px !important;
    font-size: 0;
}
#banner_Sl button.owl-next {
    background-color: transparent;
    border: 0;
    cursor: url(../images/arrow-r-white.png),auto;
    height: 100%;
    right: 0;
    position: absolute;
    text-indent: -99999px;
    top: 0;
    width: 20%;
    z-index: 2;
    border: 0 !important;
    outline: 0px !important;
    font-size: 0;
}
.banner_Sl .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.banner_Sl .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.banner_Sl .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
em{font-style:normal !important;}

sup{font-size:10px;margin-left:2px;}
@-webkit-keyframes zoomin{
    0%{transform:scale(1);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
    }
    @keyframes zoomin{
        0%{transform:scale(1);}
        50%{transform:scale(1.2);}
        100%{transform:scale(1);}
        }
        @-webkit-keyframes zoomout{
            0%{transform:scale(1);}
            50%{transform:scale(0.8);}
            100%{transform:scale(1);}
            }
            @keyframes zoomout{
                0%{transform:scale(1);}
                50%{transform:scale(0.8);}
                100%{transform:scale(1);}
                }
/*.zoomBannerImage{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-animation:zoomin 20s ease-in infinite;animation:zoomin 20s ease-in infinite;transition:all 20s ease-in-out;}*/

/*section ul.list {display:block; margin:0 0 0 35px; padding:0;}
section ul.list li {display:block; background:url("../images/Star.png") no-repeat left 19px; padding:10px 0 10px 26px; color:#fff; 
font-size:18px; line-height:24px;}
section ul.list li a {color:#f9ac52; text-decoration:underline;}*/

.btn_blk {padding:70px 0 0; text-align:center;}
.btn_blk a {display:inline-block; background: linear-gradient(to left, #faac53, #fcde57); border-radius:35px; padding:10px 80px; font-size:32px; 
color:#000; font-weight:700; box-sizing:border-box; position:relative; z-index:1; overflow:hidden; font-family: "Big Shoulders", sans-serif;}
.btn_blk a::after {position:absolute; right:0; top:0; content:''; height:100%; width:0; z-index:-1; background:#f9ac52; transition: all ease 0.5s;}
.btn_blk a:hover::after {width:100%;}
.btn_blk small {display:block; color:#fff; font-size:17px; padding:10px 0 0;}

.scrollToTop{width:48px; height:48px; position:fixed; bottom:150px; right:60px; display:none;	
background:url(../images/arrow_up.png) no-repeat left top; text-indent:-9999px; z-index:1000;}

/* HERO SECTION CSS START HERE */

.hero {background:url("../images/rs_main_bg1.jpg") no-repeat left top; background-size:cover; padding:0; position:relative; height:auto; overflow:hidden;}
.hero .logo {text-align:center; padding:50px 0 150px;}
.hero .logo img {max-width:300px;}

/* OVERVIEW SECTION CSS START HERE */

.overview {background:#fff; position:relative; padding:0;}
.overview::after {width:650px; height:261px; background:url("../images/o_left.png") no-repeat left top; position:absolute; left:0; top:100px; content:"";}
.overview::before {width:650px; height:261px; background:url("../images/o_right.png") no-repeat left top; position:absolute; right:0; top:100px; content:"";}

.overview .inner {text-align:center; background:linear-gradient(#faac53, #fcde57); padding:70px; position:relative; z-index:2; margin:-70px 0 0;}
.overview .inner p {font-size:16px; line-height:24px; color:#000; padding:0 50px 25px; margin:0;}
.overview .right h2 {padding:0 0 30px;}

/* CRITERIA SECTION CSS START HERE */

.criteria {background:linear-gradient(#0c143b, #0c1428); padding:0 0 40px; margin:-70px 0 0; position:relative; z-index:1;}
.criteria::after {width:650px; height:569px; position:absolute; left:0; top:0; content:""; 
background:url("../images/Star-left.png") no-repeat; left top;}
.criteria::before {width:650px; height:676px; position:absolute; right:0; bottom:0; content:"";
background:url("../images/Star-right.png") no-repeat; left top;}

.criteria h2 {color:#fff; text-align:center; background:linear-gradient(to left, #faac53, #fcde57); -webkit-background-clip:text;  
-webkit-text-fill-color:transparent;}
.criteria p {color:#fff; font-size:18px; line-height:24px;}

.criteria .graphic {position:relative; z-index:3; padding:0 70px 100px;}
.criteria .graphic img {width:100%;}

.criteria .i_text {background:linear-gradient(to left, #faac53, #fcde57); padding:2px; position:relative; margin:0 0 30px;}
.criteria .i_text .inner {background:#0c1428; display:flex; padding:20px; align-items:center; min-height:155px;}
.criteria .i_text .inner::after {width:2px; height:50px; position:absolute; left:0; top:50%; content:""; margin:-25px 0 0 0; background:#0c1428;}
.criteria .i_text .inner::before {width:2px; height:50px; position:absolute; right:0; top:50%; content:""; margin:-25px 0 0 0; background:#0c1428;}

.criteria .i_text .inner .icon {padding:0 20px 0 0;}
.criteria .i_text .inner .icon img {max-width:72px;}
.criteria .i_text .inner .info p {font-size:16px; line-height:22px; margin:0;}

/* GLIMPSES */

.glimpses {background:#ffffff; text-align:center;}
.glimpses h2 {padding:0 0 30px;}
.glimpses img {max-width:800px; display:inline-block!important; border-radius:30px;}

.glimpses .owl-dots {display:block; margin:20px 0 0;}
.glimpses .owl-dots button.owl-dot {width:16px; height:16px; background:#dddddd; display:inline-block; margin:0 3px; border-radius:50%;}
.glimpses .owl-dots button.owl-dot.active{background:#001a57;}

/* TESTIMONIALS SECTION CSS START HERE */

.testimionials {background:linear-gradient(#0c143b, #0c1428); text-align:center; position:relative; padding:70px 0 20px; overflow:hidden;}
.testimionials::after {width:650px; height:569px; position:absolute; left:0; top:0; content:""; 
background:url("../images/Star-left.png") no-repeat; left top;}
.testimionials::before {width:650px; height:676px; position:absolute; right:0; bottom:0; content:"";
background:url("../images/Star-right.png") no-repeat; left top;}
.testimionials h2 {color:#fff; text-align:center; background:linear-gradient(to left, #faac53, #fcde57); -webkit-background-clip:text;  
-webkit-text-fill-color:transparent;}

.testimionials .t_blk {display:block; margin:0 70px; background:#fff; border-radius:30px; padding:30px 70px; position:relative;}

.testimionials .t_blk .pic {display:block; margin:0 0 10px;}
.testimionials .t_blk .pic img {max-width:150px; border-radius:50%; display:inline-block; border:3px solid #0c1428; 
background:linear-gradient(to left, #faac53, #fcde57);} 

.testimionials .t_blk .info {display:block; color:#fff;}
.testimionials .t_blk .info p {font-size:16px; line-height:24px; color:#000;}
.testimionials .t_blk .info strong {display:block; font-weight:700; font-size:26px; color:#000000;}
.testimionials .t_blk .info span {display:block; font-weight:700; font-size:15px; color:#333;}

.testimionials .owl-dots {display:block; margin:20px 0 0;}
.testimionials .owl-dots button.owl-dot {width:16px; height:16px; background:#ddd; display:inline-block; margin:0 3px; border-radius:50%;}
.testimionials .owl-dots button.owl-dot.active {background:#001a57;}

.testimionials .owl-nav button span {olor:#fff; background:linear-gradient(to left, #faac53, #fcde57); -webkit-background-clip:text;  
-webkit-text-fill-color:transparent; font-weight:bold; font-size:72px; line-height:72px;}
.testimionials .owl-nav button.owl-prev {position:absolute; left:0; top:170px;} 
.testimionials .owl-nav button.owl-next {position:absolute; right:0; top:170px;} 

/* CELEBRATE SECTION CSS START HERE */

.overview.about {padding:70px 0;}
.overview.about::after {display:none;}
.overview.about::before {display:none;}

.overview.about .content {background:#fff; box-shadow:0 0 15px #eee; text-align:left; padding:15px;}
.overview.about .content p {font-size:16px; line-height:24px;}

.overview.about .content .moretext {display:none;}
.overview.about .content a.moreless-button {margin:20px 0 0; display:inline-block; font-size:16px; line-height:24px; color:#000; font-weight:700; background:linear-gradient(to left, #faac53, #fcde57); border-radius:10px; padding:10px 20px;}

.overview.about .content .t_blk img {width:100%;}

/* EVALUATION SECTION CSS START HERE */

.criteria.evaluation {margin:0; padding:70px 0 40px;}

.criteria.evaluation .inner {border-radius:30px; background:rgba(10,26,74,0.6); padding:15px; position:relative; z-index:1; margin:0 0 30px;}

.criteria.evaluation .inner .graphic {position:inherit; z-index:inherit; padding:0;}
.criteria.evaluation .inner .graphic img {border-radius:30px; width:100%;}

.criteria.evaluation .inner .info h2 {text-align:left; margin:0 0 10px;}
.criteria.evaluation .inner .info p {font-size:16px; line-height:22px;}
.criteria.evaluation .inner .info ul.list {margin:0; list-style:disc; padding:0 0 0 18px;}
.criteria.evaluation .inner .info ul.list li {font-size:16px; line-height:20px; background:none; padding:5px 0; color:#fff;}

/* PREVIOUS AWARDEES CSS START HERE */

#previous_awardees.overview {padding:70px 0;}
#previous_awardees.overview h2 {text-align:center; margin:0 0 90px;}

#previous_awardees.overview .years {text-align:center;}
#previous_awardees.overview .years a {display:inline-block; position:relative; z-index:1; margin:0 20px; background:linear-gradient(#eaeaea, #ffffff); 
padding:100px 25px 50px; border-radius:70px 70px 0 0; transition:all ease 0.3s;}
#previous_awardees.overview .years a:hover {background:linear-gradient(#ffffff, #eaeaea); border-radius:0 0 70px 70px;}
#previous_awardees.overview .years .edition {display:inline-block;}

#previous_awardees.overview .years .edition .icon {background:#1e2952; width:110px; height:110px; border-radius:50%; padding:10px; position:absolute; 
left:50%; top:-50px; margin:0 0 0 -55px; z-index:2; transition:all ease 0.5s;}
#previous_awardees.overview .years .edition .icon::before {width:14px; height:24px; background:#1e2952; position:absolute; bottom:-15px; left:50%; margin:0 0 0 -7px; 
border-radius:0 0 70% 70%; content:""; z-index:1;}
#previous_awardees.overview .years .edition .icon .inn {background:#1e2952; width:90px; height:90px; border:1px solid #fff; overflow:hidden; border-radius:50%;}

#previous_awardees.overview .years .edition strong {color:#000; font-family: "Big Shoulders", sans-serif; font-size:36px; line-height:42px; font-weight:500;}

#previous_awardees.overview .years a:nth-child(even) .edition .icon {background:#faac53;}
#previous_awardees.overview .years a:nth-child(even) .edition .icon::before {background:#faac53;}
#previous_awardees.overview .years a:nth-child(even) .edition .icon .inn {background:#faac53;}
#previous_awardees.overview .years a:hover .edition .icon {transform:scale(1.1)}

/* PREVIOUS AWARDEES CSS END HERE */

/* NOMINATION SECTION CSS START HERE */

.nomination {background:#000000; text-align:center;}
.nomination h3 {text-transform:uppercase; font-size:38px; font-weight:700; color:#fff; font-family: 'Playfair Display', serif; margin:0 120px 15px;}
.nomination strong {font-size:22px; color:#fff; font-weight:400;}

.nomination .logo {display:block; margin:0 0 30px;}
.nomination .logo img {max-width:350px;}

.nomination.form h2 {font-size:38px;}

/* FOOTER SECTION CSS START HERE */

.footer {background: linear-gradient(#0c143b, #0c1428); padding:70px 0; text-align:center; position:relative; overflow:hidden;}
.footer::after {width:650px; height:569px; position:absolute; left:0; top:0; content:""; 
background:url("../images/Star-left.png") no-repeat; left top;}
.footer::before {width:650px; height:676px; position:absolute; right:0; bottom:0; content:"";
background:url("../images/Star-right.png") no-repeat; left top;}
.footer strong {color:#fff; font-weight:700; font-size:20px; display:block;}
.footer a {color:#fff; font-size:20px; display:inline-block;}

.footer .pic {display:block; padding:20px 0 0;}
.footer .pic img {max-width:120px; border-radius:50%; display:inline-block;}

.footer .social_icons {display:block; text-align:center; padding:20px 0 0;}
.footer .social_icons a {display:inline-block; color:#001138; width:36px; height:36px; text-align:center; line-height:36px; font-size:18px; 
margin:0 5px; background:#fff; border-radius:50%; font-weight:normal;}

.footer .ft_blk {text-align:left; padding:0 15px; position:relative; z-index:1;}
.footer .ft_blk h3 {color:#fff; font-size:28px; margin:0 0 15px;}
.footer .ft_blk p {color:#fff; font-size:15px; line-height:22px;}
.footer .ft_blk p a {color:#fff; font-weight:700; font-size:15px; text-decoration:underline;}

.footer .ft_blk .c_info {overflow:hidden;}
.footer .ft_blk .c_info a {font-size:16px; font-weight:700;}
.footer .ft_blk .c_info .pic {width:64px; float:left; margin:0 20px 0 0; padding:0;}
.footer .ft_blk .c_info .pic img {max-width:100%;}

.footer .ft_blk .social_icons {text-align:left; padding:15px 0 0 84px;}
.footer .ft_blk .social_icons a {margin:0 8px 0 0; transition:all ease 0.5s;}
.footer .ft_blk .social_icons a:hover {background: linear-gradient(to left, #faac53, #fcde57);}

/*Speakers css */

.stars_container {background:#faebda; padding:0 0 70px;}
.stars_container h2 {text-align:center; padding:0 0 30px;}
.stars_container .col4 {margin:0 1%;}
.stars_container  .col-md-4 {
    margin-bottom: 30px;
}

.stars_container .star_blk {display:block; border-radius:5px; padding:15px; box-sizing:border-box; box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
background:#fff; position:relative; overflow:hidden; height:auto; margin:0 0 30px; min-height:505px;}

.stars_container .star_blk .pic {display:block;}
.stars_container .star_blk .pic img {width:100%; border-radius:5px;}
.stars_container .star_blk .pic {
    background: #0c143b;
    border-radius: 5px;
}
.stars_container .star_blk .info {display:block; padding:10px 0 5px;}
.stars_container .star_blk .info h3 {display:block; color:#0c143b; font-size:26px; letter-spacing:0.5px; padding:0; text-transform:uppercase;}
.stars_container .star_blk .info small {display:block; color:#333; font-size:15px; line-height:22px; font-weight:500;}

.stars_container .star_blk .overlay {width:100%; height:100%; position:absolute; left:0; top:0; padding:70px 20px 0; box-sizing:border-box;
background:linear-gradient(to bottom, rgba(10,26,74,0.9) 0%, rgba(12, 20, 59, 0.9) 100%); display:none;}
.stars_container .star_blk .overlay h3 {display:block; color:#fff; font-size:26px; letter-spacing:0.5px; padding:0 0 15px; text-transform:uppercase;}
.stars_container .star_blk .overlay p {display:block; color:#fff; font-size:14px; letter-spacing: 0.25px; padding:0 0 30px; line-height:18px;}
.stars_container .star_blk .overlay .socail_icons {display:block;}
.stars_container .star_blk .overlay .socail_icons a {display:inline-block; color:#fff; width:50px; height:50px; text-align:center; line-height:48px;
font-size:20px; margin-right:5px; border:2px solid #ffffff; border-radius:50%;}
.stars_container .star_blk .overlay .socail_icons a:hover {background:#fff; color:#0c143b;}

/*.btn_blk {display:block; text-align:center; margin:0;}
.btn_blk a {display:inline-block; background:#e69f5a; color:#000; line-height:50px; padding:0 50px; font-size:24px; text-transform:uppercase; 
border-radius:5px; letter-spacing:1px; font-family: "New Amsterdam", sans-serif; font-weight:normal;}
.btn_blk a:hover {background:#441e59; color:#fff;}*/

.booklet_blk {width:50px; position:fixed; right:0; top:50%; z-index:10; margin:-174px 0 0;}
.booklet_blk a {background:url(../images/booket.png) no-repeat left top; width:50px; height:378px; display:inline-block;}

.popup_text{display:none; 
    margin-top: 15px;}


.popup_scn .popup_text {
    display: block;
    text-align: left;
}

.popup_scn .social_spopup {
    display: none;
}
.popup_scn .star_blk img {
    width: 174px !important;
    border-radius: 50%;
    display: inline-block;
    height: 174px;
    background: #0c143b;
    object-fit: cover;
}
.popup_scn .star_blk a.Click_pop {
    display: none;
}
.popup_scn h3 {
    display: block;
    color: #0c143b;
    font-size: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0;
    margin: 10px 0 8px 0;
}
.popup_scn .info {
    display: none;
}


.popup_scn .star_blk {
    text-align: center;
    margin-bottom: 0;
    padding: 20px 0;
}
.popup_scn .socail_icons a {
    font-size: 16px;
    color: #000;
    width: 38px;
    height: 38px;
    border: 1px solid #000;
    display: inline-block;
    padding: 7px 0 7px 0;
    line-height: 20px;
    border-radius: 50%;
    transition: 0.5s all ease;
}
.popup_scn .socail_icons a:hover {
    border: 1px solid #0c143b;
    color: #fff;
    transition: 0.5s all ease;
    background: #0c143b;
}
.popup_text li {
    padding: 0;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 0;
}
.popup_text ul {
    padding: 0;
    margin: 0 0 20px 17px;
}
.popup_scn p {
    padding: 0;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    margin-bottom: 15px;
}
#exampleModalCenter .modal-dialog {
    max-width: 600px;
}
#exampleModalCenter button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background: #0c143b;
    opacity: 1;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    padding-bottom: 8px;
}

/* Header animation css */

.confetti {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
	left:0; 
	top:0;
}
.confetti-piece {
    position: absolute;
    width: 10px;
    height: 30px;
    background: #ffd300;
    top: 0;
    opacity: 0;
}
.confetti-piece:nth-child(1) {
    left: 7%;
    -webkit-transform: rotate(-40deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 182ms;
    -webkit-animation-duration: 1116ms;
}
.confetti-piece:nth-child(2) {
    left: 14%;
    -webkit-transform: rotate(4deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 161ms;
    -webkit-animation-duration: 1076ms;
}
.confetti-piece:nth-child(3) {
    left: 21%;
    -webkit-transform: rotate(-51deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 481ms;
    -webkit-animation-duration: 1103ms;
}
.confetti-piece:nth-child(4) {
    left: 28%;
    -webkit-transform: rotate(61deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 334ms;
    -webkit-animation-duration: 708ms;
}
.confetti-piece:nth-child(5) {
    left: 35%;
    -webkit-transform: rotate(-52deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 302ms;
    -webkit-animation-duration: 776ms;
}
.confetti-piece:nth-child(6) {
    left: 42%;
    -webkit-transform: rotate(38deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 180ms;
    -webkit-animation-duration: 1168ms;
}
.confetti-piece:nth-child(7) {
    left: 49%;
    -webkit-transform: rotate(11deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 395ms;
    -webkit-animation-duration: 1200ms;
}
.confetti-piece:nth-child(8) {
    left: 56%;
    -webkit-transform: rotate(49deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 14ms;
    -webkit-animation-duration: 887ms;
}
.confetti-piece:nth-child(9) {
    left: 63%;
    -webkit-transform: rotate(-72deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 149ms;
    -webkit-animation-duration: 805ms;
}
.confetti-piece:nth-child(10) {
    left: 70%;
    -webkit-transform: rotate(10deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 351ms;
    -webkit-animation-duration: 1059ms;
}
.confetti-piece:nth-child(11) {
    left: 77%;
    -webkit-transform: rotate(4deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 307ms;
    -webkit-animation-duration: 1132ms;
}
.confetti-piece:nth-child(12) {
    left: 84%;
    -webkit-transform: rotate(42deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 464ms;
    -webkit-animation-duration: 776ms;
}
.confetti-piece:nth-child(13) {
    left: 91%;
    -webkit-transform: rotate(-72deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 429ms;
    -webkit-animation-duration: 818ms;
}
.confetti-piece:nth-child(odd) {
    background: #7431e8;
}
.confetti-piece:nth-child(even) {
    z-index: 1;
}
.confetti-piece:nth-child(4n) {
    width: 5px;
    height: 12px;
    -webkit-animation-duration: 2000ms;
}
.confetti-piece:nth-child(3n) {
    width: 3px;
    height: 10px;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-delay: 1000ms;
}
.confetti-piece:nth-child(4n-7) {
  background: red;
}
@-webkit-keyframes makeItRain {
    from {opacity: 0;}
    50% {opacity: 1;}
    to {-webkit-transform: translateY(350px);}
}

/* Shape animation css */

.t_pic {

margin:0 0 0 30px;
width: 100%;
max-width:100%;
	border-radius:200px;
/*-webkit-animation: squareToCircle 2s 1s infinite alternate;*/
}

@-webkit-keyframes squareToCircle {
    0% {
      border-radius: 0 0 0 0;
      transform: rotate(0deg);
    }
    25% {
      border-radius: 50% 0 0 0;
      transform: rotate(45deg);
    }
    50% {
      border-radius: 50% 50% 0 0;
      transform: rotate(90deg);
    }
    75% {
      border-radius: 50% 50% 50% 0;
      transform: rotate(135deg);
    }
    100% {
      border-radius: 50% 50% 50% 50%;
      transform: rotate(180deg);
    }
}

/* Animation css */

.blob {
  position: absolute;
  opacity: 0.5;
  width: 800px;
  aspect-ratio: 1/1;
  animation: animate 10s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite
    alternate forwards;
  filter: blur(40px);
  z-index: -1;
  background: linear-gradient(
    47deg,
    rgba(250, 237, 188, 1) 21%,
    rgb(224, 212, 165, 1) 67%,
    rgba(230, 199, 83, 1) 81%
  );

  /*  Optional  */
  /*   box-shadow: inset 50px 50px 17px 0px #ff588b,
    inset 100px 100px 17px 0px #66319f; */
}

@keyframes animate {
  0% {
    translate: 40% -25%;
    border-radius: 60% 40% 30% 70% / 100% 85% 92% 74%;
  }
  50% {
    translate: 0% 13%;
    border-radius: 20% 71% 47% 70% / 81% 15% 22% 54%;
    rotate: 41deg;
    scale: 1.15;
  }
  100% {
    translate: -45% 39%;
    border-radius: 100% 75% 92% 74% / 60% 80% 30% 70%;
    rotate: -60deg;
    scale: 1.05;
  }
}